/* CSS Document */
@import url('styles.css');

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 7px;
	margin-top: 0px;
	font-size: 11px;
}
h1 {
	font-size: 22px;
	font-weight: normal;
	line-height: 26px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 7px;
}
h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 4px;
}
h4 {
	font-size: 24px;
	font-weight: normal;
	line-height: 28px;
	margin: 0px;
	margin-bottom: 4px;
}

hr {
      color: #CCCCCC;
      background-color: #CCCCCC;
      height: 1px;
	  clear: both;
}

#cuerpo {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}
#contenedorSubmenu {
	margin: 0px;
	padding: 0px;
	width: 120px;
	vertical-align: top;
	float: left;
	background-color: #F7F7F7;
}
#contenedorNoticias {
	padding: 0px;
	margin: 0px;
	margin-left: 8px;
	float: left;
	width: 628px;
}


/* SUBMENU */
#submenu { 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #114A73;
	line-height: 16px;
	margin: 0px;
	padding: 5px;
	border-bottom: solid 2px #FFF;
	}
#submenu a:link, a:visited {
	text-decoration: none;
	color: #000;
	}
#submenu a:hover, a:active {
	text-decoration: underline;
	color: #114A73;
}
	
.fecha {
	font-weight: bold;
	font-size: 10px;
	color: #666;
}

/* NOTICIAS */
#detalle {
	float: left;
	line-height: 16px;
	border-right: solid 1px #CCC;
	width: 470px;
	padding: 6px;
}
#detalle a:link {
	color: #600;
}
#detalle a:hover {
	color: #600;
	text-decoration: underline;
}
#detalle a:active {
	color: #600;
	text-decoration: underline;
}
#detalle a:visited {
	color: #600;
	text-decoration: underline;
}
#detalle ul{ 
	margin-left: 15px; 
	padding: 0px; 
}
#detalle li{ 
	padding: 0px;  
	margin: 0px;
	margin-bottom: 5px; 
}
#extra {
	float: right;
	width: 140px;
	line-height: 16px;
	font-size: 9px;
}
#extra a:link,
#extra a:visited,
#extra a:hover,
#extra a:active {
	color: #600;
}
#extra img {
	margin: 0px;
	border: 0;
	margin-bottom: 3px;
	vertical-align: text-top;
}
#extra ul{ 
	list-style-type: none;
	margin-left: 0px; 
	padding: 0px; 
}
#extra li{ 
	padding: 0px;  
	margin: 0px; 
}
#extra a:link,
#extra a:visited {
	display: block;
	padding: 2px;
	text-decoration: none;
	}
#extra a:hover,
#extra a:active {
	background: #F7F7F7;
	}
#extra h2 {
	font-size: 14px;
	font-weight: bold;
	}
	
#portada1 {
	float: left;
	line-height: 16px;
	width: 300px;
	padding: 6px;
}
#portada2 {
	float: left;
	line-height: 16px;
	border-left: solid 1px #CCC;
	width: 300px;
	padding: 6px;
}
#portada3 {
	float: left;
	line-height: 16px;
	width: 200px;
	padding: 4px;
	border-right: solid 1px #CCC;
}
#portada4 {
	float: left;
	line-height: 16px;
	width: 200px;
	padding: 4px;
}
#portada5 {
	float: left;
	line-height: 16px;
	border-left: solid 1px #CCC;
	width: 200px;
	padding: 4px;
}
#portada6 {
	float: left;
	line-height: 16px;
	width: 400px;
	padding: 6px;
}
#portada7 {
	float: right;
	line-height: 16px;
	width: 200px;
	padding: 6px;
	border-left: solid 1px #CCC;
}
#portada8 {
	clear: both;
	line-height: 16px;
	padding: 6px;
}
#portada9 {
	float: left;
	line-height: 16px;
	width: 400px;
	padding: 0px;
	border-right: solid 1px #CCC;
}
#portada10 {
	float: right;
	line-height: 16px;
	width: 200px;
	padding: 6px;
}
.importante {
	line-height: 16px;
	padding: 0px;
	padding-left: 3px;
}
#titulares {
	float: right;
	width: 400px;
	padding: 6px;
}
#varios {
	float: left;
	width: 184px;
	padding: 4px;
	border: solid 1px #CCC;
	margin: 0px;
	margin-bottom: 3px;
	margin-top: 3px;
	background-color: #EEEEEE;
}
#varios_pie {
	float: left;
	width: 296px;
	padding: 4px;
	border: solid 1px #CCC;
	margin: 2px;
	background-color: #EEE;
}
#meliya {
	float: left;
	width: 610px;
	padding: 4px;
	border: solid 1px #CCC;
	margin: 2px;
	background-color: #EEE;
}

/* LEER */
#leer {
	font-size: 8px;
	text-transform: uppercase;
	color: #114A73;
	font-weight: bold;
}
#leer:link, #leer:visited {
	text-decoration: none;
}
#leer:hover, #leer:active {
	text-decoration: underline;
}

/* LEER ROJO */
#leer_rojo {
	font-size: 8px;
	text-transform: uppercase;
	color: #660000;
	font-weight: bold;
}
#leer_rojo:link, #leer:visited {
	text-decoration: none;
}
#leer_rojo:hover, #leer:active {
	text-decoration: underline;
}

/* TEMA */
#tema:link, #tema:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 16px;
	text-decoration: none;
}
#tema:hover, #tema:active {
	text-decoration: underline;
	color: #666666;
}

/* TITULAR */
.titular {
	color: #114A73;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.titular:link, .titular:visited {
	color: #114A73;
	text-decoration: none;
}
.titular:hover, .titular:active {
	color: #114A73;
	text-decoration: underline;
}

/* TITULARES */
.titulares {
	padding: 0px;
	margin: 0px;
	margin-top: 7px;
	margin-bottom: 7px;
	line-height: 20px;
}
.titulares:link, .titulares:visited {
	color: #114A73;
	text-decoration: none;
	font-weight: bold;
}
.titulares:hover, .titulares:active {
	color: #114A73;
	text-decoration: underline;
	font-weight: bold;
}

/* TITULAR DEPORTES */
.titular_deportes {
	color: #660000;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.titular_deportes:link, .titular:visited {
	color: #660000;
	text-decoration: none;
}
.titular_deportes:hover, .titular:active {
	color: #660000;
	text-decoration: underline;
}

/* FOTOS */
.foto_izda {
	float: left; 
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #333333;
}
.foto_dcha {
	float: right; 
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #333333;
}
.foto {
	margin-bottom: 10px;
	border: 1px solid #333333;
}
.foto_imp {
	float: left;
	margin: 10px;
	margin-left: 0px;
	border: 1px solid #333333;
}
.seccion {
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}
.banner {
	margin-bottom: 5px;
}
/* PIE */
#pie { 	
	margin-top: 10px;
	font-size: 11px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #EEE;
	clear: both;
	width: 760px;
	padding: 5px;
	text-align: center;
	color: #333;
}
#pie a:link, a:visited {
	text-decoration: none;
	color: #333;
}
#pie a:hover, a:active {
	text-decoration: underline;
	color: #114A73;
}
/* OPINIÓN PORTADA */
img.foto_opinion {
	float: left;
	margin: 0px;
	border: 1px solid #CCC;
}
.izda {
	float: left;
}
.dcha {
	float: right;
}
.titulo_opinion {
	color: #114A73;
}

/* FOTOS */
.foto_ver {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 5px;
	padding: 2px;
	border: 1px solid #CCC;
	width: 188px;
}
.foto_ver img {
	border: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 2px;
}
.foto_hor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 5px;
	padding: 2px;
	border: 1px solid #CCC;
	width: 250px;
}
.foto_hor img {
	border: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 2px;
}
#right {
	float: right;
}
#left {
	float: left;
}

#publicado {
	clear: both;
	font-size: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	background-color: #EEE;
	padding: 3px;
	padding-left: 6px;
	border-bottom: 1px solid #CCC;
}

#opciones {
	clear: both;
	font-size: 10px;
	margin-bottom: 3px;
	background-color: #EEE;
	padding: 0px;
	border-top: 1px solid #CCC;
}
.normal {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
.normal:link {
	text-decoration: none;
	color: #333;
	font-weight: lighter;
}
.normal:hover {
	text-decoration: underline;
	color: #600;
}
#banner_extra {
	margin-bottom: 10px;
	text-align: center;
}