html, body {
  margin:0;
  padding:0;
  height:100%;
  list-style: none;
  background-color:#5ca0ed;
}
body {
  font-family:Arial,vendana,Tahoma;
  background-image: url(fondo.png);
  background-repeat: repeat-x;
}
label
{
  font-weight: bold;
  display: block;
}

.contenido-pagina
{
  height: 277px;
  width: 788px;
}

#pagina{
  width: 800px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top:0px;
  padding-top:5px;
}

/*
-------------------
ENCABEZADO SUPERIOR
--------------------
*/

#pagina-encabezado{
  height: 47px;
}

#pagina-encabezado-logo{
  background-image: url("LogoTG.png");
  background-repeat: no-repeat;
  float:left;
  height: 39px;
  margin-left: 10px;
  margin-top:5px;
  width: 122px;
}


#pagina-encabezado-maquinaazul{
    background-image: url("LogoMaqAzul_TG.png");
    background-image: url("LogoMaqAzul_TG.png");
    background-repeat: no-repeat;
    float: right;
    height: 35px;
    margin-top: 10px;
    margin-right: 15px;
    width: 57px;


}

#pagina-encabezado-redes-sociales{
 float: right;
 margin-right: 40px;

}


#pagina-contenido{
  background-image: url("fondoblanco.png");
  background-repeat: no-repeat;
  height: 484px;
  width: 790px;
  padding:5px;
  text-align:center;
}

#pagina-pie{
  background-image: url("piebarra.png");
  height: 45px;
  width: 100%;

}

#pagina-pie-principal{
    margin-left: 110px;
    width: 790px;

}

#pagina-pie-logoriente{
   background-image: url("LogoLOriente.png");
    background-repeat: no-repeat;
    float: left;
    height: 46px;
    margin-left: 10px;
    width: 42px;
}

#pagina-pie-derechos{
  color: white;
  float: right;
  font-size: 0.6em;
  font-weight: bold;
  margin-right: 15px;
  margin-top: 17px;
}

a.claseinicio {
   background-image: url("contacto_top1.png");
   background-repeat: no-repeat;
   color: transparent;
   float: left;
   height: 23px;
   margin-left: 15px;
   margin-top: 19px;
   text-decoration: none;
   text-indent: -9999999px;
   width: 82px;
}

a.regresar{
  background-image: url("mgalleryview/flecha_left.gif");
  background-repeat: no-repeat;
  display: inline-block;
  height: 29px;
  width: 29px; 

}



#regresar-suscripcion{
  margin-left:167px;

}

#pagina-pie-facebook{
    background-image: url("Facebook_top1.png");
    background-repeat: no-repeat;
    float:left;
    height: 36px;
    margin-right: 15px;
    margin-top: 9px;
    width: 36px;
    display:block;/* QUITAR PARA CUANDO ESTE EN PRODUCCION*/
}

#pagina-pie-twiiter{
    background-image: url("Twitter_top1.png");
    background-repeat: no-repeat;
    float:left;
    height: 36px;
    width: 37px;
    margin-top:9px;
    display:block; /* QUITAR PARA CUANDO ESTE EN PRODUCCION*/
}

#pagina-contenido-contenido{
  margin-left: auto;
  margin-right: auto;
  padding-top:3px;
  text-align:left;
  font-size: 0.8em;
}

/*
----------
Menu Principal
----------
*/

#menu-principal{
  background-image: url(botonera.png);
  margin-top:5px;
}

UL#principal  {
  height:auto;
  padding:0;
  margin: 0;
  margin-left:auto;
  margin-right: auto;
  height: 38px;
  width: 90%;
  font-size: 0.8em;
}
UL#principal LI {
  position: relative;
  float:left;
  height:auto;
  width: auto;
  list-style:none;
  margin:0;
  padding:0;
}
UL#principal LI A {
  display: inline-block;
  width: 140px;
  height:26px;
  padding-top:10px;
  color: white;
  text-decoration:none;
  border-right: 1px solid #124f87;
  background-image: url(B3.png);
  text-align: center;
  font-weight: bold;
}
UL#principal LI A:hover{
  background-image: url(b5.png);
}

/* 
----------------------
NIVEL 2 DEL MENU
----------------------
*/

UL#principal LI UL 
{
  display: none;
  position:absolute;
  left:0px;
  top:36px;
  height: auto;
  padding:0px;
  margin:0;
  padding:0;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  z-index: 999999999;
}

UL#principal LI.hover UL {
  display: block;
}

UL#principal LI UL LI
{
  float:none;
}

UL#principal LI A.sis-estado-ultimo
{
  border-right: none;
}

#pagina-triplegordo_maquinaazul a img{
   border:none;
}


/*
--------------------
RESULTADOS
--------------------
*/

#pagina-triplegordo_resultados{
/*    background-image: url("WEBTGResultadosfondo.png");*/
    background-image: url("Fondoresultado.PNG");
    background-repeat: no-repeat;
    height: 276px;
}

.ui-widget-header .ui-icon{
    background-image: url("close.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

a.actual{
  background-image: url("actualnormal.gif");
  background-repeat: no-repeat;
  height: 50px;
  width: 108px;
  display: inline-block;
}

a.actual:hover{
  background-image: url("acutalpulsado.gif");
}

a.anterior{
  background-image: url("anteriornormal.gif");
  background-repeat: no-repeat;
  height: 50px;
  width: 139px;
  display: inline-block;
}

a.anterior:hover{
  background-image: url("anteriorpulsado.gif");
  
}

a.versorteos{
 background-image: url("videosnormal.gif");
  background-repeat: no-repeat;
  height: 107px;
  width: 103px;
  display: inline-block;
}

a.versorteos:hover{
 background-image: url("videospulsado.gif");

}

#resultados-principal{
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px;
    text-align: center;
    width: 300px;

}


/*
-----------------
REGLAMENTOS
----------------
*/

#reglamento-principal{
  margin-left: auto;
  margin-right: auto;
  padding-top: 81px;
  text-align: left;
  width: 346px;
}

#pagina-triplegordo_reglamento{
    background-image: url("reglamentofondo_principal.png");
    background-repeat: no-repeat;
    height: 276px;
    overflow-x: auto;
    overflow-y: auto;
    position: relative;

}

a.online{
  background-image: url("TGOnormal.gif");
    background-repeat: no-repeat;
    display: inline-block;
    height: 44px;
    width: 223px;
}

a.online:hover{
  background-image: url("TGOpulsado.gif");
  background-repeat: no-repeat;
  display: inline-block;
  height: 44px;
  width: 223px;
}

a.preimpreso{
  background-image: url("preimpresonormal.gif");
  background-repeat: no-repeat;
  display: inline-block;
  height: 43px;
  width: 273px;


}

a.preimpreso:hover{
  background-image: url("preimpresopulsado.gif");
  background-repeat: no-repeat;
  display: inline-block;
  height: 43px;
  width: 273px;

}

/*
----------------
  GANADORES
---------------
*/

#pagina-triplegordo_ganadores{
 background-image: url("Ganadoresfondo.png");
    background-repeat: no-repeat;
    height: 273px;
    padding-top:5px;
   
}

/*
------------------
CONTACTO
------------------
*/

#pagina-contacto,#pagina-triplegordo_compradorcomercial{
  background-image: url("Soyganadorfondo.png");
  background-repeat: no-repeat;
  height:276px;  
}

#pagina-contacto-formulario{
    color: white;
    float: right;
    height: 260px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 552px;
}

#pagina-contacto-formulario h2{
  margin: 0.3em 0 0.5em 0;
}
#pagina-contacto-formulario label{
  display:inline-block;
   width: 23%;
}
.divisionform {
    padding-bottom: 4px;
}
.divisionenviar{
  text-align: center;
}



a.suscripcion{
  background-image: url("Suscripcionnormal.gif");
  background-repeat: no-repeat;
  display: inline-block;
  height: 53px;
  width: 140px;
  text-decoration:none;
  text-indent: -9999999px;
  float:left;
}

a.suscripcion:hover{
  background-image: url("Suscripcionpulsado.gif");
  background-repeat: no-repeat;
  display: inline-block;
  height: 53px;
  width: 140px;

}

#suscripcion{
  color:white;
  padding-left: 55px;
  padding-top: 17px;
  width: 161px;
}


#pagina-triplegordo_suscripcion{
  background-image: url("suscripcionfondo.png");
  background-repeat: no-repeat;
  height:276px;  

}
#pagina-suscripcion-formulario{
    color: white;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    width: 600px;
}

#pagina-suscripcion-formulario form{
  padding-left: 15px;
}

#pagina-suscripcion-formulario label{
  display:inline-block;
   width: 23%;
}

#pagina-contacto-formulario form div.divisionenviar p input, #pagina-suscripcion-formulario form div p input{
  background: url(enviar5.gif);
  background-repeat: no-repeat;
  height: 26px;
  width: 88px;
  border: none;


}

#pagina-compradorcomercial-busqueda{
  color:white;
  float: right;
  padding-right: 230px;
  padding-top:16px;
  

}

#pagina-compradorcomercial-busqueda label{
   display: inline-block;
   padding-right: 5px;

}

#pagina-compradorcomercial-busqueda input#buscar{
    background: url("Search_20x20.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 20px;
    width: 20px;
}

#pagina-compradorcomercial-busqueda input#palabra{
  border: 1px solid #205a9c;
  font-weight: bold;


}





/*
--------------------
COMO JUGAR
--------------------
*/

#pagina-triplegordo_comojugar_banner{
  width:788px;
  height: 276px;
}


/*
------------------------
COMPRADORES COMERCIALES
------------------------
*/

a.pagina-compradorcomercial-titulo{
    background-image: url("Compradorescomerciales.gif");
    background-repeat: no-repeat;
    display: inline-block;
    float:left;
    height: 30px;
    margin-left: 49px;
    margin-top: 15px;
    width: 231px;

}

#pagina-compradorcomercial-listado{
    float:left;
    height: 150px;
    overflow-x: auto;
    overflow-y: auto;
    width: 575px;
    color:white;
    font-size:0.9em;
}

#pagina-triplegordo_compradorcomercial h2{
   color: white;
    margin:0px;
    padding-bottom: 8px;
    padding-left: 55px;
    padding-right: 0;
    padding-top: 14px;

}

#pagina-compradorcomercial-listado ul{
   height: auto;
    margin-bottom: 0;
    margin-left: 66px;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 14px;
    padding-top: 0;
}

#pagina-compradorcomercial-listado li{
    border-bottom-color: white;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    padding-bottom: 6px;

}