body {
	background: url('images/back.gif');
	margin: 0;
	padding: 0;
	font-size: 70%;
	font-family: Verdana, sans-serif;
}

h4
{
	font:10pt verdana, arial, sans-serif;
	color:#666;
	padding:5px;
	margin:0;
	
}

div#Arriba 
{
	width:100%;
	/*height:75px; ESTO HE TENIDO QUE CAMBIARLO PARA IEXPLORER 7.0!!!*/
	height:80px;
	background: url('images/fondo_arriba.jpg');
	/*text-align:center; NO SIRVE*/
}

div#Centro
{
	/*tenemos que simular min-width para IExplorer*/
	/*width:auto;ni 100% tampoco funciona*/
	min-width: 800px;
	/*height:70px;*/
	height:71px;/*1 mas para q sea par al restar con los bordes (71-5)*/
	/*background-color:#FFF;*/
}

div#Abajo
{
	width:100%;
	/*height:100%;No lo coge*/
	background-color: Transparent;
	background-image: url('images/fondo_abajo.jpg');
	background-attachment:fixed;
	background-repeat:repeat-x;
	text-align:center;
}

div#Cabecera
{
	width:800px;
	height:100%;/*Para que tenga la misma altura que Arriba*/
	/*background: url('images/header3.jpg') repeat-y;
	background-position:left;*/
	background: url('images/LogoKYV.gif') no-repeat;
	margin:auto;
	border-left: #FFF 2px solid;
	border-right: #FFF 2px solid;
	background-color:#FFF
}

div#Centro1
{
	width:100%;
	height:47%;/*Nuevo para firefox*/
	border-bottom: solid 1px #fff;
	border-top: solid 2px #fff;
	/*height:47%;
	margin-top: 2px;*/
	vertical-align:middle;/*Nuevo para firefox. CON ESTO SALE CENTRADO PERO MAL LO DE ABAJO*/
	text-align:center;
	background-color:#164677
}

div#Centro2
{
	width:100%;
	height:47%;
	border-bottom: solid 2px #fff;
	/*height:47%;
	margin-top: 1px;
	margin-bottom: 2px;*/
	text-align:center;
	vertical-align:middle;/*Nuevo para firefox*/
	background-color:#778899
}

div.Login
{
	width:800px;
	text-align:right;
	margin:auto;
	padding: 5px 3px 0 0;
	/*margin-top:5px;
	margin-left:3px;
	margin-right:3px;*/
}

div#Contador
{
	float:left;
	margin-left:10px;
	font-size:120%;
	font-weight: bold;
	color:#fff;
	background-color:#123050;
	padding: 2px 8px 2px 8px;
	border: 2px solid #778899;
}

div#Pagina
{
	width:800px;
	min-height:600px;
	margin:auto;
	border-left: #FFF 2px solid;
	border-right: #FFF 2px solid;
	/*background-color:#FFF;
	PONEMOS EL MISMO COLOR DE LA IZDA PARA CUANDO SE EXPANDA DERECHA*/
	background-color:#E6EEF0;
	/*A VER SI VA*/
	overflow:auto;
	text-align:left;
}

div#Izda
{
	width:160px;
	height:100%;
	float:left;
	/*border-right: 2px #FFF solid;*/
	background-color:#E6EEF0;
	/*text-align:left;*/
	min-height:600px;
}

div#Derecha
{
	width:auto;/*612px*/
	border-left: 2px #FFF solid;
	border-right: 6px #0B70CE solid;
	height:100%;
	background-color:#F0F3F2;
	/*text-align:left;*/
	min-height:600px;
}

div#Navegacion
{
	width:100%;
	height:30px;
	border-bottom: 1px #FFF solid;
	background-color:#DBE2E2;
}

div#Contenido
{
	width:100%;
	height:auto;/*Ciudado!*/
	/*background-color:#0B70CE;*/
	/*overflow:visible;*/
}

div#Pie
{
	width:752px;
	height: 12px;
	margin:auto;
	padding: 4px 24px;
	border: 2px #FFF solid;
	color: #249;
	background: url('images/bg5.gif');
	text-align:left;
}


div#Logos
{
	width:240px;
	/*height:100; para iexplorer*/
	height:80%;
	float:right;
	margin-top:3px;
	margin-right:2px;
}



/*-------------------------
Elementos de la pagina
--------------------------*/

/*--------------------------
IZQUIERDA
--------------------------*/

.TituloMenu
{
	margin-left: -2px;
	margin-right: 2px;
	padding: 8px 16px 4px 16px;
	border-bottom: 1px solid #FFF;
	letter-spacing: 0.1em;
	height: 16px;
	background: #164677 repeat-y left url('images/title1.gif');
	color: #FFF;
	margin-bottom: 12px;
	font-size: 120%;
	padding-left: 24px;
}

#Izda ul {
	list-style-type: none;
	margin: 0 0 12px 12px;
	padding: 0;
}


#Izda ul li {
	margin-right: 8px;
	margin-left: 4px;
	margin-bottom:6px;
	font-size:120%;
	
}

#Izda a:link,
#Izda a:visited
{
	text-decoration:none;
	color:#5382B3
}

#Izda a:hover
{
	border-color:#000;
	border-style:solid;
	border-width:1px;
	color:#FFF;
	padding:2px;
	background-color:#0471E1
}

/*#Izda a:active
{
	font-weight: bold;
	color: #0471E1;
}CON ESTO SI NOS BAJARIA DE FILA Y QEUDA MUY MAL*/

#Izda .activo a:link,
#Izda .activo a:visited {
	font-weight: bold;
	color: #0471E1;
	list-style-type: square;
}

/*---------------------------
DERECHA
---------------------------*/

#Derecha a:link,
#Derecha a:visited
{
	text-decoration:none;
	/*color:#164677;*/
	color:#123879
}

#Derecha a:hover
{
	text-decoration:underline;
}


/*---------------------------
NAVEGACION
----------------------------*/

#Navegacion .Dentro
{
	float:left;
	margin-top:5px;
	margin-left:10px;
	vertical-align:middle;
	color:#164677;
	font-size:130%;
}

#Navegacion b
{
	color: #0B70CE;
}


/*---------------------------
CONTENIDO
----------------------------*/

#Contenido .Dentro
{
	/*float:none;
	margin-left:30px;*/
	margin-right:25px;
	margin-top:20px;
	margin-bottom:50px;
	/*padding: 20px 30px 10px 25px; ESTO VA CASI BIEN!*/
	color:#164677;
}

#Contenido h1
{
	/*border-bottom:solid 1px #164677;
	padding-bottom:10px;*/
	font-size:120%;
	/*color:#164677;*/
}

#Contenido h2
{
	/*border-bottom:solid 1px #164677;
	padding-bottom:10px;*/
	font-size:110%;
	/*color:#164677;*/
	font-weight:bold;
}

#Contenido p
{
	text-align:justify;
	margin-right:20px;
	text-indent:10px;
}

#Contenido ul
{
	text-align:justify;
	margin-right:20px;
}

#Contenido hr
{
	color:#164677;
	/*color:#778899;*/
	height:1px;
}


/*---------------------------
TABLAS
---------------------------*/

.Tabla
{
	border-width: 1px;
	border-style: solid;
	border-color: #4975ac;
	background-color: #E6EEF0;
	
}

.Tabla td
{
	padding: 10px 10px 0px 10px;
}

.TablaSinMargen td
{
	padding: 0 4px 4px 0;
}

.TablaConBordes
{
	border-top: #888 1px solid;
	border-left: #888 1px solid
}

.TablaConBordes td
{
	border-right:solid 1px #888;
	border-bottom:solid 1px #888
}



/*-----------
COSILLAS
-----------*/
.gap
{
	height:10px;
}

.izda
{
	text-align:left;
}

.derecha
{
	text-align:right;
}

.centro
{
	text-align:center;
}

.TextoRojo
{
	color:#cc0000;
}

.TextoVerde
{
	color:#72ff00;
}

.arriba
{
	vertical-align:top;
}

.arriba_derecha
{
	vertical-align:text-top;
	text-align:right;
}

.ErrorGrande
{
	color:#cc0000;
	font-size:15px;
}

.textoPequeño
{
	font-size:90%;
}

.textoGrande
{
	font-size:110%;
}

.naranja
{
	color:#d77800;
}

.negritaGrande
{
	font-weight:bold;
	font-size:120%;
}


/*----------
BOTONES
----------*/

.Boton
{
	width:100px;
	border-color: #4975ac;
	border-bottom-width:1px;
	border-right-width:1px;
	border-left-width:0px;
	border-top-width:0px;
	background-color:#DBE2E2;/*#cde*/
	color: #164677;
	text-decoration:none;
	font-family:Verdana;
	font-size:120%;
	font-weight:bold;
	cursor:pointer;
}

.Boton2
{
	color: #164677;
	cursor: pointer;
	padding: 2px 8px 2px 8px;
	text-decoration: none;
	border:solid 2px #164677;
	font-size: 120%;
}

.Boton3
{
	color: #164677;
	background-color:#ddd;
	cursor: pointer;
	padding: 0px 6px 0px 6px; /*Más finos*/
	text-decoration: none;
	border:solid 2px #164677;
	font-size: 120%;
}

.BotonText
{
	color: #164677;
	background-color:#ddd;
	cursor: pointer;
	padding: -3px 6px -3px 6px; /*Muy finos*/
	text-decoration: none;
	border:solid 2px #164677;
}

.Welcome
{
	/*color: #E6EEF0;*/
	color: #fff;
	font-family:Verdana;
	font-size:120%;
	font-weight:bold;
}

.BotonLogin
{
	border-color: #E6EEF0;
	border-width:1px;
	background-color:#DBE2E2;/*#cde*/
	color: #164677;
	text-decoration:none;
	vertical-align:middle;
	text-align:center;
	font-family:Verdana;
	font-size:120%;
	font-weight:bold;
	padding: 1px 5px 1px 5px;
	cursor:pointer;
}


.BotonesTabla
{
	background-color: #cde;
	padding: 2px 0 2px 0;
	margin-left:10px;
}

.TextBox
{
	letter-spacing:60%;
	border:solid 1px #4975ac;
	color:#12416e;
	font-family:Verdana, Sans-Serif;
	font-size:100%;
}

.TextBox2
{
	letter-spacing:60%;
	border:solid 1px #164677;
	color:#12416e;
	text-align:center;
	font-family:Verdana, Sans-Serif;
	font-size:100%;
}

.Licencia
{
	background-color:#eee;
	font-size:90%;
	text-align:justify;
	border:solid 1px #4975ac;
}

.enlace
{
	text-decoration:none;
	color:#164677;
	font-weight:bold;
}

.enlace:hover
{
	text-decoration:underline;
}

.enlace2
{
	text-decoration:none;
	/*color:#164677;*/
	color:#aaa;
}

.enlace:hover
{
	text-decoration:none;
}



/**********
GRIDS
**********/

.Grid
{
	/*border: solid 1px #F0F3F2;*/
	border: solid 1px #fff;
	background-color: #E6EEF0;
	
}

.Grid td
{
	padding: 2px 10px 2px 10px;
}

.Grid .Alternating
{
	background-color: #fff;
	color:#444;
}

.Grid .SelectedRow
{
	background-color: #cde;
}

.Grid .Medias
{
	background-color: #d77800;
	color: #fff;
	text-align: center;
	font-weight:bolder;
}

.Grid .separar
{
	background-color:#ccc;
	height:3px;
}

.Grid .Cabecera
{
	background-color:#4975ac;
	text-decoration:none;
	color:#fff;
	height:20px;
	text-align:center;
}

.Grid .CabeceraOrden
{
	background-color:#164677;
}

.Grid .Cabecera2
{
	background-color:#205081;
	height:22px;
}

.Grid .Pager
{
	color: #d77800;
	background-color:#cde;
	font-weight:bold;
}

.Grid .Pager2
{
	color: #d77800;
	background-color:#F0F3F2;
	border-top: solid 1px #164677;
	font-weight:bold;
}

/*Grid para la comparacion de dominios, sin tanto espacio entre celdas*/
.Grid2
{
	border: solid 1px #fff;
	background-color: #E6EEF0;
	
}

.Grid2 td
{
	padding: 2px 6px 2px 6px;
}

.Grid2 .Cabecera
{
	background-color:#4975ac;
	text-decoration:none;
	color:#fff;
	height:20px;
	text-align:center;
}

.Grid2 .Alternating
{
	background-color: #fff;
	color:#444;
}

/*Para los rankings*/
.Ranking
{
	/*border: solid 1px #fff;*/
	background-color: #E6EEF0;
	
}

.Ranking td
{
	padding: 5px 4px 5px 4px;
	border-bottom: solid 1px #aaa;
}

.Ranking .Cabecera
{
	background-color:#4975ac;
	color:#fff;
	height:25px;
	text-align:center;
}


.Ranking .Alternating
{
	background-color: #fff;
	color:#444;
}


/***********
REPEATER
***********/

.Repeater
{
	border: 1px solid #4975ac;
	background-color: #E6EEF0;
	text-align: justify;
}

.Repeater a:link,
.Repeater a:visited
{
	text-decoration:none;
	color:#164677;
	font-weight:bold;
	font-size:110%;
}


/*NO SE PORQUE NO COGE ESTO!!*/
.Repeater a:hover
{
	color:#fff;
	text-decoration:underline;
}

.Repeater .a2:link
{
	text-decoration:none;
	color:#164677;
}

.Repeater .a2:hover
{
	text-decoration:underline;
}

.Repeater2
{
	border: 1px solid #4975ac;
	background-color: #cde;
}

.Repeater3
{
	border: 1px solid #4975ac;
	background-color: #E6EEF0;
}


/*VENTANAS ABIERTAS MEDIANTE WINDOW.OPEN()*/

.OpenWindow
{
	font-size: 95%;
	font-family: Verdana, sans-serif;
	/*background-color:#E6EEF0;*/
	background-color:#F0F3F2;
	color:#164677;
}

.OpenWindow h1
{
	font-size:120%;
}

.OpenWindow h2
{
	font-size:110%;
	font-weight:bold;
}

.OpenWindow p
{
	text-align:justify;
	margin-right:20px;
	text-indent:10px;
}

.OpenWindow a:link,
.OpenWindow a:visited
{
	text-decoration:none;
	color:#123879
}

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

.enlaceScript
{
	cursor:pointer;
	color:#123879;
	font-weight:bold;
}

.validatorCalloutHighlight 
{
    background-color: #fffacd;
}

.mensajeCheck
{
	border:solid 1px #000;
	background-color:#fffacd;
	color:#164677;
	padding: 5px 10px 5px 10px;
	font-size:90%;
}