/* For lostiempos.com 
   by Karim Boudjema (http://www.jumpwebsite.com)
*/


/* RESET AND BASIC */

* {
	margin: 0;
	padding: 0;
}
html, body {
	
	background: #ECECDB url(../img_stat/fondo_petit_2px.jpg) repeat-y center center;
	color:#333333;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:14px;
	line-height: 1.4em;
}

a, a:link, a:visited { 
	text-decoration: none; 
	outline: none; 
	color: #333333;
	background-color: inherit;
	border-bottom: medium none; 
	
	
}

a:hover {
	/*text-decoration: underline;*/ 
	border-bottom: 1px solid;
}
a img { 
	border-bottom: medium none;
}

.sin_border_bot a:hover {
	border-bottom: medium none !important;
}
img { 
	/*vertical-align: middle;*/ 
	border: medium none;
	
}
.clear { 
	clear: both; 
}

.alignCenter { 
	text-align: center; 
}
.floatLeft { 
	float: left; 
}
.floatRight { 
	float: right; 
}

ul {
	list-style-type:none;
}

.foto_img{
	border: 1px #ccc solid !important;
}

.img_center{
	margin: 0 auto;
}

.imgcenter{
	text-align:center;
    display:block;
	margin: 0 auto;
}
/* LAYOUT ********************************************************************************************* */

#container {
	margin:0 auto; /*es este commando que permite centrar*/
	width:980px;
	background-image: url('../img_stat/fondo_content_general.jpg');
    background-repeat: repeat-y;

}

#top-banner {
	background-color: #E0E0C5;
	color: #000000;
	padding-top: 9px;
	width: 979px;
	height: 105px;
}

#header {
	color:#000;
	background: #fff;
	padding: 0 10px;
	
}

#header_articulo {
	color:#000;
	background: #fff;
	padding: 0 10px;
	
}


#content {
  	float: left;
	width: 585px;
	padding: 10px 20px;
	
	
}

#colonne_droite {
  	float: left;
	width: 314px;
	padding: 10px 20px;
}


#footer {
    padding: 10px;
	font-size: 10px;
	color: inherit;
	background-color: #DFDFC4;
	border-bottom: 2px solid #ccc;
	border-top: 2px solid #ccc;
}

#footer_fin {
   	height:20px; 
	background: url(../img_stat/fondo_menu.jpg) repeat-x scroll center top; 
	position:relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 5px;
	font-size: 12px;
}

/* OTROS ************************************************ */

#colonne_droite .normal {
	padding: 20px 0 30px 0;
    border-bottom: 1px solid #ccc;
	
}

	#colonne_droite .normal .bloque_general{
		background: #FAF8F5;
		color: #333333;
		padding: 10px; 
	}
	
	
	
	#colonne_droite .normal .bloque_general p{
		padding-top: 5px;
		font-size: 12px; 
	}
	
.img_rss {
	float:right;
	padding-top: 5px;

}

.bloque_noticias {
	clear: both;
	/*display: inline; */
}

		.bloque_noticias .hora{ /* Hora de las noticias */
			float: left;
			color: #953306;
			background:inherit;
			width: 40px;
		}
		
		.bloque_noticias .titulo{ /* Hora de las noticias */
			float: left;
			
			color: #334D55;
			background:inherit;
			margin-left:12px;
			margin-bottom:5px;
			width:80%;
		}

		.bloque_noticias .hora1 { /* Hora de las noticias */
			float: left;
			color: #953306;
			background:inherit;

		}
		
		.bloque_noticias .titulo1{ /* Hora de las noticias */
			float: left;
			
			color: #334D55;
			background:inherit;
			margin-left:12px;
			margin-bottom: 10px;
			width:91%;
		}
		
		.bloque_noticias a, .bloque_noticias a:link, .bloque_noticias a:visited, .bloque_noticias a:hover {
			color: #334D55;
			background: inherit;
		}
		.bloque_noticias img{
			margin-top: 10px;
		}

.ver_mas {
	font-size: 12px;
	padding-top: 15px !important; 
}

.margintop20{
	margin-top: 20px;
}



/* TYPOGRAPHY ******************************************* */
.en_rouge {
   color: #953306;
   background: inherit;
}

	.en_rouge a, .en_rouge a:link, .en_rouge a:visited, .en_rouge a:hover {
		color: #953306;
		background: inherit;
	}

.en_gris {
	color: #666;
	background: inherit;

}

	.en_gris a, .en_gris a:link, .en_gris a:visited, .en_gris a:hover {
		color: #666;
		background: inherit;
	}


.en_bleu {
   color: #334D55;
   background: inherit;
}

.en_noir {
   color: #000;
   background: inherit;

}
.titre_rouge{
	color:#953306;
	background: inherit;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
	padding-bottom: 10px;

}

.titre_bleu{
	color:#334D55;
	background: inherit;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight:bold;
	padding-bottom: 10px;

}


.f_g {
	font-family:Georgia, "Times New Roman", Times, serif;
}
.coment {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #666666;
	background-color: inherit;
	line-height: 17px;
	
}
.coment a{
   color: #666666;
   background-color: inherit;
}

.en_11 {
	font-size: 11px;
}

.en_13 {
	font-size: 13px;
}

/* footer ********************************************************* */

#footer .div_footer{
	width: 120px;
	float: left;
	margin-right: 15px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#footer .div_footer_ini{
	width: 60px;
	float: left;
	margin-right: 15px;
	font-family:Arial, Helvetica, sans-serif;
}

#footer .div_footer_ini a, #footer .div_footer_ini a:link, #footer .div_footer_ini a:visited, #footer .div_footer_ini a:hover {
	font-size: 16px;
	color: #953306;
	background-color: inherit;
}


#footer  .titre{
	font-size: 16px;
	color: #953306;
	background-color: inherit;
}

#footer .div_footer ul{
	font-size: 13px;
	color: #334D55;
	background-color: inherit;
	margin-top: 10px;
}

#footer .div_footer ul li{
	clear: both;
	margin-bottom: 5px;
	padding: 0 0 3px;
}
#footer .div_footer ul li .letitre{
	margin-left: 7px;
}
#footer .div_footer ul li img{
	margin-top: 8px;
}
/* Banner top ******************************************************/

.top_banner_a {
	background: transparent url(../img_stat/tit_publi_vertical.gif) no-repeat scroll left center;
	float: left;
	display:inline;
	margin-right: 2px;
	text-align: center;
}

	.top_banner_ai {
		margin-left: 11px;
	}

.top_banner_b {
    float: left;
	margin-left: 5px;
}

/* Header ************************************************************ */

#header {
	height: 110px;
    font-family:Georgia, "Times New Roman", Times, serif;
	color: #000000;

}

	#header .header_fecha {
		  padding-top: 37px;
		  padding-left: 10px;
		  font-size: 11px;
		  width: 320px;
		  float: left;
		  
	}
	#header .header_logo{
		float: left;
		padding-top: 35px;
	}
		
	#header .header_buscar {
		float: left;
		padding-top: 23px;
		padding-left: 125px;
	}
	
	#header .header_buscar form{
		 margin-top: 10px;
	}
	#header .form_input{
		border: 1px solid #ccc;
		background: inherit;
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-size: 14px;
		color: #af2323;
		width: 170px;
		padding: 5px 1px;
	}
	#header .form_img{
		border: none;
		padding: 0 5px;
	}


/* Header ************************************************************ */

#header_articulo {
	height: 115px;
    font-family:Georgia, "Times New Roman", Times, serif;
	color: #000000;

}

	#header_articulo .header_fecha {
		  clear:left;
		  font-size: 11px;
		  padding-left: 10px;
		  
		  
		  		  
	}
	#header_articulo .header_logo{
		float: left;
		padding-top: 25px;
		padding-left: 10px;
		
		
	}
	
	#header_articulo .seccion{
		float: left;
		margin:27px 0 0 15px;
		padding:10px 0 10px 10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 27px;
		color: #953306;
		background: inherit;
		font-weight: bold;
		border-left: 1px solid #ccc;
		
	}
	
	#header_articulo .rev_logo{
		float: left;
		margin:0;
		padding:6px 0 2px 25px;
		
	}

		
	#header_articulo .header_buscar {
		float: right;
		padding-top:10px;
		
	}
			#header_articulo .header_buscar .login{
			padding-bottom: 5px;
		}

	
	#header_articulo .header_buscar form{
		 margin-top: 5px;
	}
	#header_articulo .form_input{
		border: 1px solid #ccc;
		background: inherit;
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-size: 12px;
		color: #af2323;
		width: 170px;
		padding: 2px 1px;
	}
	#header_articulo .form_img{
		border: none;
		padding: 0 5px;
		height: 21px;
	}




/* Menu **************************** /*

/* for this demo only */
#menu_1 {
	margin:0 0 30px 0;  /*margenes del mismo menu Top RL Bottom*/
	padding: 0 ;
}

/* the styling */
#menu_1 {
	width:979px; 
	height:30px; 
	background: url(../img_stat/fondo_menu.jpg) repeat-x scroll center top; 
	position:relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	
	 
}


#menu_1 .select, #menu_1 .current {
	margin:0; 
	padding:0; 
	list-style:none;
}

#menu_1 li {
	display:inline; 
	margin:0; 
	padding:0; 
	height:auto;
}

#menu_1 .select a, #menu_1 .current a {
	display:block; 
	height:30px; 
	float:left; 
	 
	padding:5px 10px; 
	text-decoration:none; 
	font-size:14px; 
	line-height:1.5em; 
	white-space:nowrap; 
	color:#333333;
	background:inherit;
}

* html #menu_1 .select a, * html #menu_1 .current a {
	width:1px; 
	height:21px;
}


#menu_1 .select a:hover, #menu_1 .select li:hover a { /* menu non seleccione */
	
	
	cursor:pointer; 
	color:#990000;
	background-color: inherit;
	/*background: url(../img_stat/fondo_menu_hover_no_select.jpg) repeat-x scroll center top; */
	background: url(../img_stat/fondo_menu_no_select.jpg) repeat-x scroll center top; 
}

#menu_1 .sub {
	display:none;
}

/* for IE5.5 and IE6 only */
#menu_1 table {
	position:absolute; 
	border-collapse:collapse; 
	left:0; 
	top:0;
}

#menu_1 .current a {
	background: url(../img_stat/fondo_menu_hover.jpg)  repeat-x scroll center top; 
	color:#DBCFA7;
}


#menu_1 .sub li a:hover, 
#menu_1 .select a:hover .sub li a:hover, 
#menu_1 .select li:hover .sub li a:hover { /* sub menu non selectione */
	color:#990000;
	background:inherit;
}

#menu_1 .sub_active .current_sub a, 
#menu_1 .sub_active a:hover {
	background:inherit; 
	color:#990000;
}

#menu_1 .select li a:hover .sub, 
#menu_1 .select li:hover .sub { /* sub menu non seleccione */
	display:block; 
	position:absolute; 
	width:979px; 
	top:30px; 
	left:0; 
	background: url(../img_stat/fondo_menu_no_select.jpg) repeat-x scroll center top; 
	background-color: inherit;	
	margin-top:0; 
	padding:0; 
	z-index:50; 
	color:#fff; 
	font-size:11px;}

#menu_1 .sub, #menu_1 .sub_active {
	margin:0; 
	padding:0; 
	list-style:none;
	
	}

#menu_1 .sub_active { /* sub menu selectione */
	display:block; 
	position:absolute; 
	width:979px; 
	top:30px; 
	left:0; 
	background: url(../img_stat/fondo_submenu_select.jpg) repeat-x scroll center top; 
	
	margin-top:0; 
	padding:0; 
	z-index:10;}
	
	
* html #menu_1 .sub_active, * html #menu_1 .select a:hover .sub {
	z-index:-1; 
	margin-top:0; 
	margin-t\op:1px;}

#menu_1 .sub_active a { /* sub menu selectione, les autres li a */
	height:21px; 
	text-decoration:none; 
	line-height:20px; 
	 
	display:block; 
	float:left; 
	padding:5px 10px 10px 10px; 
	margin:0;
	font-size:13px; 
	white-space:nowrap; 
	border:0; 
	color:#666;
	background:inherit;
}

#menu_1 .select a:hover .sub li a, 
#menu_1 .select li:hover .sub li a { /* sub menu non selectione */
	display:block; 
	background:inherit; 
	padding:5px 10px 0px 10px; 
	margin:0;
	white-space:nowrap; 
	border:0; 
	color:#666; 
	font-size:13px;}


/* botones ******************************************************************** */

.botones p{
	margin:5px 0;
	color:#333333;
	background-color: inherit;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.cantidad-comentarios a {
	background:transparent url(../img_stat/herramientas3.gif) no-repeat scroll 0 -200px;
	padding:0 25px;
}

.pt_video a {
	background:transparent url(../img_stat/herramientas3.gif) no-repeat scroll 0 -280px;
	color:#333333;
	background-color: inherit;
	padding:5px 25px;
}

.pt_audio a {
	background: url(../img_stat/herramientas3.gif) no-repeat scroll 0 -320px;
	color:#333333;
	background-color: inherit;
	padding:5px 25px;
}

.pt_foto a {
	background: url(../img_stat/herramientas3.gif) no-repeat scroll 0 -360px;
	color:#333333;
	background-color: inherit;
	padding:5px 25px;
}


.pt_pdf a {
	background: url(../img_stat/herramientas3.gif) no-repeat scroll 0 -400px;
	color:#333333;
	background-color: inherit;
	padding:5px 25px;
}


.cantidad-comentarios a:hover, .pt_video a:hover, .pt_audio a:hover, .pt_foto a:hover, .pt_pdf a:hover {
	color: #990000;
	background-color: inherit;
	border-bottom: medium none;
}



.bt_rss_gris {
	background:transparent url(../img_stat/herramientas3.gif) repeat-y scroll 0 -440px;
	padding:3px 5px 20px 25px;
	cursor:pointer;
}

.bt_rss_rouge {
	background:transparent url(../img_stat/herramientas3.gif) repeat-y scroll 0 -480px;
	padding:3px 5px 20px 25px;
	cursor:pointer;
}

.bt_leer {
	background:transparent url(../img_stat/herramientas3.gif) repeat-y scroll 0 -520px;
	padding:3px 5px 20px 25px;
	cursor:pointer;
	height: 5px;
}

.bt_login {
	background:transparent url(../img_stat/herramientas3.gif) repeat-y scroll 0 -560px;
	padding:3px 5px 20px 15px;
	
}

.bt_registrar {
	background:transparent url(../img_stat/herramientas3.gif) repeat-y scroll 0 -600px;
	padding:1px 5px 20px 15px;
	
}

.bt_cerrar {
	background:transparent url(../img_stat/herramientas3.gif) repeat-y scroll 0 -640px;
	padding:1px 5px 20px 15px;
	
}

/* CONTENT ********************************************************************* */


#content hr{
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border:none;
}

#content .hora{
	font-size: 11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #990000;
	background: inherit;
}

#content .detalle{
	
	font-size: 13px;
	color: #333;
	background: inherit;
	
}

#content #titular1 {
	border-bottom: 1px #ccc solid;
	padding: 10px 0 10px;


}

	#titular1 h1{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 21px;
		line-height: 1.3em;
		margin: 10px 0;
		
	}
	
.foto_principal{
	float: left;
	margin: 5px 10px 0 0;
	/*width: 302px;*/
	display: inline;
	/*border: 1px #ccc solid;*/
	background-color: #FAF8F5; 
	
}

.foto_segundaria{
	float: left;
	margin: 5px 10px 0 0;
	background-color: #FAF8F5;
	 
	display: inline;
}


	.foto{
		display:inline;
		float:left;
		margin:0;
		padding:0;
		position:relative;
	}
		.foto img{
			border: 1px #ccc solid;
		}
		
		.foto .foto_img{
			max-width: 300px;
			height: auto;
		}
		
		.foto .ampliar {
			bottom:6px;
			/*opacity:0.87;*/
			position:absolute;
			right:5px;
		}

		.foto p{
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 12px;
			color: #666666;
			background: inherit;
			text-align: left;
			padding: 0 3px;
		}

	




#content #titular2 {
	
	padding: 10px 0 20px;
	
}

#content #titular2 h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height: 1.3em;
	margin: 10px 0;
}

#content .detalle2{
	
	font-size: 12px;
	color: #333;
	background: inherit;
	text-align:justify;
	
}

#content .botones{
	clear: both;
}




#content .titular3 {
	border-bottom: 1px #ccc dotted;
	padding: 10px 0 10px;
	
}

#content .titular3 p{
	font-size: 12px;
	color: #999;
}


#content .titular3 .agauche{
	float:left;
	width: 315px;
	padding: 0 5px 0 0;
}


#content .pub_hori {
	border-bottom: 1px #ccc solid;
	padding: 10px;
}

#content .titular3 h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height: 1.3em;
	margin: 2px 0 5px;

}

#autres_titres{
	margin: 10px 0 20px;
	padding: 10px 0 10px;
	font-size:13px;
}

#autres_titres #gauche{
	width: 292px;
	float: left;
}


#autres_titres #droite{
	/*width: 292px;
	float: left;*/
	
}

#autres_titres #droite .bloque{
	margin-bottom: 10px;
}



#autres_titres .ensemble{
	width: 98%;
	background: #FAF8F5;
	color: inherit;
	padding: 5px;
	border: 1px solid #ccc;
	
	
}


/* PUBLICIDAD ****************************************************************** */
.publicidad {

background: url(../img_stat/pub/publicidad.jpg) no-repeat center top;
	border-bottom: 1px solid #CCC;
	
}

.publicidad img {
	/*display: block;*/
	/*padding-top:10px;*/
	margin:10px 5px 20px 5px;
}

/* TABS ************************************************* */


@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0px;
}



.ui-tabs-nav:after { /* On netoie tout le markup de presentation, on fera un extra pour IE*/
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 5px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 7px;
    background: url(../img_stat/tabs.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */  
	
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #334D55;
}

.ui-tabs-nav a:hover{
	border-bottom: medium none !important;
}

.ui-tabs-nav a:hover span{
	border-bottom: medium none !important;
}
.ui-tabs-nav .ui-tabs-selected a { /* tabs selectione */
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {  /* tab non selecione */
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
	font-weight: normal;
	
}
.ui-tabs-nav .ui-tabs-selected a span { /* tabs selectione */
    padding-top: 0;
    height: 25px;
    background-position: 0 -23px;
    line-height: 27px;
	font-weight: bold;
	
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { 
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: pointer;
	
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
	
}
.ui-tabs-disabled {
    /*opacity: 0.4;
    filter: alpha(opacity=40);*/
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
	
}
.ui-tabs-panel {
    border: 1px solid #ccc;
    padding: 10px;
    background: #FAF8F5; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loader.gif) no-repeat 0 50%;
}
*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}