/***********************************************/ 
/*          CSS TEQUILAEXPRESS 2009            */
/* CSS2 style sheet  ++++  XHTML tag styles    */
/*          Edited with HTML Kit               */
/*    Hugo Enrique Flores González             */
/*           lenox21@gmail.com                 */
/***********************************************/ 
/* HTML tag styles                             */
/***********************************************/

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

html{
height: 100%;
overflow-x:hidden;
overflow-y: auto;
}

body {
	font: 13px/1.1em Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	padding:0px;
	margin:0px;
	background:#739DA7 url(../images/fondo_invertido.jpg) repeat-y center top;
}
h1{
	font:bold 18px/1em Arial, Helvetica, Verdana, sans-serif;
  color:#021C19;
	clear:both;
}

img{border: 0px;}
strong{font-weight:bold;  font:bold 13px/1em Arial, Helvetica, Verdana, sans-serif;}
em{font-style:italic;}
a:link {
	color:#021C19;
	text-decoration: none;

}
a:visited {
	color:#021C19;
	text-decoration: none;

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

#imagenflotante{
     width: 404px;
     height: 156px;
     background: url(../images/cfondo.jpg) no-repeat left -1px;
	   margin: 0px 0px -156px -404px;
	   position:relative;
	   z-index:0;
	   padding:0px;
	   display:block;
	   float:left;
}

#imagenflotante2{
     width: 445px;
     height: 156px;
     background: url(../images/dfondo.jpg) no-repeat right -1px;
	   margin: 0px -442px -156px 0px;
	   position:relative;
	   z-index:1000;
	   padding:0px;
	   display:block;
	   float:right;
}
#pagecontainer{
	margin:0px auto 0px auto;
	padding:0px 0px 31px 0px;
	width: 920px;
	text-align: left;
	display:block;
}
#segment1 {
  clear:both;
	width:920px;
	height:350px;
  color:#021C19;
	padding:0px 0px 0px 0px;
	margin:0px;
	overflow:hidden;
	float:left;
}
.end {
	width:100%;
	height: 1px;
	clear:both;
}

#columna1{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:492px;
	height:300px;
	float:left;
	text-align:left;
	overflow:hidden;
}		
#logo {
	width:394px;
	height:100px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
}		
#idioma {
	width:492px;
	height:15px;
	padding:25px 0px 13px 41px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
}		
#idioma a{
	margin:0px 12px 0px 0px;
}		
#fase2 {
	width:492px;
	height:116px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
}
#buscador {
	width:182px;
	height:64px;
	padding:40px 0px 0px 30px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
}		
#img_address {
	width:280px;
	height:104px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
}

#columna2{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:420px;
	height:290px;
	float:left;
	text-align:left;
	overflow:hidden;
}		

#flash{
	padding:15px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:420px;
	height:235px;
	float:left;
	text-align:left;
	overflow:hidden;
}		
#utils{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 50px;
	width:370px;
	height:15px;
	float:left;
	text-align:left;
	overflow:hidden;
}		
#utils ul{
	margin:0;
	padding:0px;
	list-style:none;
	width: 420px;
	height:15px;
	overflow:hidden;	
	float:left;
}
#utils ul li{
	list-style: none;
	height:15px;
	float:left;
	padding:0px 0px 0px 0px;
}
#utils a,#utils a:visited ,#utils a:link ,#utils a:hover  {
  display:block;
	width:120px;
	color:#FFF;
	text-decoration: none;
	font: 10px/1em Arial, Helvetica, Verdana, sans-serif;
}
/******************************************************************************/
.cajas{
	width: 305px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	color:#0A1622;
	border:1px solid #CCC;
}
.stnegro{
	font: 16px/1em Arial, Helvetica, Verdana, sans-serif;
	color:#bbb;
	clear:both;	
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;	
	height:25px;
	color:#0A1622;
}
.cajas2{
	width: 75px;
	height:auto;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	color:#0A1622;
	border:1px solid #CCC;
}
.note{
  color:#FF0000;
	text-align:center;
	padding-top:30px;
}
.cajas3{
	width: 223px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	color:#0A1622;
	border:1px solid #CCC;
}
/* Segment Two */
#segment2 {
  clear:both;
	display: block;
	width:920px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 169px 0px;
	color:#CCC;
}
#left_column{
	width: 212px;
	height:775px;
	margin: -75px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	position:relative;
	z-index:10;
}
#flashrotatorio{
	width:211px;
	height:218px;
	padding:130px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
}
#menu {
	width:212px;
	height:411px;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
	background:#377782;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;	
	font: 12px/1em Arial, Helvetica, Verdana, sans-serif;
}
#menu ul{
	margin:0;
	padding:0px;
	list-style:none;
	width: 212px;
	height:auto;
	overflow:hidden;	
	float:left;
}
#menu ul li{
	list-style: none;
	width:210px;
	height:24px;
	float:left;
	padding:1px 2px 2px 2px;
	background: url(../images/linea2.jpg) no-repeat center bottom;
	font-weight:bold;
}
#menu ul li a{
	text-align:left;
	width:194px;
	height:20px;
	padding:4px 0px 0px 14px;
	display:block;
	color:#E2FFFF;
	background: url(../images/dot.jpg) no-repeat 3px 8px;
}
#menu ul li a:hover{
	color:#FFF;
	text-decoration:none;
	background:#60996C url(../images/dot.jpg) no-repeat 3px 8px;
}
#content{
	width: 670px;
	min-height:360px;
	height:expression(document.body.clientHeight < 360? "360px": "auto" );		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	float: left;
	color:#021C19;
	text-align:justify;
}
.story{
	width: 670px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	float: left;
	clear:both;
}
.azul{
  clear:both;
	padding:10px 10px 10px 10px;
	float:left;
	width:650px;  
	background:#E1F5FC;
	color:#021C19;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;	
}	
.negro{
  clear:both;
	padding:10px 10px 10px 10px;
	float:left;
	width:650px;  
	background:#377782;
	color:#E1F5FC;	
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;	
}	
#home #content{
	width: 670px;
	height:265px;
	margin: -35px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	float: left;
	color:#021C19;
	text-align:justify;
}
#default #content{
	width: 670px;
	margin: -60px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	float: left;
	color:#021C19;
	text-align:justify;
}
#corridas1{
	width: 630px;
	height:15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	float: left;
	color:#FFF;
	text-align:justify;
	overflow:hidden;
}
#corridas1 #corridasint div{
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



#flashhome{
	width: 290px;
	height:200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	float: left;
	color:#FFF;
	text-align:justify;
	overflow:hidden;
}

#welcome{
	width: 370px;
	height:265px;
	margin: 0px 0px 0px 0px;
	padding: 85px 0px 0px 15px;
	float: left;
	color:#021C19;
	text-align:justify;
	overflow:hidden;
}
#welcomevideo{
	width: 256px;
	height:254px;
	margin: 0px 0px 0px 0px;
	padding: 100px 4px 55px 25px;
	float: left;
	color:#021C19;
	text-align:justify;
	overflow:hidden;
}
#patrocinadores{
	width: 920px;
	height:115px;
	margin: -340px 0px 0px 0px;
	padding: 0px 0px 53px 0px;
	float: left;
	color:#021C19;
	text-align:justify;
	clear:both;
	position:relative;
	z-index:21;
}
#patrocinadores img{
  border:5px solid #466167;
	margin: 0px 0px 0px 8px;
}
/************* #siteInfo styles ***************/
#siteinfo{
	padding: 20px 20px 20px 240px;
	margin:0px 0px 0px 0px;
	color:#0A1622;
	width:630px;
	height: auto;
	position:relative;
	z-index:1;
	float:left;
	overflow:hidden;
	clear:both;	
}
#home #siteinfo {
	margin:-140px 0px 0px 0px;
}
	#siteinfo a:link, #siteinfo a:visited {
		color:#03383C;
	}
	#siteinfo a:hover {
	  text-decoration: none;
		color:#03383C;
	}	
	#copyright{
	 	 padding: 10px 0px 0px 0px;
     float:left;
 		 text-align: left;		 
	 	 margin: 0px 0px 0px 0px;
     width:230px;
		 height:55px;
		 overflow:hidden;	
		 font: 11px/1em Arial, Helvetica, Verdana, sans-serif;
	}
	#address{
	 	 padding: 10px 0px 0px 0px;
     float:right;
 		 text-align: right;		 
	 	 margin: 0px 0px 0px 0px;
     width:400px;
		 height:55px;
		 overflow:hidden;	
		 font: 11px/1em Arial, Helvetica, Verdana, sans-serif;
	}


/************** Custom Classes ***********************************/
input, select, textarea { border:1px solid #FFF; font-size: 11px; margin: 1px;}

#grafico-inferior{
		width:920 2480px;
		height:170px;
		padding:0px;
		margin:-170px -320px 0px -320px;
		z-index:1;
		position:relative;
		float:left;		
		display:block;
		clear:both;
	}
img.borde{ margin:10px;border:4px solid #84A5AA;}



			 .imgcolumns{
						width: 298px;
						height:158px;						
						float: left;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
						overflow:hidden;
						text-align:center;
				}
			 .imgcolumns img{
						float: left;
						text-align:center;
						margin: 0px 20px 0px 20px;
				}				

				.abstractcolumns{
						width: 360px;
						height:133px;
						float: right;
						margin: 0px 0px 0px 0px;
						padding: 5px 0px 5px 0px;
						text-align:left;
						color:#0A1622;
				    font:normal 9pt Arial;
						overflow:hidden;
						position:relative;
						text-align:justify;
				}
				.resumenes{
						float: left;
						margin: 6px 0px 0px 0px;
						padding: 5px 0px 5px 0px;
						width:660px;
						clear:both;
						border-bottom:1px solid #84A5AA;	
				}
				.title4{
				  font:bold 10pt Arial;
					text-transform:uppercase;
				}
				.vermas{
						float: left;
						margin: -10px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
						overflow:hidden;
						width:550px;
						clear:both;
						position:relative;
						z-index:1;
				}						
				
.boton_compraenlinea{
  width:660px;
	height:45px;
	float: left;
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}