﻿/* CSS Interior - Instituto de la Mujer */
body{
margin:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}
img{
border:0;
}
#nivel{
display:none;
}
#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%;
}
/*********************************************************/
#migas{
float:left;
width:100%;
font-size:0.7em;
}
#migas a{
color:#820082;
text-decoration:none;
}
#migas a:hover{
text-decoration:underline;
}
/********************************************************/
#menuOpciones{
float:left;
width:21%;
font-size:0.75em;
margin-top:1.5%;
}
#menuOpciones ul{
list-style-type:none;
width:100%;
float:left;
margin:0;
padding:0;
}
#menuOpciones ul li{
border-bottom:0.1em dotted #B8B8B8;
float:left;
width:100%;
padding-top:1%;
padding-bottom:1%;
}
#menuOpciones a{
float:left;
color:#395405;
text-decoration:none;
font-weight:bold;
background-image:url(../img/menu_li.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:1em;
}
#menuOpciones a:hover{
text-decoration:underline;
}
#menuOpciones a#currentOp{
background-image:url(../img/menu_liAct.gif);
color:#820082;
}
/********************************************************/
#contenido{
margin-top:1.5%;
float:left;
width:76.5%;
margin-left:2%;
}
#contenido.general{
width:96%;
}
#contenido.conBloque{
width:52%;
}
#contenido a{
color:#484848;
text-decoration:underline;
font-weight:bold;
}
#contenido a:hover{
text-decoration:none;
}
/*********************************************************/
#titulo{
color:#383838;
float:left;
width:100%;
font-size:0.9em;
border-bottom:0.1em dotted #B8B8B8;
margin-bottom:1em;
}
#titulo .litTit{
margin:0 0 0 0;
padding:0 0 0.25em 0;
font-weight:normal;
font-size:1.2em;
float:left;
width:92%;
}
#compartir{
float:right;
text-align:right;
width:8%;
font-size:0.7em;
}
#compartir a,
#compartir a:visited,
#compartir a:hover{
color:#383838;
text-decoration:none;
}
#informacion{
float:left;
width:100%;
font-size:0.75em;
color:#575757;
}
/*********************************************************/
#blqRelacionados{
float:right;
background-color:#F4F4EA;
width:24%;
color:#820082;
font-size:0.75em;
}
.blqRelacionado{
float:left;
width:100%;
padding-bottom:1%;
}
.titBlq{
float:left;
width:100%;
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;
}

/********************************************************/
#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;
}
/********************************************************/
.blqListado{
float:left;
width:100%;
border-bottom:0.05em solid #E3E3E3;
margin-bottom:1em;
}
.bloqPar{
float:left;
width:100%;
}
.elementBlq{
float:left;
width:50%;
}
#menuPagSup,
#menuPagInf{
float:left;
width:100%;
text-align:right;
font-size: 1.75em;
}
#menuPagSup a,
#menuPagInf a{
color:#820082;
text-decoration:none;
font-weight:bold;
}
/********************************************************/
#areaDescarga{
float:left;
width:100%;
}
#areaDescarga>h2{
background-color:#F2F2F2;
color:#383838;
padding:0.5em 0.5em 0.5em 0.5em;
margin-bottom:1em;
margin-top:1em;
}
/********************************************************/
.blqDiccionario{
float:left;
width:100%;
padding-bottom:1%;
}
.blqLetra{
float:left;
width:22%;
padding-right:1%;
padding-left:1%;
border-left:0.05em solid #E8E8E2;
}
.blqLetra ul,
.blqLetra ul li{
list-style-type:none;
}
.blqLetra>ul{
margin-left:0;
}
.blqLetra h2{
font-weight:bold;
}
#informacion .blqLetra a{
color:#39542F;
text-decoration:none;
}
#informacion .blqLetra a:hover{
text-decoration:underline;
}
/********************************************************/
ul.organismos{
clear:both;
list-style-type:none;
width:100%;
float:left;
margin:0;
padding:0
}
#informacion ul.organismos li{
float:left;
width:48%;
list-style-type:none;
margin-right:1%;
padding:0;
}
.titOrg{
background-color:#F3F3F0;
font-weight:bold;
width:98%;
padding:1%;
color:#39542F;
}
/********************************************************/
.formacion{
    float: left;
    margin: 0;
    padding: 1% 0 1% 0;
    text-align: center;
    width: 100%;    
}
.parrafo{
	float: right;
    margin-bottom: 1%;
    text-align: center;
    width: 100%;
	padding-bottom: 1%;
}
.bloque{
	float: left;
    text-align: left;
    width: 47%;	
	border-top:0.05em solid #E3E3E3;
	margin-right:2%;
    padding-top: 1.5%;
}
.formacion .parrafo .bloque  img  {
    float: left;
    margin-right: 1%;
}
#informacion .formacion .parrafo .bloque a {
	font-size: 1.4em;
    text-decoration: none;
    font-weight: normal;    
    min-height: 30%;
	max-width: 45%;
}
#informacion .formacion .parrafo .bloque a:hover {
    font-size: 1.4em;
    text-decoration: underline;
    font-weight: normal;
}
/********************************************************/
#compartirRedes{
	float:left;
	width:45%;	
}
#compartirCorreo{
	float:right;
	width:50%;
}
/********************************************************/
h1{
font-size:2.5em;
color:#820082;
font-weight:normal;
margin-top:0;
}
h2{
font-size:1.7em;
color:#820082;
font-weight:normal;
margin-bottom:0;
margin-top:0;
}
#contenido h2 a,
#contenido h2 a:visited,
#contenido h2 a:hover{
color:#820082;
text-decoration:none;
}
h3{
font-size:1.5em;
color:#820082;
font-weight:normal;
margin-bottom:0;
margin-top:0;
}
h4{
font-size:1.3em;
color:#820082;
font-weight:normal;
margin-bottom:0;
margin-top:0;
}
h5{
font-size:1.1em;
color:#820082;
font-weight:normal;
margin-bottom:0;
margin-top:0;
}
h6{
font-size:1em;
color:#820082;
font-weight:bold;
margin-bottom:0;
margin-top:0;
}
.break{
display:block;
list-style-type:none;
}
.negrita{
font-weight:bold;
}
#informacion .negrita{
color:#820082;
}
.italica{
font-style:italic;
}
.texto_centrado{
text-align:center;
}
.texto_izquierda{
text-align:left;
}
.texto_derecha{
text-align:right;
}
.imagen_texto {
float : left; 
width : 100%; 
margin-top : 0.5em; 
} 
.imagen_der {
float : right; 
margin-left : 0.5em;
} 
.imagen_der img {
border : 0; 
} 
.imagen_drch{
float : right; 
padding-left:1%;
}
.imagen_izq img {
border : 0; 
} 
.imagen_izq {
float : left;
border : 0; 
margin : 0 1em 0.5em 0;
} 
.imagen_centrada {
width : 100%;
margin-top : 0.5em; 
text-align : center;
} 
.imagen_centrada img {
border : 0; 
}
.italica{
font-style:italic;
}
.texto_derecha{
text-align:right;
}
.texto_izquierda{
text-align:left;
}
.video_texto {
float : left; 
width : 100%; 
margin-top : 0.5em; 
}
.video_texto p {
text-align: justify;
}
.video_texto .video_youtube {
float: left;
border: 0; 
margin: 0 1em 0.5em 0;
}
.video_texto .video_youtube  img{
max-width: 420px;
}
#contenido .morado{
color: #820082;
font-size: 1.2em;
float: right;
}
#contenido .morado a{
color: #820082;
font-weight: bold;
}
.documentos{
width: 50%;
float: left;
}
.documentos .tituloDocumentos{
font-size:1.7em;
color:#820082;
font-weight:normal;
margin-bottom:0;
margin-top:0;
}
/********** 404 *********/
.txtMorado{
color:#820082;
}
.noFound{
float:left;
width:98%;
color:#3F4B58;
font-size:1.3em;
font-weight:bold;
border:thin groove #820082;
padding:1% 1% 1% 1%;
margin-bottom:1%;
}
.noFound img{
vertical-align:middle;
}


/********************** siguenos redes sociales **************************/
.siguenos {
    position: absolute;
    float: right;
    right: 2em;
    top: 7em;
}
.siguenos ul li {display: inline; list-style: none; margin: 0.3em 0.1em}
.siguenos ul li a{text-decoration: none;}



/***************************** Categorías ***************************/
#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.dropdown{
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;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown:hover {
background-color: #f9f9f9;
}
.dropdown:hover a.dropdown-toggle{
color:#820082 !important;
}
.dropdown-menu {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 10px;
z-index: 99;
}
.dropdown:hover .dropdown-menu {
display: block;
}
#categorias .dropdown-menu{
list-style-type:none;
top: 2.45em;
}
#categorias .dropdown-menu li{
border-bottom:0.1em dotted #B8B8B8;
float:left;
width:100%;
}
#categorias .dropdown-menu a{
float:left;
color:#395405;
text-decoration:none;
font-weight:bold;
background-image:url(../img/menu_li.gif);
background-position:left;
background-repeat:no-repeat;
padding: 2px 10px;
}
#categorias .dropdown-menu a:hover{
text-decoration:underline;
}


.logo-EU{height:40px;}