/* CSS Diario del Puerto - enero 2008 - esteban */

/* Generales */
* { border:0px; padding:0px; margin:0px;}
a img{ border:0px;}

body {
	font-family: Arial,Sans-Serif;	
}

/* Cabecera */
#header {
	
	height: 193px;
	/*margin:0px auto;*/
	/*overflow:hidden;*/
	text-align:center;
	/*width:auto;*/
	position: relative;
	z-index: 2;
}
#header #top {
	/*position:absolute;*/
	position:relative;
	height:193px;
	/*left:50%;*/
	width: 1024px;
	/*margin-left:-470px;*/
	margin:0 auto;
	z-index:3;
}
#header #logo {
	position: absolute;
	top: 5px;
	left: 0;
}
#header #date {
	background:#FFFFFF url(../img/cabecera/data.gif) no-repeat scroll 0%;
	position: absolute;
	top: 130px;
	left: 0;
	width: 117px;
	height: 42px;
	color: #FFF;
	font-size: 14px;	
}
.date {
	position:relative;
	top:14px;
}
#header #topban {
	position: absolute;
	top: 5px;
	left: 160px;
}
#header #bottomban {
	position: absolute;
	top: 105px;
	left: 160px;
}
#header #middleban {
	position: absolute;
	top: 105px;
	left: 505px;
}
#header #digital {
	position: absolute;
	top: 5px;
	left: 896px;
}
.texto_cabecera {
	font-size:22px;
	font-weight:normal;
	padding-bottom: 15px;
	color: #002963;
}
div#skyscraper{
    position: absolute;
    left:50%;
    margin-left: 500px;
    top: expression( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 5 + 'px' );

}
html>body #skyscraper { position:fixed;top:5px;}

/* Container */
html > body #container {
	height:auto;
	min-height:500px;
}

#container {
	margin:0pt auto;
	width:1024px;
	height:500px;
}
#central {
	width:100%;
	/*text-align:center;*/
	margin:0 0 15px 0;
}
/* Menu de navegación */
#navbar {
	background:#FFFFFF url(../img/fondos/menu.jpg) no-repeat scroll center top;
	position: relative;
	margin: 0 0 15px 0;
	width:1000px;
	height:97px;
	z-index: 5;
	font-size: 12px;
	color: #FFFFFF;
}
#navbar a {
	color: #000;
	text-decoration: none;
}
#navbar div a:hover,#navbar div a:active {
	background-color: #D6DADD;
}
#navbar .menuItem {
	border: 1px solid #D6DADD;
	background-color: #EBF3F5;
	padding: 2px 10px;
	margin:8px 0 0 5px;
	float:left;
	display:inline;
}
#navbar #enlacesTop {
    padding: 2px 10px;
	margin:8px 0 0 5px;
	float:left;
	display:inline;
	font-size: 9px;
}
#navbar .homeIco{background:url(../images/home.gif) no-repeat scroll 0 0;padding:0 5px 0 14px;height: 16px;line-height: 16px; cursor: pointer;}
#navbar .favoritosIco{background:url(../images/anyadir.gif) no-repeat scroll 0 0;padding:0 5px 0 14px;height: 16px;line-height: 16px;}
#navbar .newsIco{background:url(../images/newspaper.gif) no-repeat scroll 0 0;padding-left: 14px;height: 16px;line-height: 16px; cursor: pointer;}
#navbar #enlacesTop a:hover,#navbar #enlacesTop a:active {
    background-color: transparent;
}
#busquedarapida #search {
	border: 1px solid #E7E3E0;
	margin:10px 6px 0 0;
	float:right;
	display:inline;
	width:150px;
}
#busquedarapida .menuBuscar {
	border: 1px solid #D5DFE1;
	background-color: #ECF1F7;
	padding: 2px 10px;
	margin:8px 6px 0 0;
	float:right;
	display:inline;
	color:#04498A;	
}
#navbar #enlaceLogo {
	height:60px;
    left:6px;
    position:absolute;
    top:5px;
    width:60px;
}
#navbar #enlaceTitulo {
	position:absolute;
	top:5px;
	left:233px;
	width:509px;
	height:64px;
}
#fechaPortada {
	color:#FFFFFF;
	float:right;
	display:inline;
	width:1000px;
	text-align:right;
	margin: 5px 15px 0 0;
}
#fechaPortada span {
	font-weight:bold;
}
/* Cuerpo */
#noticias {
	width: 434px;
	border-right: 2px solid #CBCDCF;
	position:relative;
	overflow:hidden;
	font-size: 12px;
	color: #686868;
	padding-right:10px;
	float:right;
	margin-right:5px;
}
#noticias h1 {
	clear:both;
	font-size: 22px;
	font-family: "Trebuchet MS", sans-serif, Arial, Tahoma;
}
#noticias h1 a:link, #noticias h1 a:visited {
	text-decoration: none;
	color: #002d66;
}
#noticias h1 a:hover, #noticias h1 a:active {
	color: #002d66;
	text-decoration: underline;
}
#noticias #imagen {
	clear:both;
    margin:0 0 10px 0;
    overflow:hidden;
    position:relative;
    text-align:center;
    width:434px;
}
#noticias h2 {
	float: left;
	display:inline;
	color: #22497a;
	text-align:right;
	width: 75px;
	font-size: 12px;
	font-family: "Trebuchet MS", sans-serif, Arial, Tahoma;
}
#noticias p {
	float: right;
	display:inline;
	margin:0 12px 0 0;
	width: 340px;
	text-align: justify;
	border-left: 2px solid #787c82;
	padding-left: 10px;
}
#noticias #cabecera {
	border-bottom: 1px solid #010000;
	margin-bottom:15px;
	height: 30px;
}
#noticias #seccion {
	float: left;
	display:inline;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;	
}
#noticias #fecha {
	float: right;
	display:inline;
	font-size: 10px;
	color: #010000;
	margin-top:14px;
}
/* Noticia */

#noticia {
	height: 1135px;
	width: 430px;
	border-right: 2px solid #CBCDCF;
	margin-top: 12px;
	position:relative;
	font-size: 14px;
	color: #686868;
	text-align: justify;
	padding:0 15px 0 10px;
	float:right;
	margin-right:5px;
}
html > body #container #noticia {
	min-height:1135px;
	height:auto;
}
#noticia #seccion {
	float: left;
	display:inline;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;	
}
#cabecera {
	width:440px;
	height:75px;
}
#noticia #fecha {
	float: right;
	display:inline;
	font-size: 10px;
	color: #010000;
	margin-top:14px;
}
#noticia #botonera {
	font-size: 12px;
	text-align: right;
	border-top: 1px solid #010000;
	padding-top: 2px;
}
#noticia #botonera img {
	margin:0;
}
#noticia h1 {
	font-size: 25px;
	color: #010000;
}
#noticia #imagen {
	position:relative;
	overflow:hidden;
	text-align: center;
	margin: 10px 0px 10px 18px;
	width: 414px;
	/*clear:both;*/
}
#noticia p {
	padding: 5px;
	color: #010000;
}
#noticia #entradilla {
	padding-bottom: 10px;
	color: #797575;
}
#noticia #fuentes{font-weight:bold;}
div.entrenoticias{float:left;margin:10px 0;width:435px;}

/* Sidebar */
html > body #sidebar {
	width: 395px;
}
#sidebar {
	float: right;
	width:385px;
	display:inline;
	margin-right:15px;
}
#reducidas {
	font-family: "Trebuchet MS", sans-serif, Arial, Tahoma;
	width: 232px;
	float: left;
	display:inline;
	border-right: 2px solid #CBCDCF;
}
#reducidas h3 {
	margin: 0 11px;
	margin-top: 10px;
	width: 210px;
	font-size: 14px;
	color: #22497a;
	text-align: left;
}
#reducidas a:link, a:visited {
	color: #22497a;
	text-decoration: none;
}
#reducidas a:hover, a:active {
	color: #22497a;
	text-decoration: underline;
}
#reducidas p {
	font-size: 10px;
	color: #686868;
	text-align:justify;
	margin: 10px 11px;
	width: 210px;
}
#bannerReducidas {
	width:227px;
	height:312px;
	margin:2px;
}
#reducidas ul {
	width: 210px;
	margin:2px 2px 2px 10px;
}
#reducidas li {
	font-size: 11px;
	list-style-type: none;
	text-align: justify;
	margin-bottom:5px;
}
#reducidas a:link {
	text-decoration: none;
	color:#002D66;
}
#reducidas a:visited {
	text-decoration: none;
	color: #010000;
}
#reducidas a:hover, #reducidas a:active {
	text-decoration: underline;
	color:#002D66;
}
.left {
	float:left;
	display:inline;
	width:130px;
	padding-left:10px;
	border-right:2px solid #CBCDCF;
	border-left:2px solid #CBCDCF;
}
.right {
	position: relative;
	margin-right: 8px;
	float: right;
	display:inline;
	width: 135px;
	border-right:2px solid #CBCDCF;	
}
.right img{
	margin-top: 15px;
}
.right #registro {
	color: #686868;
	font-size: 12px;
	font-weight:bold;
	width: 125px;
	margin-top: 10px;	
}
#registro input {
	border: 1px solid #686868;
}
#registro img {
	margin:0;
}
#registro a {
	text-decoration: none;
	color: #002D66;
}
.banners {
	margin-top: 10px;
}
.left #misnoticias {
	color: #686868;
	font-size: 12px;
	font-weight:bold;
	width: 125px;
	margin-top: 10px;	
}
#misnoticias a {
	text-decoration: none;
	color: #002D66;
}
#cuadro {
	float:left;
	display:inline;
	margin:10px;
	border:2px solid #A6A6A6;
}
#titulares {
	float:left;
	display:inline;
	margin-left: 10px;
	width: 346px;
	padding-bottom: 12px;	
}
#titulares h3 {
	font-size: 12px;
	color: #002D66;
	margin:15px 0 0 0;
	text-align: justify;
	width: 346px;
}
#titulares a:link, a:visited {
	color: #002D66;
	text-decoration: none;
}
#titulares a:hover, a:active {
	color: #002D66;
	text-decoration: underline;
}
#vinyeta {
	margin: 30px 132px;
	clear:both;
}
#opinion {
	position:relative;
	background:#FFFFFF url(../img/fondos/opinion.gif) repeat-x scroll 0 0;
	width: 1013px;
	height:71px;
	font-size: 11px;
}
#opinion #opleft {
	position:absolute;
	top:0;
	left:-31px;	
}
#opinion #opright {
	position:absolute;
	top:0;
	right:-31px;	
}
#opinion a:link, #opinion a:visited, #opinion a:active, #opinion a:hover {
	color: #002D66;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
}

#opinionhome {
	margin:5px 0 0 0;
	padding:0 0 0 15px;
	width:985px;
	background:#FFFFFF url(../img/fondos/opinionhome.gif) repeat-x scroll 0 0;
	color:#000000;
	heigth:auto;
	font-size:11px;
	overflow: hidden;	
}
#opinionhome a:link, #opinionhome a:visited, #opinionhome a:active, #opinionhome a:hover {
	color: #002D66;
	text-decoration: none;
	font-size: 11px;
	font-style:italic;
	font-family: Verdana, Arial, Tahoma;
}
#opinionhome div {
	float:left;
	display:inline;
	width:180px;
	margin:22px 0 0 15px;
}
#opinionhome div div.opiniones{height:25px;margin:2px 0 !important;}
#opinionhome div img{float:left;margin:0 10px 0 0;}
#opinionhome p {
	display:inline;
	float:left;
	width:180px;
}
#opinionhome div div.opiniones a {
	font-size: 11px !important;
	color:#474747 !important;
	font-weight:bold !important;
	font-style:italic;
}
#opinionhome .enlace {
	font-size: 11px !important;
	color:#474747 !important;
	font-weight:bold !important;
	font-style:italic;
}
#opinionbottom{margin-bottom:15px;}
html > body #op1 {
	margin-left: 105px;
}
#opinion #op1 {
	margin-left: 35px;
}
#opinion #op1, #opinion #op2, #opinion #op3, #opinion #op4, #opinion #op5 {
	position:relative;	
	width: 140px;
	float: left;
	margin-right: 30px;	
}
#opinion div img {
	float: left;
	margin: 6px 10px 0 0;
}
#opinion h3 {
	margin-top:16px;
}
#bajo {
	position: relative;
	font-family: "Trebuchet MS", sans-serif, Arial, Tahoma;
	height: 100px;
}
html > body #bajo #izq {
	margin-left: 30px;
} 	
#bajo #izq {
	float: left;
	width: 250px;
	margin-left: 10px;
}
#bajo #izq img {
	padding-right: 20px;
}
#bajo #der {
	float: right;
	width: 550px;
	border-left: 2px solid #bfcad9;
	padding-left: 10px;
}
#bajo #der p {
	width: 500px;
	color: #b5b5b6;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
}
#bajo #destacados {
	background:#FFFFFF url(../img/barra_bajo.gif) no-repeat scroll 0%;
	width: 517px;
	height: 23px;
	text-align:center;
}
#destacados a {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	margin-right:35px;
	text-decoration:none;
	margin-top:3px;
	float:left;
}
.first {
	margin-left: 65px;
}
/* Pie */
#footer {
	margin:0px auto;
	width:1024px;
	height:55px;
}
#bajoflash {
	float:left;
	display:inline;
	margin-left:20px;
}
/* Cuadro */
.menu {
	padding: 0;
	margin: 0 0 10px 0;
	background: #fff;
	width:351px;
	color:#686868;
	}
.menu h2 {
	float: left;
	width: 97%;
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 1.1em;
	font-style: italic;
	color: #686868;
	border: 1px solid #eee;
	background: #fff;
	}
.menu div {
	float: left;
	width: 100%;
	display: block;
	padding: 10px 0;
	background: #fff;
	}
.menu ul, .tabbed div ul {
	float: left;
	width: 97%;
	margin: 0;
	padding: 10px 0 3px 0;
	}
.menu ul li, .tabbed div ul li {
	padding: 0 0 0 10px;
	margin: 0 0 0 20px;
	list-style-type: none;
}
.menu ul li a, .tabbed div ul li a {
	width: 97%;
	display: block;
	font-weight: normal;
	padding: 2px 0 7px 5px;
	color: #686868;
	text-decoration: none;
	}
.tabbed div ul li a {
	font-size: 1.1em;
	}
.menu ul li a:hover { color: #990000; text-decoration: underline; }
/* Fichas */
.tabbed ul.tabs {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	}
.tabbed ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	background: #fff;
}
.tabbed ul.tabs li a {
	width: auto;
	overflow: hidden;	
	border: none;
	display: block;
	background: #ccc;
	margin: 0;
	border-right:1px solid #A6A6A6;
	border-left:1px solid #A6A6A6;
	border-bottom:2px solid #A6A6A6;
	padding: 10px 5.6px;
	}
.tabbed ul.tabs li a:hover {
	background: #fff;
	color: #686868;
	border:none !important;
	}
.tabbed ul.tabs li a.tab-current {
	background: #fff;
	border:none !important;
	}
.tabbed div {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 5px 0;
	}
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 { display: none; }
.t1 {
	border-left:none !important;
}
.t4 {
	border-right:none !important;
}
/* Contenido de las fichas */
#archives {
	font-size: 12px;
}	
#archives a:hover,#archives a:link,#archives a:visited,#archives a:active { 
	color: #686868;
	text-decoration: none;
}
.tablaDerecha {
	text-align: right;
}
/* Noticias secundarias del home */
.secundaria {
	text-align:left !important;
	width:100% !important;
}
.noticia2 {
	float:none !important;
	clear:both;
	margin:0pt 0px 30px 0pt !important;
	padding:0 !important;
	border: none !important;	
}
#noticias #imagenSecundaria {
	float:right;
	display:inline;
	margin-left:10px;
}
.separador{
	clear:both;
	margin: 25px 0px 20px 150px;
}
/* Formulario de la hemeroteca */
#hemeroteca {
	border-right:2px solid #CBCDCF;
	color:#686868;
	float:right;
	font-size:12px;
	margin-right:15px;
	margin-top:12px;
	overflow:hidden;
	padding:0 15px 0 0;
	position:relative;
	width:430px;
}
#hemeroteca #cabecera {
	border-bottom:1px solid #010000;
	margin-bottom:15px;
	height:30px;
}
#hemeroteca #seccion {
	float: left;
	display:inline;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;	
}
#hemeroteca #date {
	float: right;
	display:inline;
	font-size: 10px;
	color: #010000;
	margin-top:14px;
}
#hemeroteca ol label {
	color:#686868;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin:0pt 8px 0pt 0pt;
	padding:0pt;
	text-align:right;
	width:130px;
}
#hemeroteca ol li {
	display:inline;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt 0pt 8px;
	padding:0pt;	
}
#hemeroteca fieldset {
	border:1px solid #CCC;
	margin:5px 0;
	padding: 15px 0 5px 0;
}
#hemeroteca legend {
	font-weight:bold;
	padding: 0 3px;
	color:#22497A;
}
.cajacambia, .desplegable {
	background:#FFF none repeat scroll 0%;
	border:1px solid #CCC;
	color:#22497A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	/*height:16px;*/
	line-height:normal;
	width:204px;	
}
#hemeroteca .submit {
	display:inline;
	float:left;
	margin-left:183px;
	border:1px solid #686868;
}
#formbusqueda #radioBusqueda {
	display:inline;
	float:left;
}
/* Suscripción */
.incluye{
	margin: 15px 0;
}
html > body #container #hemeroteca .bloque {
	height:auto;
	min-height:70px;
}
.bloque {
	clear:both;
	margin: 10px 0;
	padding: 0;
	height:70px;
}
.bloque img {
	display:inline;
	float:left;
	margin-right: 15px;
}
.bloque p {
	display:inline;
	float:right;
	width:70%;
}
.bloque ul {
	margin:10px 0 0 45px;
	display:inline;
	float: right;
}
/* Búsqueda */
#buscar {
	float: left;
	display:inline;
	font-size: 10px;
	color: #010000;
	margin: 10px 0;
}
#buscar a {
	color: #010000;
}
/* estilos paginacion */
.paginacion{
	float:left;
	display:inline;
	margin:25px 0 0 40px;
	width:440px;
}
/* Mis noticias */
.trash {
	display:inline;
	float: left;
	margin-top: 5px !important;
}
.borrar {
	margin-left:46px;
	margin-top:5px;
}
#encoger {
	border:1px solid #CCCCCC;
	font-size:10px;
	margin-top:10px;
	padding:2px;
}
.arriba {
	margin-top:10px !important;
}
.abajo {
	margin-bottom:10px !important;
}
#english {
	border-top: 1px solid #CBCDCF;
	padding-top:15px !important;
	margin-top:15px;
	color: #4A4A4A;
}
#english span {
	float:right;
	display:inline;
	color: #A38A74;
}
#english h2 {
	font-size: 20px;
}
#english p {
	width:408px;
	padding:15px;
	margin-top:15px;
	font-size: 11px;
	background-color:#E6E6E6;
	float:left;
}
#noticiaIngles {
	width:408px;
	padding:15px;
	margin-top:15px;
	font-size: 11px;
	background-color:#E6E6E6;
	float:left;
}

#noticiaIngles h2 {
	width:auto;
	font-size:16px;
	margin-bottom:5px;
	text-align:left;
	color: #2D2D2D;	
}

#noticiaIngles p {
	border: none;
	width:410px;
	padding:0;
}

.primera {
	margin-top: 0 !important;
	border-top:1px solid #787C82;
}
#noticiaIngles h2 a:hover, #noticiaIngles h2 a:active {
	color:#002D66;
	text-decoration:underline;
}
#noticiaIngles h2 a:link, #noticiaIngles h2 a:visited {
	color:#002D66;
	text-decoration:none;
}
/* Búsqueda en quien es quien */
#quien_es_quien {
	width:213px;
	border:1px solid #757575;
	margin-bottom:5px;
}
#quien_es_quien p {
	font-size:11px;
	width:190px;
	float:left;
	margin-left:10px;
}
#busqueda ol label {
	margin:0 5px 0 10px;
	width:70px;
	text-align:right;
	float:left;
}
#busqueda ol li input {
	border:1px solid #757575;
}
#busqueda ol li select {
	border:1px solid #757575;
	width:115px;
}
#busqueda #buscarqeq {
	margin:5px 0 10px 140px;
}
.derecha {
	float:right;
	display:inline;
}
.izquierda {
	float:left;
	display:inline;
	font-size:20px;
}
.izquierda img {
	margin-top:8px;
}
.bandera {
	width:32px !important;
	margin:5px;
}
#salto {
	height: 30px;
	padding-top:10px;
	width: 100%;
	background-color:#002963;
}
#salto img {
	margin-right:10px;
}
#salto a {
	color: #FFF;
	font-size:16px;
}
#bannerPrimero {
	margin: 20px auto;
	height:600px;
	position:relative;
	width:800px;
	border: 1px solid #002963;
}
#fromto{border:1px solid #757575;width:213px;margin-bottom: 5px;}
#rutas{margin-top: 8px;}
#rutas ol label {
	margin:0 5px 0 10px;
	width:70px;
	text-align:right;
	float:left;
}
#rutas ol li input {
	border:1px solid #757575;
}
#rutas ol li select {
	border:1px solid #757575;
	width:115px;
}
#rutas #buscarqeq {
	margin:5px 0 10px 140px;
}
.logoEntrada {
	margin: -5px 0 0 30px !important;
}
img.autopista {border:1px solid #757575;width:213px;margin-bottom: 5px;}	

a.titulargrande {
	clear:both;
}