/* -------------------------------------------------------------- 
  
   comun.css
   Niños robados.
   
   Especiales elmundo.es 2010
   (c) Unidad Editorial Internet S.L. 2010. Todos los derechos reservados.
   
-------------------------------------------------------------- */

/* =RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, ol, li {
	list-style: none;
}
a img {border: none;}
a, a:focus, a:active{
	text-decoration:underline;
	color:#566F71;
	outline:none;
}
a:hover {
color: #333;
}
abbr, acronym {
	text-decoration:none;
	border:0;
}
/* =ESTRUCTURA -------------------------------- */
html {
background: #443c34 url(https://e00-elmundo.uecdn.es/especiales/2010/09/espana/ninos_robados/img/bg_fondo.jpg) repeat-x;
}

body {
	position:relative;
	margin:0 auto;
	font: 75%/150% Arial, Helvetica, sans-serif;
  	color: #555; 
}
#contenedor {
	width: 990px;
	padding: 0;
	margin:0 auto;
	z-index:1;
}
body.portada #contenedor{ padding-top:15px;}
#portada {
	float:left;
	position:relative;
	height:575px;
	top:-5px;
	width:990px;
}
#portada h1 {
float:left;
height:50px;
position:absolute;
top:0;
left:0;
width:890px;
padding:50px 0 0 100px;
font-size:11px;
color:#76685D;
}
#portada img {
float:left;
left:0;
position:absolute;
top:0;
}
#contenido {
	float:left;
	position:relative;
	width:960px;
	padding:100px 15px 15px;
	margin-top:-6px;
	background-color:#FFF;
	background:#fff url(https://e00-elmundo.uecdn.es/especiales/2010/09/espana/ninos_robados/img/contenido.jpg) no-repeat top center;
}
body.portada .envuelve, body.seccion .envuelve  {
	height:38px;
	padding:1px 0;
}
h1,h2,h3,h4,h5,h6 { 
color: #4c412d; 
  font-family: Georgia, "Times New Roman", Times, serif;font-weight: normal;line-height:normal;
}

h1 { font-size: 250%; margin-bottom:10px;}
h2 { font-size: 200%; margin-bottom: 5px;}

body.texto h1{padding-left:30px;}
body.texto .firma{padding-left:30px;}

h2 em, h3 em, h4 em, h5 em, h6 em {
	font-style:italic;
}
h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#006E99;
	border:0;
}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:#b00;
}

p           { margin: 0 0 10px; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 0 0 5px 0; padding: 0; }
img         { margin: 0; }

ul, ol      { margin:0; }
ul          { list-style-type: circle; }

/* =COLUMNAS -------------------------------- */

.columna {
	float:left;
	margin-right:0;
	min-height:200px;
	overflow:hidden;
}
.columna + .columna {
margin-left:20px;
}
/* Ancho de columnas */
.columna-1     {width:50px;}
.columna-2     {width:120px;}
.columna-3     {width:190px;}
.columna-4     {width:260px;}
.columna-5     {width:330px;}
.columna-6     {width:400px;}
.columna-7     {width:470px;}
.columna-8     {width:540px;}
.columna-9     {width:610px;}
.columna-10    {width:680px;}
.columna-11    {width:750px;}
.columna-12    {width:820px;}
.columna-13    {width:890px;}

/* Distancia entre columnas */
hr{
	background:#FFF;
	border:none;
	clear:both;
	display:block;
	height:8px;
	margin:0;
	width:100%;
}
/* Navegación */
#nav{float:left; position:relative;margin-bottom:40px;}
#nav li{float:left; position:relative;}
#nav li a{float:left; display:block; height:50px;width:50px; margin-right:5px; margin-bottom:5px; text-decoration:none;}

#nav li#nav_01 a{background:#fff url(https://e00-elmundo.uecdn.es/especiales/2010/09/espana/ninos_robados/img/caso1_50.png) no-repeat top right;
}
#nav li#nav_02 a{background:#fff url(https://e00-elmundo.uecdn.es/especiales/2010/09/espana/ninos_robados/img/caso2_50.png) no-repeat top right;}
#nav li#nav_03 a{background:#fff url(https://e00-elmundo.uecdn.es/especiales/2010/09/espana/ninos_robados/img/caso3_50.png) no-repeat top right;}
#nav li#nav_04 a{background:#fff url(https://e00-elmundo.uecdn.es/especiales/2010/09/espana/ninos_robados/img/caso4_50.png) no-repeat top right;}
#nav li#nav_05 a{background:#fff url(https://e00-elmundo.uecdn.es/especiales/2010/09/espana/ninos_robados/img/caso5_50.png) no-repeat top right;}
#nav li#nav_06 a{background:#fff url(https://e00-elmundo.uecdn.es/especiales/2010/09/espana/ninos_robados/img/caso6_50.png) no-repeat top right;}

#nav li#nav_01 a:hover, #nav li#nav_02 a:hover, #nav li#nav_03 a:hover, #nav li#nav_04 a:hover, #nav li#nav_05 a:hover, #nav li#nav_06 a:hover{ background-position:left;}
body.s1 #nav li#nav_01 a{ background-position: left;}
body.s2 #nav li#nav_02 a{ background-position: left;}
body.s3 #nav li#nav_03 a{ background-position: left;}
body.s4 #nav li#nav_04 a{ background-position: left;}
body.s4 #nav li#nav_05 a{ background-position: left;}
#nav span {
	display: none;
	float: left;
	margin:65px 0 0 -10px;
	padding:5px 0 3px 0;
	position: absolute;
	top:0;
	left:0;
	width:150px;
	z-index:9999;
	text-align:center;
	text-transform: none;
	color: #fff;
	font:normal 12px Arial, Helvetica, sans-serif;
}
#nav span a {text-decoration:none;}
#nav li.muestra span{
	display: block;
	zoom: 1;
	background-color:#dae3e4;
	color:#628683;
}
#nav li#nav_04 span{
	margin:65px 0 0 -100px;}
	#nav li#nav_05 span{
	margin:65px 0 0 -90px;}
#nav_textos{float:left; position:relative;margin-bottom:40px; width:100%;margin-bottom:20px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#nav li#nav_06 span{
	margin:65px 0 0 -100px;}
#nav_textos{float:left; position:relative;margin-bottom:40px; width:100%;margin-bottom:20px; border-top:1px solid #fff; border-bottom:1px solid #fff;}

#nav_textos li{float:left;}
#nav_textos li a{display:block; text-decoration:none; padding:5px 15px; font-weight:bold; color:#3e3524;}
#nav_textos li a:hover{color:#92856C;}
body.t1 #nav_textos #nav_01_texto a{ background-color:#FFF;}
body.t2 #nav_textos #nav_02_texto a{ background-color:#FFF;}
body.t3 #nav_textos #nav_03_texto a{ background-color:#FFF;}
body.t4 #nav_textos #nav_04_texto a{ background-color:#FFF;}
body.t1 #nav_textos #nav_01_texto a:hover,
body.t2 #nav_textos #nav_02_texto a:hover,
body.t3 #nav_textos #nav_03_texto a:hover,
body.t4 #nav_textos #nav_04_texto a:hover
{color:#3e3524;}

/* Contenido */
.antetitulo{ font-weight:bold;color:#566F71;}
p.firma{ font-family:Georgia, "Times New Roman", Times, serif;color:#88A4A9;font-size:11px; margin-bottom:5px;}
.subtitulo{float:left; position:relative; border-bottom:5px solid #CBE0E4; border-top:5px solid #CBE0E4; width:100%; padding:10px 0 3px; margin-bottom:10px;color:#566F71; font-weight:bold; line-height:180%;}

.sumario{border-bottom:5px solid #CBE0E4;
border-top:5px solid #CBE0E4;
color:#746D65;
float:left;
font-family:georgia;
font-size:140%;
line-height:160%;
margin-bottom:10px;
padding:10px 0 8px;
position:relative;
width:100%;}

#noticia {padding-top:50px;}
#noticia .desarrollo-noticia{padding-top:15px;;float:left;}
#noticia .desarrollo-noticia p{ line-height:180%; padding:0 30px;}
#noticia .desarrollo-noticia a{text-decoration:underline; color:#5B8C91; font-weight:bold;}
#noticia .desarrollo-noticia a:hover{color:#4c412d;}

.enlace_especiales{ border-left:1px solid #555555;color:#333;display:block;height:20px;left:180px;padding-left:10px;position:absolute;text-decoration:none;top:-25px;width:200px;}
body.portada .enlace_especiales{top:-42px;}
.enlace_cab{ display:block; width:900px; height:70px;text-indent:-9999px; position:absolute; top:20px; right:10px;}

.foto{float:left; position:relative; margin-bottom:15px; width:330px;}
.foto img{width:330px;}
.foto p{
	background-color:#cbe0e4; padding:5px; font-size:11px; width:320px; position:absolute;
	bottom:0; left:0;line-height:145%; opacity: 0.8;color:#121010; margin:0;}
.foto p a{ font-weight:bold; color:#4B8B91;}
.foto p a:hover{color:#4c412d;}

/* Cabecera superior elmundo.es */
#cabecera-elmundo{
	background-color:#fff;
	height:35px;
	border-bottom:1px solid #B1B1B1;
	margin-bottom:10px;
}
#logo-elmundo{
	width: 990px;
	padding: 0;
	margin:0 auto;
	position:relative;
}
#registro{
	position: absolute;
	width: 350px;
	right:0;
	top:0;
	height:35px;
}
/* =Pie del sitio -------------------------------- */
acronym {border:0;	text-decoration:none;}
#site_info {float: left; position: relative; width: 940px;	padding: 10px 0 10px 50px;	margin: 0;	color:#98A4A4;background-color:#e7f6f6;font:10px/10px Arial,Helvetica,sans-serif;}
#site_info .facebook {
background:url(https://e00-elmundo.uecdn.es/especiales/2010/08/espana/ovnis/img/facebook.gif) no-repeat scroll center center transparent;
border:medium none; display:block; float:left; height:15px; margin:0 5px 0 0; width:15px;}
#site_info .twitter {background:url(https://e00-elmundo.uecdn.es/especiales/2010/08/espana/ovnis/img/twitter.gif) no-repeat scroll center center transparent;
border:medium none; display:block; float:left; height:15px;  margin:0 5px 0 0; width:15px;}
#site_info a {color:#98A4A4; font:10px/10px Arial,Helvetica,sans-serif; text-decoration:none;}
#site_info p {padding:0 10px 0 0 !important; margin: 0; display: inline;}
#site_info p.credits {border:1px solid #98A4A4; border-width:0 1px; padding:0 10px!important; margin:0px 8px 0 0;display: inline;}
#site_info ul, #site_info li {display:inline; list-style:none; padding:0px 5px 0 0; margin: 0; font-size: 11px;}
#site_info .contact { border-right:1px solid #98A4A4; padding-right:8px; margin-right:8px; margin-left: 0;}
#site_info a:hover, #site_info a:active, #site_info a:focus {color:#7bcccc;}

body.portada #site_info{color:#51493F; height:77px; margin-top:-5px;padding:5px 0 10px 50px; background:none;}
body.portada #site_info a{color:#51493F;}
body.portada #site_info p.credits, body.portada #site_info .contact{border-color:#51493F;}
/* fin info */

/* listado */
.mas-informacion ul { border-top:3px solid #CBE0E4;  margin-top:10px; padding-top:10px; padding-left:20px; }
.mas-informacion li { font-family:Georgia, "Times New Roman", Times, serif; font-size:120%; padding-left:0px; list-style-type:circle;  list-style-position:outside; }
.mas-informacion li + li  {border-top:1px solid #CBE0E4;  margin-top:5px; padding-top:5px;}
.mas-informacion li a {text-decoration:none}
.mas-informacion li a:hover {text-decoration:underline}