@charset "utf-8";
/* CSS Document */

body {background-color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style:normal; color:#666666; text-align:left;}
#verticalintro{position: absolute; left: 50%; top: 50%; width: 850px; height: 450px;  margin-top: -225px;   margin-left: -425px; overflow: auto;}
#contieneintro{ margin:0 auto; width:800px; height:400px; background-color:#191919; border:#333333 1px solid; padding:0px;}
#adentrointro{width: 700px; margin-top:90px; margin-left:50px; text-align:center;}
#elpieintro{ margin:0 auto; width:800px; background-color:#000000; padding-top:10px;}
.linkpie, .linkpie a:link, .linkpie a:visited {width:400px; font:Verdana, Arial, Helvetica, sans-serif 10px normal; float:left;  color:#333333; text-decoration:none;}
.linkpie a:hover{color: #999999;}

.formutititi{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;color: #666666; padding-bottom:10px; padding-left:10px; text-align: left;}
.delquigranororo {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #847033; text-align: left;}
.delquigranplata {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #A4AB94; text-align: left;}

#planoo a:link, #planoo a:visited{font:Arial, Helvetica, sans-serif; font-size:12px; width:200px; height:20px; font-weight:bold; padding:3px; float:left; margin:2px; color:#000000; text-transform:uppercase; text-decoration:none; background-image:url(images/tbb4.jpg); background-repeat:no-repeat; background-position:bottom;}
#planoo a:hover{ color:#999900;}

.linkpie2, .linkpie2 a:link, .linkpie2 a:visited {width:400px; font:"Verdana", Arial, Helvetica normal 10px; float:left; text-align:right; color: #232323; text-decoration:none;}
.linkpie2 a:hover{color: #999999;}
#alma{ background-image:url(images/bgz.jpg); background-repeat:no-repeat; padding-bottom:25px;}

 /* ****************************** */
#pagewidth{ width:900px; text-align:left; margin-left:auto; margin-right:auto;} 
#header{position:relative; height:100px;  background-color:#000000; width:100%;} 
#leftcol{width:140px; float:left; position:relative; }
#twocols{ width:900px; float:right; position:relative;}
#rightcol{ width:140px; float:right; position:relative; background-color:#999999;}
#maincol{background-color: #FFFFFF; float: left; display:inline; position: relative; width:600px;}
#footer{ height:100px; background-color:#666666; clear:both;} 

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block;}

.titulodeoro {color: #847033;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px}
.titulodeplata {color: #ABB38C ;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px}
.titulotorneos {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px; color:#333333; font-weight: 400;}
.tituloteam {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px; color:#333333; font-weight: 400; letter-spacing:3px;}

#elpie{ margin:0 auto; width:950px; background-color:#000000; padding-top:10px; padding-bottom:25px;}
.olinkpie, .olinkpie a:link, .olinkpie a:visited {width:475px; font:Verdana, Arial, Helvetica, sans-serif 10px normal; float:left;  color:#333333; text-decoration:none;}
.olinkpie a:hover{color: #999999;}
.olinkpie2, .olinkpie2 a:link, .olinkpie2 a:visited {width:475px; font:"Verdana", Arial, Helvetica normal 10px; float:left; text-align:right; color: #232323; text-decoration:none;}
.olinkpie2 a:hover{color: #999999;}
#foto{ width:530px; height:130px; border:5px #FFFFFF solid; margin-bottom:10px}

.titulodor {color: #91875A; font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; text-align:left;}
.parrafoo {color: #777777; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; text-align:left; }
#etiquetass{ margin:15px; color: #999999; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; text-align:left; }
.titala{color: #666666; text-align:left;}


#tengo { width:300px;}
.proxpart{  width:300px; font-family: Arial, Helvetica, sans-serif; background-color: #333333; font-size: 16px; float:left; height:25px; padding-top:7px; text-align: center; color:#FFFFFF;}

.proxpart2{  width:300px; font-family: Arial, Helvetica, sans-serif; background-color: #847033; font-size: 15px; float:left; height:25px; padding-top:7px; text-align: center; color:#FFFFFF;}

.resultpart{  width:300px; font-family: Arial, Helvetica, sans-serif; background-color: #847033; font-size: 16px; float:left; height:25px; padding-top:7px; text-align: center; color:#FFFFFF;}
.col1 {  width:140px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; float:left; height:15px; padding-top:7px; text-align: right;}
.col2 {  width:140px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase;	float:right;height:15px;  padding-top:7px; text-align:left;}
.col3 { width:20px; font-size:8px; font-family:Arial, Helvetica, sans-serif; color:#999999; float:left; text-align:center; height:15px;  padding-top:7px;}
.tirafecha {width:300px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-align:center; padding-bottom:10px; border-bottom:#CCCCCC 1px dashed; color: #000000;}
.gano {color:#847033; margin:1px;}
.perdio {color:#666666; margin:1px;}
.golgano { background-color:#847033; color:#FFFFFF; padding: 2px;}
.golperdio {background-color:#666666; color:#FFFFFF; padding: 2px;}


.elbotinoLA,.elbotinoLA  a:link, .elbotinoLA a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;color: #666666; padding-bottom:10px; text-align: left; text-decoration:none}
.elbotinoLA a:hover{color: #847033;  font-weight:bold;}

.ultima, .ultima a:link, .ultima a:visited {font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #666666;	font-weight: bold;}
.ultima a:hover, .ultima a:active {font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #CC0000; font-weight: bolder;}




/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}


