/* General */
body 
{
	background: #F7F7F7 none repeat scroll 0 0;
	margin:0px;
	padding:0px;
	font-family: Verdana; 
	font-weight: normal;
	font-size: 12px; 
    color: #2946AA; 
    text-align:left;
	line-height: 1.5;
}

td 
{
    text-align: left;
    /*border: solid 1px transparent;*/
    vertical-align: top;
}
ul.menu
{
	margin-left: 20px;
    margin-right: 20px;
   
}
li 
{
	font-family: Verdana; 
	font-weight: normal;
	font-size: 12px; 
	padding-top: 2px;
    color: #286488; /* Azul */
    list-style-image: url(../img/DiscoLista.jpg);
    text-align:left;
	line-height: 1.5;
}
li.opcion_menu
{
	font-family: Verdana; 
	font-weight: normal;
	font-size: 12px; 
	color: #3C3C3C; /* texto */
	text-align:left;
	line-height: 1.5;
    list-style-image: url(../img/DiscoLista.jpg);
}

a {	font-family: Verdana; font-size: 12px; text-align:left;	text-decoration: underline; color: #2946AA; }
a:hover { font-family: Verdana; font-size: 12px; text-align:left; text-decoration: underline; color: #0074D7; }
a:visited { font-family: Verdana; font-size: 12px; text-decoration: underline; color: #2946AA; }

.inline { display: inline }

h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}
h1 {
	font-size: 22px;
	color: #4D6185; /* Azul oscuro */
}
h2 {
	font-size: 20px;
	color: #4D6185; /* Azul oscuro */
}
h3 {
	font-size: 17px;
	color: #4D6185; /* Azul oscuro */
}
h4 {
	font-size: 16px;
	color: #B90A00; /* MarRojo */
}
h5 {
	font-size: 14px;
	color: #B90A00; /* MarRojo */
}
h6 {
	font-size: 12px;
	color: #B90A00; /* MarRojo */
}

/* ****************** Estructura *********************** */

.allface 
{
	width:900px; 
	background-repeat: no-repeat; 
	margin: auto; 
	background-color: White; 
	padding: 0px; 
	margin: 5px; 
	border-left: solid 2px #E1EFFF; 
	border-right: solid 2px #E1EFFF; 
	height:100%;
	min-height:600px;
}

.menu 
{ 
	width:900px; 
	height:25px; 
	background-repeat: no-repeat; 
	margin: 5px auto;
	text-align: left; 
	border-bottom: groove thin; 
	
}

.headface 
{
	background-color: #FFFFFF; 
	width:900px; 
	height:118px; 
	/*margin: 5px auto; */
	text-align: left; 
}

.footface 
{ 
	/*background-color: #013998; */
	width:900px; 
	height:40px; 
	background-repeat: no-repeat; 
	text-align: left; 
	vertical-align:middle;
}
.footface_left { background-color: #013998; color:#FFFFFF; float:left; width:240px; height:40px; text-align: left; vertical-align:middle; padding: 4px; }
.footface_center{ background-color: #013998; color:#FFFFFF; float:left; width:396px; height:40px; text-align:center; vertical-align:middle; padding: 4px; }
.footface_right { background-color: #013998; color:#FFFFFF;  float: right; width:240px; height:40px; text-align: right; vertical-align:middle; padding:4px}

.contenido { display: block; background-color: #FFFFFF; width:875px; text-align: left; padding: 0px;/* min-height:700px;height:100%; */}
.contenido_left { display: inline; background: #FFFFFF; float:left; width:570px; text-align: left; padding: 4px; }
.contenido_right { display: inline; background: #FFFFFF repeat-y; float: left; width:280px; text-align: left;padding:4px}
 
.formulario{ background-color: #FFFFFF; float :left; width:890px; position:absolute; display:inline; overflow:hidden;/* height:100%; min-height:700px;*/}
.formulario_left { display:inline; float:left; width:49%; padding: 2px; }
.formulario_right {display:inline; float: right; width:49%; padding:2px;}


.tarificador { background-color: #FFFFFF; float:none; width:755px;  margin: 10px auto; text-align: left; border: solid 2px #F7F7F7; padding: 10px; margin: 5px; }
.tarificador_left { background: #FFFFFF repeat-y; float: right; width:210px; text-align: left; border: solid 2px #F7F7F7; padding: 10px; margin: 5px; } 
.tarificador_right { background: #FFFFFF repeat-y; float: left; width:620px; text-align: left; border: solid 2px #F7F7F7; padding: 10px; margin: 5px; }


/* ****************** Estructura *********************** */

/* Estilos nuevos */

/* Controles */
img { border: none; }
img.cias { border: none; margin: 20px; }
fieldset { border: 0; padding: 1px 1px 0 0; float: left; margin: 0px; width: 100%; }
label 
{
    display: block; 
    float: left; 
    text-align: left; 
    width: 130px; 
    font-weight: normal;
}
/* Controles */

.linea { border-top: solid 1px #E1EFFF; /* Azul claro */ height: 5px; }

.ddl {
    background-color: #FFFFFF;
    font-size: 12px;
    text-indent: 1px;
    padding: 3px 2px 3px 5px;
    margin: 2px;
}

.ddl_lock
{
	font-weight: normal; 
    font-size: 12px;
    text-indent: 1px;
	color: #333333;
    padding: 3px 2px 3px 5px; 
}

.boton
{
	cursor: pointer;
}

.recuadro 
{
	border: solid 2px #E1EFFF;
	padding: 20px;
}

/* Ayuda */
div.ayuda
{
	display: none; position:absolute; width:160px; z-index:3; left: 10px; top: 10px;
}
table.ayuda
{
	width:99%; 
	z-index:2;
}
.titulo_ayuda
{
	color: #4D6185; /* Azul logo */
	font-family: Arial; 
	font-weight: bold; 
	font-size: 12px; 
	text-align: left; 
	background-color: #F7F7F7; /* Gris claro */
	padding: 3px;
}
.texto_ayuda
{
	color: #3C3C3C; /* (Gris texto) */
	font-family: Arial;
	font-size: 11px; 
    font-weight: normal;
    line-height: 1.1;
	background-color: #E1EFFF; 
	padding: 3px;
}

td.cias
{
	padding: 10px;
	width: 20%; 
	text-align: center;
}

td.marca
{
	cursor: pointer;
	border: dotted 2px #E0E0E0; /* Borde blanco que se cambia en el mouseover*/
	text-align: center;
	font-size: 10px;
	width: 70px;
	height: 80px;
	padding: 5px;
	vertical-align: middle;
}


.titulo_grande
{
	font-family: Arial; 
    font-weight: bold;
    font-size: 22px;
    border-color: #E1EFFF; /* azul claro */
    border-style: solid;
    border-width: 2px;
    border-spacing: 2px;
    color: Black;
    text-align: left;
    padding: 5px 10px 5px 10px;
}

.titulo
{
	color: #053E97; /* MarRojo */
	font-family: Arial; 
	font-weight: bold; 
	font-size: 18px; 
	text-align: left; 
	padding: 10px;
	
}

/* Título para preguntas de formulario */
.titulo_mini
{
	color: White; 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 16px; 
	text-align: left; 
	padding: 2px;
	background-color: #B90A00; /* MarRojo */
}
.titulo_mini_pregunta
{
	color: #094090; /* MarRojo */
	font-family: Arial; 
	font-weight: bold; 
	font-size: 16px; 
	text-align: left; 
	margin-top: 10px;
	margin-left: 10px;
	/* background-color: #B90A00; /* MarRojo */
}

/* Título para opciones de menú */
.titulo_menu
{
	color:White;
	font-family: Arial; 
	font-weight: bold; 
	font-size: 18px; 
	text-align: left; 
	padding: 10px;
	/*background-color: #F7F7F7;  Gris claro */
}

.texto_destacado
{
	color: Black; 
	font-family: Verdana;
	font-size: 13px; 
    font-weight: bold;
    padding: 5px;
    margin: 3px 3px 3px 3px;
}

.texto 
{
	color: #3C3C3C; /* (Gris texto) */
	font-family: Verdana;
	font-size: 12px; 
    font-weight: normal;
    line-height: 1.5;
    margin: 3px 3px 3px 3px;
    padding: 5px;
}

td.detalle
{
	border-left-style: solid;
	border-left-color: #E1EFFF; /* Azul claro */
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #E1EFFF; /* Azul claro */
	border-right-width: 1px;
	padding: 2px 8px 0px 8px;
	color: #3C3C3C; /* (gris texto) */
	width: 33%; /* 218px; */
}
.detalle
{
	font-family: Verdana; 
	font-size: 12px; 
	text-decoration: none; 
	text-align: left; 
	color: #3C3C3C; /* (gris texto) */
	background-color: White;
	line-height: 1.5;
}

/* Menú superior */
a.menu_superior
{
	text-align:left;
	text-decoration:none; 
	color: #053E97;
	line-height: 20px;
	font-family: Verdana;
	font-size: 13px; 
    font-weight: bold;
    padding-right:20px;
}
a:hover.menu_superior
{
	text-align:left;
	text-decoration: underline;
	color: #053E97; 
	line-height: 20px;
	font-family: Verdana;
	font-size: 13px; 
    font-weight: bold;
}
/* Menú superior */


/* Menú inferior */
a.menu_inferior
{
	text-align:center;
	text-decoration:none; 
	color: #FFFFFF;
	line-height: 20px;
	font-family: Verdana;
	font-size: 13px; 
    font-weight:normal;
}
a:hover.menu_inferior
{
	text-align:center;
	text-decoration: underline;
	color: #FFFFFF; 
	line-height: 20px;
	font-family: Verdana;
	font-size: 13px; 
    font-weight: normal;
}
/* Menú inferior */


/* OPCION_MENU */
opcion_menu
{
	font-family: Verdana; 
	font-size: 12px;
	font-weight: normal;
	color: Black; /* #286488; /* Azul */
	text-align:left;
	line-height: 1.4;
}
a.opcion_menu
{
	font-family: Verdana; 
	font-size: 12px;
	color: #286488; /* Azul */
	text-align:left;
	text-decoration: underline; 
}
a:hover.opcion_menu
{
	font-family: Verdana; 
	font-size: 12px;
	text-align:left;
	text-decoration: underline; 
	color: #B90A00; /* MarRojo */
}
a:visited.opcion_menu
{ 
	font-family: Verdana; 
	font-size: 12px;
	color: #286488; /* Azul */
	text-align:left;
	text-decoration: underline; 
}
/* OPCION_MENU */
