@charset "utf-8";

*{ padding: 0; margin: 0; border: 0; }
body{
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	background: #000000 url(../images/body-bg.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente a la izquierda en el selector #container */
	color: #ffffff;
}


img{ border: 0; margin: 0; padding:0; }
p{ padding: 0 0 10px 0; margin: 0; line-height:16px; }
a, a:active, a:link, a:visited{ color: #B20313; text-decoration:none; outline:none; }
a:hover{ text-decoration:underline; }
a:focus{ height:0; outline:0 none; width:0; }
a img{ border: 0px; margin:0; }

a.aheader{ text-decoration:none; color:#8e9089; }
a.ablock{ display:block; text-decoration:none; }
a.backlink{ display:none; }

h1{ color:#8e9089; margin: 0; padding: 0; font-size:55px; font-weight:normal; line-height:48px; font-family:"Times New Roman", Times, serif; }
h1 a, h1 a:link, h1 a:active, h1 a:visited, h1 a:hover{ color: #8e9089; text-decoration:none; }
h2{ color: #ffffff; margin: 20px 0 12px 0; padding: 0; font-size: 14px; font-weight:normal; font-family:"Times New Roman", Times, serif; }
h3{ color: #ffffff; margin: 5px 0 5px 0; padding:0; font-size: 15px; font-weight:bold; }
h3 a, h3 a:link, h3 a:active, h3 a:visited, h3 a:hover{ color: #8e9089; text-decoration:none; }

.clear{ clear: both; padding: 0; margin: 0; height: 0; line-height:0px; }
.left{ float: left; }
.right{ float: right; }
.text_center{ text-align:center; }
.font_bold{ font-weight:bold; }
.color_8e9089{ color:#8e9089; }


.float_left{ float:left;}
.float_right{ float:right;}

/*-------------- ESTRUCTURA --------------*/
#container{
	width: 985px;
	margin: 0 auto;
	padding:0;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	position:relative;
}
#header{ height:100px; *height:110px; margin: 5px 0 0 0; padding: 0; background: transparent url(../images/bandera2.png) left top no-repeat; text-align:right; position:relative; }
#mainContent{ z-index:-1; padding:0 0 5px 0; margin:0; /*position:relative;*/ }
#footer{ margin: 0; padding: 2px 0 5px 0; font-size:10px; }
#footer .left{ width:600px; float:left; margin: 0; padding: 0; text-align:left; }
#footer .right{ width:150px; float:right; margin: 0; padding: 0; text-align:right; }
#footer a, #footer a:active, #footer a:link, #footer a:visited{ color: #ffffff; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }


/*-------------- VARIS --------------*/
.txt_oficial{ color: #ffffff; margin: 10px 5px 0 0; padding:0; font-size:13px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; }
.date{ margin:0; padding:0; color:#8e9089; font-weight:bold; }

.content{ margin:0; padding:30px; background:url(../images/content-bg.png) repeat; }
.content-videos{ margin:0; padding:30px 0 0 0; background:url(../images/content-bg.png) repeat; }

.blocks{ height:140px; border:0px solid red; text-align:center; margin:0px 0 0 0; position:relative; }
.box{ width:180px; position:absolute; bottom:0; margin:0; padding:0; }
.box .box_title{
	margin:0; padding:6px 10px;
	background:#ffffff;
	border-top:2px solid #d7d8d3; border-left:2px solid #d7d8d3; border-right:2px solid #d7d8d3;
	color:#000000;
	font-weight:bold;
	text-align:center;
}

.box_title{
	font-size:10px;
	height:25px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.box .box_info{
	margin:0; padding:0 10px;
	background:#ffffff;
	border-left:2px solid #d7d8d3; border-right:2px solid #d7d8d3;
	color:#000000;
	font-size:10px;
	text-align:left;
	overflow-y:auto;
	height:0px;
}
.box .box_img{ height:94px; margin:0; padding:0; border-bottom:2px solid #d7d8d3; border-left:2px solid #d7d8d3; border-right:2px solid #d7d8d3; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}

.item{ padding:5px 0; margin:5px 0; border-bottom:1px solid #8e9089; }
.item2{ padding:5px 0; margin:0; }

.item-video{ width:280px; height:290px; float:left; margin:0 0 0 35px; background:transparent; }
.item-video a{ display:block; width:280px; height:230px }
.item-video p{ font-weight:bold; font-size:13px; padding:5px 0; }

.photo{ width:100px; float:left; margin:15px 27px; text-align:center; }
.texto{ width:605px; padding:0; margin:0; }
.imagenes{ width:300px; padding:0; margin:0; }
.imagenes img{ margin:0 0 20px 0; border:10px solid #d7d8d3; }

.categories img{ margin:0 0 0 10px; padding:0; }
.categories a, .categories a:active, .categories a:link, .categories a:visited{ color: #ffffff; text-decoration:none; }
.categories a:hover{ color: #B20313; text-decoration:underline; }
.categories a.active{ color: #B20313; }

.categories_archivo{margin-top: -15px; margin-bottom: 15px; border-bottom: 1px solid white; text-align: right;}
.categories_archivo img{ margin:0 0 0 10px; padding:0; }
.categories_archivo a, .categories_archivo a:active, .categories_archivo a:link, .categories_archivo a:visited{ color: #ffffff; text-decoration:none; margin: 0 15px; font-weight: bold;}
.categories_archivo a:hover{ color: #B20313; text-decoration:underline; }
.categories_archivo a.active{ color: #B20313; }

.archivo-anyos{ position: absolute; padding-top: 15px; margin-left: 19px; }
.archivo-anyos a{margin: 0 10px; color: white; font-weight: bold;}
.archivo-anyos a:hover{ color: #B20313; text-decoration:underline; }
.archivo-anyos a.active{ color: #B20313; }

ul.llista_proves{ margin:0; padding:0; list-style:none; }
ul.llista_proves li{ margin:0; padding:5px; font-size:14px; }
ul.llista_proves a, ul.llista_proves a:link, ul.llista_proves a:active, ul.llista_proves a:visited{ margin:0; padding:0; color:#ffffff; }
ul.llista_proves a:hover{ margin:0; padding:0; color:#B20313; text-decoration:none; }

.warning{ border:2px solid #B20313; padding:10px; margin:0 20px 0 0; font-weight:bold; }
.message{ border:2px solid #390; padding:10px; margin:0 20px 0 0; font-weight:bold; }

#video{ width:335px; height:188px; position:absolute; top:125px; left:30px; padding:10px; background:#d7d8d3; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

#contador_texto{color: white; font-size: 12px; font-weight: bold; position: absolute; left: 47px; top: 345px; width: 310px; text-align: left;}
/*#contador{color: red; font-size: 28px; font-weight: bold; position: absolute; left: 40px; top: 370px; width: 335px; text-align: center; }*/
#contador_sigue_online{position: absolute; left: 47px; top: 413px; width: 321px; font-size: 12px; text-align: right; }
#contador_sigue_online a{color: white; font-weight: bold;}

/*---------------------------------
 *  jQuery Countdown
 *	Author : Keith Wood
 *	URL : http://keith-wood.name/countdown.html
 *---------------------------------*/
#contador{position: absolute;left: 47px;top: 324px;width:310px;height:45px;margin-top:35px;padding:8px 0 0 14px;background:transparent url("../images/countdown-bkg.jpg") no-repeat 0 0;}
#contador span{display:block;float:left;width:19px;height:25px;background:transparent url("../images/countdown-digits.gif") no-repeat 0 0;} 
#contador span.image0{background-position:0 0;} 
#contador span.image1{background-position:-19px 0;} 
#contador span.image2{background-position:-38px 0;} 
#contador span.image3{background-position:-57px 0;} 
#contador span.image4{background-position:-76px 0;} 
#contador span.image5{background-position:-95px 0;} 
#contador span.image6{background-position:-114px 0;} 
#contador span.image7{background-position:-133px 0;} 
#contador span.image8{background-position:-152px 0;} 
#contador span.image9{background-position:-171px 0;} 
#contador span.imageSep,
#contador span.imageSpace{width:42px;background-position:-190px 0;} 

#Formulario .formblock{ width:280px; padding:0px 20px 0 0; float:left; }
#Formulario label{ display:block; padding:10px 0 5px 0; }
#Formulario textarea{ width:96%; height:100px; border:1px solid #999999; margin: 0 20px 0 0; font: 12px Arial, Helvetica, sans-serif; }
#Formulario input{ width:100%; border:1px solid #999999; font: 12px Arial, Helvetica, sans-serif; }
#Formulario .buttonblock{ width:96%; text-align:right; padding:10px 0; }
#Formulario .buttonblock input{ width:70px; background:#B20313; color:#FFF; padding:1px; border:1px solid #B20313; font: 11px bold Arial, Helvetica, sans-serif; }

.news-subtitle{ text-align:center; font-style:italic; text-decoration:underline; margin:0 0 10px 0; }
.news-title{ text-align:center; font-weight:bold; font-size:20px; margin:0 0 10px 0; }

table.clasification thead td{ padding-bottom: 15px; font-weight:bold; }
table.clasification tbody td{ padding-top: 4px; border-bottom: 1px solid #666; }

.volver{ margin:0; padding:0; text-align:right; font-weight:bold; }
.volver a,.volver a:link, .volver a:active, .volver a:visited{ color:#ffffff; }
.volver a:hover{ color:#B20313; text-decoration:none; }

.paginador{ text-align:right; color:#B20313; padding:20px 30px 0 0; }
.paginador a, .paginador a:link, .paginador a:active, .paginador a:visited{ text-decoration:none; color:#FFFFFF; }
.paginador a:hover{ text-decoration:none; color:#FFFFFF; }