/***** Submenu apartados ******/

.marcoFoto{
border: 3px solid #88B9B1;}

.subMenu{
width:auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
border-right: 1px solid #E8B671;
border-left: 2px solid #E8B671;
}

.subMenu a ,.subMenu span{
font: 11px "Lucida Grande", "Trebuchet MS", Verdana;
display: inline;
color: #04655C;
padding-left: 9px;
padding-right: 9px;
text-indent: 8px;
text-decoration: none;}

.subMenu a:hover{
color:#E07B17;
}

.subMenu span.actual {
color:#E07B17;
padding-left:13px;
margin-left:3px;
background: url("../img/icoFlechaAbaj.gif") no-repeat left center;
}
.subMenu span.actual {
cursor:default;
}

/***** Fin del submenu apartados ******/

/***** Mini iconos de paginado ******/
.paginas{
width:auto;
padding: 0 25px 0 5px;

border-right: 1px solid #E8B671;
}

.paginas ul{
margin: 0;
padding: 2px;
text-align: right; 
font-size: 10px;
}

.paginas li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.paginas a, .paginas a:visited{
padding: 0 5px;
border: 1px solid #04655C;
text-decoration: none; 
color: #2e6ab1;
}

.paginas span{
padding: 0 5px;
border: 1px solid #04655C;
text-decoration: none; 
color: #2e6ab1;
}

.paginas a:hover, .paginas a:active{
border: 1px solid #04655C;
color: #000;
background-color: #E8B671;
}

.paginaAnteriorSiguiente{
padding: 0px 3px;
}

.paginaActual{
background-color: #04655C;
color: #FFF !important;
border:1px solid #04655C;
cursor: default;
}

.paginaDeshabilitada{
background-color: #CECECE !important;
cursor:default;
color: #7B7B7B !important;
border:1px solid #04655C;
cursor: default;
}

/***** Fin mini iconos de paginado ******/

.lateralIzquierdo {
background: url(../img/educacion/lat-educa.gif ) 8px 0;
padding-right:10px;
border-left: 2px solid #E8B671;
border-bottom: 1px solid #E8B671;
}

.cabeceraNaranja{
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
font-style: normal;
color: #E27A26; 
padding-top: 10px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 15px;
border-right: 1px solid #E8B671; }

.naranja{
color: #E27A26; 
}

.contenidoPlano{
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
font-style: normal;
color: #000; 
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 20px;
border-right: 1px solid #E8B671;}

.contenidoPlano p{
margin:10px 0 0 0;}

.finContenido{
padding-top:10px;
border-right: 1px solid #E8B671;
border-bottom: 1px solid #E8B671; }

.cabeceraVerde {
color: #04655C;
font-weight: bold;}

.subtituloVerde {
color: #04655C;
font-style:italic;
font-size:13;
font-weight: bold;}


.subtituloVerdeMayor {
color: #04655C;
font-size: 17px;
font-weight: bold;}

.subtituloNaranja {
color: #E27A26;
font-size:10;}

.interiorTabla div{
padding-left:5px;
font-size:8;
}

.interiorTabla span{
color: #ffffff;
}

/*** Pestañas de navegación ****/

.ddoverlap{
border-bottom: 1px solid #E8B671;
}

.ddoverlap ul{
padding:0;
margin: 0;
font: bold 100% default;	
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: #3C736E;
background: transparent url("../img/educacion/pestana_naranja.gif") 100% -0px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 2px solid #E8B671;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li div{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: #3C736E;
background: transparent url("../img/educacion/pestana_naranja.gif") 100% -0px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 2px solid #E8B671;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: #3C736E;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected div { /*selected tab style*/
color: #3C736E;
cursor:default;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 0px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url("../img/educacion/pestana_blanco.gif") 100% 0 no-repeat;
top: 1px;
}

.ddoverlap li.selected  a span:hover{
text-decoration: none;
}

ul li {
list-style-type: none;
display: block;}

.espacio {
padding-bottom:5px;}

.lista li{
margin-top:0px;
margin-bottom:8px;
padding-left:12px;
background: url("../img/educacion/cir-enlaces.gif") 0 3px no-repeat}

.fotoDerecha img{
margin-top:10px;
margin-left:20px;}

.fotoIzquierda img{
margin-top:10px;
margin-right:20px;}

.fotoLista img{
margin-right:20px;}

.fotoLista {
padding-left:75px;}

.tablaInformativa td {
margin:0px;
padding-left:15px;}

.interiorTablaEducacion p{
font-size: 9px;
margin:0px}

.tablaAlimentacion td{
padding-left:10px;
color:#FFFFFF;
background-color:#3C736E;
}

.cabeceraTabla {
	font-size: 14px;
	font-weight: bold;
	margin-bottom:25px;
}

</style>


[if IE]>
<style type="text/css">

.menuVertical{
width: 150px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #DF6C02; /* thick left border of menu */

}
.menuVertical li a{ /* Menu link width value for IE */
font: bolder 11px "Lucida Grande", "Trebuchet MS", Verdana;
width: 130px;
}

.menuVerde{
width: 150px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #DF6C02; /* thick left border of menu */

}
.menuVerde li a{ /* Menu link width value for IE */
font: bolder 11px "Lucida Grande", "Trebuchet MS", Verdana;
width: 130px;
}

.visible {
visibility:visible;
}

.oculto{
display:none;}

.lateralIzquierdo {
	background-image: url(../img/lat-guia-e.gif);
	background-repeat: no-repeat;}

.ddoverlap{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}

</style>
<![endif]

}