/*Este es el body*/
.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
/*Esta es la categoría de las ligas*/
	a.liga:link{
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
a.liga:active{
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
a.liga:visited{
	font-size: 11px;
	font-weight: normal;
	color: #990000;
	text-decoration: none;
}
a.liga:hover{
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
		}
/*El cuerpo general de la página*/
.separador {
	background-image: url(../imagenes/fnd_separador.gif);
	height: 26px;
}
.textogral {
	font-size: 12px;
	color: #333333;
}
.blancas {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.chicas {
	font-size: 10px;
	font-weight: normal;
	color: #003333;
}
.subvino {
	font-size: 12pt;
	font-weight: bold;
	color: #990000;
}

.subvino2 {
	font-size: 10pt;
/*font-weight: bold;*/
	color: #990000;
}

.subvino3 {
	font-size: 10pt;
/*font-weight: bold;*/
	color: #000000;
}

.campotexto {
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.boton {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #990000;
	border: 1px solid #666666;
	font-weight: bold;
}
.boton1 {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #444444;
	border: 1px solid #666666;
	font-weight: bold;
}
.boton2 {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #005500;
	border: 1px solid #666666;
	font-weight: bold;
}
.celdas {
	font-size: 11px;
	color: #333333;
}
.rojas {
	font-size: 11px;
	font-weight: normal;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.negras {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.chicas3 {
    font-family: rokkitt,Verdana, Arial, Helvetica, sans-serif; 
	font-size: 21px;
	font-weight: bold;
	color: #909090;
}	

.chicas4 {
    font-family: rokkitt,Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	/*color: #7C5393;*/
	color: #000;
}	

.chicas5 {
    font-family: rokkitt,Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: 500;
	color: #7C5393;
}	


.chicas6 {
    font-family: rokkitt,Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: 500;
	color: #E41874;
}	



.chicas6a{
    font-family: rokkitt,Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: 500;
	color: #666;
}	






.texto5 {
	font-size: 12px;
font-weight: bold;
	color: #7C5393;
}

.texto6 {
    font-family: rokkitt,Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
/*	font-weight: bold;   */
	color: #E41874;
}	


.texto7 {
    font-family: rokkitt,Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 500;   
/*	color: #E41874;*/
	color: #000000;
	
}	

.texto8 {
    font-family: rokkitt,Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;   
/*	color: #7C5393;  */
	color: #00bb00;
	font-weight: bold;
}	

.texto8b {
    font-family: rokkitt,Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;   
/*	color: #7C5393;  */
	color: #333;
	font-weight: bold;
}	


.texto9 {
    font-family: rokkitt,Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 500;   
	color: #654277;
}	



.texto10 {
    font-family: rokkitt,Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: 500;   
	color: #707070;
}	


/*
input[type=text] {
  background-color: #fff;
       border:2px solid;
	   border-color: #fff;
	   color: #a0a0a0;
}

*/



/*Mostraremos los campos requeridos de color amarillo*/
    form input:required , form select:required {
      /* border:2px solid yellow;  */
	  background-color: #fff;
       border:2px solid;
	   border-color: #c0c0c0;
	   color: #a0a0a0;
	  	  
		   
    /* otras propiedades */
	   }
	   
	   
	   
	/*Mostraremos los campos requeridos de color amarillo*/
    form input:disabled   , form select:disabled   {
      /* border:2px solid yellow;  */
	  background-color: #fff;
       border:2px solid;
	   border-color: #c0c0c0;
	   color: #a0a0a0;
	  	  
    /* otras propiedades */
	   }
	   
	   
	   
	   
	   
	   
    /*Si el valor que el usuario escribe es valido, obtendra un color verde*/
    form input:valid , form select:valid {
        border:2px solid #00aa00;
		color: #00aa00;
		
        /* otras propiedades */
    }
	
	
	
	form input[type="text"]  {
        border:2px solid #00aa00;
		background-color: #fff;
        border-radius: 5px;
		text-align:center;
		
	/*	padding: 5px 10px; */
		padding: 4px;
   }
	
	
	form input[type="text"] :valid  {
        border:2px solid #7C5393;
		border-radius: 5px;
		background-color: #fff;
		text-align:center;
		padding: 4px;
   }
	
	
	
	
	
	
	form select  {
        border:2px solid #444;
		background-color: #fff;
        border-radius: 6px;
	
	
		padding: 4px 0;
   }
	
	
	form select :valid  {
        border:2px solid #444;
		border-radius: 6px;
		background-color: #fff;
      
	
   }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
    /*caso contrario, el color sera rojo*/
    form input:focus:invalid , form select:focus:invalid{
        border:2px solid red;
        /* otras propiedades */
    }

	#login h2 {
	background-color: #000;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	color: #fff;
	font-size: 17px;
	padding: 9px 20px;
}
	
	
	
	
	
	
#login  input[type="button"] {
	background-color: #7C5393;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 4px 0;
	width: 150px;
		-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 19px;
}

#login  input[type="button"]:hover {
	background-color: #E41874;
		-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 19px;
	}
	
	
#login  input[type="Submit"] {
	background-color: #a1a1a1;
    border-color: #a1a1a1;	
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 4px 0;
	width: 150px;
		-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}

#login  input[type="Submit"]:hover {
	background-color: #2DB300;
	border-color: #2DB300;	
		-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}
	
	
	
	
	
	
	
	
	.coco{
	font-family: rokkitt,Verdana, Arial, Helvetica, sans-serif;
	background-color: #00bb00;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	color: #fff;
	font-size: 28px;
	padding: 6px 6px;
}
	
	
	.coco2{
	background-color: #e1e1e1;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
	color: #fff;
	font-size: 17px;
	padding: 9px 20px;
}
	
	
	
	
	
	
	/*
select {

   -webkit-appearance: button;

   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;

   background-image: url(flechita.png);
   background-position: center right;
   background-repeat: no-repeat;
}

	*/