/* CSS Document */
body{
margin:0;
padding:0;
background:#BFBFBF;}
*{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}

/*---layout---*/
#contenedor{
background:#d4d4d4 url(../images/bg_contenedor.gif) repeat-x top left;
padding:0 0 20px 0;}

#cabecera{
padding:20px 0 0 0;
height:125px;}
#cabecera p{
display:none;
/*margin:0 auto;
padding:0;
width:120px;
height:35px;
text-align:left;
position:relative;
top:65px;
left:-60px;
color:#3A81A6;
font-size:12px;*/}
#cabecera p a{
/*display:block;
position:absolute;
left:0;
top:0;
height:34px;
width:20px;
margin-left:-28px;
background:#3A81A6;*/}

#logo{
width:610px;
margin:0 auto;
position:relative;}
#logo h1{
margin:0;
padding:0;
text-align:left;
width:173px;
height:70px;
background:url(../images/bg_logoh1.gif) no-repeat top left;
position:absolute;
top:40px;
left:-10px;}
#logo h1 a{
display:block;
width:151px;
height:64px;}
#logo h1 span{
display:none;}
#logo h2{
margin:0;
padding:0;
position:absolute;
top:63px;
right:0;
background:url(../images/bg_logoh2.gif) no-repeat top left;
width:110px;
height:46px;}
#logo h2 a{
display:block;
width:110px;
height:46px;}
#logo h2 span{
display:none;}

#wrap{
width:610px;
height:340px;
margin:0 auto;}
#wrap:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}/*clearfix - Encloses the floated elements inside it - for non IE/win browsers*/
#wrap{display: inline-table;}
/* Hides from IE-mac \*/
* html #wrap{height: 1%;}
#wrap{display:block;}
/* End hide from IE-mac */

#wrap h4{
font-size:18px;
color:#3A81A6;
margin:15px 0 5px 0;
letter-spacing:-1px;}

#colIzq{
float:left;
clear:right;
width:135px;
height:345px;
overflow:hidden;}

#colDcha{
width:450px;
float:right;
position:relative;
top:30px;
height:310px;}

/*----Columna Izquierda----*/
#colIzq h3{
margin:15px 0 0 0; 
padding:0; 
color:#3A81A6; 
font-size:28px; 
letter-spacing:-1.5px; 
position:relative;}
#colIzq h3 span{
position:absolute;
top:2px;
font-size:12px;
padding:0 0 0 2px;
text-transform:uppercase;
letter-spacing:0;}
#colIzq h4{
margin:0; 
padding:0;
color:#3A81A6; 
font-size:12px;
font-weight:normal;}

.horas{
width:100%;
margin:0;
padding:0;}
.horas li{
margin:0;
padding:0;
list-style:none;}

.horas a{
display:block;
width:100%;
background:#E2E2E2 url(../images/bullet_horas.gif) no-repeat center right;
line-height:25px;
margin:2px 0;
color:#333;
text-decoration:none;}

.horas a:hover{
color:#000;
font-weight:bold;
background:#F2F2F2 url(../images/bullet_horas.gif) no-repeat center right;}

.horas a.here,
.horas a.here:hover,
.horas a.here:active{
background-color:#93C5E0;
color:#fff;
font-weight:bold;
text-decoration:none;}

.horas a span{
font-size:12px;
margin:0 0 0 10px;}
.horas a:hover span{
font-size:12px;
margin:0 0 0 10px;}

.dosCol{
width:48%;
float:left;
margin:0 2px 0 0;}


.msgError {
height:320px;
font-size:11px;
color:#1D6F9A;
font-weight:bold;
margin:0;
background:#E0E0E0;
border-top:15px solid #D4D4D4;
padding:90px 0 0 0;
letter-spacing:-0.5px;
text-align:center;}
/*.Nada h6 span {
font-size:11px;
margin:10px 0 0 0;
font-weight:normal;
color:#868686;}*/

/*---filtro---*/
#filtro{
width:610px;
text-align:right;
margin:10px auto 0 auto;
position:relative;}

/*#filtro{
width:610px;
text-align:right;
margin:20px auto 0 auto;
padding:0 0 30px 0;}
#filtro dt, #filtro dd{
display:inline;
margin:0;
padding:0;}
#filtro dt{
font-weight:bold;
color:#666666;
margin:0 8px 0 0;
font-size:12px;}*/

#filtro a{
background:#E7E7E7;
line-height:20px;
padding:3px 8px;
text-decoration:none;
color:#666;}
#filtro a:hover{
background:#fff;}
#filtro h6 {
font-size:12px;
color:#666;
margin:0;
padding:0;
position:absolute;
top:3px;
left:165px;
}

/* Alberto estuvo aquí  */

.FiltroLista{
/*border-right: solid 1px #000000;*/
margin:0;
padding:0 0 30px 0;
list-style: none;}

.FiltroLista li{
margin:0 1px;
font-size: 12px;
display:inline;}

.FiltroLista li.Selecionada{
background-color: #c0c0c0;}

/*.FiltroLista a{
background:#E7E7E7;
line-height:20px;
padding:3px 8px;
color:#666;
text-decoration:none;}

.FiltroLista a:hover{
background:#fff;}*/

/*-----PISTAS------*/
.pista{
width:65px;
height:150px;
float:left;
position:relative;
margin:0 8px 0 0;}

/*--Generales Pistas--*/
.p3,
.p5,
.p7,
.p9,
.p11{position:absolute;top:155px;}

/*--Especificas Pistas--*/
.p3{ 
left:154px;
margin:0;} 
.p5{ 
left:227px;
margin:0;}
.p7{ 
left:308px;
margin:0;}
.p9{ 
left:381px;
margin:0;}
.p11{
left:39px;}
.p4, .p6{
position:relative;
left:8px;}
.p8, .p10{
position:relative;
left:16px;}

/*----Titulares pistas------*/
.pista h5{
margin:0;
color:#BCBCBC;
text-transform:uppercase;
position:absolute;
bottom:103px;
right:0;}
.pista h5 span{
font-size:31px;
letter-spacing:-2.5px;}

.pista h6{
margin:0;
background:#BCBCBC;
width:65px;
height:6px;
position:absolute;
bottom:99px;
text-align:center;
line-height:20px;}
.pista h6 span{
display:none;}

.p11 h5,
.p3 h5,
.p5 h5,
.p7 h5,
.p9 h5{
position:absolute;top:90px;right:0;}
.p3 h5 span,
.p5 h5 span,
.p7 h5 span,
.p9 h5 span{
position:relative;top:13px;}

.p11 h5{position:absolute;top:107px;right:0; margin:0;}
.p11 h5 span{
position:relative;
top:-3px;
font-size:25px;
letter-spacing:-1px;
display:block;
font-weight:bolder;
margin:0;
text-transform:lowercase;}

.p11 h6,
.p3 h6,
.p5 h6,
.p7 h6,
.p9 h6{
position:absolute;top:99px;}

.pista a{
display:block;
width:65px;
height:95px;
background:#e0e0e0 url(../images/pista.gif) no-repeat top left;
position:absolute;
bottom:0;}

.pista a span{display:none;}

.p3 a,
.p5 a,
.p7 a,
.p9 a,
.p11 a{position:absolute;top:0;}

/*---disponible---*/
.pista .disponible h5{
color:#3A81A6;}
.pista .disponible h5{
bottom:116px;}
.p3 .disponible h5,
.p5 .disponible h5,
.p7 .disponible h5,
.p9 .disponible h5{
top:104px;}
.p11 .disponible h5{
top:122px;}


.disponible h6{
height:20px;
background:#77BFE5;}
.disponible h6 span{
font-size:13px;
display:inline;
color:#fff;}
.disponible a{
background:#748B42 url(../images/pista_disp.gif) no-repeat top left;}
.disponible a:hover{
background:#748B42 url(../images/pista_disp.gif) no-repeat bottom left;}
/*----------------*/

#pie{
height:60px;
width:100%;
background:url(../images/bg_pie.gif) repeat-x top left;
text-align:center;}
#pie a{
display:block;
width:133px;
height:51px;
background:url(../images/poweredby.gif) no-repeat bottom center;
padding:15px 0 0 0;
margin:0 auto;}

/*-----registro-----*/
#LoginRegistro #wrap{
width:600px;
height:auto;}

#LoginRegistro #cabecera p{
left:-70px;}    
#LoginRegistro #cabecera p span{
display:none;}
#LoginRegistro #cabecera p a{
height:34px;
cursor:default;}
.formulario{
margin:8px 0;
border-collapse:collapse;
float:left;
width:50%;}
.formulario td{
padding:2px;}
.formulario th,
.formulario th span{
text-align:right;
padding:2px 8px 2px 0;
color:#7E7E7E;}

input, textarea{
background:#fff;
border:1px solid #999;}
.noborder input{
background:none;
border:0;}

textarea{
background:#F2F2F2;
width:598px;
height:80px;
padding:0 0 0 10px;}
.btn{
font-weight:bold;
font-size:12px;
background:#3A81A6;
color:#93CBEA;
border:1px solid #769FB8;
border-right-color:#2D6482;
border-bottom-color:#2D6482;
padding:2px;
margin:5px 0 5px auto;
clear:both;}
.Fright
{
position:relative;
top:-100px;
margin-bottom:-100px;
float:right;
width:180px;
text-align:right;}
.Fleft{
float:left;
width:60%;}

#LoginRegistro #wrap h5{
font-size:12px;
color:#fff;
margin:0 0 5px 0;
background:#77BFE5;
padding:0 10px;
line-height:25px;
text-align:center;
clear:both;}
#LoginRegistro #wrap h4{
clear:both;}
#LoginRegistro a{
text-decoration:none;
color:#003366;}
#LoginRegistro a:hover{
text-decoration:underline;}
#LoginRegistro h4 span{
margin:0 0 0 8px;
font-size:18px;
letter-spacing:normal;}

.noTopMargin {
margin-top:0;}

/*--CARRO DE COMPRA--*/
#divCarroCompra {
width:610px;
margin:0 auto;
text-align:right;
padding:15px 0 40px 0;
position:relative;}
#divCarroCompra h4{
text-align:left;
margin:0;
position:relative;
top:30px;}
#divCarroCompra h4 span{
font-size:18px;
color:#1D6F9A;
margin:15px 0 0 0;
letter-spacing:-1px;}
h4#CestaTitle {
position:absolute;
top:0;
left:0;
text-align:left;
margin:0;
width:610px;
height:66px;
background:url(../images/cestah6.gif) no-repeat top left;}
h4#CestaTitle span
{display:none;}
#divCarroCompra p{
text-align:left;
position:absolute;
bottom:50px;
color:#036;
margin:0;}
#divCarroCompra p span{
font-size:11px;}
#divCarroCompra .btn {
position:relative;
right:0;}
.pagar
{
position:relative;
top:30px;}

table.carGrid 
{
position:relative;
top:40px;
border-bottom:1px solid #d4d4d4;
width:100%;}
.carGrid a {
font-size:14px;
color:#748D39;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;}
.carGrid .btn {
padding:0 0 0 2px;
font-size:11px;}
.carGrid td {
padding:0 10px;
border:1px solid #d4d4d4;
border-width:1px 0 1px 0;
font-size:12px;}

.carGrid .Header {
background:#77BFE5;
color:#fff;
font-weight:bold;
padding:3px;
text-align:center;
border:0;}
.carGrid .Altern {
background:#EEEEEE;}
.carGrid .Item {
background:#E0E0E0;}
.carTotal {
margin:15px 0 0 auto;}
.carTotal td {
padding:2px 0 3px 10px;}
.carTotal h4 span.total {
text-align:right;
margin:0 0 0 20px;
letter-spacing:-0.5px;
text-transform:lowercase;}