/************ GENERALES ***************/
body {font-size:70%;font-family: "Verdana", "Arial", sans-serif;color:#fff;text-align:center;margin:0;background-color:#fff;}
a, a:link, a:visited {color:#fff;text-decoration:none;}
a:hover, a:active {color:#000;}
div {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-family: "Gill Sans", "Trebuchet MS", "Arial", "Verdana", serif;}
h1 {font-size:1.8em;}
h2 {font-size:1.5em;}
h3 {font-size:1.3em;margin:0 0 5px 0;}
h4 {font-size:1.2em;}
h5, p {font-size:1em;}
p {margin:10px 0;}
p, li, td {line-height:140%;};
h6 {font-size: .9em;}
ul {margin:5px 10px 5px 20px;}
table {border-collapse:collapse;width:100%;}     

/************ CONTENEDORES ************/
#contenedor {
    position:relative;margin:0 auto;width:950px;
    text-align:left;background:#fff;
    }
    
#contenidos_site {
    position:relative;min-height:350px;padding:10px 10px 10px 20px;
    background:url('/img/fondos/rojo.gif') repeat left top;
    }
     
#contenidos_index {
    position:relative;min-height:350px;padding:10px 20px 10px 20px;
    background:url('/img/fondos/azul.gif') repeat left top;
    }
    
#cont {
    float:left;width:695px;margin:0 10px;padding:0;
    border:#fff solid 2px;background:rgb(3,97,159);
    }      
/**************************************/    

/*********** INCLUÍDOS ****************/
#banner {position:relative;height:100px;}
#banners {float:right;width:200px;}
div.banner_l {position:relative;margin:0 0 10px 0 ;}
div.expand {clear:both;} 
#footer, #footer_site {position:relative;height:29px;}  
#footer {background:url('/img/fondos/foot.jpg') no-repeat left top;}      
#footer_site { background:url('/img/fondos/foot_site.jpg') no-repeat left top;}    
#footer p { margin:0; padding:2px 30px;color:rgb(44,124,226);font-size:.9em;text-align:center;}
#footer p a {color:rgb(111,165,248);}
#footer p a:hover {color:rgb(0,159,255);} 
#footer_site p { margin:0; padding:2px 30px;color:#f99;font-size:.9em;text-align:center;}
#footer_site p a {color:#fAA;}   
#footer_site p a:hover {color:#fff;} 
/**************************************/


/*************** MENUS ****************/
#menu {position:relative;height:54px;}  
#menu ul, #menu ul li {padding:0; margin:0;}    
#menu ul li {list-style-type:none;float:left;margin:0;}
#menu ul li a {display:block;height:54px;background-repeat:no-repeat;background-position:left top;}   
#menu ul.index li a.inicio {width:108px;background-image:url('/img/menu-index/inicio-1.png');}
#menu ul.index li a.inicio_sel {width:108px;background-image:url('/img/menu-index/inicio-3.png');}
#menu ul.index li a.inicio:hover {background-image:url('/img/menu-index/inicio-2.png');}
#menu ul.index li a.inicio:active {background-image:url('/img/menu-index/inicio-3.png');}
#menu ul.index li a.foro {width:91px;background-image:url('/img/menu-index/foro-1.png');}
#menu ul.index li a.foro:hover {background-image:url('/img/menu-index/foro-2.png');}
#menu ul.index li a.foro:active {background-image:url('/img/menu-index/foro-3.png');}
#menu ul.index li a.aprende {width:131px;background-image:url('/img/menu-index/aprende-1.png');}
#menu ul.index li a.aprende:hover {background-image:url('/img/menu-index/aprende-2.png');}
#menu ul.index li a.aprende:active {background-image:url('/img/menu-index/aprende-3.png');}
#menu ul.index li a.estrategias {width:162px;background-image:url('/img/menu-index/estrategias-1.png');}  
#menu ul.index li a.estrategias:hover {background-image:url('/img/menu-index/estrategias-2.png');}
#menu ul.index li a.estrategias:active {background-image:url('/img/menu-index/estrategias-3.png');}
#menu ul.index li a.calendario {width:159px;background-image:url('/img/menu-index/calendario-1.png');} 
#menu ul.index li a.calendario:hover {background-image:url('/img/menu-index/calendario-2.png');} 
#menu ul.index li a.calendario:active {background-image:url('/img/menu-index/calendario-3.png');}
#menu ul.index li a.jugadores {width:160px;background-image:url('/img/menu-index/jugadores-1.png');}  
#menu ul.index li a.jugadores:hover {background-image:url('/img/menu-index/jugadores-2.png');}
#menu ul.index li a.jugadores:active {background-image:url('/img/menu-index/jugadores-3.png');}
#menu ul.index li a.contacto {width:139px;background-image:url('/img/menu-index/contacto-1.png');} 
#menu ul.index li a.contacto:hover {background-image:url('/img/menu-index/contacto-2.png');} 
#menu ul.index li a.contacto:active {background-image:url('/img/menu-index/contacto-3.png');}  
#menu ul li a span {display:none;}
#menu ul.site li a.inicio {width:108px;background-image:url('/img/menu-site/inicio-1.png');}
#menu ul.site li a.inicio:hover {background-image:url('/img/menu-site/inicio-2.png');}
#menu ul.site li a.inicio:active {background-image:url('/img/menu-site/inicio-3.png');}
#menu ul.site li a.foro {width:91px;background-image:url('/img/menu-site/foro-1.png');}
#menu ul.site li a.foro:hover {background-image:url('/img/menu-site/foro-2.png');}
#menu ul.site li a.foro:active {background-image:url('/img/menu-site/foro-3.png');}
#menu ul.site li a.aprende {width:131px;background-image:url('/img/menu-site/aprende-1.png');}
#menu ul.site li a.aprende_sel {width:131px;background-image:url('/img/menu-site/aprende-3.png');}
#menu ul.site li a.aprende:hover {background-image:url('/img/menu-site/aprende-2.png');}
#menu ul.site li a.aprende:active {background-image:url('/img/menu-site/aprende-3.png');}
#menu ul.site li a.estrategias {width:162px;background-image:url('/img/menu-site/estrategias-1.png');}
#menu ul.site li a.estrategias_sel {width:162px;background-image:url('/img/menu-site/estrategias-3.png');}    
#menu ul.site li a.estrategias:hover {background-image:url('/img/menu-site/estrategias-2.png');}
#menu ul.site li a.estrategias:active {background-image:url('/img/menu-site/estrategias-3.png');}
#menu ul.site li a.calendario {width:159px;background-image:url('/img/menu-site/calendario-1.png');} 
#menu ul.site li a.calendario_sel {width:159px;background-image:url('/img/menu-site/calendario-3.png');} 
#menu ul.site li a.calendario:hover {background-image:url('/img/menu-site/calendario-2.png');} 
#menu ul.site li a.calendario:active {background-image:url('/img/menu-site/calendario-3.png');}
#menu ul.site li a.jugadores {width:160px;background-image:url('/img/menu-site/jugadores-1.png');}  
#menu ul.site li a.jugadores_sel {width:160px;background-image:url('/img/menu-site/jugadores-3.png');}
#menu ul.site li a.jugadores:hover {background-image:url('/img/menu-site/jugadores-2.png');}
#menu ul.site li a.jugadores:active {background-image:url('/img/menu-site/jugadores-3.png');}
#menu ul.site li a.contacto {width:139px;background-image:url('/img/menu-site/contacto-1.png');} 
#menu ul.site li a.contacto_sel {width:139px;background-image:url('/img/menu-site/contacto-3.png');}
#menu ul.site li a.contacto:hover {background-image:url('/img/menu-site/contacto-2.png');} 
#menu ul.site li a.contacto:active {background-image:url('/img/menu-site/contacto-3.png');}
/**************************************/

   
     
 

/*************** INDEX ****************/
#cont_noticias_index {float:left;width:680px;margin:0 10px 0 0;min-height:300px;} 
#cont_noticias_index {
    background:rgb(10,159,208) url('/img/fondos/div-index.png') repeat-y left top;
    border:#fff solid 2px;min-height:300px;
    }  
    
#cont_noticias_index h2 {
    background:rgb(1,50,119);
    padding:5px 10px;
    margin:0;
    font-size:1.3em;
    }    
#cont_noticias_index h2 a {color:#0095E7;}     
#cont_noticias_index h2 a:hover {color:#0026FF;}           
      
#noticias_index {position:relative;padding:0 10px;}     
 
div.noticia {position:relative;border-bottom:#fff solid 1px;padding:0 0 5px 0;margin:5px 0 5px 0;} 
div.noticia h3 {line-height:130%;margin:10px 0 3px 0;}    
div.noticia a {color:#444;}
div.noticia a:hover {color:#000;}        
div.noticia p.info_publicacion {color:#2A3B56;}    
div.noticia img.thumbnail {float:left;width:250px;margin:0 10px 5px 0;border:#fff solid 1px;padding:1px;}  
/************************************************************/  


/****************** JUGADORES DESTACADOS ********************/
#jugadores_destacados {
    position:relative;margin:15px 30px;padding:15px 35px;
    background:url('/img/fondos/celeste.gif') repeat left top;
    }    
    
#jugadores_destacados h2 {
    background-color:transparent;background-repeat:no-repeat;
    background-position:left top;height:99px;width:560px;cursor:pointer;
    }
        
#jugadores_destacados h2 span {
    display:none;
    }
        
#jugadores_destacados p {
    line-height:150%;
    text-align:justify;
    padding:0 20px 0 0;
    }    
    
#jugadores_destacados p.respuesta {
    margin:0 0 30px 20px;
    }
        
#jugadores_destacados h2.carlos_ibarra {
    background-image:url('/img/jugadores/carlos-ibarra.png');
    }
        
#jugadores_destacados h2.luis_tejada {
    background-image:url('/img/jugadores/luis-tejada.png');
    }
        
#jugadores_destacados h2.walter_dorner {
    background-image:url('/img/jugadores/walter-dorner.png');
    } 
    
#jugadores_destacados h2.luis_castro {
    background-image:url('/img/jugadores/luis-castro.png');
    }
       
#jugadores_destacados h2.luis_leiva {
    background-image:url('/img/jugadores/luis-leiva.png');
    }
    
#jugadores_destacados h2.ricardo_almonacid {
    background-image:url('/img/jugadores/ricardo-almonacid.png');
    }
   
table.estadisticas {
    color:#fff;font-size:1em;border-top:#fff solid 1px;
    border-left:#fff solid 1px;border-right:#fff solid 1px;background:#01378B;
    }
    
table.estadisticas th {
    background:url('/img/fondos/th-calendario.png') repeat-x left top;
    color:#fff;font-weight:normal;font-size:.9em;
    border-bottom:#fff solid 1px;padding:7px 6px;
    vertical-align:middle;
    }    

table.estadisticas td {
    border-bottom:#fff solid 1px;padding:6px;
    } 
/************************************************************/    
 
    
          
.ui-button { 
    outline: 0; 
    margin:0; 
    padding: .4em 1em .5em; 
    text-decoration:none;  !important; 
    cursor:pointer; 
    position: relative; 
    text-align: center; 
    }
    
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { 
    padding: .3em;  
    }


    
/*************** APRENDE A JUGAR *******************/
div.leccion {
    float:left;width:192px;height:460px;margin:20px 7px;text-align:left;
    background:url('/img/fondos/celeste.gif') repeat left top;padding:10px;
    }
    
div.imagen_leccion {
    text-align:center;margin:0;
    }    

div.leccion h3 {
    margin:15px 0;line-height:140%;font-size:1.2em;
    height:30px;
    }
       
ul.leccion, p.leccion {
    position:relative;
    height:165px;
    }

    
ul.leccion li {
    list-style-image:url('/img/trebol-icon.png');
    }
 
div.leccion a {
    position:absolute;top:475px;width:185px;height:25px;
    background:url('/img/as.png') no-repeat right top;
    }    
    
div.detalle_leccion {
    position:relative;margin:25px;padding:25px;
    background:url('/img/fondos/celeste.gif') repeat left top;
    }
      
div.detalle_leccion h3 {
    border-bottom:#fff solid 1px;
    }
        
div.detalle_leccion h4 {
    margin:15px 0 15px 0;padding:25px 0 0 0;border-top:#fff solid 1px;
    }  
        
div.detalle_leccion a {
    position:relative;display:block;padding:12px;
    background:url('/img/as-top.png') no-repeat right top;
    }  
    
div.detalle_leccion p {
    text-align:justify;
    } 
    
div.detalle_leccion p img {
    float:right;
    margin:10px 0 10px 10px;
    }
             
div.detalle_leccion ul {
    list-style:square;
    }             
                   
div.leccion a span, div.detalle_leccion a span {
    display:none;
    }    
 
div.imagen {
    text-align:center;
    } 
/**************************************************/       


/*****************  ESTRATEGIAS *******************/
dl#estrategias {
    position:relative;
    margin:20px;
    padding:10px;
    background:url('/img/fondos/celeste.gif') repeat left top;
    border:#fff solid 1px;
    }

dl#estrategias dt {
    padding:8px 10px;cursor:pointer;
    border-bottom:#fff solid 1px;
    border-left:#fff solid 1px;
    border-right:#fff solid 1px;
    background:#01378B;
    }
    
dl#estrategias dt.first {
    border-top:#fff solid 1px;
    }    

#dialog {
    position:relative;
    padding:15px 30px 20px 20px;
    }
    
#dialog h3 {
    margin:10px 0 20px 0;
    }    
    
#dialog p {
    margin:15px 0 10px 0;
    text-align:justity;
    }    
    

dl#estrategias dt.dt-sel {
    color:#ff0;
    }   
/**************************************************/


/*******************  CONTACTO ********************/
form fieldset {
    border:none;padding:15px 15px 25px 15px;margin:25px;
    background:rgb(11,159,207) url('/img/fondos/form-inputs.jpg') no-repeat 148px 5px;
    }      
  
div.campo_ingreso {
    position:relative;margin:8px;
    }
      
div.campo_submit {
    position:relative;margin:0 0 0 150px;
    }
        
div.campo_ingreso label {
    float:left;width:120px;text-align:right;
    padding:0 20px 0 0;font-weight:bold;
    } 
       
div.campo_ingreso input, div.campo_ingreso textarea {
    width:260px;
    }
    
div.campo_ingreso textarea {
    height:125px;
    }    
/**************************************************/


/************** CALENDARIO TORNEOS ****************/  
table#calendario {
    width:92%;margin:4%;color:#fff;font-size:1em;border-top:#fff solid 1px;
    border-left:#fff solid 1px;border-right:#fff solid 1px;background:#01378B;
    }   
    
table#calendario th { 
    background:url('/img/fondos/th-calendario.png') repeat-x left top;
    border-bottom:#fff solid 1px;padding:7px 8px;
    }
    
table#calendario td  {
    border-bottom:#fff solid 1px;padding:8px;
    } 
/***************************************************/  

/************* ESTILOS DE LOS MENSAJES *******************/ 
div#mensaje_val {
    position:relative;
    margin:10px 20px 0px 25px;
    padding:10px 10px 10px 30px;
    cursor:pointer;
    }

div#mensaje_val li {
    margin:0 0 0 15px;
    }

div#mensaje_val #close {
    position:absolute;
    right:20px;
    top:16px;
    color:#000;
    font-family:"Georgia", "Tahoma", "Times New Roman", serif;
    }   

div#mensaje_val.error {
    background:#FFC1C9 url('/img/iconos/error.png') no-repeat 5px 10px;
    color:#000;
    border:#800 solid 1px;
    }
    
div#mensaje_val.confirmacion {
    background:#A2FF83 url('/img/iconos/confirmacion.png') no-repeat 13px 9px;
    color:#000;
    border:#40BF2C solid 1px;
    }
    
div#mensaje_val.advertencia {
    background:#A2FF83 url('/img/iconos/advertencia.png') no-repeat 13px 4px;
    color:#000;
    border:#40BF2C solid 1px;
    }