html { 
	padding: 0;
	margin: 0;
}

body {
	margin: 0 auto;
	font-size:13px;
	font-family: Arial, sans-serif;
	background: #cecece url(../img/pixel-fondo.png) repeat-y center;
	height:1px;
	text-align: center;
	color: #5d5d5d;
	height:1px;
}

/* ============ TAGS GLOBALES ============ */

img {border: 0;}

ul, ol, li, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a { text-decoration: none; }

h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0;}

form,fieldset,label,input {padding: 0;margin: 0;}

fieldset {border: 0;}

p {margin: 1em 0;}

.hidden {display: none;}
.clear {clear: both;}


/* ============ ORGANIZACION ESTRUCTURAL ============ */

#wrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 5px solid #fff;
}
	#top1 {width: 770px; height:100px; overflow: hidden; border-bottom:5px solid #fff; display:block; clear:both; }
	#top2 { clear:both; display:block;padding-top:16px; padding-bottom:2px; width:770px; overflow:hidden; position:relative;}

	#top {background: url(../img/fondo-top.jpg) no-repeat; width: 770px; overflow: hidden; }
	.p5 #top {background-image: url(../img/fondo-top-5.jpg); position: relative; }
		#isologo {display: inline; float: left; margin: 15px 0 0 5px; }
		#isologo5 {display: inline; float: left; margin: 5px 0 0 10px; position: absolute; }
		/*#isologo5 {display: block; top: 5px; left: 10px; position: absolute; }*/
		#isoMultimedios {display: inline; float: left; margin: 18px 25px 0 115px; }
		#bice { display: inline; float: right; margin: 9px 10px 0 0;  }
		#top h2 {width: 770px; height: 23px; text-indent: -9000px; clear: both; background: url(../img/tagline.png) no-repeat;  float: left; }
		.p5 #top h2 {margin-top: 22px; background-image: url(../img/tagline-5.png); }
		#top #botUl { clear:both; display: block; width:770px; height: 26px; background-color: #dfdfdf; margin: 2px 0 3px 0; }
		#top ul {float: left; display: inline; font-size: 12px; color: #444; }
			#top li {float: left; display: block; margin-top: 2px;}
				#top li a {color: #444; display: block; padding: 4px 6px 4px 5px; background: url(../img/sprites.png) no-repeat right -117px; }
				#top li a:hover {color: #000; }
		#top #botUl #fecha {float:right; display:inline; position:relative; font-size:11px; top:4px; padding-right: 10px; color:#444444; margin-top:2px;}
		#top #botUl #fecha strong { font-size: 12px; }

		#top #flashTicker {display: inline; float: left; position:relative; background-color: #6a96c2; height: 29px; width: 470px; margin:0; }
		
		#top form {background: #1e5183 url(../img/sprites.png) no-repeat -19px 0; width: 300px; height: 29px; overflow: hidden; clear: both; float: right; display:inline; margin:0; }
			#top form button, #formHistorial button {width: 55px; height: 25px; border: 0; padding: 0; background: none; margin-top: 2px; }
			#top form label {font: bold 11px Tahoma; color: #fff; display: block; float: left; margin: 8px 3px 0 30px; }
			#top form input {width: 138px; display: block; float: left; margin: 5px 3px 0 2px; height: 15px; }

#central {width: 440px; padding: 0 12px 10px 7px; margin: 2px -1px 2px 0; float: left; border-right: 1px solid #e2e2e2; }
	#central a img {background-color: #fff; padding: 4px; border: 1px solid #ccc; }
	#central .imagenFlechas {position: relative;  }
	#central .sinFlechas { position:relative; background:none; text-indent:-9000px;margin-bottom:-10px; }
		#central .imagenFlechas div {position: absolute; display:block; overflow:hidden; right: 8px; bottom: 8px; width: 77px; height: 15px; background: url(../img/flechas.png) no-repeat; }
		#central .imagenFlechas div span {display: inline; cursor: pointer; position:relative; overflow:hidden; float: left; width: 16px; height: 15px; text-indent: -9000px; }
		#central .imagenFlechas div span {display: inline; cursor: pointer; position:relative; overflow:hidden; float: left; width: 16px; height: 15px; text-indent: -9000px; }
		#central .imagenFlechas .der {cursor:pointer; display:block; overflow:hidden; float:left; height:15px; margin-left:43px; text-indent:-9000px; width:16px;}
	#central .imagenFlechasUno {position: relative;  }
		#central .imagenFlechasUno div {position: absolute; display:block; overflow:hidden; right: 8px; bottom: 8px; width: 77px; height: 15px; background: url(../img/flechas.png) no-repeat; }
		#central .imagenFlechasUno div span {display: inline; cursor: pointer; position:relative; overflow:hidden; float: left; width: 16px; height: 15px; text-indent: -9000px; }
		#central .imagenFlechasUno div span {display: inline; cursor: pointer; position:relative; overflow:hidden; float: left; width: 16px; height: 15px; text-indent: -9000px; }
		#central .imagenFlechasUno .der {cursor:pointer; display:block; overflow:hidden; float:left; height:15px; margin-left:43px; text-indent:-9000px; width:16px;}

	#central .notiFoto .imagenFlechas {position: relative; padding-bottom:5px; }
		#central .notiFoto .imagenFlechas div {position: absolute; right: 4px; bottom: 8px; width: 77px; height: 15px; background: url(../img/flechas.png) no-repeat; }
		#central .notiFoto .imagenFlechas div span {display: block; cursor: pointer; float: left; width: 16px; height: 15px; text-indent: -9000px; }


		.mbl img {display: block; }
	#central h4 {font: bold 11px Tahoma, sans-serif; color: #6998ac; margin: 5px 0; }
	#central h3 {font: bold 22px Arial, sans-serif; color: #45719c; line-height: 1.1; }
		#central h3 a {color: #45719c; }  #central h3 a:hover {color: #24588b; }
	
	#central hr {border: none; border-bottom: 1px solid #d1d1d1; }
	#central .hrdot {border-bottom-style: dotted; }
	
	.intro {line-height: 1.2; }
		.intro strong, .notiFoto p strong, .notiResto p strong, .introNota strong, .masnotis li strong, .mashist li strong {color: #486683; font-size: 12px; }
	.introNota {font-size: 15px; line-height: 1.3; margin: 0.5em 0; }
					
	#central .notiFoto, #central .notiTapas {padding-bottom: 10px; border-bottom: 1px solid #d0d0d0; margin-bottom: 10px; overflow: hidden; }
	#central .notiTapas {border-bottom: 0; }
	#central .notiFoto h4, #central .masnotis h4, #central .mashist h4 {background: #6998ac url(../img/sprites.png) no-repeat -31px -70px; height: 16px; padding: 3px 0 0 19px; color: #fff; }
	#central .notiFoto div, #central .notiTapas div {width: 208px; float: left; }
	#central .notiFoto .bordeCol, #central .notiTapas .bordeCol {padding-right: 12px; border-right: 1px solid #d0d0d0; margin-right: 11px; }
	#central .notiFoto img {border: 1px solid #d1d1d1; padding:0; }
	#central .notiFoto h3 {font-size: 15px; line-height: 1.2; margin-top: 5px; }
	#central .notiFoto p, #central .notiResto p {margin: 0.6em 0; }
	#central .notiTapas img {border: 1px solid #e2e2e2; margin-top: 5px;}
	#central .notiTapas strong {color: #911717; }
	#central .notiTapas div {text-align: center;}
	
	#central .notiResto h4 {color: #888; }
	#central .notiResto h3 {color: #396896; font-size: 15px; }
	#central .notiResto hr {border-bottom-style: dotted; margin: 12px 0; }

	#central #bannerTexto { clear:both; position:relative; display:block; background: url(../img/banner-lavanguardia.gif) no-repeat; color:#FFFFFF; font-size:11px; height:40px; padding-left:148px; padding-top:5px; margin-bottom:5px; font-weight:bold; padding-right:5px; }
	
	#central #bannerTexto5 { clear:both; position:relative; display:block; background: url(../img/pasion/banner-pasion5.gif) no-repeat; color:#FFFFFF; font-size:11px; height:40px; padding-left:118px; padding-top:5px; margin-bottom:5px; font-weight:bold; padding-right:5px; }

	#central .texto {line-height: 1.4; }
		.texto strong {color: #273f57; }
		.texto li {padding-left: 19px; background: url(../img/sprites.png) no-repeat -36px -96px; margin-bottom: 3px; }
		.texto a {text-decoration: underline; color: #273f57; }
	
	#central .masnotis {border-top: 1px dotted #e2e2e2; margin-top: 20px; padding-top: 10px; }
		.masnotis li, .mashist li {font-size: 15px; padding-bottom: 5px; border-bottom: 1px dotted #b0b0b0; margin-bottom: 5px; line-height: 1.3; }
		.mashist li {font-size: 12px; }
		.masnotis li a, .mashist li a {color: #5d5d5d; } .masnotis li a:hover, .mashist li a:hover {text-decoration: underline; }
	
	#formHistorial {background-color: #efefef; border: 1px solid #e2e2e2; padding: 5px 0 5px 7px; margin: 13px 0; }
		#formHistorial label, #formHistorial select {font: normal 12px Arial, sans-serif; color: #5d5d5d;  }
		#formHistorial button {vertical-align: -9px; }
		#formHistorial select {margin-right: 3px; }
	
	#central .mashist ul {margin-bottom: 30px; }
	#central .mashist h4 {font-weight: normal; }
	
	#titInstitucional, #titHistorial, #titEncuestas, #titBuscador, #titClasificados, #titDenuncias, #titPublicidad {text-indent: -9000px; width: 440px; height: 51px; background: url(../img/tit-institucional.png) no-repeat; margin-top: 10px; }
	#titHistorial, #titEncuestas, #titBuscador, #titClasificados, #titDenuncias, #titPublicidad {height: 30px; background: url(../img/tit-historial.png) no-repeat 0 12px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; }
	#titEncuestas {background-image: url(../img/tit-encuestas.png); }
	#titBuscador {background-image: url(../img/tit-buscador.png); }
	#titClasificados {background-image: url(../img/tit-clasificados.png); }
	#titDenuncias {background-image: url(../img/tit-denuncias.png); }
	#titPublicidad {background-image: url(../img/tit-publicidad.png); }
	#central #firmas strong {color: #45719c; }
	
	.colVids {width: 230px; border-right: 1px solid #d0d0d0; margin-left: -11px; overflow: hidden; float: left; margin-top: 5px; }
	#vidRight {border-right: none; margin-left: 0; margin-right: -11px; }
		.colVids a {display: inline; position: relative; width: 95px; float: left; margin-left:10px; margin-right:18px; }
		.colVids a span {display: block; position: absolute; overflow:hidden; width: 95px; height: 72px; background: url(../img/play-video.png) no-repeat 29px 20px; }
		.colVids p {margin: 0; padding-right: 10px; padding-left:10px; } .colVids p a {margin: 0; width: auto; float: none; font-size: 12px; color: #504c4b; }
		.colVids img { float:left; display:inline; margin-right:5px; }
		#central .colVids h4 {color: #666; margin: 0; }
		#central .colVids hr {clear: both; width: 210px; margin-left: 10px; }
		
	.containerVideo {border: 2px solid #ababab; margin-bottom: 10px; border-bottom-width: 1px; clear: both; height: 230px; }
	#central .containerVideo {height: 347px; }
		.containerVideo * {display: block; }
	#central .titMainVideo {font-size: 18px; color: #375b81; margin-bottom: 15px; }
	
	.portadaGrande {display: block; margin: 0 auto; border: 2px solid #ccc; }
	
	.resultado {margin: 0 0 15px 0; background: url(../img/icono-encuestas.png) no-repeat 340px 0px; }
		#central .resultado h4 {font-size: 14px; width: 330px; padding: 10px 0;}
		.resultado span {display: block; margin: 3px 0 13px 0; height: 10px; background-color: #dfdfdf; width: 300px; }
			.resultado span img {display: block; }
	
	.paginador {width: 440px; display:block; overflow:hidden; margin:10px 0;}
		.paginador span, .paginador a {display: block; float: left; width: 18px; height: 18px; margin-right: 1px; text-indent: -9000px; background: url(../img/sprites.png) no-repeat; }
		.paginador span.first {background-position: -19px -201px; }
		.paginador span.izq {background-position: 0px -201px; }
		.paginador a.first {background-position: -19px -163px; }
		.paginador a.izq {background-position: 0px -163px; }
		.paginador span.last {background-position: -19px -182px; margin-right: 0; margin-left: 1px; }
		.paginador span.der {background-position: 0px -182px; margin-right: 0; margin-left: 1px; }
		.paginador a.last {background-position: -19px -144px; margin-right: 0; margin-left: 1px; }
		.paginador a.der {background-position: 0px -144px; margin-right: 0; margin-left: 1px; }
		.paginador .numeros {width: 364px; float: left; text-align: center; background-color: #ebebeb; height: 17px; padding-top: 1px; }
			.paginador .numeros span, .paginador .numeros a {display: inline; float: none; width: auto; height: auto; margin: 0; text-indent: 0; background: none; }
			.paginador .numeros span {background-color: #1e5183; padding: 0 3px; font-weight: bold; color: #fff; }
			.paginador .numeros a {font-weight: bold; color: #5d5d5d; padding: 0 3px; }
		
				
#sidebar {width: 300px; float: left; overflow: hidden; border-left: 1px solid #e2e2e2; padding-left: 10px; margin-top: 2px; }	
	#weather {width: 300px; height: 55px; background: url(../img/fondo-weather.png) no-repeat; margin: 3px 0 5px 0; overflow: hidden; font-size: 11px; color: #fff; }
		.iconoClima {display: block; float: left; margin: 6px 5px 5px 6px; }
		.temp {display: block; float: left; font: bold 18px Tahoma, sans-serif; color: #fff; width: 60px; text-align: center; padding-top: 16px; }
		#weather .clima {text-align: left; width: 118px; display: block; float: left; padding: 13px 0 0 5px; }
			#weather strong {text-transform: uppercase; }
		#weather a {display: block; float: right; margin: 5px 5px 0 0; }
	
	.notiThumbs {background: #efefef url(../img/fondo-col-videos.png) repeat-y; overflow: hidden; border-bottom: 1px solid #e2e2e2; width: 284px; padding: 0 8px 8px 8px; margin-bottom:10px; font-size: 12px; }
	#pasion5 {padding-top: 10px; border-top: 1px solid #e2e2e2; }
	.p5 #pasion5 {margin-bottom: 10px; }
		#titVideos a, #titVideosh2 {display: block; clear: both; width: 300px; margin: 0 -8px; text-indent: -9000px; background: url(../img/tit-videos-corto.png) no-repeat; height: 81px; }
		#titVideosh2 {width: 440px; margin: 16px 0 0 0; background-image: url(../img/tit-videos.png); height: 83px; }
		.notiThumbs h4 {color: #6f6f6f; font: bold 11px Tahoma, sans-serif; }
		#colVideos .intro {color: #375b81; margin: 0; font-size: 12px; font-weight: bold; margin-top: 4px; } #colVideos .intro a {color: #375b81; }
		#titUltimosVideos, #central #titUltimosVideos {background: #dfdfdf url(../img/sprites.png) no-repeat -20px -35px; height: 24px; font: bold 17px Trebuchet MS, sans-serif; color: #a00000; padding: 3px 0 0 31px; margin: 20px 0 8px 0; }
		.notiThumbs img {border: 1px solid #b0b0b0; }
		.notiThumbs a {position: relative; display: block; overflow: hidden; width: 97px; height: 73px; float: left; margin: 0 10px 5px 0; }
			.notiThumbs a span {display: block; position: absolute; width: 95px; height: 71px; background:url(../img/play-video.png) no-repeat 50% 50%; left: 0; top: 0; }
		.notiThumbs hr {display: block; clear: both; border: none; border-bottom: 1px dotted #b0b0b0; }
		.notiThumbs p {margin: 0 8px 0 0; }
			.notiThumbs p a {display: inline; width: auto; height: auto; float: none; margin: 0; color: #5d5d5d; }
				.notiThumbs p a:hover {text-decoration: underline; }
		.notiThumbs .verHist {color: #aa2525; text-decoration: underline; margin: 0; height: auto; width: auto; }
	
	#sidebar .banner {display: block; margin: 0 0 10px 0; } #sidebar .banner img {display: block; }
	
	#encuesta {border: 1px solid #e4e2e2; padding: 4px; }
		#encuesta h3 {display: none; }
		#encuesta fieldset {background: #efefef url(../img/encuesta-top.png) no-repeat 6px 6px; width: 290px; margin-bottom: 5px; }
		#encuesta #titEncuesta {display: block; font-weight: bold; font-size: 12px; color: #6b6b6b; width: 190px; padding: 40px 80px 5px 0px; margin: 0px 0 8px 10px; border-bottom: 1px solid #ccc; height: 45px; }
		#encuesta label {display: block; margin: 0 0 6px 10px; }
		#encuesta label input {vertical-align: -2px; }
		#encuesta form br {display: none; }
		#encuesta button {background: none; border: none; }
			#encuesta button {margin: 3px 0 3px 10px; width: 55px; height: 25px; cursor: pointer; }
		#encuesta #fondoBoton {display: block; background-color: #dadada; width: 270px; margin: 15px 0 10px 10px; }
		#encuesta a {padding-left: 19px; font-size: 12px; color: #3a5c7c; background: url(../img/sprites.png) no-repeat -36px -97px; margin-bottom: 3px; display: block; }
	
	#papel {margin: 15px 0 5px 0; overflow: hidden; font-size: 12px;  }
		#papel img {display: block; border: 1px solid #e2e2e2; }
		#papel #tapaPapel {display: block; float: left; margin-right: 10px; }
		#papel #titUltimaEd {display: block; float: left; margin: 10px 0; background: url(../img/tit-ultima-edicion.png) no-repeat; width: 115px; height: 12px; text-indent: -9000px; }
		#papel #titTapaPapel {color: #ecf2f5; background-color: #5589a1; font-weight: bold; padding: 4px; display: block; float: left; width: 125px; margin-bottom: 10px; }
		#edicionPapel, #teifs {display: block; padding: 0 5px 5px 5px; float: left; width: 125px; border-bottom: 1px dotted #ccc; }
			#edicionPapel strong span {color: #c01f00; }
		#teifs {border: none; width: 120px; padding-top: 5px; }
		#papel hr {clear: both; padding-top: 15px; border: none; border-bottom: 1px dotted #ccc; display: block; }
	
	#sidebar h5 {font-size: 12px; font-weight: normal; text-align: center; margin: 0 10px 15px 10px; }
		
#pie {clear: both; width: 770px; margin: 5px 0 15px 0; float: left; font: normal 12px Arial, sans-serif; }
	#pie #btnPie {width: 754px; background-color: #527292; padding: 6px 8px; overflow: hidden; }
		#pie li {display: block; float: left;  }
		#pie #btnPie > li + li {padding-left: 7px; border-left: 1px solid #fff; margin-left: 7px; }
		#pie #btnPie .subir {float: right; border-left: none; margin: 0 ; padding-left: 0; text-decoration: underline; color: #b4dbff; }
		#pie #btnPie .subir a {color: #b4dbff; padding-right: 10px; background: url(../img/sprites.png) no-repeat 32px -2px; }
		#pie li a {color: #fff; }
		
	#pie #copy {color: #3a5c7c; width: 415px; float: left; padding-left: 5px; }
	#pie #linea { clear:both; position:relative; display: block; height:1px; width: 770px; border-top:1px solid #ccc; }
	#pie #direccion {clear:both; float:left; display:inline; position:relative; padding-left: 5px; width: 563px;}
	#pie #direccion strong {color: #3a5c7c; font-weight: bold; }
	#pie #osmosis {float: left; display:inline; position:relative; color: #3a5c7c; margin-top: 23px; }
		#pie #osmosis img {vertical-align: -4px; padding-left: 5px; }
	#logos {display: block; margin: 4px 0; }