@charset "UTF-8";
/* CSS Document */



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q { quotes: none; }
 
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
 
ins { background-color: #ff9; color: #000; text-decoration: none; }
 
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
 
del { text-decoration: line-through; }
 
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }
 
hr { display: block; height: 1px; border: 0; border-top: 1px solid	 #ccc; margin: 1em 0; padding: 0; }
 
input, select { vertical-align: middle; }

li{ list-style:none;}

a{text-decoration:none; outline:none;}


		
		/*#page-wrap { position: relative; width: 400px; margin: 50px 150px; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
		p { font: 15px/2 Georgia, Serif; margin: 0 0 30px 0; text-indent: 40px; }*/
		
/*////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////      estructura     //////////////////////////////////////////////*/

html, body{ height:100%; margin:0; position:relative;}
.center{position:relative;margin:0 auto;}

#pupliTop{ width:100%; height:88px; background:url(../img/bgPubli.jpg) repeat-x #9c897e;  overflow: hidden; position:relative; border-bottom: 1px solid #9f8b81;}
#top{ width:100%; height:67px; background:url(../img/bgTop.jpg) repeat-x #b9a296; position:relative;}

#pupliTop .center{ width:980px; height:90px; border-left:#9f8b81 1px solid; border-right:#9f8b81 1px solid; }
#top .center{ width:980px; height:67px; background: url(../img/bgNavi.png) center 0px no-repeat; position:relative; z-index:9999;}

#contenidohome{  width:100%;  position:relative; overflow:hidden; }
#contenidohome .center{width:980px; height:700px;  }





#navegacion_herramientas_social .center{ width:980px; }




#contenido{ width:100%; position:relative;}


/*////////////////////////////// NAVIGACION
////////////////////////////////////*/
#logoHoss{ width:140px; float:left; height:67px;}
#logoYodona{ padding:20px 0 0 0; background:url(../img/ombra_logo_yodona.png) no-repeat center 4px; overflow:hidden; position:relative; width:140px; left:150px; height:90px; }
#logoYodonaInt{ padding:20px 0 0 0; background:url(../img/ombra_logo_yodona.png) no-repeat center 4px; overflow:hidden; position:relative; width:140px; left:150px; height:90px; }
#logo{ position:absolute; top:20px; left:14px; height:90px; overflow:hidden; }


#nav{ width: 580px; loat:left;  float: left; padding: 26px 0 0 0px; }
#nav ul{ display:inline; float:left; height:40px; width:680px; }
#nav ul li{  float:left; line-height:27px; background:url(../img/bg_li.png) right center no-repeat; height:25px; padding:0 15px 0 15px;  }


#nav ul li a{ color:#FFFFFF;
		
			 font-family:"Droid Serif",Times,Serif;
			 font-size:13px; 
			 font-weight:bold; 
			  
			 background:url(../img/underline.jpg) bottom left repeat-x; 
			 
			 padding: 0 0 7px ; }

#nav ul li a:hover{ background:url(../img/over.jpg) bottom left repeat-x; }

.activeNav{ list-style-image:url(../img/active.png); list-style-position: inside;   }

.qui{ font-weight:100 !important; color:#fff2f2 !important;}


img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		

		
/*////////////////////////////// Home
////////////////////////////////////*/	
		
		

#columnaHomeUno{ width:480px; position:relative; float:left; min-height:150px;  display:none; overflow:hidden; }
#columnaHomeDos{ width:490px; position:relative; float:right; display:none; height:673px; }


#textohomeClosed{ position:relative; margin:280px 25px 0 0;}

#textohomeClosed .text{ font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:16px; color:#FFFFFF; float:right; text-align:right; font-style:italic; }
#textohomeClosed #logoBig{ float:right; width:400px; text-align: right;}
#textohomeClosed .leermas{ width:110px; float:right; padding:8px 0 0;}
#textohomeClosed .leermas p{ float:right;  font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:16; color:#FFFFFF; text-align:right; font-style:italic; text-decoration:underline; padding:4px 0 0 0; }
#textohomeClosed .leermas a { color:#FFFFFF;}
#textohomeClosed .leermas img { float:left; padding: 0 0 0 12px;}
#textohomeOpen{ position:absolute; top:0; background:url(../img/bg_hoss_texto_open.png) no-repeat top center; width:0px; height:670px; z-index:80; left:-110px; overflow:hidden; }
#textohomeOpen .text{ font-family:"Times New Roman", Times, serif;  font-size:14px; color:#8a7970;  text-align:right; font-style:italic; width:400px; padding:270px 0 0 152px;}
#textohomeOpen .cierre { width:122px; float:right; padding:22px 104px 0 0px;}
#textohomeOpen .cierre p{  font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:16; color:#8a7970;  font-style:italic; text-decoration:underline; padding:7px 0 0 0;  }
#textohomeOpen .cierre p a{ color:#8a7970; }
#textohomeOpen img{ float:left;  padding: 4px 12px 0 0px;  }	




#colonnaSxHome{ background:url(../img/bg_coluna_sx_home.png) repeat-y; position:absolute; top:-786px; left:50px; height:800px; width:347px;}
#masColonna{ width:37px; height:35px; position:absolute; top:0; left:202px;}
#cierraColonna{ width:37px; height:35px; position:absolute; top:0; left:202px; display:none;}
.cierracolonna_btn{ display:none;}

.lineaUno{ background:url(../img/lineaQue.jpg) no-repeat center center; width:140px; height:46px; float:left; }
.lineaDos{ background:url(../img/lineaQue.jpg) no-repeat center center; width:120px; height:46px; float:left; }

#colonnaSxHome ul{ float:left; height:46px; display:block; padding: 50px 0 0 0;  width: 350px;  font-family:"Droid Serif",Times,Serif; font-size:15px; font-weight:bold; }
#colonnaSxHome ul li{  float:left; line-height:46px; color:#fff;}
#colonnaSxHome .text{ font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:14px; padding:0 22px 0 22px;  color:#FFFFFF;  font-style:italic; float:left;}
#colonnaSxHome img{ padding:10px 22px 0 22px;  }

#colonnaSxHome .leermas{ width:110px; float:right;  padding: 8px 29px 0 0;}
#colonnaSxHome .leermas p{ float:right;  font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:16; color:#FFFFFF; text-align:right; font-style:italic; text-decoration:underline; padding:4px 0 0 0; }
#colonnaSxHome .leermas a { color:#FFFFFF;}
#colonnaSxHome .leermas img { float:left; padding: 0 0 0 12px;}

#colonnaSxHome .irconcurso{ width:180px; float:right;  padding: 8px 29px 0 0;}
#colonnaSxHome .irconcurso p{ float:right;  font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:16; color:#FFFFFF; text-align:right; font-style:italic; text-decoration:underline; padding:4px 0 0 0; }
#colonnaSxHome .irconcurso a { color:#FFFFFF;}
#colonnaSxHome .irconcurso img { float:right; padding: 8px 0 0 12px;}


#concursohome { padding: 10px 0 0 8px !important;  }

.amplio{ display:none;}

#colonnaSxHome .cerrarllermas{ width:90px; float:right;  padding: 8px 29px 0 0; display:none;}
#colonnaSxHome .cerrarllermas p{ float:right;  font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:16; color:#FFFFFF; text-align:right; font-style:italic; text-decoration:underline; padding:4px 0 0 0; }
#colonnaSxHome .cerrarllermas a { color:#FFFFFF;}
#colonnaSxHome .cerrarllermas img { float:left; padding: 2px 0 0 12px;}

.video{ position:absolute; top:15px; left:-45px; padding:67px 0 0 0; height:630px; text-align:center; width:1062px;   }
.fondoVideo{background:url(../img/bg_video_intro.png) top center no-repeat;}

.video .cierre a{ color:#fff; height:35px; width:50px; }

.video .cierre {
    color: #FFFFFF;
    font-family: "Times New Roman",Times,serif;
    font-style: italic;
    font-weight: bold;
    padding: 7px 0 0;
    position: absolute;
    left: 95px;
    text-decoration: underline;
    top: 69px;
    width: 50px;
	}
.img_cierre { position:absolute; top:72px; left:62px; height:28px; width:28px;}

/*////////////////////////////// lo ultimo de HOSS
////////////////////////////////////*/	

#columnaUltimoUno{ width:480px; position:relative; float:left; min-height:790px; overflow:hidden; }
#columnaUltimoDos{ width:490px; position:relative; float:right;  background:url(../img/interno_album_fondo.png) no-repeat; }

#colonnaSxInt{ background:url(../img/bg_coluna_sx_int.png) repeat-y; position:absolute; top:0px; left:50px; height:790px; width:432px;}

.lineaUnoInt{ background:url(../img/lineaQue.jpg) no-repeat center center; width:137px; height:46px; float:left; }

#colonnaSxInt ul{ float:left; height:46px; display:block; padding: 50px 0 0 0;  width: 486px;  font-family:"Droid Serif",Times,Serif; font-size:15px; font-weight:bold; }
#colonnaSxInt ul li{  float:left; line-height:46px; color:#fff;}
#colonnaSxInt .text{ font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:14px; padding:0 22px 0 22px;  color:#FFFFFF;  font-style:italic; float:left; width:386px;}
#colonnaSxInt img{ padding:10px 22px 0 22px;  }
#colonnaSxInt .text a{ color:#FFFFFF; text-decoration:underline;}
.iper{ color:#FFFFFF; text-decoration:underline; }
/*////////////////////////////// MUJERES INTROPIA
////////////////////////////////////*/	

#columnaMujerUno{ width:480px; position:relative; float:left; min-height:750px; overflow:hidden; }
#columnaMujerDos{ width:500px; position:relative; float:right;  background: url(../img/interno_album_fondo_mujer.png) -120px 0 no-repeat; }

#colonnaSxMujer{ background:url(../img/bg_coluna_sx_home.png) repeat-y; position:absolute; top:0px; left:50px; height:790px; width:499px;}

.lineaUnoIntM{ background:url(../img/lineaM.png) no-repeat center center; width:95px; height:46px; float:left; }

#colonnaSxMujer ul{ float:left; height:46px; display:block; padding: 50px 0 0 0;  width: 350px;  font-family:"Droid Serif",Times,Serif; font-size:15px; font-weight:bold; }
#colonnaSxMujer ul li{  float:left; line-height:46px; color:#fff;}
#colonnaSxMujer .text{ font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:14px; padding:0 22px 0 22px;  color:#FFFFFF;  font-style:italic; float:left; width:302px;}
#colonnaSxMujer img{ padding:10px 22px 0 22px;  }


h2{ color:#8a7970; font-family:"Droid Serif",Times,Serif; font-size:13px; font-weight:bold; text-align:right; width:166px; padding:30px 0 0 0; height:46px; background:url(../img/doppialinea.jpg) bottom left no-repeat; }
h2 span{ font-size:12px; font-style:italic; text-align:right; width:168px; font-weight: 100; }




#publi730{ float:left;}
#publi234{ display: block;float: right; width: 234px; }



		
/*////////////////////////////// footer
////////////////////////////////////*/


#navegacion_herramientas_social {
    background: none repeat scroll 0 0 #363636;
    border-bottom: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC;
    bottom: 0;
    clear: both;
    display: block;
    height: 25px;
    overflow: hidden;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}
#navegacion_herramientas_social .wrap {
    height: 25px;
    position: relative;
    width: 990px;
}
* html #navegacion_herramientas_social {
    padding-top: 0;
    position: absolute;
}


#navegacion_herramientas_social #buscador_principal {
	background: none repeat scroll 0 0 #363636;
    float: left;
    height: 25px;
    width: 315px;
}
#navegacion_herramientas_social #buscador_principal input.textfield {
    background: none repeat scroll 0 0 #4A4A4A;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font: 11px/18px Arial,Helvetica,sans-serif;
    height: 18px;
    margin: 3px 0 0 10px;
    padding-left: 5px;
    width: 265px;
}
#navegacion_herramientas_social #buscador_principal input.buscar {
    background: url("http://estaticos.elmundo.es/yodona/iconos/v2.x/v2.0/nav_herramientas_lupa.gif") no-repeat scroll center center transparent;
    border: medium none;
    float: left;
    height: 13px;
    margin: 5px 0 0 5px;
    width: 13px;
}
#navegacion_herramientas_social #login {
    background: none repeat scroll 0 0 #363636;
    border-left: 1px solid #999999;
    display: block;
    float: left;
    height: 25px;
    overflow: hidden;
    width: 550px;
}
#navegacion_herramientas_social #login input.text {
    background: none repeat scroll 0 0 #4A4A4A;
    border: medium none;
    color: #FFFFFF;
    float: left;
    margin: 3px 0 0 20px;
    padding-left: 5px;
    width: 122px;
}
#navegacion_herramientas_social #login a#ok {
    background: url("http://estaticos.elmundo.es/yodona/iconos/v2.x/v2.0/nav_herramientas_flecha.gif") no-repeat scroll center center transparent;
    height: 25px;
    width: 20px;
}
#navegacion_herramientas_social #login a {
    display: inline-block;
    float: left;
    text-indent: -9999px;
}
#navegacion_herramientas_social #login a#recordar, #navegacion_herramientas_social #login a#registrarse, #navegacion_herramientas_social #redes #registrarse {
    color: #FFFFFF;
    float: left;
    font: 12px/10px "Droid Serif",Times,Serif;
    margin: 5px 0 0 5px;
    text-indent: 0;
}
#newsletter {
    color: #CDCDCD;
    float: left;
    font: 12px/10px "Droid Serif",Times,Serif;
    margin: 5px 0 0 5px;
}
a#newsletter {
    border-left: 1px solid #4A4A4A;
}
#navegacion_herramientas_social #login a#registrarse {
    border-left: 1px solid #999999;
    padding-left: 5px;
}
#navegacion_herramientas_social #registrarse, #navegacion_herramientas_social #newsletter {
    background: none repeat scroll 0 0 #333333;
    margin: 0 !important;
}
#navegacion_herramientas_social #registrarse {
    padding: 4px 0 5px 5px;
}
#navegacion_herramientas_social #newsletter {
    padding: 4px 12px 5px 5px;
}
#navegacion_herramientas_social ul li.form {
    background: none repeat scroll 0 0 #4A4A4A;
    border-right: 1px solid #999999;
    display: block;
    float: left;
    height: 25px;
    overflow: hidden;
    width: 235px;
}
#navegacion_herramientas_social ul li.form input {
    background: none repeat scroll 0 0 #4A4A4A;
    border: medium none;
    color: #FFFFFF;
    float: left;
    height: 18px;
    margin: 3px 0 0;
    padding-left: 5px;
    width: 230px;
}
#navegacion_herramientas_social ul li.twitter {
    display: block;
    float: left;
    height: 26px;
    margin-left: 13px;
    overflow: hidden;
    padding-right: 13px;
    width: 20px;
}
#navegacion_herramientas_social ul li.twitter a {
    background: url("http://estaticos.elmundo.es/yodona/iconos/v2.x/v2.0/nav_herramientas_twitter.png") no-repeat scroll center center transparent;
    display: block;
    height: 25px;
    text-indent: -9999px;
    width: 20px;
}
#navegacion_herramientas_social ul li.facebook {
    background: none repeat scroll 0 0 #4A4A4A;
    border-left: 1px solid #999999;
    display: block;
    float: left;
    height: 26px;
    overflow: hidden;
    padding-left: 9px;
}
#navegacion_herramientas_social ul li.facebook_texto {
    display: block;
    float: left;
    height: 26px;
    margin-left: 10px;
    overflow: hidden;
}
#navegacion_herramientas_social ul li.facebook a {
    background: url("http://estaticos.elmundo.es/yodona/iconos/v2.x/v2.0/nav_herramientas_facebook.png") no-repeat scroll center 4px transparent;
    display: block;
    height: 25px;
    text-indent: -9999px;
    width: 20px;
}
#navegacion_herramientas_social li#redes {
    display: block;
    float: left;
    height: 25px;
    overflow: hidden;
}
#navegacion_herramientas_social ul li.form input.textfield {
    background: none repeat scroll 0 0 #4A4A4A;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font: 11px/18px Arial,Helvetica,sans-serif;
    height: 18px;
    margin: 3px 0 0;
    padding-left: 5px;
    width: 225px;
}
#navegacion_herramientas_social ul li#radio_gladys {
    background: url("http://estaticos.elmundo.es/yodona/iconos/v2.x/v2.0/nav_herramientas_radiogladys.png") no-repeat scroll center center transparent;
    display: block;
    float: right;
    height: 25px;
    margin-right: 7px;
    overflow: hidden;
    width: 20px;
}