@charset "utf-8";
/* CSS Document */
/* FONTS */

*{margin:0px; padding:0px;}
html, body{height:100%; width:100%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; font-size:100%;}
body{background-color:#E6E6E6; font-size:13px; overflow:hidden;}

#wrapper{width:889px; margin:auto; height:600px}
.cierre{clear:both;}
a{color:#F15A24; text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; color:#3FA9F5; font-size:13px;}
img{border:none;}
em{font-style:italic;}
/* MENU PRINCIPAL */
#visor_menu{background:url(../img/bg.jpg) no-repeat left top; width:884px; height:510px; margin:auto;}
#visor_menu h1{font-size:32px; padding:75px 0 40px 70px;}
#barra{position:relative; background:url(../img/barra.jpg) no-repeat left center; width: 775px; height:200px; margin:0px auto;}
#tit1 p{text-align:center; color:#fff; font-size:14px; line-height:20px; position:absolute; left:124px; top:70px;}
#tit2 p{text-align:center; color:#fff; font-size:14px; line-height:20px; position:absolute; left:344px; top:70px;}
#tit3 p{text-align:center; color:#fff; font-size:14px; line-height:20px; position:absolute; left:557px; top:80px;}
#bola1{width:149px; height:149px; border-radius:150px; background-color:#80C6DB; position:absolute; left:100px; top:25px;}
#bola2{width:149px; height:149px; border-radius:150px; background-color:#00C4DB; position:absolute; left:315px; top:25px;}
#bola3{width:149px; height:149px; border-radius:150px; background-color:#00A6B7; position:absolute; left:530px; top:25px;}
#capa1{width:149px; height:149px; position:absolute; left:100px; top:25px; cursor:pointer;}
#capa2{width:149px; height:149px; position:absolute; left:315px; top:25px; cursor:pointer;}
#capa3{width:149px; height:149px; position:absolute; left:530px; top:25px; cursor:pointer;}

#barra_2{position:relative; width: 775px; height:200px; margin:-30px auto 0 auto; display:none;}
#bola2_1{width:106px; height:106px; border-radius:150px; background-color:#BC1717; position:absolute; left:150px; top:15px;}
#bola2_2{width:106px; height:106px; border-radius:150px; background-color:#BC1717; position:absolute; left:280px; top:15px;}
#bola2_3{width:106px; height:106px; border-radius:150px; background-color:#BC1717; position:absolute; left:410px; top:15px;}
#bola2_4{width:106px; height:106px; border-radius:150px; background-color:#BC1717; position:absolute; left:540px; top:15px;}
#tit2_1 p{text-align:center; color:#fff; font-size:12px; line-height:16px; position:absolute; left:170px; top:35px;}
#tit2_2 p{text-align:center; color:#fff; font-size:12px; line-height:16px; position:absolute; left:300px; top:35px;}
#tit2_3 p{text-align:center; color:#fff; font-size:12px; line-height:16px; position:absolute; left:430px; top:35px;}
#tit2_4 p{text-align:center; color:#fff; font-size:12px; line-height:16px; position:absolute; left:560px; top:35px;}

#bola1 img, #bola2 img, #bola3 img, #bola2_1 img, #bola2_2 img, #bola2_3 img, #bola2_4 img{display:block; width:100%; position:absolute; top:0px;}


#barra2{position:relative; width:600px; height:183px; margin:-80px auto 0 auto; overflow:hidden;}
.boton{position:absolute; width:107px; height:106px; top:190px; cursor:pointer; display:block; background-position:0 0;}
#boton0{left:82px; background:url(../img/btn_nav1.png) no-repeat;}
#boton1{left:202px; background:url(../img/btn_nav2.png) no-repeat;}
#boton2{left:322px; background:url(../img/btn_nav3.png) no-repeat;}
#boton3{left:442px; background:url(../img/btn_nav4.png) no-repeat;}
#boton0 span.hover{
	position: absolute;
	display: block;
	height: 106px;
	width: 107px;
	background: url(../img/btn_nav1.png) no-repeat;
	background-position: bottom;
	top:0px;
}
#boton1 span.hover{
	position: absolute;
	display: block;
	height: 106px;
	width: 107px;
	background: url(../img/btn_nav2.png) no-repeat;
	background-position: bottom;
	top:0px;
}
#boton2 span.hover{
	position: absolute;
	display: block;
	height: 106px;
	width: 107px;
	background: url(../img/btn_nav3.png) no-repeat;
	background-position: bottom;
	top:0px;
}
#boton3 span.hover{
	position: absolute;
	display: block;
	height: 106px;
	width: 107px;
	background: url(../img/btn_nav4.png) no-repeat;
	background-position: bottom;
	top:0px;
}


/* PORTADA */
#bg{width: 100%;
	display: inline-block;
	vertical-align: middle;
	background-size: 200%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image:url(../img/cicle.jpg);
	height:100%;
}
#bg7{
	display:none;
}
#pantalla{
	width:884px;
	height:510px;
	background:url(../img/portada01.jpg) no-repeat left top;
	margin:0px auto;
	display:none;
}

#pantalla p{
	width:760px;
	margin:0px auto 0 auto;
	text-align:center;
	font-size:30px;
	color:#3FA9F5;
	padding-top:150px;
	line-height:35px;
}
#accede{
	position:relative;
	display:block;
	height: 36px;
	width: 154px;
	background:url(../img/bot_ac.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin: 40px auto 0;
}	
#accede span.hover{
	position: absolute;
	display: block;
	height: 36px;
	width: 154px;
	background: url(../img/bot_ac.jpg) no-repeat;
	background-position: bottom;
	top:0px;
}
	/* PORTADA IE 7 y 8 */
.ie7 #bg7{width: 200%;
	display: inline-block;
	vertical-align: middle;
	height:200%;
	position:fixed;
	left:-50%;
	top:-25%;
}
.ie7 #bg7 img{
	width:100%;
	display:block;
}
.ie7 #cont_pantalla{
	width:884px;
	height:510px;
	position:relative;
	margin:auto;
	z-index:20;
}
	
.ie7 #pantalla{
	width:884px;
	height:510px;
	background:url(../img/portada01.jpg) no-repeat left top;
	position:absolute;
	z-index:20;
	display:none;
}

/* CONTENIDO */
/* CAPTURAS */
#visor{padding:20px 0; background:#fff; clear:both; text-align:center;}
#visor img{margin:0px auto;}
#visor .myslides_container {width:800px; height:446px; overflow:hidden; position:relative; margin:0px auto;}
#visor .myslides_container div.myslide{width:4000px; height:446px; display:block; position:absolute; left:0px;}
#visor .myslides_container div.capa{width:800px; height:446px; display:block; float:left;}
.multimedia #visor .myslides_container div.myslide{width:40000px;}
#menu{padding-bottom:11px; height:31px}
.principal{width:300px; float:left;}
.principal h2{margin-left:10px; float:left; width:200px; color:#E33145; margin-top:0px; line-height:15px;}
.multimedia .principal{width:250px; float:left;}
.multimedia .principal h2{margin-left:10px; float:left; width:141px; color:#E33145; margin-top:0px; line-height:15px;}
#btn_menu{position:relative; display:block;	height: 31px; width: 84px;	background:url(../img/btn_menu.png) no-repeat; background-position:0 0;	cursor: pointer; float:left}	
#btn_menu span.hover{position: absolute; display: block; height:31px; width:84px; background: url(../img/btn_menu.png) no-repeat; background-position: bottom; top:0px;}
.secundario{width:634px; float:right; display:none;}
.secundario div{margin-left:6px;}
.multimedia .secundario{display:block;}
#btn_nav{position:relative; display:block;	height: 31px; width: 95px;	background:url(../img/btn_1.png) no-repeat; background-position:0 0; cursor: pointer; float:left; margin-left:0px !important;}	
#btn_nav span.hover{position: absolute; display: block; height:31px; width:95px; background: url(../img/btn_1.png) no-repeat; background-position: bottom; top:0px;}
#btn_nav.activo{display: block; height:31px; width:95px; background: url(../img/btn_1.png) no-repeat; background-position: bottom; top:0px;}
#btn_tex{position:relative; display:block;	height: 31px; width: 138px;	background:url(../img/btn_2.png) no-repeat; background-position:0 0; cursor: pointer; float:left}	
#btn_tex span.hover{position: absolute; display: block; height:31px; width:138px; background: url(../img/btn_2.png) no-repeat; background-position: bottom; top:0px;}
#btn_tex.activo{ display: block; height:31px; width:138px; background: url(../img/btn_2.png) no-repeat; background-position: bottom; top:0px;}
#btn_fij{position:relative; display:block;	height: 31px; width: 165px;	background:url(../img/btn_3.png) no-repeat; background-position:0 0; cursor: pointer; float:left}
#btn_fij span.hover{position: absolute; display: block; height:31px; width:165px; background: url(../img/btn_3.png) no-repeat; background-position: bottom; top:0px;}
#btn_fij.activo{display: block; height:31px; width:165px; background: url(../img/btn_3.png) no-repeat; background-position: bottom; top:0px;}
#btn_int{position:relative; display:block;	height: 31px; width: 217px;	background:url(../img/btn_4.png) no-repeat; background-position:0 0; cursor: pointer; float:left}
#btn_int span.hover{position: absolute; display: block; height:31px; width:217px; background: url(../img/btn_4.png) no-repeat; background-position: bottom; top:0px;}
#btn_int.activo{display: block; height:31px; width:217px; background: url(../img/btn_4.png) no-repeat; background-position: bottom; top:0px;}

#pie{padding-top:20px;}
.descripcion{float:left; width:625px; font-size:16px;}
#navegacion{float:right; width:174px;}
#ant{position:relative; display:block;	height: 31px; width: 84px;	background:url(../img/ant.jpg) no-repeat; background-position:0 0;	cursor: pointer; float:left; margin-right:6px}	
#ant span.hover{position: absolute; display: block; height:31px; width:84px; background: url(../img/ant.jpg) no-repeat; background-position: bottom; top:0px;}
#sig{position:relative; display:block;	height: 31px; width: 84px;	background:url(../img/sig.jpg) no-repeat; background-position:0 0;	cursor: pointer; float:left}	
#sig span.hover{position: absolute; display: block; height:31px; width:84px; background: url(../img/sig.jpg) no-repeat; background-position: bottom; top:0px;}
#ant.off{background:url(../img/ant_off.jpg) no-repeat;}
#ant.off span.hover{display:none; background-position: bottom; top:0px;}
#sig.off{background:url(../img/sig_off.jpg) no-repeat;}
#sig.off span.hover{display:none; background-position: bottom; top:0px;}

.textos{display:none;}
#t_1{display:block;}