/* Página HOME CSS  */img{border:0;}
body{
margin:0;
background-position:top;
background-image:url(../img/fondoContPrincipal.jpg);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
}
#contenedor_principal{
float:left;
width:95%;
padding-left:2.5%;
}
#contenedor_izq{
float:left;
width:100%;
background-position:top left;
background-image:url(../img/sombra_izquierda_p.jpg);
background-repeat:repeat-y;
}
#sombra_izq{
float:left;
width:100%;
background-position:top left;
background-image:url(../img/sombra_izquierda.jpg);
background-repeat:no-repeat;
}
#contenedor_drch{
background-position:top right;
background-image:url(../img/sombra_derecha_p.jpg);
background-repeat:repeat-y;
float:right;
width:99.3%;
}
#sombra_drch{
background-position:top right;
background-image:url(../img/sombra_derecha.jpg);
background-repeat:no-repeat;
float:right;
width:100%;
}
#contenedor_centro{
float:left;
margin:0;
width:99.3%;
}
/*******************************
			CABECERA
*******************************/
#cabecera{
margin:0;
float:left;
background-position:bottom;
background-image:url(../img/fondoCab.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
width:100%;
padding-bottom:0.3%;
}
#cabIzq{
float:left;
width:69.5%;
padding: 0.5% 1% 0 0.5%;
overflow:hidden;
}
#logoMSPS{
float:left;
width:28%;
background-color:#FCDD11;
padding-right:2%;
}
#cabIzq img{
float:left;
width:auto;
overflow:hidden;
}
#idiomas{
float:left;
margin:0;
width:68%;
padding-left:1%;
}
.menuIdiomas{
margin:0;
border:0;
padding: 0;
float:left;
width:100%;
}
.menuIdiomas li{
display: inline;
list-style-type: none;
margin:0;
margin-right:1%;
float:left;
font-size:0.7em;
}
.menuIdiomas a:link, .menuIdiomas a:visited{
color: #225E9A;
text-decoration: none;
overflow:hidden;
}
.menuIdiomas a:link#current,
.menuIdiomas a:visited#current,
.menuIdiomas a:hover {
overflow:hidden;
color: #225E9A;
text-decoration: none;
}
#cabDrch{
float:left;
width:28%;
margin:0.5% 0 0 0;
}
/************************ titulo Sede Electrónica **********************************/
#tituloSede{
width:55%;
float:left;
padding-left:1%;
padding-top:1.5%;
text-align:left;
}
#tituloSede a{
font-style:italic;
font-weight:bold;
font-size:1em;
color:#225E9A;
text-decoration:none;
margin:0;
padding:0;
}
/*************** Accesos ****************/
#accesos{
width:22.1em;
float:right;
font-size:0.75em;
overflow:hidden;
}
#accesos ul{
list-style-type:none;
color:#3A3E41;
margin:0;
padding:0;
float:right;
width:100%;
}
#accesos ul li{
display:inline;
float:left;
padding-left:1%;
}
#accesos img{
float:left;
width:auto;
}
.li_largo{
float:left;
padding-right:4%;
}
#accesos a:link,
#accesos a:visited{
float:left;
text-decoration:none;
color:#3A3E41;
float:left;
margin:0;
font-weight:bold;
}
#accesos a:hover{
float:left;
text-decoration:none;
color:#3A3E41;
font-weight:bold;
}
/*********** Atención al usuario **************/
#atencionUsuario{
float:right;
width:73%;
border-color:#225E9A; 
border-style: solid;
border-width:0.05em; 
padding: 0.5% 0.5% 0.5% 1%;
margin-top:2%;
font-size:0.8em;
}
#atencionUsuario a:link, 
#atencionUsuario a:visited{
color: #225E9A;
text-decoration: none;
overflow:hidden;
font-weight:normal;
}
#atencionUsuario img{
vertical-align:middle;
padding-right:1%;
}
#atencionUsuario a:link#current,
#atencionUsuario a:visited#current,
#atencionUsuario a:hover {
overflow:hidden;
color:#225E9A;
text-decoration: none;
font-weight:normal;
}
/******************** fin Cabecera ************************/

/***************************************
			 ZONA CENTRAL
****************************************/
#cuerpo{
float:left;
margin:0;
background-position:top;
background-image:url(../img/fondoCentro.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
width:100%;
padding:2% 0 0.5% 0;
}
#zona_izquierda{
float:left;
width:25%;
padding:0 1% 0 1%;
}
#zona_destacados{
float:left;
width:100%;
}
.destacados{
float:left;
width:92%;
background-color:#FFFFFF;
border-color:#E5E5E5; 
border-style: solid;
border-width:thin; 
background-image:url(../img/fondoDestacado.jpg);
background-position:bottom;
background-repeat:repeat-x;
padding: 4.5% 1% 4.5% 5%;
margin-bottom:4%;
}
.destacados a{
color:#4276A7;
font-size:0.8em;
text-decoration:none;
}
#linksImportantes{
float:left;
width:100%;
margin-top:1%;
}
#menuLinksImportantes{
width:97%;
float:left;
padding:2% 1% 3% 0%;
margin-top:5%;
border:0.05em solid #BF2908;
border-left:medium solid #BF2908;
background-image:url(../img/fondo_categoria.jpg);
background-position:bottom;
background-repeat:repeat-x;
}
.titulo_otrosServicios{
float:left;
width:98%;
padding: 1.5% 0 1.5% 2%;
margin-bottom:1.5%;
border-bottom:0.01em dotted #BF2908;
}
.titulo_otrosServicios h2{
color:#BF2908;
font-weight:bold;
font-size:0.8em;
}
.titulo_otrosServicios img{
vertical-align:middle;
}
#menuLinksImportantes ul{
clear:both;
padding-top:0;
margin-top:0;
font-size:0.8em;
margin-bottom:3.5%;
}
#menuLinksImportantes ul li{
list-style-image:url(../img/icolinksImportantes.gif);
margin-top:2%;
}
#menuLinksImportantes a,
#menuLinksImportantes a:visited{
color:#BF2908;
text-decoration:none;
}
#menuLinksImportantes a:hover{
color:#BF2908;
text-decoration:underline;
}
#otrasSedes{
margin-top:5%;
width:95.5%;
float:left;
padding:2% 1.5% 3% 1.5%;
border:0.05em solid #168375;
border-left:medium solid #168375;
background-image:url(../img/fondo_otrasSedes.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#DEF8EE;
color:#000000;
font-size:0.75em;
}
.titOtrasSedes{
float:left;
width:98%;
padding: 1.5% 0 1.5% 2%;
margin-bottom:1.5%;
border-bottom:0.01em dotted #000000;
}
.titOtrasSedes h2{
color:#000000;
font-weight:bold;
font-size:1.1em;
}
#otrasSedes ul{
clear:both;
margin-left:6.5%;
padding-left:1%;
}
#otrasSedes ul li{
margin-bottom:2%;
}
#otrasSedes img{
vertical-align: middle;
}
#otrasSedes a:link,
#otrasSedes a:visited{
color:#000000;
text-decoration:none;
}
#otrasSedes a:hover{
color:#000000;
text-decoration:underline;
}
#zona_central{
float:left;
width:71%;
padding:0 1.5% 0 0;
}
#bienvenida{
float:right;
width:97.5%;
background-color:#E7EAF1;
border:thin solid #CEDAEB;
padding:0 1% 1% 1%;
font-family:Arial, Helvetica, sans-serif;
color:#266199;
font-size:0.8em;
}
#bienvenida h2{
color:#304359;
font-size:1.5em;
padding-top:1%;
}
/*************************************/

/********* Categorías ****************/
#categorias{
float:left;
margin-top:1%;
width:98%;
padding:2.8% 1% 2.8% 1%;
border:0.05em solid #2C537A;
background-image:url(../img/fCategorias.jpg);
background-position:bottom;
background-repeat:repeat-x;
}
.titulo_categorias{
float:left;
width:98%;
padding: 0 0 0.5% 1%;
margin-bottom:1.5%;
border-bottom:0.01em dotted #2C537A;
clear:right;
}
.titulo_categorias h2{
color:#2C537A;
font-weight:bold;
font-size:1em;
}
.titulo_categorias img{
vertical-align:middle;
}
.categoria{
float:left;
width:31%;
background-color:#F1F1F1;
background-image:url(../img/fondo_categoria.jpg);
background-position:bottom;
background-repeat:repeat-x;
border:thin solid #DDDDDD;
padding:0.3% 0.5% 0.4% 0.5%;
font-family:Arial, Helvetica, sans-serif;
margin-right:1.5%;
font-size:0.7em;
}
.titulo_cat{
float:left;
width:98%;
padding: 1% 0 1% 1%;
}
.titulo_cat h2{
color:#FFFFFF;
font-size:1.2em;
margin:0;
}
.mas_info{
float:left;
width:98%;
text-align:right;
font-size:1em;
}
.mas_info a,
.mas_info a:hover,
.mas_info a:visited{
text-decoration:none;
font-weight:bold;
}
.categoria ul{
list-style-position:inside;
padding-top:2%;
}
#cat_ciudadanos .catDestacado{
list-style-image:url(../img/icoDestacadoCiu.gif);
vertical-align:middle;
padding-bottom:1%;
}
#cat_profesionales .catDestacado{
list-style-image:url(../img/icoDestacadoProf.gif);
vertical-align:middle;
padding-bottom:1%;
}
#cat_administracion .catDestacado{
list-style-image:url(../img/icoDestacadoAdmin.gif);
vertical-align:middle;
padding-bottom:1%;
}
.catDestacado a,
.catDestacado a:hover,
.catDestacado a:visited{
font-size:1.1em;
font-weight:bold;
text-decoration:none;
padding-left:1%;
}
#cat_ciudadanos .titulo_cat{
border:thin solid #9A1300; 
background-image:url(../img/titulo_marron.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#BE3C20;
}
#cat_ciudadanos, 
#cat_ciudadanos,a{
color:#9A1300;
}
#cat_profesionales .titulo_cat{
border:thin solid #253167; 
background-image:url(../img/titulo_azul.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#5467BE;
}
#cat_profesionales,
#cat_profesionales a{
color:#253167;
}
.categoria#cat_administracion{
margin-right:0;
}
#cat_administracion .titulo_cat{
border:thin solid #336600; 
background-image:url(../img/titulo_verde.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#AEE47C;
}
#cat_administracion,
#cat_administracion a{
color:#336600;
}
/********************** fin categorias ********************/
#boletinesAnuncios{
float:left;
width:100%;
padding:0 0 0 0;
margin-top:1%;
}
#boletines{
float:left;
width:43%;
margin-right:1%;
background-color:#FFFFFF;
background-image:url(../img/fondo_anuncios.jpg);
background-position:bottom;
background-repeat:repeat-x;
border:thin solid #DCDCDC;
padding:1% 1% 0.5% 1.5%;
font-family:Arial, Helvetica, sans-serif;
color:#266199;
font-size:0.85em;
}
.titulo_boletin{
float:left;
width:99%;
padding: 0.5% 0 1% 1%;
border-bottom:0.01em dotted #BF2908;
clear:right;
margin-bottom:1%;
}
.titulo_boletin h2{
color:#BF2908;
font-weight:bold;
font-size:1.2em;
}
.titulo_boletin img{
vertical-align:middle;
}
.boletin{
float:left;
width:100%;
color:#BF2908;
font-size:0.9em;
}
.boletin ul{
list-style-position:inside;
list-style-type:square;
}
.boletin ul li{
margin-bottom:1%;
}
.boletin a,
.boletin a:visited{
color:#BF2908;
text-decoration:none;
}
.boletin a:hover{
color:#BF2908;
text-decoration:underline;
}
#anuncios{
float:right;
width:50%;
background-color:#FFFFFF;
background-image:url(../img/fondo_anuncios.jpg);
background-position:bottom;
background-repeat:repeat-x;
border:thin solid #DCDCDC;
padding:0.5% 1% 1% 1%;
font-family:Arial, Helvetica, sans-serif;
color:#555C64;
font-size:0.7em;
}
.titulo_anuncios{
float:left;
width:99%;
padding: 0.5% 0 0.5% 1%;
border-bottom:0.01em dotted #4D5359;
clear:right;
}
.titulo_anuncios h2{
color:#4D5359;
font-weight:bold;
font-size:1.4em;
}
.titulo_anuncios img{
vertical-align:middle;
}
#anuncios a{
color:#4D5359;
}
#anuncios ul{
clear:both;
list-style-position:inside;
color:#4D5359;
margin-top:0;
padding-top:1%;
padding-left:2%;
margin-left:2%;
}
#anuncios ul li{
margin-bottom:1%;
}
#logosDestacados{
float:left;
width:58%;
margin-left:2.1%;
text-align:left;
padding-top:0.5%;
}
#logos_certificaciones {
width:27.5%;
margin-right:2%;
float: right; 
}
#logos_certificaciones img{
float:left;
padding: 3% 0 0 1%; 
}
/********************
		PIE	
*******************/
#pie{
clear:both;
margin:0;
float:left;
width:95%;
padding-left:2.5%;
background-position:right;
background-image:url(../img/pie_derecha.jpg);
background-repeat:no-repeat;
}
#pie_izq{
float: left; 
width:1%;
font-size : 0.6em; 
background-position:left;
background-image:url(../img/pie_izquierda.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
padding:0.5% 0 0.5% 0;
}
#pie_centro{
text-align : center; 
float : left; 
width:98%; 
font-size : 0.6em; 
background-position:left;
background-image:url(../img/pie_central.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
padding:0.5% 0 0.5% 0;
}
#pie br{
padding:2% 0 2% 0;
margin:0;
border:0;
}
#pie p{
padding:0;
margin:0;
color:#225E9A;
}
#pie ul{
margin:0;
padding:0;
}
#pie ul li{
margin:0;
display: inline;
list-style-type:none;
}
#pie a{
color : #3D3E40; 
text-decoration : none; 
font-weight : normal; 
} 
#pie a:hover {
color : #3D3E40; 
font-weight : normal;
text-decoration : underline; 
} 
/**************** Estilos para los distintos formatos de párrafo **************************/
#fecha_actual{
float:right;
width:75%;
padding:0.5% 0 0.5% 0;
font-weight:bold;
font-size:0.6em;
text-align: center;
background-color: #225E9A;
color:#ffffff;
}
.negrita{
font-weight:bold;
}
.italica{
font-style:italic;
}.fuentePeq{font-size:0.7em;}
h1{
margin:0;
}
h2{
color:#FFFFFF;
font-size:0.9em;
margin:0;
font-weight:normal;
}
h3{
color:#9C8605;
font-size:1em;
font-weight:normal;
}
.imagen_texto {
float : left; 
width : 100%; 
margin-top : 0.5em; 
clear:both;
} 
.imagen_drch {
float : right; 
margin-left : 0.5em;
} 
.imagen_izq {
float : left;
border : 0; 
margin: 0.5em 0.5em 0 0;
} 
.imagen_centrada {
width : 100%;
margin-top : 0.5em; 
text-align : center;
} 
.texto_centrado{
	text-align: center;
}
.texto_derecha{
	text-align: right;
}
.texto_izquierda{
	text-align: left;
}
hr{
clear:both;
}
/****************************************/
iframe{
width:100%;
height:20em;
float:left;
border:0;
}