/* CSS Home -  Instituto de la Mujer */
body{
margin:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}
img{
border:0;
}
#contenedor_principal{
float:left;
width:99%;
padding-top:0.5%;
padding-left:0.5%;
padding-right:0.5%;
}
/************************************************
					CABECERA
************************************************/
#cabecera{
float:left;
width:100%;
}
/********* barra multidioma*******************/
#multidioma {
width:100%;
} 
#navcontainerIdioma{
width:45%; 
height:1.20em;
float:right;
margin:0; 
background-color:#820082; 
}
#navlistIdioma {
float:right;
margin:0; 
} 
ul#navlistIdioma {
margin:0 0 0 0; 
padding:0 0 2% 2%;
display:inline; 
list-style-type:none; 
font-size:0.7em;
}
#navlistIdioma li {
margin:0 0 0 0; 
padding:0 0 0 0;
display:inline; 
list-style-type:none; 
} 
#navlistIdioma a:link, #navlistIdioma a:visited {
float:left; 
font-weight:normal;
margin:0 0.3em 0 0.2em; 
text-decoration:none; 
color:#ffffff; 
} 
#navlistIdioma a:link#current,
#navlistIdioma a:visited#current,
#navlistIdioma a:hover {
color:#FFFF00; 
} 
/***********************************/
#logo{
float:left;
width: 55%;
text-align: center;
margin-bottom: 0.5em;
}
#attTelefonica{clear:right;
float:right;
width:21%;
padding-top:1%;
padding-bottom:0.65%;
text-align:right;
font-size:0.7em;
}
#attTelefonica ul,
#attTelefonica ul li{
list-style-type:none;
display:inline;
}
#attTelefonica ul{
float:right;
padding:0;
margin:0;
width:100%;
}
#attTelefonica ul li{
background-image:url(../img/attTlf.gif);
background-position:bottom right;
background-repeat:no-repeat;
margin:0;
padding:0;
padding-left:3%;
padding-bottom:3%;
width:47%;
float:left;
}
#attTelefonica a{
color:#820082;
text-decoration:none;
font-weight:bold;
}
#attTelefonica a:hover{
text-decoration:underline;
}
/**************************************/
#imagenMujeres{
float:left;
width:100%;
text-align:center;
display: none;
}
#imagenMujeres img{
padding:0 0 0 0;
margin:0 0 0 0;
overflow:hidden;
}
#mujer1,
#mujer2{
display:none;
background-image:url(../img/infoMujer.gif);
padding-right:1em;
padding-left:3em;
}
#mujer3,
#mujer4,
#mujer5,
#mujer6,
#mujer7{
display:none;
}
.infoMujer{
text-align:left;
float:none;
font-size:0.72em;
position:absolute;
background-image:url(../img/infoMujer2.gif);
background-position:top left;
background-repeat:no-repeat;
z-index:2;
display:none;
width:24em; 
padding-right:3em;
margin-right:1em;
padding-left:1em;
padding-top:0.9em;
padding-bottom:2.5em;
}
.infoMujer p{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
.infoMujer cite,
.infoMujer span.cite { 
color:#820082; 
font-style:italic;
font-size:0.9em;
}
.infoMujer span.copy { 
margin:1em 0; 
font-size:0.8em;
}
/********************************************************/
#categorias{
float:left;
width:99.5%;
background-color:#820082;
font-size:0.8em;
padding-left:0.5%;
padding-top:0.5%;
}
#categorias ul{
float:left;
width:100%;
display:inline;
margin:0;
padding:0;
list-style-type:none;
}
#categorias li{
float:left;
list-style-type:none;
display:inline;
border-right:0.05em solid #640064;
padding-bottom:0;
}
#categorias li.sinborde{
border:0;
}
#categorias a{
float:left;
color:#ffffff;
text-decoration:none;
font-weight:bold;
padding:0.3em 0.8em 1em 0.8em ;
}
#categorias a.simple{
padding:1em 0.8em 1.6em 0.8em ;
}
#categorias li.sinborde a{
padding-right:0;
}
#categorias a:hover{
text-decoration:underline;
}
#categorias a#current_cat{
background-color:#FFFFFF;
color:#820082;
}
/********************************************************
						CUERPO
*********************************************************/
#cuerpo{
float:left;
width:98.8%;
padding:1% 0 1% 1%;
padding-bottom:2%;
}
#cuerpo a{
color:#303427;
text-decoration:none;
font-weight:bold;
}
#cuerpo a:hover{
text-decoration:underline;
}
/********************************************************/
#contenido{
float:left;
width:72%;
font-size:0.8em;
}
/*********************************************************/
#secIzq{
float:left;
width:70%;
margin-bottom:1%;
}
#secDrch{
float:right;
width:26%;
margin-bottom:1%;
}
h1{
font-size:2.5em;
font-weight:normal;
color:#820082;
margin-bottom:0;
padding-bottom:0;
}
.accesoDest{
margin-top:0;
padding-top:0;
font-size:2em;
}
#cuerpo .accesoDest a{
font-weight:normal;
}
/*********************************************************/
#secInf{
float:left;
width:100%;
}
/*********************************/
#servicios{
float:left;
width:100%;
margin-top: 1em;
}
#noticias{
float:left;
width:100%;
border-bottom:0.05em solid #EAEAEA;
}
#noticias ul{
float:left;
width:100%;
padding:0;
margin:0;
display:inline;
font-size:1em;
}
#noticias ul li{
float:left;
padding:1.5%;
margin:0;
display:inline;
width:30.2%;
border-right:0.05em solid #EAEAEA;
height:14em;
text-align:justify;
}
img.go{
float:right;
margin-top:1em;
}
#noticias ul li.sinborde{
border:0;
}
/**********************************/
.bloqIzq{
	border-right: 0.1em solid #EAEAEA;
    float: left;
    width: 49.9%;
}
.bloqDer{
    float: right;
    width: 49.8%;
}
.bloqServ{
	float:left;
	padding:2.5%;
	margin:5%;
	border-top:0.5em solid #820082;	
	border-bottom:0.5em solid #820082;
}
.imagen {
    width: 100%;
    margin-top: 0.5em;
	margin-bottom: 1em;
}
.imagen img{
    width: 100%;
}
.bloqServ.sinBordeArriba {
    border-bottom: none;
}
.bloqServ.sinBordeAbajo {
	margin-top: 7.5em;
}
/* Internet Explorer 7 */
*+html .bloqServ.sinBordeAbajo{
	margin-top: 7.2em;
}
/* Internet Explorer versiones 8 */
@media \0screen {
	.bloqServ.sinBordeAbajo{
	margin-top: 7.1em;	
	}
}
    
.bloqServ ul {
    padding-left: 0;
    margin-left: 1em;
}
.bloqServ ul li {
    padding-bottom: 5%;
}

/**********************************************************/
#banners{
width:100%;
border-left:0.05em solid #EAEAEA;
padding-left:1%;
padding-right:1%;
}
#banners .bloqServ{
float:left;
width:100%;
}
#banners p{
margin-bottom:0.5%;
}
/*********************************************************/
#lateral{
float:right;
background-color:#F4F4EA;
width:24%;
color:#303427;
font-size:0.75em;
}
.sinpdng{
padding-top:0;
margin-top:0;
}
.blqRelacionado{
float:left;
width:100%;
padding-bottom:1%;
margin-top:3%;
}
.titBlq{
float:left;
width:99%;
background-color:#820082;
text-align:center;
padding:0.5%;
margin-bottom:2%;
}
.titBlq h2{
font-size:1em;
color:#FFFFFF;
font-weight:bold;clear:both;}
.bordeBlq{
float:left;
width:95%;
border:0.05em solid #ffffff;
padding:4% 2% 4% 2%;
}
.blqRelacionado a{
color:#303427;
font-weight:bold;
text-decoration:none;
}
.blqRelacionado a:hover{
text-decoration:underline;
}
.blqRelacionado ul{
margin-top:1%;
clear:both;
}
#lateral p{
margin-bottom:1%;
}
/********************************************************/
#accesos{
float:left;
width:100%;
background-color:#820082;
font-size:0.7em;
text-align:center;
padding-bottom:1%;
padding-top:1%;
}
#accesos ul,
#accesos ul li{
display:inline;
color:#ffffff;
}
#accesos a{
color:#ffffff;
text-decoration:none;
}
#accesos a:hover{
text-decoration:underline;
}
/********************************************************/
#pie{
float:left;
width:100%;
background-color:#303427;
font-size:0.7em;
text-align:center;
padding-bottom:1%;
padding-top:1%;
}
#pie ul,
#pie ul li{
display:inline;
color:#ffffff;
}
#pie a{
color:#ffffff;
text-decoration:none;
}
#pie a:hover{
text-decoration:underline;
}
#pie img{
vertical-align:middle;
}
/********************************************************/
#logos{
float:left;
width:100%;
padding-top:1%;
}
#logos ul{
margin:0;
padding:0;
display:inline;
}
#logos ul li{
display:inline;
padding-right:1%;
}
#logos a {
text-decoration: none;
}
/********************************************************/
#redesSociales{
float:left;
width:24%;
}
#redesSociales ul{
margin:1em;
padding-left:inherit;
}
#redesSociales ul li{
display:inline;
padding-right:1%;
}
#redesSociales a {
text-decoration: none;
}
/********************************************************/
h2{
font-size:1.3em;
color:#820082;
margin-bottom:0;
margin-top:0;
}
.break{
display:block;
list-style-type:none;
}
.negrita{
font-weight:bold;
}
.italica{
font-style:italic;
}
.texto_derecha{
text-align:right;
}
.texto_izquierda{
text-align:left;
}
.texto_centrado{
text-align:center;
}
.encabezado2{
font-size:1em;
color:#820082;
margin-bottom:0;
margin-top:0;
}.encabezado2 a:hover{
text-decoration:overline;
}
@media (min-width: 950px) {
#noticias ul li{width: 30%; height: auto;}
}
@media (max-width: 949px) {
#noticias ul li{width: 29%; height: auto;}
.bloqServ{width: 40%;}
.bloqServ.sinborde{width: 40%;}
}
@media (min-width: 810px) and (max-width: 979px) {
#noticias ul li{width: 29%; height: auto;}
.bloqServ{width: 40%;}
.bloqServ.sinborde{width: 40%;}
}
@media (min-width: 481px) and (max-width: 809px) {
#noticias ul li{width: 26%; height: auto;}
.bloqServ{width: 100%;}
.bloqServ.sinborde{width: 100%;}
}
@media (max-width: 480px) {
#secIzq{width:100%;}
#noticias ul li{width: 100%; height: auto;}
.bloqServ{width: 100%;}
.bloqServ.sinborde{width: 100%;}
}