/* Página interior 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;
}
#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;
}
/******************** 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;
}
/************ centro *******************/
#menu_categorias{
float:left;
width:23%;
padding:1% 1% 2% 2%;
}
#zona_destacados{
float:left;
width:100%;
padding-bottom:2%;
}
.destacados{
float:left;
width:94%;
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:2% !important;
margin-bottom:1%;
}
.destacados a{
color:#4276A7;
font-size:0.8em;
text-decoration:none;
}
#zona_categorias{
float:left;
width:90%;
padding:6% 5% 1% 5%;
background-color:#E7EAF1;
border:thin solid #CEDAEB;
font-size:0.9em;
}
#zona_categorias a{
color:#FFFFFF;
text-decoration:none;
font-size:0.8em;
}
#zona_categorias h2{
color:#2C537A;
font-size:1.1em;
padding-top:1%;
padding-bottom:8%;
font-weight:bold;
}
#zona_categorias ul{
list-style-type:none;
margin:0;
padding:0;
}
#zona_categorias ul li{
margin:0;
padding:5% 1% 5% 7%;
margin-bottom:9%;
}
.cat_marron{
border:0.01em solid #9A1300; 
background-image:url(../img/cat_marron.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#D34425;
}
.cat_azul{
border:0.01em solid #253167; 
background-image:url(../img/cat_azul.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#5568C0;
}
.cat_verde{
border:0.01em solid #336600; 
background-image:url(../img/cat_verde.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#B4EA82;
}
#menuLinksImportantes{
width:97%;
float:left;
margin-top:2%;
padding:2% 1% 3% 1%;
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:5.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;
}
/****************************/
#contenido{
float:left;
width:70%;
padding-right:2%;
padding-bottom:3%;
}
#titulo{
float:left;
width:90%;
margin-left:10%;
color:#C04323;
border-bottom:0.01em solid #CCCCCC; 
margin-bottom:1%;
}
#titulo h2{
color:#C04323;
font-size:1.2em;
}
.pag_ciudadanos{
border-left:medium solid #9A1300; 
}
.pag_profesionales{
border-left:medium solid #4C5EB0; 
}
.pag_administracion{
border-left:medium solid #336600; 
}
.pag_general{
border-left:medium solid #C3C3C1; 
}
#informacion{
float:left;
width:89.5%;
padding-top:2%;
padding-left:5%;
margin-left:5%;
font-size:0.75em;
text-align: justify;
}
#informacion ul{
list-style-position:outside;
list-style-type:disc;
color:#000000;
}
#informacion a,
#informacion a:visited{
text-decoration:none;
color:#9A1300;
}
#informacion a:hover{
text-decoration:underline;
color:#9A1300;
}
#migas_pan {
float:left;
width:90%;
margin-left:10%;
font-size: 0.6em; 
margin-bottom: 0.5%; 
} 
#migas_pan a,
#migas_pan a:visited{
color: #9A1300; 
text-decoration: none; 
font-weight: bold; 
} 
#migas_pan a:hover {
color: #9A1300; 
text-decoration : underline; 
} 
#migas_uno {
color:#9A1300; 
float: left; 
} 
#migas_dos {
color:#9A1300; 
float: left; 
} 
#flechas{
float:left;
width:90%;
margin-left:10%;
margin-top :1%; 
margin-bottom: 1%;
} 
#flecha_atras {
width : 0.8em; 
float : right; 
} 
#flecha_inicio{
width : 0.8em; 
float : right; 
margin-left : 0.35em; 
} 
/********************
		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 **************************/
h1{
margin:0;
}
h2{
color:#C04323;
font-size:0.9em;
margin:0;
font-weight:normal;
}
h3{
color:#C04323;
font-size:1.2em;
font-weight:bold;
}
/*** Plantilla con menú **/
#indice{
float:left;
width:100%;
}
#indice ul li{
list-style-image:url(../img/icolinksImportantes.gif);
vertical-align:middle;
padding:0.5% 0 0.5% 0;
}
#indice p{
color: black;
margin:0;
padding:0;
}
#indice a{
color: #9A1300;
font-weight:bold;
margin-left:1%;
}
/********* Plantilla con imagen ***************/
.imagen_texto {
float : left; 
width : 100%; 
margin-top : 0.5em; 
clear:both;
} 
.imagen_drch {
float : right; 
margin-left : 0.5em;
} 
.imagen_izq{
float:left;
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;
}
.negrita{
font-weight:bold;
}
.italica{
font-style:italic;
}
/************ Aviso *****************/
#aviso{
float:left;
width:72%;
background-image:url(../img/muyImportante.gif);
background-position:left top;
background-color:#FAE170;
color:#000000;
padding:2%;
border:thin dashed #000000;
}