/* *********************************************
nico.risso // Estudio de Diseño Gráfico.
Diseño y maquetado
http://www.nicorisso.com
********************************************* */

/****** ETIQUETAS ********/

body {
	background-color:#000;
	margin:0;
	padding:0;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url(images/bg_body.gif);
	background-repeat:repeat-x;
	background-position:top;
	text-align:left;
}

div {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:left;
	}

p { font: normal 12px/16px Arial, Helvetica, sans-serif;	color: #FFFFFF;}
h1 { font: normal 16px/20px Arial, Helvetica, sans-serif;	color: #FFFFFF;}

strong { font-family: Arial, Helvetica, sans-serif; font-weight:bold; }

.clear { clear:both; }

.info_gris { font: normal 12px/14px Arial, Helvetica, sans-serif; color: #808080;	}

/****** MAQUETADO GENERAL ********/

#box {
	text-align: left;
	width: 950px;
	margin: 0 auto;
}

/*** ACORDEON ***/

.trigger {
	color:#FFF;
	padding: 20px 0 0px 45px;
	height:24px;
	margin:5px 0 0 0;
	}

.trigger_bg_m {
	background-image:url(images/bg_equipo_m.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	}

.trigger_bg_f {
	background-image:url(images/bg_equipo_f.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	}

.trigger a {
	color:#FFF;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 0 0 5px 0;
	}

.toggle_container  {
	background-color:#FFF;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 15px;
	
	}

.toggle_container p {font: normal 12px/16px Arial, Helvetica, sans-serif; color:#333333;}
.toggle_container a {font: bold 12px/16px Arial, Helvetica, sans-serif; color: #666;}

/*** HEADER ***/

#header {
	display:block;
	float: left;
	width:950px;
	text-align:left;
	height: 210px;
}
.in-header_izq {
	float:left;
	display:inline;
	width: 220px;
	height:210px;
	}
.in-header_der {
	float: right;
	display:inline;
	width: 730px;
	height: 210px;
	position:relative;
	}

/*** BOTONERAS ***/




.btn_ubicacion { 	position: absolute; top: 0px; left: 0px; display: block;	width:170px;	height:210px; }
.btn_cultura { 	position: absolute; top: 47px; left: 170px;	display: block;	width:60px;	height:80px; }
.btn_pelicula { 	position: absolute; top: 47px; left: 260px;	display: block;	width:100px;	height:117px; }
.btn_merchandising { 	position: absolute; top: 12px; right: 230px;	display: block;	width:110px;	height:118px; }
.btn_ayudanos { 	position: absolute; top: 30px; right: 50px;	display: block;	width:151px;	height:82px; }
.btn_contacto { 	position: absolute; top: 112px; right: 0px;	display: block;	width:122px;	height:50px; }

.btn_video-corto { 	position: absolute;	top: 15px;	right: 365px;	display: block;	width:209px;	height:129px;}
.btn_ayudanos-home { 	position: absolute;	top: 15px;	right: 4px;	display: block;	width:320px;	height:116px;}

.btn_sub_pelicula {
	position: absolute;
	top: 192px;
	left: 66px;
	display: block;
	width:99px;
	height:25px;
}
.btn_sub_sinopsis {
	position: absolute;
	top: 217px;
	left: 172px;
	display: block;
	width:81px;
	height:25px;
}
.btn_sub_personajes {
	position: absolute;
	top: 240px;
	left: 45px;
	display: block;
	width:111px;
	height:29px;
}
.btn_sub_equipo {
	position: absolute;
	top: 285px;
	left: 126px;
	display: block;
	width:82px;
	height:22px;
}


/**** CONTENT ****/

#content {
	display:block;
	float: left;
	width:950px;
	padding:0 0px 0 0;
	position:relative;
}

#izq {
	display: inline;
	float: left;
	position:relative;
	width: 300px;
	padding: 0 0 0 0;
	margin: 0 25px 0 0 ;
	}
	
#der {
	display: inline;
	float: right;
	position:relative;
	width: 625px;
	padding: 0 0 0 0;
	margin: 0;
	}

/**** FOOTER ****/

#footer {
	float: left;
	display:block;
	width:100%;
	font: normal 10px/15px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	left:0px;
	right:0px;
	bottom: 0px;
	background-color:#FFF;
	background-image:url(images/bg_footer.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#in-footer {
	display:block;
	width:950px;
	font: normal 10px/15px Arial, Helvetica, sans-serif;
	color: #808080;
	margin:0 auto;
	background-image:url(images/bg_infooter.gif);
	background-repeat: no-repeat;
	background-position:top;
	padding:150px 0 0px 0;
	text-align:left;
	}
.in-footer_datos {
	display:block;
	width: 950px;
	height:60px;
	padding: 15px 0 20px 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #CCC;
	}
.in-footer_datos-01 {
	display:inline;
	float: left;
	width: 60px;
	height:60px;
	padding:3px 0 0 0;
	}
.in-footer_datos-02 {
	display:inline;
	float: left;
	width: 400px;
	height:60px;
	padding:5px 0 0 0;
	}
.in-footer_datos-03 {
	display:inline;
	float: right;
	width: 300px;
	height:60px;
	padding:0;
	}
	
/* CSS LINKS */

.link_gris {	font: normal 12px/16px Arial, Helvetica, sans-serif; color: #808080;	}
.link_gris:hover { text-decoration:none;}


/**** PARCHES ****/

.recorrido p { color:#000}

.recorrido {  padding:40px; background-image:url(images/bg_recorrido.gif); background-position:top; background-repeat:no-repeat;  }

/**** SLIDER http://slidesjs.com/ ****/

#container {
	width:580px;
	padding:10px 10px 0px 10px;
	margin:0 auto;
	position:relative;
	z-index:0;
	background-image:url(images/slider/slider_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#example {
	width:580px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:14px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:550px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:570px;
	height:305px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:142px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:570px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}