@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	text-align:center;
	background-image: url(../../images/turf/bk.jpg);
	background-repeat: repeat;	
	height:100%;
}

#container {
	width:1000px;
	text-align:left;
	background:#fff;
	padding:8px;	
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height:auto;
	min-height:100%;
	
}
.alto{
	clear:both;
}

a{
	color: #880000;
	text-decoration: none;
}

a:hover{
	color: #880000;
	text-decoration: underline;
}



/*---- Header ----*/

#header {
	width: 1000px;
	height: 151px;
	float: left;
	
}
#submenu {
	
	width: 1000px;
	float:left;
	
}

#header ul.headernav {
	float: right;
	width:130px;
	margin: 0px;
	padding: 0px;
	
}
#header ul.headernav li {
	list-style: none;
	float: left;
	width: auto;
	font-size: 11px;
	color: #FFF;
	
}
#header ul.headernav li a{
	height: 25px;
	display: block;
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;	
}
#header ul.headernav li a:hover{
	color: #ccc;
	text-decoration: none;
	background-image: url(../../images/turf/bk-submenu.jpg);
	background-repeat: repeat;
}

#fecha {
	width: 510px;
	font-size: 11px;
	color: #FFF;
	float: right;
	vertical-align: text-bottom;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-position: center;
	
}

#menu {
	background-image: url(../../images/turf/bk-menu.jpg);
	height: 35px;
	width: 1000px;
	float:left;
	background-repeat: no-repeat;
	
}

#header ul.topnav {
	float: left;
	width: 613px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#header ul.topnav li {
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: auto;
}
#header ul.topnav li a{
	height: 35px;
	display: block;
}
body #header ul.topnav li a:hover {
	background-position: 0 -35px;
}
#home li.home a{
	background-position: bottom;
}
#header ul.topnav li.home a{
	width: 46px;
	background: url(../../images/turf/home.jpg) no-repeat;
}
#header ul.topnav li.programas a{
	width: 86px;
	background: url(../../images/turf/programas.jpg) no-repeat;
}
#header ul.topnav li.resultados a{
	width: 89px;
	background: url(../../images/turf/resultados.jpg) no-repeat;
}
#header ul.topnav li.clasificados a{
	width: 97px;
	background: url(../../images/turf/clasificados.jpg) no-repeat;
}
#header ul.topnav li.hipodromos a{
	width: 117px;
	background: url(../../images/turf/hipodromos.jpg) no-repeat;
}
#header ul.topnav li.informacion a{
	width: 96px;
	background: url(../../images/turf/informacion.jpg) no-repeat;
}


html body#home ul.topnav li.home a, body#programas ul.topnav li.programas a, body#resultados ul.topnav li.resultados a, body#clasificados ul.topnav li.clasificados a, body#hipodromos ul.topnav li.hipodromos a, body#informacion ul.topnav li.informacion a{
	background-position: 0 bottom;
}


/*---- Banner Ppal ----*/
#banner {
	width: 1000px;
	height: 70px;
	float: left;
	background-color: #FFF;	
}
#grande {
	width: 740px;
	height: 50px;
	float: left;
	margin: 10px;
	
}

#clima {
	width:240px;
	float:left;
	background-color: #E9EAEB;
	height: 70px;
	background-image: url(../../images/turf/bk-redondo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	color: #FFF;
	font-size: 11px;
}

#clima img{
	float:left;
	margin-left:20px;
	padding-right:15px;
}

/*---- Main ----*/
#main {
	width:1000px;
	float:left;
	padding: 0px;
	margin: 0px;
	display:inline;
	background-color: #FFF;
	background-image: url(../../images/turf/1x1_container.jpg);
	background-repeat: repeat;
}

#noticias {
	width:430px;
	float:left;
	margin: 0px;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E5E5E5;
}
#noticias h1{
	font-size: 22px;
	font-weight: bold;
	color: #750000;
	margin: 0px;
	line-height: 25px;
}
/*#noticias h2{
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #157295;
	line-height: 19px;
}*/
#noticias h3{
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#noticias p{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#breves {
	width:289px;
	float:left;
	margin: 0px;
	padding: 10px;
}
#breves h1{
	font-size: 19px;
	font-weight: bold;
	color: #750000;
	margin: 0px;
	line-height: 22px;
}
/*#breves h2{
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #157295;
	line-height: 17px;
}*/
#breves h3{
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#breves p{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.linea{
	text-decoration: underline;
	background-image: url(../../images/turf/1x1_gris.gif);
	background-repeat: repeat;
	height: 1px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contenido {
	width:220px;
	float:left;
	padding: 10px;
	background-color: #E9EAEB;
	margin: 0px;
}

#contenido div{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


#clarin{
		
}
#clarin h1{
	height: 19px;
	color: #FFF;
	font-size: 14px;
	background-image: url(../../images/noticias/clarin.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
#clarin h2{
	height: 22px;
	color: #999;
	font-size: 10px;
	background-image: url(../../images/noticias/degrade.jpg);
	background-repeat: repeat;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	font-weight: normal;
}
#clarin ul{
	background-color: #F9F9F9;
	list-style:none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
#clarin li{
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	padding-top: 3px;	
}
#clarin li a{
	color: #858585;
	text-decoration: none;
}
#clarin li a:hover{
	text-decoration: underline;	
}
.clarin {
	color: #858585;
	text-decoration: underline;
}

#leidas{
		
}
#leidas h1{
	height: 22px;
	color: #FFF;
	font-size: 14px;
	background-image: url(../../images/noticias/leidas.jpg);
	background-repeat: repeat;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
#leidas h2{
	height: 22px;
	color: #999;
	font-size: 10px;
	background-image: url(../../images/noticias/degrade.jpg);
	background-repeat: repeat;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	font-weight: normal;
}
#leidas ul{
	background-color: #F8EFEF;
	list-style:none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
#leidas li{
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	padding-top: 3px;	
}
#leidas li a{
	color: #858585;
	text-decoration: none;
}
#leidas li a:hover{
	text-decoration: underline;	
}



/*---- Footer ----*/
#footer {
	width:1000px;
	float:left;
	background-image: url(../../images/turf/bk-footer.jpg);
	color: #FFF;
	font-size: 12px;
	line-height: 15px;	
}
#footer p {
	margin: 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#footer h1 {
	background:#585858;
	margin: 5px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#footer-2 p a {
	color:#ffffff;
	text-decoration: none;
}

#footer-2 p a:hover {
	color:#ffffff;
	text-decoration: underline;
}

#footer-1 {
	width:580px;
	float:left;
	
}
#footer-2 {
	width:210px;
	float:left;
	
}


/*---- Forms ----*/


div.buscador {
  clear: both;
  }

div.buscador span.formw {
  float: left;
  width: 167px;
  text-align: right;
  height: 23px;
  }
  
.campobuscar {
	height: 23px;
	width: 167px;
	background-image: url(../../images/turf/bk-buscador.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #414141;
	margin: 0px;
	color: #666;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px;
}

div.buscador span.boton {
  float: right;
  width: 52px;
  height: 23px;
  text-align: left;
  } 
  
 form {
	margin: 0px;
	padding: 0px;
	
 }
 
 
 /*---- Desarrollo Noticias ----*/
 
 #desarrollo {
	width:740px;
	float:left;
	margin: 0px;
	padding: 10px;
}
#desarrollo h1{
	font-size: 29px;
	font-weight: bold;
	color: #750000;
	margin: 0px;
	line-height: 32px;
}
#desarrollo h2{
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#desarrollo h3{
	margin: 0px;
	padding: 5px;
	font-size: 13px;
	background-color: #EEEEEE;
	font-weight: normal;
	color: #8A8A8A;
}
#desarrollo p{
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}


 #utilidades{
	text-align: right;
	font-size: 12px;
	padding-top: 5px;
	color: #999;
}
 
 
 /*---- Noticias en listas ----*/
 
 #lista {
	width:740px;
	float:left;
	margin: 0px;
	padding: 10px;
}
#lista h1{
	font-size: 22px;
	font-weight: bold;
	color: #750000;
	margin: 0px;
	line-height: 32px;
}
#lista h2{
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#lista h3{
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#lista p{
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}


  /*---- Galeria de fotos ----*/

 .tit-galeria{
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #157295;
	text-decoration: none;
	line-height: 25px;	
}


#gallery{
	width:640px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/* This is the ul you have all your images in */
#gallery ul{
	margin:0;
	overflow:hidden;
	visibility:hidden;
	padding: 0px;
	position:absolute;
}
#gallery ul li{float: left;padding:2px;margin:0 6px 4px 0;position:relative;overflow:hidden;}
#gallery ul li div img{position:relative;cursor:pointer;}



/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{
	display:block;
	position:relative;
	}

/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{
	position:absolute;
	top:10px;
	left:10px;
	}
.pika_back_img{
	position:relative;
	width:640px;
	
	}
.pika_subdiv{
	position:relative;
	padding:10px;
	background-color: #D8D8D8;
	width:640px;
	}
.pika_subdiv img, .pika_subdiv a img{
	border:none;
	}
.pika_caption{
	width:630px;
	height:20px;
	text-align:right;
	position:absolute;
	bottom:10px;
	z-index:100;
	background-image: url(../../images/noticias/pikachoose/black.png);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	color: #FFF;
	margin-left: 10px;
	}
.pika_caption a{
	color:white;
	}

/*.pika_play{
	position:absolute;
	z-index:1;
	left:50%;
	margin-left:-25px;
	width:50px;
	top:10px;
	}
.pika_play a{
	position:relative;
	margin-left:auto;
	ursor:pointer;
	display: block;
	width:50px;
	height:50px;
	background:url('../../images/noticias/pikachoose/play.png') top center no-repeat;}
	
.pika_play a{
	position:relative;
	margin-left:auto;
	cursor:pointer;
	display: block;
	width:50px;
	height:50px;
	background:url('../../images/noticias/pikachoose/stop.png') top center no-repeat;}*/

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{
	position:absolute;
	top:10px;
	left:10px;
	height:100px;
	width:100px;
	background:url('../../images/noticias/pikachoose/rewind.png') top left no-repeat;
	cursor:pointer;
	}
	
.pika_next_hover{
	position:absolute;
	top:10px;
	right:10px;
	height:100px;
	width:100px;
	background:url('../../images/noticias/pikachoose/fastf.png') top right no-repeat;
	cursor:pointer
	} 
.pika_navigation a{text-decoration: none; cursor:pointer;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}
  
/* -------- Publicidades ----------*/
.cute-ads{
	float:left;
}

  
/* -------- comentarios ----------*/
#comentarios-usuarios {
	border-top:1px dashed #CCCCCC;
	margin-top:12px;
	padding-top:10px;
	clear:both;
}
#comentarios-usuarios-copete{
	color:#999999
}
#comentarios-formulario{
	margin:12px;
	padding:10px;
	clear:both;	
	background-color:#EEEEEE;
}
#comentarios{
	margin:12px;
	padding:10px;
	clear:both;		
}
#comentarios-terminos{
	margin:12px;
	padding:5px;
	clear:both;
	background-color:#F2F2F2;
}

 textarea {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E60000;
	border-right-color: #E60000;
	border-bottom-color: #E60000;
	border-left-color: #E60000;
	background-color: #F3F3F3;
}
 .campo {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E60000;
	border-right-color: #E60000;
	border-bottom-color: #E60000;
	border-left-color: #E60000;
	background-color: #F3F3F3;
}

.boton {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #8E0000;
	border: 1px solid #E60000;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
}

.nameemail{
	display:none;
}