/* Hoja de estilos CSS predeterminada para un nuevo proyecto de aplicación Web*/
.centrado {
    margin: auto;
}
.infodadito
{
    width:24px;
}
BODY
{
	font-weight: normal;
	font-size: 8pt;
	font-family: Tahoma;
	list-style-type: circle;
	xbackground-image : url(images/logoagua.jpg);
	xbackground-position : center;
	xbackground-repeat : no-repeat;
	xbackground-attachment : scroll;

 
	scrollbar-face-color : #ECF5FA;
	scrollbar-track-color : #FDF2EE;
background-color : #F8F8FF;
	margin-left : 24px;
	margin-right : 24px;
	xxtext-align : justify;
}

.usumus		{
	margin-right : 12px;
}


A:link	{	
	text-decoration:	none;
	color : #6495ED;
	}	
		
A:visited	{	
	text-decoration:	none;
	color : #6495ED;
	}	
		
A:active	{	
	text-decoration:	none;
	color : #6495ED;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color : #6495ED;
	}
	
SMALL	{	
	font-size:	.7em;
	}	
	
.nota
{
	font-size: 7pt;
	background-color : #F0FFF0;
	text-align : center;
}

.cls2
{
	
	font-size: 8pt;	
	text-align: left;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 0px;
}
.cls2_grande
{
	
	font-size: 10pt;	
	text-align: left;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 0px;
	font : bold;
}
.cls21
{
	
	font-size: 8pt;	
	text-align: left;
}

.cls1
{
	font-weight: bold;
	font-size: 8pt;	
	text-align: left;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
}
.cls1_grande
{
	font-weight: bold;
	font-size: 10pt;	
	text-align: left;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
}

.edit
{
border-right: lightgrey 1px solid;
	padding-right: 0px;
	border-top: lightgrey 1px solid;
	padding-left: 2px;
	font-size: 8pt;
	padding-bottom: 0px;
	margin-left: 4px;
	border-left: lightgrey 1px solid;
	padding-top: 0px;
	border-bottom: lightgrey 1px solid;

	}
.notas
{
	border-right: lightgrey 1px solid;
	padding-right: 0px;
	border-top: lightgrey 1px solid;
	padding-left: 0px;
	font-size: 8pt;
	padding-bottom: 0px;
	margin: 0px 0px 0px 8px;
	border-left: lightgrey 1px solid;
	padding-top: 0px;
	border-bottom: lightgrey 1px solid;
	background-color: lemonchiffon;
	text-align: left;
}

.txt
{
	font-size: 8pt;
	text-align: left;
}
.combo
{
	font-size: 8pt;
	text-align: left;	
}

.txtnegrita
{
	text-align: left;
	color : #007BBB;
	font-weight : bold;
	font-size: 8pt;
}
.titulo1
{

	   color : #E9B104;
		font-weight : bold;
		font-size: 8pt;
}
.titulo2
{

	   color : #989898;
		font-weight : bold;
		background-image : url(images/vineta.jpg);
		background-position : left;
		background-repeat : no-repeat;
		background-attachment : fixed;
		padding-left : 15px;
	
}
.titulo4
{

	    color : Black;
		background-image : url(images/vineta3.jpg);
		background-position : left;
		background-repeat : no-repeat;
		background-attachment : fixed;
		padding-left : 15px;
		margin-left : 30px;
}

.titulo3
{

	   color : #989898;
		font-weight : bold;
		background-image : url(images/vineta2.jpg);
		background-position : left;
		background-repeat : no-repeat;
		background-attachment : fixed;
		padding-left : 15px;
}


.cls3
{
	font-weight: bold;
	font-size: 8pt;	
	text-align: left;
	padding-left: 4px;
	padding-right: 0px;

}
.cls4
{
	padding-right: 0px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 9pt;
	margin-bottom: 3px;
	padding-bottom: 3px;
	text-align: left;
	text-decoration: underline;
}
.cls41
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 8pt;	
	text-decoration: underline;
}
.espacio
{
}
.grid
{
	margin-top: 8px;
	margin-left: 4px;
}
.gridsinmargen
{
		margin-left: 4px;
}
.error
{
	color: white;
	background-color: red;
	font-weight : bold;
	text-align : center;
}
.mensa
{

	background-color: yellowgreen;
	font-weight : bold;
	text-align : center;
}
.btnlnk2
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 8pt;
	padding-bottom: 2px;
	margin: 3px;
	padding-top: 2px;
	background-color: lightgrey;
}
.boton
{
	border-right: black thin;
	padding-right: 10px;
	border-top: black thin;
	padding-left: 8px;
	font-size: 8pt;
	padding-bottom: 1px;
	margin: 3px 4px 3px 4px;
	border-left: black thin;
	cursor: hand;
	padding-top: 1px;
	border-bottom: black thin;
	font-family: Sans-Serif;
	background-color: #DCDCDC;
;
}
.btnlnk_grande
{
	border-right: black thin;
	padding-right: 10px;
	border-top: black thin;
	padding-left: 8px;
	font-size: 10pt;
	padding-bottom: 1px;
	margin: 3px 4px 3px 4px;
	border-left: black thin;
	cursor: hand;
	color: #6495ed;
	padding-top: 1px;
	border-bottom: black thin;
	font-family: Sans-Serif;
	background-color: whitesmoke;
	font : bold;
}
.menu
{
	padding-right: 32px;
	padding-left: 32px;
	font-size: 8pt;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: aliceblue;
}
.paginador_grid
{
	border-right: whitesmoke thin solid;
	border-top: whitesmoke thin solid;
	padding-left: 4px;
	font-size: 8pt;
	border-left: whitesmoke thin solid;
	border-bottom: whitesmoke thin solid;
	background-color: ghostwhite;
}
.panel
{
	border-left-color: gainsboro;
	border-bottom-color: gainsboro;
	Xborder-top-style: solid;
	border-top-color: gainsboro;
	Xborder-right-style: solid;
	Xborder-left-style: solid;
	border-right-color: gainsboro;
	Xborder-bottom-style: solid;
	xxxxxxbackground-color: #fefcfd;

}
TD.HSeparator
{
    BACKGROUND-IMAGE: url(images/HSeparator.gif);
    BACKGROUND-REPEAT: repeat-x;
    }
TD.downline
{
	border-bottom : 1 solid #777777;
}


.updown
{
	border-top : 1 solid #777777 1;
	border-bottom : 1 solid #777777 1;
}
.downline
{
	border-bottom : 1 solid #777777 1;
}
.producto	{	
	font-size:	0.7em;
 vertical-align: top; text-align: justify;
	font-family : Tahoma;
	color : #A9A9A9;
	}	
.tituloproducto {  font-size: 0.8em; font-weight: bold; font-family: Arial, Helvetica, sans-serif;  
  border-bottom-style : solid;  border-bottom-width : 1; 
 }
.imagenpad {
	margin-left : 10;
	margin-right : 10;
	margin-top : 10;
	margin-bottom : 10;
}
.copyright {  font-size: 0.7em; background-color: #F9F9F9; text-align: center; 	color : #6495ED;}
.tablappal{
	border : 1px solid Black;
	background-color : White;
}
.tablaconte{
	background-image : url(images/logoagua.jpg);
	background-position : center;
	background-repeat : no-repeat;
	background-attachment : scroll;
}
.explica{
	font-size: 11pt; text-align: center;
	color : Red;
	border : 1px solid;
}
.empre1{
	font-size: 10pt; text-align: center;
	color : #FF7F50;
}
.empre2{
	font-size: 10pt; text-align: center;
	color : Red;
}
.empre3{
	font-size: 10pt; text-align: center;
	color :  #1E90FF;
}
.empre4{
	font-size: 10pt; text-align: center;
	color : #A9A9A9;
}

.telefono{
	font-size: 16px; text-align: center;
	color : #FF8000;
	font : bold;
}
.loginlabel
{
	font : xx-small;
}
.loginedit
{
	font : xx-small;
	border : 0 solid ;
	background-color: #F9F9F9; 
}
.loginboton
{
	font : xx-small;
	border : 0 solid ;
}
.logintabla
{
	font : xx-small;
	border : 0 solid ;
}
.txtpad
{
	font-size: 8pt;
	text-align : justify;
	padding-right: 4px;
	padding-left: 4px;
}
.txtjustify
{
	font-size: 8pt;
	text-align : justify;
}

.panelaviso
{
	border-right: yellow thin groove;
	padding-right: 8px;
	border-top: yellow thin groove;
	padding-left: 4px;
	font-size: 10pt;
	padding-bottom: 4px;
	border-left: yellow thin groove;
	padding-top: 4px;
	border-bottom: yellow thin groove;
	background-color: lemonchiffon;
	text-align: center;
}
.txtchat
{
	font-size: 8pt;
	text-align: justify;
}
.imgcalendar
{
	cursor: hand;
}
.imglink
{
	cursor: hand;
}

.fila_grid
{
	cursor: hand;
}
.fila_grid_aviso
{
	cursor: hand;
	background : #FFB6C1;
}

.ficti
{
	width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 0px;
	background-color: white;
	border-bottom-style: none;
}
.texto_contrato
{
	font-size: 8pt;
	text-align: justify;
}
.tabla_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #333333;
	font-weight: bold;
		border-bottom : 1px solid #F5F5F5;
		border-top : 1px solid #F5F5F5;
		}
.tablamargen
{
}
.btnexcel
{
	margin-top : 4px;
}
.txtprod1
{
		font-size: 8pt;
	text-align: justify;
	color : Red;
		border-top-color : Red;
		border-top-style : solid;
		border-top-width : 1px;
}
.txtprod2
{
		font-size: 8pt;
	text-align: justify;
	color : #097EB4;
		border-top-style : solid;
		border-top-width : 1px;
		border-top-color : #097EB4;
}
.txtprod3
{
		font-size: 8pt;
	text-align: justify;
	color : #FFBB04;
		border-top-style : solid;
		border-top-width : 1px;
		border-top-color : #FFBB04;
}
.txtprod4
{
		font-size: 8pt;
	text-align: justify;
	color : Black;
		border-top-style : solid;
		border-top-width : 1px;
		border-top-color : Black;
}
.check
{
	padding-right: 0px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 8pt;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	text-align: left;
}
.notas_link
{
	padding-right: 0px;
	font-size: 9pt;
	font-weight : bold;
	
}

.texto_precio
{
	border : 1px solid #F5F5F5;
	background-color : White; 
	font-weight : bold;
				padding-left : 4px;
				padding-right : 4px;
					font-weight: normal;
	font-size: 8pt;
	font-family: Tahoma;
					color : #0078C1;
									}



.contrato1
{
	    color : Black;
		font-weight : bold;
		font-size: 10pt;
}
.contrato2
{

	    color : Black;
		font-weight : bold;
		background-position : left;
		background-repeat : no-repeat;
		background-attachment : fixed;
	
}
.contrato4
{

	    color : Black;
		background-position : left;
		background-repeat : no-repeat;
		background-attachment : fixed;
}

.contrato3
{
	    color : Black;
		font-weight : bold;
		background-position : left;
		background-repeat : no-repeat;
		background-attachment : fixed;
}

.fila_grid_aviso
{
	cursor: hand;
	background : #FFB6C1;
}
.estadtxt
{
	
	font-size: 8pt;	
	text-align: left;
	padding-left: 2px;
	padding-right: 0px;

}
.estadcabe
{
		background-color : #FFDEAD;
	font-size: 8pt;	
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 2px;
		font-weight : bold;
}
.cabeinfojugador
{

	font-size: 8pt;	
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 2px;
		font-weight : bold;
	background-color : #FAFAD2;	
}

.ijbody
{
	background-color : #FFFACD;
	scrollbar-face-color : #FFFACD;
	scrollbar-track-color : #FFFACD;
	margin-bottom : 0;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
}
.ij1
{
			font-weight : bold;
			text-align : center;
	background-color : #FAFAD2;
}
.ij2
{
			font-weight : bold;
	background-color : #FAFAD2;
}

.ij3
{
			font-weight : bold;
			background-color : #FAFAD2;
}
.ij4
{
			text-align : center;

}
.ij5
{
			text-align : center;
}
.ij6
{
			font-weight : bold;
			background-color : #FAFAD2;
}
.ij7
{
			font-weight : bold;
			background-color : #FAFAD2;
}
.ij8
{
			text-align : right;
}
.ij9
{
			text-align : right;
 		font-weight : bold;
}
.ij10
{
			text-align : right;
}
.etiqueta_formulario
{
			font-weight : bold;
			background-color : #FFDEAD;
	font-size: 8pt;	
}
.tabla_formulario
{
	border : 1px solid;
	border-top-width : 2px;
	border-top-style : solid;
	border-right-style : solid;
	border-right-width : 2px;
}
.required
{
	color : Red;
		font-size: 8pt;	
}
.body_simula_form
{
			background-color : #F8F8FF;

}
.numeros
{
	width:280px;
	xheight:32px;	
	margin-left:0px;
	margin-top:70px;
	background-color:#ffffff;
	color: #000000;
	font-size:12px;	
}
.conte_dragon
{
	float:left;
	width:70px;
}
.conte_dragon_img
{
	width:70px;
}
.conte_dragon_conte
{
	width:70px;
}
.conte_dragon_energia
{
	font-size:0.8em;
}
.conte_dragon_nombre
{
	font-size:0.8em;
	font-weight : bold;
}
.conte_dragon_conte_nombre
{
	background-color:#aaaaaa;
}
    .GridPager a, .GridPager span
    {
        xdisplay: block;
        height: 15px;
        width: 25px;
		font-size:1.5em;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
    .GridPager a
    {
        background-color: #f5f5f5;
        color: #969696;
        border: 1px solid #969696;
		padding-left:5px;
		padding-right:5px;
    }
    .GridPager span
    {
        background-color: #dddddd;
        color: #000;
        border: 1px solid #000000;		
		padding-left:5px;
		padding-right:5px;
    }