/* CSS Document */
@media screen{
*{ margin:0; padding:0;}
html{background-image:url(../img/fondohtml.jpg); background-repeat:repeat-y; background-position:center;}
body{ font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; width:100%; text-align:center;/*background-color:#0F0F0F;*/ background-image:url(../img/fondo_body.jpg); background-repeat:repeat-x; background-position:0px 0px;}
img{ border:none;}
#contenido{ width:980px;margin:auto;}
#cabecera{ width:100%; height:217px; margin-top:-10px;}
#cabecera #diana{ height:217px; width:261px; background-image:url(../img/diana.jpg); float:left;}
#cabecera #k7madrid{ height:77px;background-image:url(../img/k7madrid.jpg); background-position:right; background-repeat:no-repeat;}
#cabecera #menu{ height:27px; margin-right:3em;}
a:focus {outline:0px;}
/*-----------Botonera-----------*/
#menu #quienes_btn{ height:27px; width:126px; background-image:url(../img/quienes.jpg);background-position:left; display:block; float:right;}
#menu #quienes_btn:hover{background-position:right;}
#menu #noticias_btn{ height:27px; width:126px; background-image:url(../img/noticias.jpg); background-position:left; display:block; float:right;}
#menu #noticias_btn:hover{ background-position:right;}
#menu #comentarios_btn{ height:27px; width:126px; background-image:url(../img/comentarios.jpg);background-position:left; display:block; float:right;}
#menu #comentarios_btn:hover{background-position:right; }
#menu #multimedia_btn{ height:27px; width:126px; background-image:url(../img/multimedia.jpg);background-position:left; display:block; float:right;}
#menu #multimedia_btn:hover{background-position:right;}
#menu #contacto_btn{ height:27px; width:126px; background-image:url(../img/contacto.jpg);background-position:left; display:block; float:right;}
#menu #contacto_btn:hover{background-position: right;}
#diana2 #clasificaciones_btn{ height:72px; width:273px; background-image:url(../img/btnClasi.jpg);background-position:right; display:block; margin-top:7em;}
#diana2 #clasificaciones_btn:hover{ background-position:left;}
#diana2 #calendario_btn{ height:73px; width:273px; background-image:url(../img/btnCalen.jpg);background-position:right; display:block; margin-top:1em; }
#diana2 #calendario_btn:hover{ background-position:left;}
#diana2 #campeonatos_btn{ height:76px; width:273px; background-image:url(../img/btnCamp.jpg); background-position:right; display:block; margin-top:1em;}
#diana2 #campeonatos_btn:hover{background-position:left;}
#diana2 #reglamento_btn{ height:40px; width:273px; background-image:url(../img/btnReglamento.jpg); background-position:left; display:block; margin-top:6.5em; margin-left:6px;}
#diana2 #reglamento_btn:hover{background-position:right;}
/*-----------------------------*/
#diana2{background-image:url(../img/diana2.jpg); background-repeat:no-repeat; width:273px; float:left;text-align:left;}
#cabecera #banner{ width:620px; height:96px;float:left; margin-left:6.4em; margin-top:0.7em;/*border:1px solid #000000;*/ max-height:96px;}
#fla{ margin-top:1em; background-color:#0F0F0F; padding:1em; background-image:url(../img/fondoFla.gif); background-position:center; background-repeat:no-repeat; width:550px; margin-left:auto; margin-right:auto;}
#contenidoDatos{float:left; width:620px; margin-top:1em; margin-left:53px;}
#datos{ width:100%; background-image:url(../img/centerContenido.jpg); background-repeat:repeat-y; margin-top:-10px;}
.Sup{ background-image:url(../img/supContenido.jpg); background-repeat:no-repeat; width:100%; height:20px;}
.Inf{ background-image:url(../img/infContenido.jpg); background-repeat:no-repeat; width:100%; height:20px; }
#mycustomscroll{width:620px; height:96px; overflow:auto; background-color:#0F0F0F; border:1px solid #000000; position:relative;color: #999999; font-size:1em; text-align:left; }
/*#mycustomscroll p{ width:90%; background-color:#00FF00;}*/
.lipsum{ margin:1em;}

#tituloEnlaces{ width:100%; height:24px; background-image:url(../img/tituloEnlaces.gif); background-position:center; background-repeat:no-repeat; margin-top:3em;}
#supEnlaces{ width:100%; height:20px; background-image:url(../img/supEnlaces.jpg); background-position:center; background-repeat:no-repeat;}
#centEnlaces{ width:100%;background-image:url(../img/centEnlaces.jpg); background-position:center; background-repeat: repeat-y; text-align:center;}
#infEnlaces{ width:100%; height:20px; background-image:url(../img/infEnlaces.jpg); background-position:center; background-repeat:no-repeat;}
.enlacesdeInteres{width:100%; height:12px; background-image:url(../img/separatorEnlaces.gif); background-position:center; background-repeat:no-repeat;}
#centEnlaces a{ color:#FFFFFF; text-decoration:none;}
#centEnlaces a:hover{ color:#8B0901;}
/*-----------------------------*/
#pie1{ width:100%; clear:both; position:relative;}
#pie{ width:100%; height:131px;clear:both; position:relative; background-image:url(../img/barraInf.gif); background-repeat:repeat-x; float:left; margin-top:-13.2em;}
#logoPieCont{ width:980px; margin-top:-13.1em; text-align:right; float:left;}
#logoPie{ width:335px; height:131px;  background-image:url(../img/logoInf.jpg); float:right;}
#subpie{ background-color:#0F0F0F; width:100%; height:70px; text-align:center; color:#CCCCCC; clear:both; margin-bottom:-30px;}
#subpie a{ color:#CCCCCC; text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;}
#subpie a:hover{ text-decoration:underline;}

/*-----------------------------*/
#visitas{ float:left; margin-top:23px; padding-left:23px;text-align:left; width:500px;}
#visitas span{ color:#FFFFFF;  margin-left:1em; margin-right:1em;}
#visitasTit{ width:142px; height:23px; background-image:url(../img/visitasTit.jpg); background-repeat:no-repeat; margin-left:3.8em;}
#visitasDatos{ height:34px; }
.visitasIzq{ height:34px; width:17px; background-image:url(../img/visitasIzq.jpg); float:left;}
.visitasDer{ height:34px; width:17px; background-image:url(../img/visitasDer.jpg); float:left;}
.visitasCent{float:left;background-image:url(../img/visitasCent.jpg); background-repeat:repeat-x; padding-top:14px;}
}
@media print{

body{ }
#cabecera{display:none;}
#cabecera #diana{ display:none;}
#cabecera #k7madrid{ display:none;}
#cabecera #menu{display:none;}



/*-----------------------------*/
#diana2{display:none;}
#cabecera #banner{display:none;}
#fla{ display:none;}
#contenidoDatos{float:left; width:620px; margin-top:1em; margin-left:53px;}
#datos{ width:100%; }
.Sup{display:none;}
.Inf{display:none;}
#mycustomscroll{display:none;}


#tituloEnlaces{ display:none;}
#supEnlaces{ display:none;}
#centEnlaces{ display:none;}
#infEnlaces{ display:none;}
.enlacesdeInteres{ display:none;}
#centEnlaces a{ display:none;}
#centEnlaces a:hover{ display:none;}
/*-----------------------------*/
#pie1{ display:none;}
#pie{  display:none;}

#subpie{ display:none;}

/*-----------------------------*/
#visitas{ display:none;}

/*-----------------------------*/
#impresion{display:none;}

}