/* CSS DE WWW.DIARIODENAVARRA.ES 
   por IÑIGO ALZUGARAY - ialzugaray(arroba)diariodenavarra(punto)es - inigo(arroba)alzugaray(punto)es 
   -------------------------------------------------------------------------------*/


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
noticia.css - Noticia de Actualidad de Diariodenavarra.es
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

1. ESTRUCTURA DE LA PÁGINA
	1.1 CONTENEDORES INTERIORES - CONTENIDO

2. CONTENIDOS DE LA PÁGINA
	2.1 CONTENIDOS GENERALES
	2.2 BLOQUES
		2.2.1 Bloque Infocontenido
			2.2.1.1 Ranking
	2.3 COMENTARIOS



+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*
---------------------------------------------------------------------------------------------
1. ESTRUCTURA DE LA PÁGINA
---------------------------------------------------------------------------------------------*/
#cuerpo,
#noticia {text-align:left;}

#centro_noticia {
overflow:hidden;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/* 1.2 CONTENEDORES INTERIORES - CONTENIDO
---------------------------------------------------------------------------------------------*/

#cabecera_noticia {width:975px; }



#cuerpo_noticia {
			width: 580px; float:left;display:inline; text-align:left; overflow:hidden;
			/*height:300px; background-color:#c00;*/
			padding-bottom:30000px;margin-bottom:-30000px;
			}

			#caja_noticia {float:left; display:inline; width: 250px; margin:5px 10px 5px 0px; border-bottom:1px solid #ddd;}


#columna_noticia {width: 376px; float:right;display:inline; text-align:left; overflow:hidden; margin-left:5px;  padding-left:10px;  border-left: 1px solid #ccc;
			/*margin-left: 15px; _margin-left: 14px; /*salvo el pixel del borde de los bloques internos*/
			padding-bottom:30000px;margin-bottom:-30000px;
			}

#pie_noticia {width:975px;}

/*
---------------------------------------------------------------------------------------------
2. CONTENIDOS DE LA PÁGINA
---------------------------------------------------------------------------------------------*/



/* 2.1 CONTENIDOS GENERALES
---------------------------------------------------------------------------------------------*/



a {
	COLOR: #0b4b94; TEXT-DECORATION: none;
	} 
a:hover { 
	TEXT-DECORATION: underline;
	} 

/* Linea Gris de separacion */
.linea {
		height:1px; clear:both;
		margin:15px 0px; padding:0px;
		font-size:1px; line-height:1px; font-weight: normal; 
		background-color:#ddd;
		}



#cabecera_noticia .cintillo { 
								margin-bottom:10px; padding-left: 10px; 
								FONT: bold 18px "Trebuchet MS", Tahoma, Freesans, Arial, Helvetica, sans-serif; COLOR: #575469; text-transform: uppercase;
								background-color: #d6d6eb;
								border-bottom: 1px solid #d6d6eb; border-top: 3px solid #d6d6eb;
								}

#cabecera_noticia .cintillo a { 
								FONT: bold 18px "Trebuchet MS", Tahoma, Freesans, Arial, Helvetica, sans-serif; COLOR: #575469; text-transform: uppercase;

								}


#cabecera_noticia h1
 { 
								FONT: normal 36px/102% "Trebuchet MS", Tahoma, Freesans, Arial, Helvetica, sans-serif; padding-bottom:5px; color:#032e64;
								}


#cabecera_noticia h2 {
								display:inline;
								FONT: normal 21px/105% "Trebuchet MS", Tahoma, Freesans, Arial, Helvetica, sans-serif; margin-right:5px;
								}

#cabecera_noticia h4 {
							margin-bottom:15px;
							FONT: normal 15px "Trebuchet MS", Tahoma, Freesans, Arial, Helvetica, sans-serif; COLOR: #000;
							}

#cuerpo_noticia TD {
					margin: 0px; padding: 3px;
					border: 1px solid #d6d6eb;
					FONT: normal 15px "Trebuchet MS", Tahoma, Freesans, Arial, Helvetica, sans-serif; COLOR: #000;
					}

#cuerpo_noticia P {
							margin-bottom:15px;
							FONT: normal 15px "Trebuchet MS", Tahoma, Freesans, Arial, Helvetica, sans-serif; COLOR: #000;
							}

#cuerpo_noticia h3 {
			margin-bottom:5px; margin-top:15px;
			FONT: bold 15px "Trebuchet MS", Tahoma, Freesans, Arial, Helvetica, sans-serif; COLOR: #000;text-transform: uppercase;
			}


#cuerpo_noticia li {
													FONT: normal 14px "Trebuchet MS",Tahoma, Freesans, Arial, Helvetica, sans-serif;
													 list-style-type: square; color:#0b4b94; list-style-position: outside; margin-left:15px; border-top: 1px solid #ddd; margin-top:5px; padding-top:5px;
												}



#cuerpo_noticia .relacionadas li {
													FONT: bold 15px/105% "Trebuchet MS",Tahoma, Freesans, Arial, Helvetica, sans-serif;
													 list-style-type: square; color:#0b4b94; list-style-position: outside; margin-left:15px; border-top: 1px solid #ddd; margin-top:5px; padding-top:5px;
												}
#cuerpo_noticia li:first-child,
#cuerpo_noticia .relacionadas li:first-child,
#cuerpo_noticia .vinculadas li:first-child {border-top: 0px none; margin-top:0px; }

#cuerpo_noticia .vinculadas li {
													 list-style-type: disc;
												}


#cabecera_noticia h6 {
										FONT: normal 11px Tahoma, Freesans, Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom:5px;
										}

#columna_noticia img { border: 1px solid #000; }

.relacionadas,
.vinculadas,
.enlaces {
			padding:5px 10px 10px 0px;
			border-top:5px solid #ddd;
			}



#cabecera_noticia h5 {
										FONT: normal 11px Tahoma, Freesans, Arial, Helvetica, sans-serif;
										border-bottom: 1px solid #ccc; margin-bottom: 25px; margin-top:10px;
										}


#cabecera_noticia h5 span {float:right; display:inline;}

.fotodeldia_ampliar, 
.fotodeldia_ampliar a {
					FONT: normal 10px Tahoma, Freesans, Arial, Helvetica, sans-serif; COLOR: #000; float:right; display:inline;
				}

.fotodeldia_firma {
					FONT: normal 9px Tahoma, Freesans, Arial, Helvetica, sans-serif; COLOR: #000; float:right; display:inline;
				}

.fotodeldia P {
							margin-bottom:15px; clear:both;
							FONT: normal 12px "Trebuchet MS", Tahoma, Freesans, Arial, Helvetica, sans-serif; COLOR: #000;
							}


#columna_noticia .player img { border: 0px none; }



/*.relacionadas {
			width: 375px; padding:5px 0px 0px 0px;
			border-top:5px solid #ddd;
			}
*/


#columna_noticia div.fotodeldia,
#columna_noticia div.videomosaico,
#columna_noticia div.relacionadas {margin-bottom: 10px;}

#cuerpo_noticia .mosaico { height: 160px; overflow:hidden; white-space: nowrap; margin-bottom: 15px;}

#cuerpo_noticia .mosaico img { border: 1px solid #000;}

#cuerpo_noticia .mosaico h1 {FONT: normal 12px Tahoma, Freesans, Arial, Helvetica, sans-serif;
										border-top: 1px solid #ccc; margin-bottom: 5px; padding-top:5px; text-transform:uppercase; }

#columna_noticia div.videomosaico h6 {FONT: normal 12px "Trebuchet MS",Tahoma, Freesans, Arial, Helvetica, sans-serif;
									 color:#0b4b94; list-style-position: outside; margin-top:5px; padding-top:5px; margin-bottom:5px; padding-bottom:5px;
		 }

/* 2.2 BLOQUES
---------------------------------------------------------------------------------------------*/

.bloque_publicidad { 
											position:relative;
											padding: 20px 0px 10px 0px; margin-bottom: 20px; 
											background: url(/imagenesDDN/css/home/publicidad.gif) no-repeat top left;
											border-bottom: 1px solid #eee; border-left: 1px solid #eee;
											text-align:center;
						}




.bloque_infocontenido .elemento_infocontenido { 
							width:374px; float:none;position:relative;
							/*height:175px; background-color:#0cc;*/
							margin-bottom: 7px; margin-top: 7px;
							}




#cuerpo #noticia #barra_enlaces {margin-bottom:10px; 
								padding-bottom:10px; border-bottom: 1px solid #999; width:374px; 
								}

#cuerpo #noticia #barra_enlaces li:first-child,
#cuerpo #noticia #barra_enlaces li {
										FONT: normal 11px Tahoma, Freesans, Arial, Helvetica, sans-serif;
										float:right; display:inline;
										padding:4px 5px; margin:0px;
										list-style-type: none;
										background-color:#eee;
										border-left: 5px solid #05a; margin:0px !important; margin-left:6px !important; white-space:nowrap;
										height:15px; 
										}

#cuerpo #noticia #barra_enlaces li a {color:#000;}

#cuerpo #noticia #barra_enlaces li.shareit {
										FONT: normal 11px Tahoma, Freesans, Arial, Helvetica, sans-serif;
										
										padding:4px 5px; margin:0px;
										list-style-type: none;
										background-color:#f90;
										border-left: 5px solid #05a; margin:0px !important; margin-left:6px !important; white-space:nowrap;
										height:15px; float:right; display:inline-block;
										}


#cuerpo #noticia #barra_enlaces li.shareit  {margin-top:-2px; display:inline-block;}
#cuerpo #noticia #barra_enlaces li.shareit span a span, #cuerpo #noticia #barra_enlaces li.shareit span a {display:inline-block; margin-top:-2px;}




/*     2.2.1 Bloque infocontenido
---------------------------------------------------------------------------------------------*/

.titulo_pestanyas,
.titulo_pestanyas a {
					FONT: bold 11px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif; color: #a12; 
					}

.titulo_pestanyas {  
					 position:relative; display:inline;
					 margin-top:5px;
					}

.titulo_pestanyas li {
						display:inline;
						margin:0; padding:0;
						}

.titulo_pestanyas a {
						margin:0px 0px 0px 4px; padding:3px 4px 3px 4px;
						text-decoration:none; cursor:pointer;
						background-color:#ddd;
						border: 1px solid #999;  border-bottom: 1px solid #999;
						}

.titulo_pestanyas a.activo {
							background-color:#fff; 
							border-bottom: 1px solid #fff; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa;
						}


.inactivo {border-bottom:1px solid #000;}

.activo{border-bottom:1px solid #fff;}

.contenidoOn {visibility:visible;display:block;}
.contenidoOff {visibility:hidden;display:none;}

.contenido_pestanyas {		display:block;
							width:374px; float:none;
							background-color:#fff;
							margin-bottom: 7px; margin-top:3px;
							border: 1px solid #aaa;
							}


/*     2.2.1.1 Ranking
---------------------------------------------------------------------------------------------*/



			
.ranking h3 {
			display:none;
			}

.ranking ol {
			margin-left:30px; list-style-type: decimal;
			}
.ranking ul {
			list-style-type: none;
			}

.ranking li {
			FONT: bold 12px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif ; color: #0b4b94; 
			 list-style-position: outside; padding-top:2px;
			}


.ranking li a{
			FONT: normal 12px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif ; color: #0b4b94; 
			}


.ranking span {
				FONT: normal 9px Tahoma, Freesans, Arial, sans-serif; color:#fff;
				}


div.ranking { width: 360px; margin: 10px 0px 10px 10px;}


/*IE 7*/

*+html .ranking dd {
			width:320px;
			}

/* IE 6> */

* html .ranking dd {
			width:320px; 
			}

.ranking dd {
			margin-top:2px;
			}

.ranking dd a{
			FONT: normal 12px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif ; color: #0b4b94; 
			}



.ranking dt  { clear:left; float:left; display:inline; 
				FONT: normal 12px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif ; color: #999; 
				margin-right:5px; margin-top:2px;
				}

.ranking em {
				FONT: normal 12px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif ; color: #fff;
				}



/* 2.3 COMENTARIOS
---------------------------------------------------------------------------------------------*/

#enviar_opinion #opinion_respuesta {FONT: bold 14px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif ; color: #000; 
					padding-top:30px; text-align:center; width:330px;}


#enviar_opinion #opinion_respuesta p {FONT: bold 14px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif ; color: #000;}

div#enviar_opinion {border-top:1px solid #000; padding-top:10px; margin-top:5px; text-align:left;}

div.normas {float:right;display:inline; width:210px; padding: 10px; border-left:1px solid #999; margin-left:10px;}

#enviar_opinion .normas p{
			FONT: normal 12px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif ; color: #000; margin-top:0px;
			}

#enviar_opinion .normas p strong{
			FONT: bold 12px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif ; color: #000; 
			}

#enviar_opinion p {
			FONT: normal 11px/110% Tahoma, Freesans, Arial, Helvetica, sans-serif ; color: #000; margin-top:15px;
			}

form#envio_opinion {width:330px; float:left; display:inline;}

#envio_opinion fieldset {clear:both;/*padding: 5px;*/}
#envio_opinion legend{display:none;}
#envio_opinion label {
							FONT: normal 12px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif; color: #000;
							display: block;
							}

#envio_opinion label span { color:#a12;}

#envio_opinion textarea {
							FONT: normal 12px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif; color: #333;
							border: 1px solid #999;
							}
#envio_opinion input {
							FONT: normal 12px/120% Tahoma, Freesans, Arial, Helvetica, sans-serif; color: #333;
							border: 1px solid #999;
							}

#envio_opinion div div {display:inline; float:left; padding-right:10px;}

#envio_opinion .dato_error {background-color:#a12; color:#fff;}


#cuerpo_noticia div#opinion_cabecera {background-color:#fff; width: 580px; padding:5px; border-top:5px solid #ddd; border-bottom:1px solid #000; margin-bottom:5px;}

#cuerpo_noticia #opinion_lectores {width: 580px; text-align:center;}

#cuerpo_noticia #opinion_lectores ul {text-align:left;}

#cuerpo_noticia #opinion_cabecera h3 {
			FONT: bold 15px "Trebuchet MS", Tahoma, Freesans, Arial, Helvetica, sans-serif; COLOR: #a12;text-transform: uppercase;
			margin:0px; padding:0px; display:inline; float:left;

			}

#cuerpo_noticia #opinion_cabecera ul {float:right; display:inline; margin-right:5px;}

#cuerpo_noticia #opinion_cabecera ul li:first-child,
#cuerpo_noticia #opinion_cabecera ul li {display:inline; float:left; border:1px solid #000; text-align:center; margin:0px; width:15px; height:15px; padding:0px; margin-left:5px; padding-bottom:4px;}

#cuerpo_noticia #opinion_cabecera ul li a {
						FONT: bold 11px Tahoma, Freesans, Arial, Helvetica, sans-serif;
						 list-style-type: none; color:#000; text-align:center;
						}


#cuerpo_noticia #opinion_cabecera ul li:first-child a {
						color:#a12;
						}

#cuerpo_noticia #opinion_cabecera ul li:first-child {border:1px solid #a12;}

#cuerpo_noticia #opinion_lectores li {color: #000;}

#cuerpo_noticia #opinion_lectores li span {font-weight:bold; margin-left:5px;}


#enviar_opinion #mensajes_opinion p, 
#enviar_opinion #mensajes_opinion p a {
			FONT: bold 15px/110% Tahoma, Freesans, Arial, Helvetica, sans-serif ; color: #a12; margin-top:15px;
			}