﻿
/* CSS Document */

/*.fondo-tabla-principal {background:url(../img/main-bg.jpg) center top repeat-x;}*/

body {
	background-image: url(../img/main-bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0;

}

.texto {
	text-align: left;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #666;
	padding-right: 1px;
	padding-left: 1px;
	margin-left: 0px;
}

.textoCenter {
	text-align: center;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #666;
	padding-right: 1px;
	padding-left: 1px;
	margin-left: 0px;
}

.datos_tablas {
	text-align: center;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #666;
}

h1 {
	font-size: 20px;
	line-height: 110%;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	letter-spacing: -1px;
	margin-bottom: 5px;
	margin-top: 2px;
	
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

h2 {
	font-size: 18px;
	line-height: 110%;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-left: 20px;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

h3 {
	font-size: 16px;
	line-height: 110%;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 5px;
}

h4 {
	font-size: 14px;
	line-height: 110%;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 5px;
}

a {
	color: #006cb7;
	text-decoration: none;
}

.footer {
	text-align: right;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #666;
	padding-right: 20px;
}

.breadcrumbs {
	text-align: right;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #666;
	padding-right: 20px;
}

.breadcrumbs_seleccion {
	text-align: left;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #333;
	padding-left: 20px;
	font-style: italic;
}

.titulo_descarga {
	font-size: 18px;
	line-height: 110%;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-left: 20px;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}

.titulo_tabla_selecciones {
	font-size: 20px;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-left: 20px;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-weight:  bold;
	color: #666;
}

.titulo_tabla_selecciones_chico {
	font-size: 16px;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-left: 20px;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-weight:  bold;
	color: #666;
}

.titulo_tabla_resultados {
	font-size: 12px;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #FFF;
	background-color: #036;
	text-align: center;	
}
.combos {
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #666;
}

.datos_tablas1 {

                text-align: center;
                font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
                font-size: 12px;
                line-height: normal;
                color: #666;
                background-color: #E4E3FF;

}

.datos_tablas2 {

                text-align: center;
                font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
                font-size: 12px;
                line-height: normal;
                color: #666;
                background-color: #C9C7FF;

}

a.tooltip {
	position:relative;
	color: #006cb7;
	text-decoration:none;
	text-align: left;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-left: 20px;
}
a.tooltip span {
	display: none;
}
a.tooltip:hover span {
	display:block;
	position:absolute;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;

}

.page
{
    width: 1111px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}
.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #fff;
    width: 100%;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}
.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 1px;
    color: White;
	width: 223px;
}


.clear
{
    clear: both;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#2E2159;
    width:100%;
}

div.menu
{
    padding: 0px 0px 0px 0px;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #2E2159;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

#contenedor {height: 151px;
margin:0
}
#col_der, #col_izq, #col_cen {height: 97%;
}
#col_der {float: right; width: 200px;background-color: #fff;text-align:right;vertical-align:middle}
#col_izq {float: left; width: 285px;
background-color: #fff;
}
#col_cen {background-color: #fff;text-align:center;vertical-align:bottom}

#contenedorUsuario {height: 20px;margin:0}
#col_izqUsu,#col_derUsu {height: 100%}
#col_izqUsu {float: left; width: 115px;background-color: #fff;text-align:left}
#col_derUsu {float: left; width: 150px;background-color: #fff;text-align:left}

#contenedorContraseña {height: 35px;margin:0}
#col_izqCon,#col_derCon {height: 100%}
#col_izqCon {float: left; width: 115px;background-color: #fff;text-align:left}
#col_derCon {float: left; width: 150px;background-color: #fff;text-align:left}

#uno, #dos, #tres {width: 100%; }
#uno {background-color: #fff;text-align:center ;height: 100px;}
#dos {background-color: #fff;height: 120px;}
#tres {background-color: #fff;height: 160px;}

#PiePagina 
{
	width: 100%;
	height: 100%;
	font-size:small;
	text-align:center;
}