html, body, p {margin: 0; padding: 0;}
body{font-size: 12px; font-family:Arial, Helvetica, sans-serif; color: #e2e7ec; /*color: #bfc6ce;*/ text-align:left; background: #474747; }
h1,h2,h3{margin:0; padding:0;}
h1{font-size:18px; font-weight:bold; color:#abd03b; margin-bottom:10px}
h1 span {float:right;font-size:11px;color:#dae1e8;}
h2{font-size:16px; font-weight:bold; color:#abd03b;}
h3{font-size:14px; font-weight:bold; color:#bfc6ce;}
p{padding:0 0 8px 0;}
a{text-decoration:none; color:#bfc6ce;}
a:hover{text-decoration:underline; color:#d7dfe8;}
img{border:none;}
strong {color:#dae1e8;}


.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
img, div {behavior: url(iepngfix.htc);}

#wrap {background: url(../images/fondo.jpg) center top repeat-y #474747; margin:0 auto; width:100%;}
#head {width:100%; height: 185px; background:url(../images/header.jpg) top center no-repeat; margin-bottom:-1px;}
#head2 {width:980px; margin:0 auto;}
#logo {margin:10px 20px; width:380px; height:80px; float:left; }
#logo a{width:380px; height:80px; display:block}
#logo a span{display:none;}
#cont {margin:0 auto; width:900px; padding-bottom:10px;}

#cuadro{background:url(../images/deg.gif) repeat-x #141211; width:860px; border:#474747 solid 1px; padding:20px;}
#cuadro ul li{margin:10px 0;}

#cuadro h2{padding:5px 0;}
#cuadro h3{padding:5px 0;}
#cuadro a{color:#3687c4;}

/*#cuadro1{background:url(../images/deg.gif) repeat-x #141211; width:400px; height:181px; _width:400px; margin-left:10px; border:#474747 solid 1px; padding:10px;}
#cuadro1 img.fondo{float:right; width:180px; border:3px solid #6a93ad; margin-left:10px;}
#cuadro1 a{font-weight:bold;color:#3687c4;}*/

#cuadro1{background:url(../images/freservas.jpg) repeat-x #141211; width:400px; height:181px; _width:400px; margin-left:10px; border:#474747 solid 1px; padding:10px;}
#cuadro1 a{font-weight:bold;color:#3687c4;}
#cuadro1 p{width:203px;}
#cuadro1 div.tel{float:right; margin:90px 0 0 0; font-weight:bold; color:#FFFFFF; text-align:right;}
#cuadro1 div.tel span{color:#e0e8f1; font-size:18px;}

#cuadro2{background:url(../images/deg.gif) repeat-x #141211; width:245px; height:150px; _width:240px; border:#474747 solid 1px; padding:10px;}
#cuadro2 a{font-weight:bold;color:#a9c8ea;}
.div{ margin-left:5px;}

#cuadro2 ul {list-style-type:none; margin:0; padding:0;}
#cuadro2 ul li{padding:3px 0; }
#cuadro2 ul li span{background:#333333; padding:0 2px; font-size:11px; font-weight:bold; margin-bottom:10px; }
/*#cuadro2 a {font-weight:bold;}*/



.facebook{padding:5px 20px;}

.noticia{ margin:10px 10px 10px 0; border:#474747 solid 1px; padding:10px 250px 10px 10px;}
.noticia h2{}
.noticia .fecha{float:left;background:#333333; padding:0 2px; font-weight:bold; margin:6px 6px 6px 0;}
.noticia img{width:250px; border:4px solid #6a93ad; float:left; margin:0 10px 10px 0;}
.noticia p.borrar img{width:auto; border:0;float:none;}
.noticia p.borrar {margin:0;padding:0}
.noticia p{}



/*****perfil user****/
.perfil{ margin:10px 130px 10px 130px; padding:10px;}
.perfil h3{font-size:20px; color:#a0bddd; padding:0 2px; font-weight:bold; margin:6px 6px 6px 0;}
.perfil img{width:150px; border:2px solid #474747; float:left; margin:0 30px 10px 0;}
#cuadro .perfil table {border-collapse:collapse;padding:0; margin:0 0 20px 0; background:none;width:380px;}
#cuadro .perfil table th{background:none;padding:5px;}
#cuadro .perfil table tr{background:none;padding:1px; color:#e4ebef;border-bottom:0px;}
#cuadro .perfil table tr td{ padding:10px 0 5px 0;border:0px;border-bottom:1px solid #3d3c3c;}
#cuadro .perfil table tr td.verde{color:#abd03b;}
#cuadro .perfil table tr td a{ color:#abd03b;}


/*****tablas****/
#cuadro table {border-collapse:collapse;padding:0px; margin:10px 0;}
#cuadro table th{background:#2d51a2;padding:5px; color:#FFFFFF;}
#cuadro table tr{background:#e4ebef;padding:1px; border-bottom:#141311 solid 2px; color:#333333}
#cuadro table tr td{ padding:5px;border:1px solid #141311;}
#cuadro table tr td a{ color:#c53535;}

/*****login****/
form#login {width:320px; _width:330px; font-size:11px; margin:10px 40px; _margin:10px 20px;}
form#login label {width: 50px; display: block; margin:1px; cursor:pointer; color:#FFFFFF;}
form#login input{width:140px; padding:3px; margin:2px;border: 1px solid #005688;}
form#login br{clear:both;}
form#login .boton{ background:#383b3f; width:80px; height:25px; border:none; color:#FFFFFF; font-size:11px; font-weight:bold;border: 1px solid #005688;}

#menu{width:980px; height:70px; padding:0;}

#footer{position:relative; width:942px; clear:both;bottom:0; background:url(../images/footer.gif) repeat-x bottom; font-size:11px; margin:0 auto 1px auto}
#footer2{width:900px; margin:0 auto;}
#foot1{padding:13px 0px;}
#foot2{padding:13px 10px;}

/*****Logueado*****/
#logueado{float:right; width:250px; margin:30px 30px 0 30px; text-align:right; }
#logueado span{font-size:14px; color:#FFFFFF; font-weight:bold; display:block; margin:5px 10px; padding: 5px 0; border-bottom: solid 2px #141211; clear:both;}
#logueado a{padding:5px 8px;}

/******CALENDARIO****/
#calendar {width:188px;  background: url(../images/deg.gif) repeat-x #141211; margin:0; border:#474747 solid 1px; }
#calendar ul{margin:0 6px 0 6px; _margin:-2px 10px; padding:0;}
#calendar ul li {font-family: Arial, Helvetica, sans-serif; font-size:12px; list-style-type:none; background-color:#ededed; padding:3px; margin-right:1px; margin-bottom:1px; 	float:left; color: #999999; width:18px; display:inline; text-align:center;}
#calendar a{color:#333333;}
#calendar a:hover{font-weight:bold; text-decoration:none}
#calendar li.active{background: #2d50a0;color:#fff; font-weight:bold;}
#calendar li.active a{color:#fff; font-weight:bold;}
#calendar .dia {background:#2d50a0; color:#fff; font-size:10px; height:10px; padding:3px 3px;}
#calendar .mes {background:transparent; color:#fff; font-size:10px; padding:5px 0; width:170px; font-size:12px; font-weight:bold;}
.calendarfin{background:#141211; height:10px; clear:both; font-size:0px;}
#meses{float:right;margin:0; clear:both; width:188px;color:#fff;}
#messig{float:right; background:url(../images/messig.gif) no-repeat; width:66px; height:16px;margin:0 10px;}
#messig a{padding:0 4px;color:#fff;font-size:10px;}
#mesant{float:left; background:url(../images/mesant.gif) no-repeat; width:66px; height:16px;margin:0 10px;}
#mesant a{padding:0 16px;color:#fff;font-size:10px;}


/******PARTIDAS****/
#partidas{margin:10px 0; color:#444444;}
#partidas h1{font-size:16px; font-weight:bold; margin:0 auto; width:100%; height:30px; }
#partidas h1.pista1{background:url(../images/pistapadel1.gif) no-repeat center center;}
#partidas h1.pista2{background:url(../images/pistapadel2.gif) no-repeat center center;}
#partidas h1.pista3{background:url(../images/pistapadel3.gif) no-repeat center center;}
#partidas h1.pista4{background:url(../images/pistapadel4.gif) no-repeat center center;}
#partidas h1.pista5{background:url(../images/pistatenis.gif) no-repeat center center;}
#partidas h1.pista6{background:url(../images/pistasquash1.gif) no-repeat center center;}
#partidas h1.pista7{background:url(../images/pistasquash2.gif) no-repeat center center;}

.pistas{float:left; background:url(../images/deg.gif) repeat-x #141211; width:219px; border:#474747 solid 1px;}
.part{background:url(../images/deg2.gif) repeat-x #d2dee5; margin:0 auto 5px auto; width:212px;}
.part div.jug{float:left; margin: 4px 2px;  text-align:left; font-size:11px; font-weight:bold;}
.part div.jug span{ color:#FFFFFF; background:#418dc7;padding:1px;}
.part table {border-collapse:collapse; padding:0px; width:138px; height:80px; text-align:center;font-size:11px;}
.part table td{background:#ededed; border:#aaaaaa solid 1px;}
.part table td a{color:#444444; font-weight:bold;}
.part table td a:hover{ text-decoration:underline;}
.horario{float:left; width:70px; line-height:1.4em; margin-top:0px; font-weight:bold; text-align: center; font-size:13px; color:#014282; }
.apunta{float:right; font-weight:bold; text-align: center; font-size:11px; color:#fff;margin: 0px 2px; width:66px; /*height:183px;*/}
.apunta a{color:#FFFFFF; padding:36px 0 5px 0; font-size:10px;}
.apunta a:hover{text-decoration:none;}
.apunta div.tit{background:#014282;padding:1px 0px; border-bottom:1px solid #FFFFFF}
.apunta div.ap1 a{background:url(../images/ap1.gif) no-repeat #79a600; width:66px; display:block;margin-bottom:1px;}
.apunta div.ap2 a{background:url(../images/ap2.gif) no-repeat #79a600;  width:66px; display:block;margin-bottom:1px;}
.apunta div.ap3 a{background:url(../images/ap3.gif) no-repeat #79a600;  width:66px; display:block;margin-bottom:1px;}

.part table.juegan td{background:#e0e8f1} /*corresponde a fondo celeste*/
.part table.juegan2 td{background:#f9f9f9;} /*corresponde a fondo blanco*/
.part table.juegan2 td a{color:#014282} /*corresponde al link con fondo blanco, también podría quedar con el color de antes sin que resalte tanto*/

/*******partidas pista tenis y squash *************/
.pistas3{float:left; background:url(../images/deg.gif) repeat-x
#141211; width:294px; border:#474747 solid 1px;}
.part3{background:url(../images/deg2.gif) repeat-x #d2dee5; margin:0
auto 5px auto; width:280px;}
.part3 div.jug{float:left; margin: 4px 2px;  text-align:left;
font-size:11px; font-weight:bold;}
.part3 div.jug span{ color:#FFFFFF; background:#418dc7;padding:1px;}
.part3 table {border-collapse:collapse; padding:0px; width:205px;
height:80px; text-align:center;font-size:11px;}
.part3 table td{background:#ededed; border:#aaaaaa solid 1px;}
.part3 table td a{color:#444444; font-weight:bold;}
.part3 table td a:hover{ text-decoration:underline;}
.part3 div.coment {float:right; margin: 0px 2px 2px 2px;
background:url(../images/comments.gif) no-repeat;  padding:0 0 0 20px;
text-align:left; font-size:11px; font-weight:bold;}
.part3 div.coment a{color:#474747}

.part3 table.juegan {background:#e0e8f1;height:40px;} /*corresponde a fondo celeste*/
.part3 table.juegan td{background:#e0e8f1} /*corresponde a fondo celeste*/
.part3 table.juegan2 td{background:#f9f9f9;} /*corresponde a fondo blanco*/
.part3 table.juegan2 td a{color:#014282} /*corresponde al link con fondo blanco, también podría quedar con el color de antes sin que resalte tanto*/

/*.apunta3{float:right; font-weight:bold; text-align: center; font-size:11px; color:#fff;margin: 0px 2px; width:66px; }
.apunta3 a{color:#FFFFFF; padding:37px 0 5px 0; font-size:10px;}
.apunta3 a:hover{text-decoration:none;}
.apunta3 div.tit{background:#014282;padding:1px 0px; border-bottom:1px solid #FFFFFF}
.apunta3 div.ap1 a{background:url(../images/ap1.gif) no-repeat #79a600; width:66px; display:block;margin-bottom:1px;}
.apunta3 div.ap2 a{background:url(../images/ap2.gif) no-repeat #79a600;  width:66px; display:block;margin-bottom:1px;}
.apunta3 div.ap3 a{background:url(../images/ap3.gif) no-repeat #79a600;  width:66px; display:block;margin-bottom:1px;}*/

/***partidas comentarios******/
.part div.coment {float:right; margin: 0px 2px 2px 2px; background:url(../images/comments.gif) no-repeat;  padding:0 0 0 20px; text-align:left; font-size:11px; font-weight:bold;}
.part div.coment a{color:#474747}
#cuadro h1 span.subtit{color:#a0bddd; float:none; font-size:18px}
.comment{ margin:10px 130px 10px 130px; padding:10px; background:#282828; border:1px solid #474747}
.comment img.usu{width:100px; border:2px solid #474747; float:left; margin:0 10px 10px 0;}
.comment .texto{width:450px; float:left;}
.comment .nombre{font-size:16px; color:#a0bddd; padding:0 2px; font-weight:bold; margin:0px 6px 6px 0;}
.comment .fecha{font-size:12px; color:#e4ebef; padding:0 4px; ;font-weight:normal}
.comment .dijo{font-size:12px; color:#9d9d9d; padding:0 2px; margin:6px 6px 6px 0;}
.comment .sep{padding:0; border-bottom:1px solid #474747; height:1px; font-size:0px; clear:right;}
.tucomment{ margin:10px 130px 10px 130px; padding:10px;}
.tucommentno{ margin:10px 130px 10px 130px; padding:10px; background:#282828; border:1px solid #474747}
.tucommentno p{padding:0px; color:#a0bddd; font-weight:bold;}
.tucomment img{width:100px; border:2px solid #474747; float:left; margin:0 10px 10px 0;}
.tucomment .texto{width:450px; float:left;}
.tucomment .nombre{font-size:16px; color:#a0bddd; padding:0 2px; font-weight:bold; margin:0px 6px 6px 0;}
.tucomment .dice{font-size:12px; color:#9d9d9d; padding:0 2px; margin:6px 6px 6px 0;}
.tucomment .sep{padding:0; border-bottom:1px solid #474747; height:1px; font-size:0px; clear:right;}
form#tucomenta {width:450px; padding: 0; margin:0 auto; }
form#tucomenta input,select,textarea{border: 1px solid #B4B4B4; background:#dfdfdf;}
form#tucomenta textarea:hover, textarea:focus{border: 1px solid #005688; background-color: #EFF0FE;}
form#tucomenta textarea {display: block; width: 450px; height: 5.5em;	overflow: auto;margin:4px 0; padding:0px;}
form#tucomenta .button{float:none; margin:10px auto; width:80px; background-color:#383b3f; color:#FFFFFF; font-size:11px; font-weight:bold; }
form#tucomenta .button:hover{background-color:#383B3F;border: 1px solid #B4B4B4; }
form#tucomenta .button:focus{background-color:#383b3f;}


/***FORM registro******/
form#form1 {width:480px; padding: 0 10px; margin:0 auto; }
form#form1 label,input {display: block; float:left; 	margin:4px;	padding:3px; width:200px;}
form#form1 legend {	 font-size: 14px;	 font-weight:bold; color: #8cc3e5;}
form#form1 fieldset {display:block;  padding:5px 10px; margin: 2em auto 0 auto; border: 1px solid #474747; font-size:100%; line-height: 1.5em;}
form#form1 br {clear: left;}
form#form1 label{width: 13em; padding-right: 5px; font-weight: bold; text-align: right;}
form#form1 select{margin:2px 10px 2px 2px; color:#555; width:100px; padding:2px;}
form#form1 input,select,textarea{border: 1px solid #B4B4B4;}
form#form1 input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus{border: 1px solid #005688;}
form#form1 input:focus, select:hover, select:focus, textarea:hover, textarea:focus{border: 1px solid #005688; background-color: #EFF0FE;}
form#form1 textarea {display: block; float:left; width: 200px; height: 7em;	overflow: auto;margin:4px;	padding:3px;}
form#form1 #ffecha{width:270px;height:20px; display:block; float:left;margin:6px 2px;}
form#form1 #ffecha label{float:left; width:auto; margin:0; padding:0; clear:none; margin:0 5px 0 0;}
form#form1 #ffecha select{float:left;width:70px;margin:0; padding:0; clear:none;}
form#form1 #ffecha span{float:left;margin-right:3px;}
form#form1 .lacheck{width:50px; text-align:left; }
form#form1 .check{ margin:8px 3px; _margin:4px 3px; border:none; width:10px;}
form#form1 .button{float:none; margin:15px auto; width:80px; background-color:#383b3f; color:#FFFFFF; font-size:11px; font-weight:bold;}
form#form1 .button:hover{background-color:#383b3f;border: 1px solid #005688; }
form#form1 .button:focus{background-color:#383b3f;}

form#login .registro{color:#abd03b; font-size:12px; font-weight:bold;border: 0px; }

/****form usuarios****/
form#form2 {width:auto; padding: 0 10px; margin:0 auto; }
form#form2 label, form#form2 input {display: block; float:left; 	margin:4px;	padding:3px; width:100px;}
form#form2 input,select,textarea{border: 1px solid #B4B4B4;}
form#form2 input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus{border: 1px solid #005688;}
form#form2 input:focus, select:hover, select:focus, textarea:hover, textarea:focus{border: 1px solid #005688; background-color: #EFF0FE;}

/****form noticias***/
form#form3{width:600px; padding:20px; margin:0 auto 10px auto;}
form#form3 label {display: block;float:left; color:#eee;margin:2px 0; padding:3px;}
form#form3 input {display: block;float:left; color:#222;margin:2px 0; padding:3px;}
form#form3 br {clear: left;}
form#form3 label{width: 11em; padding-right: 5px; font-weight: bold; text-align: right;}
form#form3 input,textarea{border: 1px solid #B4B4B4;padding:3px;}
form#form3 input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus{border: 1px solid #005688; background-color: #EFF0FE;}
form#form3 textarea {display: block; float:left; width: 350px; height: 13em; overflow: auto;}
form#form3 .button{float:none; margin:15px auto; width:80px; background-color:#0076bb; border: 1px solid #7e9dba; color:#FFFFFF;}
form#form3 .button:hover{ background-color:#0076bb; border: 1px solid #005688;}

/*** BOTON ***/

.boton1 input{
	float:none; margin:15px auto; width:80px; background-color:#383b3f; color:#FFFFFF; font-size:11px; font-weight:bold;border: 1px solid #B4B4B4;}
	
	
/****top****/
#top {width:376px; overflow:hidden; margin:20px auto; background:url(../images/deg.gif) repeat-x #141211; border:#474747 solid 1px; font-family: Arial, Helvetica, sans-serif; font-size:11px; }
.topfin{height:7px; clear:both; font-size:0px;}
#top ul{margin:5px; padding:0;}
#top ul li {float:left;width:163px;list-style:none;    height:18px !important;    margin: 0 5px; _margin: 0 3px; height:auto; color: #333; text-align:left;border-bottom:1px solid #141211}
#top .tit {background:transparent; color:#8CC3E5; font-size:12px; padding:5px; width:370px; font-weight:bold; border:none}
#top .topa {background:#EDEDED;    padding:5px;}
#top .topb {background:#f9f9f9;    padding:5px;}
#top a{color:#333;}
#top span.jug {float:left;}
#top span.pun {float:right; color:#014282}