/* CSS Document */
img{
border:0;
}
body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
}
#contenedor_principal{
float:left;
width:87%;
padding-left:6.5%;
padding-top:2%;
}
#contenedor_izq{
float:left;
width:100%;
background-position:top left;
background-image:url(../img/sombra_izquierda.jpg);
background-repeat:repeat-y;
}
#contenedor_drch{
background-position:top right;
background-image:url(../img/sombra_derecha.jpg);
background-repeat:repeat-y;
float:right;
width:99.4%;
}
#contenedor_centro{
float:left;
margin:0;
width:99.4%;
}
/******** Definición de la cabecera **************/
#cabecera{
float:left;
width:100%;
background-color:#01458E;
}
#logo_msps{
float:left;
width:18%;
padding:1% 1% 1% 1.5%;
}
#logo_msps img{
float:left;
width:97%;
padding:1% 1% 1% 1.5%;
}
#logo_msps a{
text-decoration:none;
}
#titulo_microsite{
width:62%;
float:left;
padding-top:2.5%;
}
#titulo_microsite h1{
font-style:italic;
font-weight:bold;
font-size:1.2em;
color:#FFFFFF;
}
#idiomas{
font-family:Arial, Helvetica, sans-serif;
float:right;
width:12em;
font-size:0.7em;
padding-top:2%;
}
#idiomas ul{
display:inline;
list-style-type:none;
color:#3A3E41;
margin:0;
padding:0;
float:right;
width:100%;
}
#idiomas ul li{
display:inline;
padding-left:1.5%;
}
#idiomas a:link,
#idiomas a:visited,
#idiomas a:hover{
text-decoration:none;
color:#FFFF00;
margin:0;
font-weight:bold;
}
#accesos_msps{
float:left;
width:100%;
}
#accesos_msps ul{
float:left;
width:97.5%;
padding:0;
margin:0;
font-size:0.8em;
padding-left:2.5%;
}
#accesos_msps ul li{
list-style-type:none;
display:inline;
padding-right:1%;
}
#accesos_msps ul li a,
#accesos_msps ul li a:visited,
#accesos_msps ul li a:hover{
color:#F5CE16;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
#accesos_msps img{
vertical-align:middle;
}
/********** fin de la cabecera ****************/
/*********** Definición de la zona central *********/
#zona_central{
float:left;
width:100%;
background-image:url(../img/fondo_centro.gif);
background-position:top left;
background-repeat:no-repeat;
padding-bottom:2%;
}
#accesos{
float:left;
width:50%;
}
#accesos ul{
float:left;
width:100%;
margin:0;
padding:2% 0 0 0;
font-size:0.9em;
}
#accesos ul li{
padding-bottom:3%;
list-style-type:none;
}
#accesos ul li a,
#accesos ul li a:visited{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
#accesos ul li a:hover{
color:#FFFF00;
text-decoration:none;
font-weight:bold;
}
.acc_1{
padding-left:70%;
}
.acc_2{
padding-left:59%;
}
.acc_3{
padding-left:48%;
}
.acc_4{
padding-left:42%;
}
#logo_pobreza{
float:right;
width:45%;
}
#logo_pobreza img{
float:right;
padding:4%;
}
#logo_pobreza a{
text-decoration:none;
}
#centro{
float:left;
width:85%;
padding:2% 0 2% 8%;
}
.ficha_verde{
padding:1%;
float:left;
width:45%;
margin-right:4.5%;
border:thin solid #A9CD1B;
background-color:#E7F4B0;
margin-bottom:2.5%;
}
.ficha_rosa{
padding:1%;
float:left;
width:45%;
border:thin solid #AA151B;
background-color:#FBDBDD;
margin-bottom:2.5%;
}
.ficha_azul{
padding:1%;
float:left;
width:45%;
margin-right:4.5% !important;
border:thin solid #77BEF5;
background-color:#D6ECFC;
}
.ficha_naranja{
padding:1%;
float:left;
width:45%;
border:thin solid #F4AE16;
background-color:#FCEBC7;
}
.ficha_img{
float:left;
width:39%;
padding-right:1%;
}
.ficha_img img{
float:left;
width:100%;
}
.ficha_texto{
float:left;
width:60%;
color:#01458E;
font-size:0.7em;
}
.ficha_texto h2{
color:#00008A;
font-size:1.2em;
padding:0;
margin-top:0;
margin-bottom:3%;
}
.ficha_texto ul{
padding-top:0;
margin-top:0;
margin-bottom:0.5%;
margin-left:12%;
}
.ficha_texto a,
.ficha_texto a:visited,
.ficha_texto a:hover{
color:#00008A;
text-decoration:none;
}
.ficha_verde ul li{
list-style:url(../img/bolita_verde.gif) outside circle;
}
.ficha_rosa ul li{
list-style:url(../img/bolita_roja.gif) outside circle;
}
.ficha_azul ul li{
list-style:url(../img/bolita_azul.gif) outside circle;
}
.ficha_naranja ul li{
list-style:url(../img/bolita_naranja.gif) outside circle;
}
/********fin definición zona central *********/
#pie{
float:left;
margin:1% 0 0 0;
width:100% !important;
width:99.7%;
background-color:#01458E;
font-size:0.8em;
color:#FFFFFF;
text-align:center;
padding:0.5% 0 0.5% 0;
}
.break{
display:list-item;
list-style-type:none;
}
