body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Simple page reset */
	margin:0;
	padding:0;
	
}

body{
	/* Setting default text color, background and a font stack */
	color:#cccccc;
	font-size:0.825em;
	background-color:#3CB371 ;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
		
}

.tabContainer{
	/* The UL */
	float:right;
	padding-right:13px;
}

#contentHolder{
	background-color:#EEEEEE ;
	border:3px solid #FFFFFF;	
	height:auto;
	/*margin:10px;*/
	margin-top:15px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
    text-align:center;
	color:#444444;
	padding:4px;
}
.nombre_jug{
	font-size:20px;
	color:#333;
	
}
.posic_jug{
	font-size:20px;
	color:#333;
	
}
a.link:hover{
text-decoration: underline;
}
#tabContent{
	background-color:#333;
	border:1px solid #444;
	margin-top:-15px;
        margin-bottom:70px;
	width:100%;
        bottom:100px;
}

#tabContent, .tabContainer li a,#contentHolder{
	-webkit-box-shadow:0 0 1px black;
	-moz-box-shadow:0 0 1px black;
	box-shadow:0 0 1px black;
}
.menucpc li{
	/* This will arrange the LI-s next to each other */
	display:inline;
}

.tabContainer li{
	/* This will arrange the LI-s next to each other */
	display:inline;
}

.tabContainer li a,.tabContainer li a:visited{
	/* Styling the hyperlinks of the tabs as colorful buttons */
	
	float:left;
	font-size:18px;
	
	/* display:block allows for additinal CSS rules to take effect, such as paddings: */
	display:block;
	
	padding:7px 16px 1px;
	margin:4px 5px;
	height:29px;
	
	/* Giving positioning */
	position:relative;
	
	/* CSS3 text-shadow */
	text-shadow:1px 1px 1px #CCCCCC;
}

#overLine{
	/* The line above the active button. */
	position:absolute;

	height:1px;
	background-color:white;
	width:90px;
	
	float:left;
	left:1px;
	top:-5px;
	overflow:hidden;
}
   #web_amigas a	{font-size:8px;}


#cabecera{
	background:url(../images/titulo.png) repeat-x top center;	
	text-align: left;
	width:100%;
}
.logo{
position:absolute;
top:0px;
left:10px;
}
.logo2{
position:absolute;
top:0px;
left:100px;
}

#contenidocB table.error{
background:#eecfce;
border:2px #8c3836 solid;
color:#8c3836;
}
#errorg{
background:#eecfce;
border:2px #8c3836 solid;
color:#8c3836;
font-size:20px;
}

#cuerpo{
	width:1200px;
	bottom:100px;
	text-align:center
}

	#main {float:left; width:750px; margin:10px 0px 00px 0px; display:inline}

#cB {float:left;  width:230px; padding:0px;margin:69px 0px 60px 0px; display:inline;}
#cB1 {float:left;  width:230px; padding:0px;margin:69px 0px 60px 0px; display:inline;}

#c_anun {float:left;  width:160px; padding:0px;margin:69px 0px 60px 0px; display:inline;

}

#cB{
text-align: center;
background:white;
	border-top:15px solid #383838;
	border-right:5px solid #383838;
	border-bottom:5px solid #383838;
	border-left:5px solid #383838;
	margin-left:8px;

}

#contenidocB{
color:#383838;
background:#eeeeee;
margin-bottom:10px;
	border:1px solid #383838;
	padding-bottom:5px;
	

}
#contenidocB .lista {padding:15px; margin:0 0 00px; color:#282627}
.lista ul {list-style-type:none}
.lista li { font-size:10px; padding:0px 0px 0px 0px; left:17px; margin:0px 0;  background:url('../images/cpc.png') no-repeat 0 50%}
.logueo { font-size:12px;}
#contenidocB p.cabecera{
	background:url(../images/titulo.png) repeat-x top center;	
    
	border-bottom:1px solid black;
	font-size:1em;
	font-weight:normal;
	margin-bottom:15px;
	padding:2px;
	text-align:center;
color:#eeeeee;
	padding:5px;
}

ul .left{
	/* The left span in the hyperlink */
	
	height:37px;
	left:0;
	position:absolute;
	top:0;
	width:10px;
}

ul .right{
	/* The right span in the hyperlink */
	
	height:37px;
	right:0;
	position:absolute;
	top:0;
	width:10px;
}

/* Styling the colors individually: */

ul a.green{	background:url(../img/green_mid.png) repeat-x top center;	color:#24570f;}
ul a.green span.left{ background:url(../img/green_left.png) no-repeat left top;}
ul a.green span.right{ background:url(../img/green_right.png) no-repeat right top;}


ul a.blue{	background:url(../img/blue_mid.png) repeat-x top center;	color:#03426e;}
ul a.blue span.left{ background:url(../img/blue_left.png) no-repeat left top;}
ul a.blue span.right{ background:url(../img/blue_right.png) no-repeat right top;}


ul a.orange{	background:url(../img/orange_mid.png) repeat-x top center;	color:#724104;}
ul a.orange span.left{ background:url(../img/orange_left.png) no-repeat left top;}
ul a.orange span.right{ background:url(../img/orange_right.png) no-repeat right top;}


ul a.red{	background:url(../img/red_mid.png) repeat-x top center;	color:#6f0100;}
ul a.red span.left{ background:url(../img/red_left.png) no-repeat left top;}
ul a.red span.right{ background:url(../img/red_right.png) no-repeat right top;}


/* The hover states: */
ul a:hover{	background-position:bottom center; text-decoration:none;}
ul a:hover span.left{ background-position:left bottom;}
ul a:hover span.right{ background-position:right bottom;}

.preloader{
	display:block;
	margin:120px auto;
}
.news {border-bottom:1px solid #e6e1dd; border-top:1px solid #fcfafb; padding:10px 15px 5px 15px; background:#c3d69b}
.about {background:#c3d69b; border:1px solid #a4c0ba; padding:5px; margin:0 0 10px 0px; color:#282627}
.clear{
	/* Old-school clear fix hack to clear the floats: */
	clear:both;
	height:1px;
	overflow:hidden;
}

/* The styles below are only necessary for the styling of the demo page: */

.principal{
	background:#4e6027;	
	text-align: center;
}
.buscador{
	background:url(../images/titulo.png) repeat-x top center;	

	border-bottom:1px solid black;
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:15px;
	padding:5px;
	text-align:center;
color:#eeeeee;
	padding:5px;
	}
h1{
	background:url(../images/titulo.png) repeat-x top center;	

	border-bottom:1px solid black;
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:15px;
	padding:5px;
	text-align:center;
color:#eeeeee;
	padding:5px;
}

h2 {
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	/*text-transform:uppercase;*/
	padding:5px;
	color:green;
}

a, a:visited {
	color:#005100;
	text-decoration:none;
	outline:none;
}

a.sub:hover{
	text-decoration:underline;
}

p.tutInfo{
	/* The tutorial info on the bottom of the page */
	padding:10px 0;
	text-align:center;
	position:fixed;
	bottom:0px;
	background:#121b21;
	border-top:1px solid black;
	width:100%;
}

h1,h2,p.tutInfo{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

input {
border:1px solid green;
color: black;
}
#contentHolder table.ventana_verde td.esquina_sup_izda{
	background:url(../images/esquina_ai.png) repeat-x top center;
	width:16px;
	height:37px;
}
#contentHolder table.ventana_verde td.superior{
	background:url(../images/verde_arriba.png) repeat-x top center;
	height:37px;
}
#contentHolder table.ventana_verde td.esquina_sup_dcha{
	background:url(../images/esquina_ad.png) repeat-x top center;
	width:16px;
	height:37px;
}
#contentHolder table.ventana_verde td.cuerpo{
	background:#637a5d;
}
#contentHolder table.ventana_verde td.esquina_inf_izda{
	background:url(../images/esquina_bi.png) repeat-x top center;
	width:16px;
	height:21px;
}
#contentHolder table.ventana_verde td.esquina_inf_dcha{
	background:url(../images/esquina_bd.png) repeat-x top center;
	width:16px;
	height:21px;
}

#contentHolder table.escudos{
	/* background:url(../images/titulo.png) repeat-x top center;	*/
	background:#000;
	border-bottom:1px solid black;
	font-size:1.2em;
	font-weight:normal;
	padding:2px;
	padding-bottom:0px;
	text-align:center;
color:#eeeeee;
}
#main table.portada td p{
	color:#333;
	font-size:14px;
	font:bold;
	
}
#main table.portada td p a{
	cursor: pointer;
	
}
.cursor{
	cursor: pointer;
	
}
#main table.portada2 td a{
	background:#333;
	width:100%;
	color:white;
	font-size:12px;
	font:bold;
	text-align:center;
	
	cursor:pointer
}
#contentHolder table.portada{
	width:100%;
	color:black;
	font-size:12px;
	font:bold;
	text-align:center;
	
}

#contentHolder table.portada tr td.cent{
	text-align:center;
}

#contentHolder table.portada tr td{
	background:#eeeeee;
	color:black;
	font-size:11px;
	text-align:justify;
	border:3px solid #383838;
	margin:2px;
	vertical-align: top;
}
#contentHolder table.portada tr td p{
padding:15px;
}
#contentHolder table.portada tr td li a{
padding:25px;
color:green;
}
#contentHolder table.portada tr td ul {list-style-type:none}
#contentHolder table.portada tr td li {padding:0px 0px 0px 0px; left:17px; margin:0px 0;  background:url('../images/cpc.png') no-repeat 0 50%}
#contentHolder table.portada tr td .lista {padding:15px; margin:0 0 00px; color:#282627}
#contentHolder table.portada tr td .lista li h3{padding:4px; padding-left:18px; margin:0 0 00px; color:green}

#contentHolder table.portada tr td.prueba { background-position:center; background:url('../images/leyenda_verde.png') no-repeat;}


/*background:url('../images/leyenda_verde.png') no_repeat 0 50%*/

#contentHolder table.portada th {
	background:url(../images/titulo.png) repeat-x top center;	
        
	border-bottom:1px solid black;
	font-size:1.2em;
	font-weight:normal;
	padding:10px;
    color:#eeeeee;
}
#contentHolder table.portada th h2{
      
	font-size:0.7em;
	font-weight:normal;
	text-align:center;
    padding-top:70px;
	margin-top:-5px;

color:#eeeeee;
}

	#contentHolder table.campo {
background:url(../images/campo_pun_peq.jpg) repeat-x top center;	color:#24570f;
/*background:url(pages/campo.png) repeat-x top center;*/
width:97%;
height: 320px;
color:white;
	font-size:16px;
	text-align:center;
}

	#contentHolder table.campo_estados {
background:url(../images/campo_pun_peq.jpg) repeat-x top center;	color:#24570f;
/*background:url(pages/campo.png) repeat-x top center;*/
width:97%;
height: 320px;
color:white;
	font-size:16px;
	text-align:center;
}

a.centrado{
	text-align:center;

}
a.resaltado{
color:#383838;
font-size:1.5em;

}

p.resultado{
}

/*#contentHolder table.campo tr td.resultado{
border-color: white;
border-width:3px;


}*/
#resultado{
background:black;
width:400px;
	border:3px solid white;
}
p.resultado a.puntos_blancos{
color: white;
font-size:30px;
}
p.resultado a.puntos_rojos{
color: red;
font-size:40px;
}
#contentHolder table.t1{
	border:3px solid black;
        background: #696969;

        left: 10%;


font-weight:bold;


}

#contentHolder table th{
        background: #3CB371 ;
	font-style:bold;
}

#contentHolder table tr td.borde_derecha{
	border-right:3px solid #000000;
}


#contentHolder table.t1 tr td{
        background:white;
	border-right:1px solid #000000;
	border-bottom:3px solid #000000;
}

#texto{
text-decoration:none;

color:#383838;
font-size:1.5em;
}
#texto ul{
text-decoration:none;
}

/* para usuarios*/
table{
left:30%;
}
table tr td.izq{
text-align:right;
width: 50%;
}
table tr td.dcha{
text-align:left;
width: 50%;
}
/*************************************/
/*************  TABLAS ***************/
/*************************************/

#contentHolder table.information
{
	background:#c3d69b;
	border: solid 1px green;
	color:black;
	font-size:14px;
	font:bold;
	text-align:center;
	
}
#contentHolder table.atencion
{
	background:#ddf398;
	border: solid 1px green;
	color:black;
	font-size:10px;
	font:bold;
	text-align:center;
	
}
#contentHolder table.error_g
{
	background:#e8d9d9;
	border: solid 1px green;
	color:#c0504d;
	font-size:12px;
	font:bold;
	text-align:center;
	
}

/* TABLA GENERAL */
#tabla_general
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", 	Sans-Serif;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 45px;
	margin-left: 5px;;
	margin-right: 5px;
	border-collapse: collapse;
	text-align:center;
}
#tabla_general thead th.rounded-company
{
	background: #005500 url('../images/tabla/left.png') left -1px no-repeat;
}
#tabla_general thead th.rounded-q4
{
	background: #005500 url('../images/tabla/right.png') right -1px no-repeat;
}
#tabla_general th.superior
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: white;
	background: #005500;
}
#tabla_general th.titulo
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: white;
	background: #3cb371;
}
#tabla_general td
{
	padding: 3px;
	background: #c3d69b;
	border-top: 1px solid #fff;
	color: #005100;
}
#tabla_general td.oscura
{
	padding: 3px;
	background: #adbf88;
	border-top: 1px solid #fff;
	color: #005100;
}
#tabla_general tfoot td.rounded-foot-left
{
	background: #c3d69b url('../images/tabla/botleft.png') left bottom no-repeat;
}
#tabla_general tfoot td.rounded-foot-right
{
	background: #c3d69b url('../images/tabla/botright.png') right bottom no-repeat;
}
#tabla_general tbody tr:hover td
{
	background: #77933c;
	color: black;
}
/* FIN DE TABLA GENERAL*/

#inf_general, #inf_puntos, #inf_estados, {
font-size:14px;
}

#a{
background: white;
position:absolute;
top:110px;
left:20px;
        BORDER: #383838 3px solid ;
	font-size:1.3em;
        padding-top: 0px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
}

#a .estado {
        position:relative;
        top:4px;
        border-style: none}
a ../img{
 border-style: none;
}

img{
 border-style: none;
}