/* CSS Document */
a{ text-decoration:none;}
body{
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/* color:#9D9D9D; */
	color:#64727D;
	background-color:#391C2D;
}
#contenido{
	padding:0;
	width:750px;
	text-align:justify;
	background-color:#FFFFFF;
	color:#64727D;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
* html #contenido{
overflow:hidden !important;
}

#idioma, #idiomaInterior{
margin:0;
padding:0;
width:569px;
background-color:#C4D93E;
color:#525C0D;
float:left;
height:auto;
}

#idioma ul, #idiomaInterior ul{
margin:5px 0 0 5px;
padding:0;
}
#idiomaInterior ul{
text-align:right;
float:right;
height:22px;
}
#idioma li, #idiomaInterior li{
margin:0 3px;
padding:0;
float:left;
display:block;
}
* html #idioma li{
margin:0 0 0 5px;
}
#idioma a, #idiomaInterior a{
margin:0;
padding:1px;
float:left;
display:block;
text-align:center;
color:#525C0D;
background-color:#C4D93E;
}
#idiomaActivo, a#idiomaActivo{
color:#FFFFFF;
font-weight:bold;
background-color:#C4D93E;
}

#menuLogo{
z-index:1; 
clear:both;
margin:-395px 0 0 25px;
padding:0;
width:704px;
height:auto;
position:relative;
}

#menuLogoFoto{
z-index:0; 
clear:both;
margin:10px 15px 0 25px;
padding:0;
width:704px;
height:auto;
position:relative;
}

* html #menuLogoInterior{
margin:0 0 0 12px !important;
}
#menuLogo ul, #menuLogoInterior ul{
margin:0;
padding:0;
text-align:left;
background-color:#924774;
color:#FFFFFF;
width:160px;
}
#menuLogo li, #menuLogoInterior li{
margin:0;
padding:0;
background-color:#924774;
color:#FFFFFF;
height:100%;
display:block;
border-bottom:1px solid #ffffff;
list-style-type:none;
}
#menuLogo li a, #menuLogoInterior li a{
margin:0;
padding:3px 12px;
width:138px;
height:100%;
display:block;
background-color:#924774;
background-image:url(../images/images_estructura/flecha.jpg);
background-repeat:no-repeat;
background-position:0 2px;
color:#FFFFFF;
}

#menuLogo li a:hover, #menuLogoInterior li a:hover{
background-color:#C4D93E;
background-image:url(../images/images_estructura/flecha2.jpg);
background-repeat:no-repeat;
background-position:0 2px;
color:#924774;
}


#menuLogo .activo, #menuLogoInterior .activo{
background-color:#C4D93E;
background-image:url(../images/images_estructura/flecha2.jpg);
background-repeat:no-repeat;
background-position:0 2px;
color:#924774;
height:100%;
display:block;
}

#banners{
margin:52px 0 0 -25px;
padding:0;
width:751px;
height:95px;
}
* html #banners{
position:relative !important;
left:0px !important;
}

#banners img{
margin:0;
padding:0;
border:0;
float:left;
}
#ladoInzq{
clear:both;
width:490px;
height:335px;
float:left;
}

#ladoInzq .tituloDestacado1{
margin:0 0 0 13px;
padding:0;
width:450px;
height:20px;
display:block;
float:left;
font-size:18px;
font-style:italic;
}

#ladoInzq .tituloDestacado2{
margin:0 0 0 13px;
padding:0;
width:450px;
height:20px;
display:block;
border-top:5px solid #FFFFFF;
border-bottom:1px solid #CACACA;
color:#924774;;
float:left;
font-size:11px;
font-weight:bold;
}

#ladoInzq #detacado{
margin:0 0 0 25px;
padding:0;
width:250px;
float:left;
}
* html #ladoInzq #detacado{
margin:0 0 0 12px !important;
}
#ladoInzq #detacado img{
float:left;
padding:0 5px;
margin:5px 0 0 0;
}
#ladoInzq #detacado h3{
margin:0;
padding:5px 0 0 0;
color:#276DA9;
background-color:#FFFFFF;
font-size:11px;
text-align:left;
}
#ladoInzq #detacado h3 a{
color:#276DA9;
text-decoration:underline;
}

#ladoInzq #detacado p{
margin:0;
padding:6px 0;
text-align:justify;
}
#indiceMasInfo{
	padding:0;
	border-top:5px solid #FFFFFF;
	float:right;
	width:200px;
	margin: 0;
}
#indiceMasInfo ul{
margin:0;
padding:0;
width:95%;
}
#indiceMasInfo li{
margin:0;
padding:0;
list-style-type:none;
text-align:left;
}
#indiceMasInfo a{
background-color:#FFFFFF;
color:#276DA9;
text-decoration:underline;
background-image:url(../images/images_estructura/flecha_naranja.gif);
background-repeat:no-repeat;
background-position:0 3px;
margin:0;
padding:0 10px;
}
#recomendaciones{
clear:both;
margin:8px 0 0 22px;
padding:0;
background-image:url(../images/images_estructura/bgRecomendaciones.jpg);
background-repeat:no-repeat;
width:464px;
height:140px;
}
#recomendaciones .tituloDestacado{
margin:11px 0 0 17px;
color:#924774;;
padding:0;
width:80%;
height:10%;
float:left;
font-size:11px;
font-weight:bold;
}

#recomendaciones .recomendacion{
margin:0px 0 0 15px;
padding:0;
width:205px;
height:109px;
float:left;
font-size:9px;
}
#recomendaciones .recomendacion img{
margin:1px 0 0 0;
padding:0;
border:0;
float:left;
height:109px;
width:72px;
}
#recomendaciones .recomendacion p{
text-align:justify;
color:#7C7C7C;
}

#ladoDer{
margin:5px 0 0 0px;
padding:0;
width:260px;
height:335px;
float:left;
border-top:10px solid #fff;
}

#recomendacionDes{
color:#7C7C7C;
}

#ladoDer ul{
margin:0;
padding:0;
position:relative;
top:260px;
left:35px;
}
#ladoDer li{
margin:4px 0 0 0;
padding:0;
width:210px;
display:block;
}
#ladoDer li a{
padding:3px 0 0 10px;
background-color:#F2ECCA;
color:#B300D7;
font-weight:bold;
border-top:1px dotted #9A9678;
background-image:url(../images/images_estructura/flecha_morada.gif);
background-repeat:no-repeat;
background-position:0 4px;
display:block;
}

#pie{
margin:0;
padding:0;
clear:both;
width:750px;
background-color:#C4D93E;
color:#9D9D9D;
background-image:url(../images/images_estructura/bgPie.jpg);
background-repeat:repeat-x;
background-position:top;
min-height:80px;
height:auto;
text-align:center;
position:relative;
top:16px;
z-index:5;
}

#pie ul{
margin:0 auto;
padding:10px 0 15px 0;
width:98%;
text-align:center;
}
* +html #pie ul{
	padding-bottom:0px;
}
#pie li{
margin:0 4px;
padding:0;
list-style-type:none;
float:left;
background-color:#C4D93E;
color:#737E2C;
}
#pie .menuPie{
margin:0 auto;
width:98%;
}

#pie .menuPie li{
width:100px;
}

#pie .menuPie .barraLI
{
width:1px;
}


#pie .menuPie a{
color:#737E2C;
background-color:#C4D93E;
text-decoration:underline;
font-size:9px;
}
#pie .subMenuPie{
margin:0 auto;
width:30%;
text-align:center;
font-size:10px;
}
#pie .subMenuPie a{
font-size:11px;
color:#737E2C;
background-color:#C4D93E;
text-decoration:underline;
}

/*INTERIORES*/

#menuLogoInterior{
margin:0 0 0 25px;
padding:0;
width:165px;
float:left;
}
#ladoIzqInterior{
margin:0 15px 10px 15px;
padding:0;
float:left;
width:525px;
}
* html #ladoIzqInterior{
margin:0 7px 10px 7px !important;
}
#ladoIzqInterior p{
text-align:justify;
}
#migas{
margin:10px 0;
padding:0;
width:100%;
display:block;
font-size:10px;
}
#migas ul{
margin:0;
padding:0;
}
#migas li{
margin:0 2px;
padding:0;
float:left;
list-style-type:none;
color:#276DA9;
background-color:#FFFFFF;
}
#migas a{
color:#276DA9;
background-color:#FFFFFF;
text-decoration:underline;
}
#ladoIzqInterior h1{
margin:50px 0 0 0;
padding:0;
clear:both;
display:block;
font-size:14px;
color:#276DA9;
background-color:#FFFFFF;
height:30px;
}
* +	html #ladoIzqInterior h1{
margin:25px 0 0 0;
}
* html #ladoIzqInterior h1{
margin:25px 0 0 0 !important;
}


#ladoIzqInterior #foto{
margin:0 10px 0 0;
padding:0;
width:140px;
height:165px;
float:left;
}

#ladoIzqInterior #fotopequenna {
margin:0 1px 0 0;
padding:0;
width:92px;
height:92px;
float:left;
}
#ladoIzqInterior #fotopequenna p{
margin:0;
padding:0;
width:100%;
text-align:center;
font-size:9px;
float:left;
}
#ladoIzqInterior #foto p{
margin:0;
padding:0;
width:100%;
text-align:center;
font-size:9px;
float:left;
}
#ladoIzqInterior .cajaSuperior{
margin:0;
padding:0;
float:left;
width:375px;
}
#ladoIzqInterior .cajaSuperiorTopCero{
	margin:0;
	padding:0;
	float:left;
	width:525px;
}
#ladoIzqInterior .cajaSuperiorTopCero p{
margin:0;
}

.bordeRosa{
border:1px solid #DFC0D2;
padding:10px;
margin:0;
}
.bordeRosaBlock{
border:1px solid #DFC0D2;
padding:5px;
margin:0;
width:98%;
}
.bordeRosaBlock p{
margin:0;
padding:5px;
}
#preguntas{
clear:both;
margin:0;
padding:10px;
width:505px;
background-color:#FAF5D2;
min-height:275px;
height:275px;
color:#7C7C7C;
}

.preguntasTop{
clear:both;
margin:0;
padding:0;
background-image:url(../images/images_estructura/preguntasTop.jpg);
width:525px;
height:15px;
}
.preguntasDown{
margin:0;
padding:0;
background-image:url(../images/images_estructura/preguntasDown.jpg);
width:525px;
height:15px;
}
* html .preguntasDown{
position:relative;
top:-19px;
clear:both;
}

* +html .preguntasDown{
position:relative;
top:-19px;
clear:both;
}
#preguntas p{
margin:0;
padding:2px;
}
#preguntas h2{
margin:0 0 10px 0;
padding:10px 0 0 0;
color:#276DA9;
background-color:#FAF5D2;
font-size:11px;
font-weight:bold;
border-bottom:1px dotted #9A9678;
}

#preguntas form{
margin:10px 0 0 20px;
color:#276DA9;
background-color:#FAF5D2;
}
#preguntas form label{
font-weight:bold;
}
#preguntas .cajaPreguntasFinal{
margin:10px 0;
padding:10px;
border:1px solid #E4DA93;
background-color:#FFFFFF;
color:#7C7C7C;
}
.botonFrom{
display:block;
text-align:right;
float:right;
width:85px;
}

/*LISTADOS*/

#listado{
margin:0;
padding:0;
width:100%;
clear:both;
}
#listado h2{
margin:0;
padding:0;
background-color:#FFFFFF;
color:#924774;
border-bottom:1px solid #CACACA;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#listado h3 a{
background-color:#FFFFFF;
color:#276DA9;
font-size:12px;
font-weight:bold;
}
#listado .padre{
padding:2px;
float:left;
}
#listado .grupo{
margin:5px;
padding:2px;
width:242px;
border-bottom:1px solid #cacaca;
float:left;
}
#listado .subGrupo{
margin:5px;
padding:2px;
width:100%;
border-bottom:1px solid #cacaca;
height:auto;
min-height:92px;
}


#listado .grupo img, #listado .subGrupo img{
	width:82px;
	float:left;
	margin: 0;
	padding-top: 0;
	padding-right: 5;
	padding-bottom: 5;
	padding-left: 0;
}
#listado .grupo h3, #listado .subGrupo h3{
margin:5px 0 0 0;
padding:0;
background-color:#FFFFFF;
color:#276DA9;
font-size:12px;
font-weight:bold;
text-align:left;
}
#listado .grupo h3 a, #listado .subGrupo h3 a{
color:#276DA9;
text-decoration:none;	
}
#listado .grupo p, #listado .subGrupo p{
margin:0;
padding:0;
}

#listadoCorto{
margin:0;
padding:0;
width:100%;
clear:both;
}
#listadoCorto h2{
margin:0;
padding:0;
background-color:#FFFFFF;
color:#924774;
border-bottom:1px solid #CACACA;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
#listadoCorto .grupo{
margin:5px;
padding:2px;
width:235px;
border-bottom:1px solid #cacaca;
float:left;
}
#listadoCorto .subGrupo{
margin:5px;
padding:2px;
width:100%;
border-bottom:1px solid #cacaca;
height:30px;
}


#listadoCorto .grupo img, #listadoCorto .subGrupo img{
	width:82px;
	float:left;
	margin: 0;
	padding-top: 0;
	padding-right: 5;
	padding-bottom: 5;
	padding-left: 0;
}
#listadoCorto .grupo h3, #listadoCorto .subGrupo h3{
margin:5px 0 0 0;
padding:0;
background-color:#FFFFFF;
color:#276DA9;
font-size:11px;
font-weight:bold;
}
#listadoCorto .grupo h3 a, #listadoCorto .subGrupo h3 a{
color:#276DA9;
text-decoration:none;	
}
#listadoCorto .grupo p, #listadoCorto .subGrupo p{
margin:0;
padding:0;
}

#menuLogoInterior ul #subnivel{
margin:0;
padding:0;
width:160px;
background-color:#D4E372;
color:#A2B339;
}

#menuLogoInterior ul #subnivel ul{
margin:-2px 0 0 0;
padding:0;
width:162px;
background-color:#D4E372;
color:#A2B339;
display:block;
overflow:hidden;
}

#menuLogoInterior ul #subnivel ul li{
margin:0 10px;
background-color:#D4E372;
color:#A2B339;
height:100%;
width:145px;
display:block;
border-bottom:1px solid #A2B339;
}
* html #menuLogoInterior ul #subnivel ul li{
width:95px !important;
}

#menuLogoInterior ul #subnivel ul li a{
margin:0;
padding:3px 12px;
width:128px;
height:100%;
display:block;
background-color:#D4E372;
color:#A2B339;
background-image:url(../images/images_estructura/flecha_verde.gif);
background-repeat:no-repeat;
background-position:2px 4px;
}
* html #menuLogoInterior ul #subnivel ul li a{
width:120px !important;
}


#menuLogoInterior ul #subnivel ul li a:hover{
background-color:#D4E372;
color:#924774;
}
#menuLogoInterior ul #subnivel ul .subnivelActivo{
background-color:#D4E372;
color:#924774;
}

/*PIRAMIDE*/
#cajaPiramide{
margin:10px 0;
padding:5px 0;
width:252px;
height:425px;
}
#piramide{
margin:0;
padding:0;
width:279px;
height:414px;
position:relative;
left:125px;
z-index:100;
display:table;
}

.texto1{
margin:0;
padding:10px;
background-color:#FFDDBC;
color:#777777;
position:relative;
left:-999px;
top:-999px;
z-index:25;
width:275px;
display:block;
}
.texto1 h2{
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
color:#777;
background-color:#FFDDBC;
width:85%;
display:block;
}
.texto1 p{
margin:0;
padding:5px 0;
color:#9D9D9D;
background-color:#FFDDBC;
width:75%;
display:block;
}
#botones{
margin:10px 0;
padding:5px;
float:left;
width:525px;
text-align:right;
border-top:1px dotted #9A9678;
position:relative;
z-index:15;
}
/*#botonesPiramide{
margin:0;
padding:0;
position:absolute;
top:685px;
left:400px;
}*/
.btsIconosVerdes{
height:19px;
display:block;
text-align:right;
float:right;
}
.btsIconosVerdes p{
background-color:#C2D931;
color:#8F4270;
font-weight:bold;
font-size:11px;
text-align:center;
float:left;
position:relative;
top:2px;
/*height:16px;*/
padding:0 5px 3px 5px;
}
* html .btsIconosVerdes p{
margin:0 !important;
padding:0px 5px 0 5px !important;
height:17px !important;

}
.iconoPrint{
width:21px;
height:19px;
background-image:url(../images/images_estructura/iconoBtImprimir.jpg);
background-repeat:no-repeat;
float:left;
position:relative;
top:1px;
}

.iconoEnviarAmigo{
width:21px;
height:19px;
background-image:url(../images/images_estructura/iconoBtEnviarAmigo.jpg);
background-repeat:no-repeat;
float:left;
position:relative;
top:1px;
}
.iconoPDF{
width:21px;
height:19px;
background-image:url(../images/images_estructura/iconoBtPDF.jpg);
background-repeat:no-repeat;
float:left;
position:relative;
top:1px;
}
.iconoSolo{
width:9px;
height:19px;
background-image:url(../images/images_estructura/iconoBtSolo.jpg);
background-repeat:no-repeat;
float:left;
position:relative;
top:1px;
}
.iconoSiguiente{
position:relative;
top:1px;
width:21px;
height:19px;
background-image:url(../images/images_estructura/iconoBtSiguiente.gif);
background-repeat:no-repeat;
float:left;
}

.iconoMasInfo{
width:21px;
height:19px;
background-image:url(../images/images_estructura/iconoBtMasInfo.jpg);
background-repeat:no-repeat;
float:left;
position:relative;
top:1px;
}
.btsIconosVerdes a{
margin:0;
padding:0;
color:#8F4270;
font-weight:bold;
text-decoration:none;
}
.finIconoVerde{
position:relative;
top:1px;
background-image:url(../images/images_estructura/iconoVerdeFin.gif);
background-repeat:no-repeat;
width:9px;
height:19px;
float:left;
}
.iconoCorreccion{
margin:0;
height:13px;
}

#indicePreguntas{
	padding:0;
	border-top:5px solid #FFFFFF;
	float:left;
	width:325px;
	margin: 0;
}
#indicePreguntas ul{
margin:0;
padding:0;
width:100%;
}
#indicePreguntas li{
margin:0;
padding:0;
list-style-type:none;
}
#indicePreguntas a{
background-color:#FFFFFF;
color:#276DA9;
text-decoration:underline;
background-image:url(../images/images_estructura/flecha_naranja.gif);
background-repeat:no-repeat;
background-position:0 3px;
margin:0;
padding:0 10px;
}

#saberMas {
margin:0;
}

#contenidoTexto{
margin:0;
}

#contenidoTexto h1{
margin:50px 0 0 0;
padding:0;
clear:both;
display:block;
font-size:14px;
color:#276DA9;
background-color:#FFFFFF;
height:30px;
}
* +	html #contenidoTexto h1{
margin:25px 0 0 0;
}
* html #contenidoTexto h1{
margin:25px 0 0 0 !important;
}


