﻿body
{
	margin: 0em;
	border: 1px;
	background-color: #ffffff;
	font-family: Arial,Verdana;
	font-size: .9em;
	color: #666666;
}
/*JERARQUIAS DE TEXTO*/
h1
{
	font-size: 1.2em;
	color: #000039; /*Azul oscuro*/
	letter-spacing: .1em;
}
h1.index
{
	font-size: 1.2em;
	color: #000039; /*Azul oscuro*/
	letter-spacing: .1em;
}
h2 /*Subtitulos*/
{
	font-size: 0.9em;
	color: #000039;
}
h3
{
	font-size: 0.8em;
	color: #000039; /*Azul oscuro*/
}
h4 /*Pie*/
{
	font-size: 0.7em;
	color: #000039;
}
abbr, acronym, .acronimo
{
	border-bottom: dotted 5px #000000;
}

/*Sección ENCABEZADO*/
div#encabezado
{
	float: none;
	position: static;
	top: 0px;
	left: 0px;
	border-top: .1em solid #cccccc;
	background: #ffffff;
	width: 100%;
}

div#encabezado img
{
	float: left;
	margin: 0 0 0 0;
}

div#encabezado img.Info
{
	float: left;
	padding: 0 0 0 5px;
}

DIV#encabezado UL#linksEncabezados
{
	float: right;
	list-style: none;
	margin: 2px 2px 0 0;
	color: #00006f;
	font-size: .7em;
	
}
DIV#encabezado UL#linksEncabezados LI
{
	display: inline;
}
DIV#encabezado UL#linksEncabezados LI A
{
	text-decoration: none;
	color: #00006f;
}
DIV#encabezado UL#linksEncabezados LI A:hover
{
	text-decoration: none;
	color: #ffffff;
	background-color: #cccccc;
}


/********************************************************************/
/*Sección ENCABEZADO*/
.encabezado
{
	float: none;
	position: static;
	top: 0px;
	left: 0px;
	border-top: .1em solid #cccccc;
	background: #ffffff;
	width: 100%;
}

.encabezado img
{
	float: left;
	margin: 0 0 0 0;
}

.encabezado img.Info
{
	float: left;
	padding: 0 0 0 2px;
}

.encabezado ul#linksEncabezados
{
	float: right;
	list-style: none;
	margin: 2px 2px 0 0;
	color: #00006f;
	
}
.encabezado ul#linksEncabezados li
{ 
	display: inline;
}

.encabezado ul#linksEncabezados li a
{
	text-decoration: none;
	color: #00006f;
	font-size: 8pt; 
}
.encabezado ul#linksEncabezados li a:hover
{
	text-decoration: none;
	color: #ffffff;
	background-color: #cccccc;
}
/********************************************************************/
.telefono
{
	clear: right;
	float: right;
	padding: 2px 0 0 0;
	z-index: -1;
}

/*Datos de usuario de sesión*/
div.usuario
{
	float: right;
	text-align: right;
	padding: 0px 3px 0 0;
}
.Uetiqueta
{
	color: Black;
	font-size: .7em;
	font-family: Arial;
	font-weight: normal;
}
.Ulabel
{
	color: Black;
	font-size: .7em;
	font-family: Arial;
	font-weight: bolder;
}
.botoncerrarsesion
{
	text-align: center;
	color: #cc0033;
	background-color: white;
	font-size: .7em;
	font-family: Arial;
	font-weight: bold;
}
/*FIN Datos de usuario de sesión*/

DIV#principal DIV#cabecera Div#Usuario
{
	float: right;
	margin: -2.25em .4em 0 0;
}
/*Sección CENTRAL*/
.central
{
	background: url(../../Imagenes/basecarretera.jpg) #ffffff fixed no-repeat center center;
	min-height: 450px;
	height: 100%;
}
.central .centralContenido
{
	width: 79%; /*lateral tiene 20%*/
	float: right;
	padding: 0 0.05em 0 0.3em;
	border-left-color: #cccccc;
	border-left-style: solid;
	border-left-width: 1px;
}
.centralContenido h1
{
	padding: 0.5em 0;
	margin: 0;
}
.central .elementocentral
{
	padding: 2px 2px 0px 2px;
}
/*HOME contenidos*/
.central .elementocentral .supIzqda
{
	padding: 2px 1px 0px 1px;
	float: left;
	width: 49%;
	text-align: center;
}
.central .elementocentral .supDrcha
{
	padding: 1px 1px 0px 1px;
	float: right;
	width: 49%;
	text-align: center;
}
.supIzqda h2, .supDrcha h2, .supIzqda h1, .supDrcha h1
{
	font-size: 1em;
	color: #000039;
	letter-spacing: .05em;
	text-align: left; /*border-bottom: #000066 1px solid;*/
	margin-left: 180px;
	border-bottom: solid 1px #000039;
}
.supIzqda a img, .supDrcha a img
{
	border: 0px;
}
.supIzqda img, .supDrcha img
{
	padding: 0 4px;
	float: left;
}

h2 img
{
	padding: 0 .5em 0 10px;
}
.supIzqda p, .supDrcha p
{
	font-size: .8em;
	font-family: arial,tahoma, Verdana;
	color: #666666;
	text-align: justify;
}
.supIzqda p a, .supDrcha p a /*enlaces*/
{
	font: .8em Arial, sans-serif;
	color: #00006F;
	text-decoration: none;
	text-align: left;
}
.supIzqda p a:hover, .supDrcha p a:hover /*enlaces*/
{
	background-color: #999999;
	color: #ffffff;
	text-decoration: none;
}
div.alinear
{
	clear: both;
	float: none;
	min-height: 1px;
	max-height: 1px;
	height: 2px;
}
/* FIM HOME */
div.imagenint
{
	float: left;
	padding: 5px;
}

/*Sección PIE DE PAGINA*/
.pie
{
	padding: 0.4em 0 0 0;
	border-top-width: .1em;
	border-top-style: solid;
	border-top-color: #cccccc;
	background-color: white;
	width: 100%;
	font-size: 0.7em;
	text-align: left;
}
.navegacion
{
	top: 0px;
	list-style: none;
	font-size: 0.7em;
	margin: 0.1em 0 0.2em 0;
	color: #999999;
	height: 0.7em;
}
.volverNav
{
	top: 0px;
	margin: 0.1em 0 0.2em 0;
	text-decoration: none;
	color: #00006f;
}

.linksPie
{
	
	color: #999999;
	font-size: 8pt;
}

.pie UL.linksPie
{
	float: right;
	list-style: none;
	margin: 0.2em 0.1em 0 0;
	color: #999999;
	font-size: 8pt;
}
.pie UL.linksPie LI
{
	display: inline;
	
}

.pie UL.linksPie LI A
{
	text-decoration: none;
	color: #00006f;
	font-size: 8pt;
}
.pie UL.linksPie LI A:hover
{
	text-decoration: underline;
	color: #00006f;
}
.pie UL.logosCertificados
{
	list-style: none;
	margin: 0.2em 0.1em 0 0;
	float: none;
	padding: 0 .2em 0 .2em;
}
.pie UL.logosCertificados LI
{
	display: inline;
	
}
.pie UL.logosCertificados LI img
{
	display: inline;
	float: left;
	padding: 0 .4em 0 .4em;
	border: 0;
}
.pie UL.logosCertificados LI a img
{
	display: inline;
	float: left;
	padding: 0 .4em 0 .4em;
	border: 0;
}
div.spacer
{
	clear: both;
	float: none;
	height: 1px;
	min-height: 1px;
	width: 100%;
}

/*FORMULARIOS*/
.CentrarContenidos
{
	text-align: center;
	padding: 5px 5px 0px 5px;
}
.CentrarElto
{
	text-align: center;
}
.SubrayarContenidos
{
	text-decoration: underline;
}
.SubrayarRojo
{
	text-decoration: underline;
	color: #cc0033;
}
.FilaEncabezado
{
	font-size: 1.5em;
	color: #000080;
	font-family: arial,Verdana;
	border-bottom: #000080 1px solid;
	text-align: center;
	width: 50%;
}
.Fila
{
	text-align: center;
	width: 80%;
	padding: 5px;
	min-height: 1em;
	min-width: 80%;
}
.Fila .PrimeraColumna
{
	float: left;
	text-align: right;
	width: 48%;
	min-height: 1em;
}
.Fila .SegundaColumna
{
	float: right;
	text-align: left;
	width: 48%;
	min-height: 1em;
}


.Fila3
{
	text-align: center;
	width: 80%;
	padding: 5px 0px;
	min-height: 1em;
	min-width: 80%;
}
.Fila3 .PrimeraColumna
{
	float: left;
	text-align: center;
	width: 49%;
	min-height: 1em;
	border-right: solid 1px #888888;
	padding-right: 5px;
}
.Fila3 .SegundaColumna
{
	float: right;
	text-align: center;
	width: 49%;
	min-height: 1em;
}

.Fila2
{
	text-align: center;
	width: 95%;
	padding: 0 0 5px 5px;
	min-height: 1em;
	min-width: 80%;
}
.Fila2Left
{
	text-align: left;
	width: 95%;
	padding: 5px;
	min-height: 1em;
	min-width: 80%;
}
.col1Right
{
	float: left;
	text-align: right;
	width: 48%;
	min-height: 1em;
}
.col1Padding
{
	float: left;
	text-align: right;
	width: 20%;
	min-height: 1em;
}
.col1PaddingTar
{
	float: left;
	text-align: left;
	min-height: 1em;
}

.col1PaddingTar table tr
{
	font-size: .8em;
}

.col1PaddingTar thead
{
	font-weight: bolder;
}

.tablaAccesorios
{
	font-size: .8em;
}

.tablaAccesorios thead
{
	font-weight: bolder;
	color: #000039;
}

.tablaAccesoriosResumen
{
	font-size: .8em;
	float: left;
	text-align: left;
	min-height: 1em;
}

.tablaAccesoriosResumen thead
{
	font-weight: bolder;
}

.col1PaddingTar2
{
	float: left;
	text-align: right;
	width: 30%;
	min-height: 1em;
}
.col1PaddingIzq
{
	float: left;
	text-align: left;
	width: 20%;
	min-height: 1em;
}
.Fila2 .PrimeraColumna
{
	float: left;
	text-align: left;
	width: 24%;
	min-height: 1em;
}
.col1Left
{
	float: left;
	text-align: left;
	width: 49%;
	min-height: 1em;
}
.col1Left35
{
	float: left;
	text-align: left;
	width: 35%;
	min-height: 1em;
	padding-right: 8px;
}

.Fila2 .SegundaColumna
{
	float: right;
	text-align: left;
	width: 75%;
	min-height: 1em;
}
.Fila2 .SegundaColumnaDrchaCifras
{
	float: right;
	text-align: right;
	width: 48%;
	min-height: 1em;
}

.Fila3
{
	text-align: center;
	width: 95%;
	padding: 5px;
	min-height: 1em;
	min-width: 80%;
}
.Fila3 .col1
{
	float: left;
	text-align: left;
	width: 33%;
	min-height: 1em;
}
.Fila3 .col2
{
	float: left;
	text-align: left;
	width: 33%;
	min-height: 1em;
}
.Fila3 .col3
{
	float: right;
	text-align: left;
	width: 33%;
	min-height: 1em;
}
.separador
{
	height: 2px;
	width: 100%;
}
.etiqueta
{
	color: Black;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
}
.caja
{
	border-top: #aaaaaa 1px solid;
	border-right: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	background-color: white;
	font-size: .8em;
	color: navy;
	min-width: 200px;
}

.cajaNumero
{
	border-top: #aaaaaa 1px solid;
	border-right: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	background-color: white;
	font-size: .8em;
	color: navy;
	text-align: right;
}
.cajapeq
{
	border-top: #aaaaaa 1px solid;
	border-right: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	background-color: white;
	font-size: .8em;
	color: navy;
	min-width: 25px;
	width: 40px;
}
.combo
{
	border-top: #aaaaaa 1px solid;
	border-right: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	background-color: white;
	font-size: .8em;
	color: #330099;
	min-width: 200px;
	width: auto;
}
.comboFijos
{
	border-top: #aaaaaa 1px solid;
	border-right: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	background-color: white;
	font-size: .8em;
	color: #330099;
	min-width: 200px;
	width: 250px;
}



.boton
{
	border-top: #aaaaaa 1px solid;
	border-right: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	font-weight: bold;
	font-size: .8em;
	color: navy;
	font-family: Arial;
	background-color: white;
	text-align: center;
	cursor: hand;
}
.botonNaranja
{
	border-top: #aaaaaa 1px solid;
	border-right: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	font-weight: bold;
	font-size: .7em;
	color: #00006f;
	font-family: Arial;
	background-color: #ffcc66;
	text-align: center;
	cursor: hand;
}
.error
{
	font: 0.7em normal Arial;
	color: #cc0000;
	text-align: center;
}
.errorPeq
{
	font: 0.7em normal Arial;
	color: #cc0000;
	text-align: center;
}
.errorN
{color:#cc0000;font:Verdana;font-size:10pt;
}
.Aviso
{
	font: 0.7em normal Verdana;
	color: #cc0000;
	text-align: left;
}
.mensaje
{
	font-weight: bold;
	color: navy;
	font-family: Arial;
	text-align: center;
}
.tablaResultadosBusqueda
{
	width: 95%;
	border: 0;
	padding-left: .3em;
}
.tablaResultadosBusqueda caption
{
	top: 0px;
	list-style: none;
	font-size: 0.8em;
	margin: 0.1em 0 0.1em 0;
	color: #777777;
}

.tablaResultadosBusqueda th
{
	text-align: left;
	background-color: #ffcc66;
	color: #0000cc;
	font-size: 0.8em;
	font-weight: normal;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #000080;
	border-bottom-style: solid;
	padding-left: .3em;
}
.tablaResultadosBusqueda td
{
	text-align: left;
	border-top-width: 0px;
	border-top-color: #000080;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000080;
	border-bottom-style: solid;
	border-right: 0;
	border-left: 0;
	padding-left: .3em;
	font-size: .7em;
	
}
.tablaResultadosBusqueda td a img
{
	border: 0;
}
/*Paginacion de las tablas*/
table tr td a, table tr td span
{
	font-size: 1.1em;
	font-family: Arial, sans-serif;
	color: #666666;
	text-align: left;
}
table tr td a:hover
{
	background-color: #999999;
	color: #ffffff;
	text-decoration: none;
}
/*FIN Paginacion de las tablas*/


.Uetiqueta
{
	color: Black;
	font-size: .7em;
	font-family: Arial;
	font-weight: normal;
}
.Ulabel
{
	color: Black;
	font-size: .7em;
	font-family: Arial;
	font-weight: bolder;
}
.botoncerrarsesion
{
	text-align: center;
	color: #cc0033;
	background-color: white;
	font-size: .7em;
	font-family: Arial;
	font-weight: bold;
}

a.volver
{
	font-size: 0.7em;
	text-decoration: none;
	color: #00006f;
}
a.volver:hover
{
	font-size: 0.7em;
	text-decoration: underline;
	color: #00006f;
}

.ComlunaIndexada
{
	padding: 0 0 0 20px;
}
.divAlignDerecha
{
	float: right;
	text-align: right;
	min-height: 1em;
	padding: 7px 0px 0px 0px;
}
.divAlignIzquierda
{
	float: left;
	text-align: right;
	min-height: 1em;
	margin: 7px 0px 0px 0px;
}
.divTextIzquierda
{
	float: left;
	text-align: left;
	margin: 0px 3px;
}
/*Textos tarificador*/
.etiquetah3
{
	font-size: 0.8em;
	font-weight: bolder;
	color: #000039; /*Azul oscuro*/
	height: 0.8em;
}

.etiquetah1
{
	font-size: 0.8em;
	font-weight: bolder;
}
.lblEtiqueta
{
	font-size: 0.8em;
}
.lblDato
{
	font-size: 0.8em;
	font-weight: bolder;
}
.lblDatoLinea
{
	font-size: 0.8em;
	font-weight: bolder;
	overflow: visible;
	text-align: left;
}

.lblDatoTotal
{
	font-size: 0.9em;
	font-weight: bolder;
	color: #000039;
}

.imgSinBorde
{
	border: 0;
}
.imgizquierda
{
	float: left;
}
.imgderecha
{
	float: right;
}
.mapGoogle
{
	width: 500px;
	height: 350px;
	border: 0;
	margin: 0;
	padding: 0;
}
.sumarioErrores
{
	font-family: Verdana;
	font-size: 8pt;
	color: #ff0000;
}

/* FRACCIONAMIENTO DE PAGOS */

.etiquetaDetalle
{
	font-family: Verdana;
	font-size: 8pt;
	color: Black;
	font-weight: bold;
	background-color: #ffcc66;
	padding: 2px 5px;
}

.panelDetalle
{
	padding-left: 30px;
}

.etiquetaTotal
{
	font-size: 0.8em;
	font-weight: bolder;
	color: #000039; /*Azul oscuro*/
	height: 0.8em;
}

.ContenedorPagos
{
	float: left;
	text-align: left;
	/*width: 35%;*/
	min-height: 1em;
	padding: 1.2em 0 0 0.3em; /*Para el firefox*/ 
	#padding:0.3em 0 0 0.3em;/*Para el explorer*/
}

.divPagos
{
	padding-bottom: 20px;
	clear:both;
}

.TituloPagos
{
	float: left;
	text-align: left;
	width: 100px;
	
}

.DatoPagos
{
	float: left;
	text-align: right;
	
}

.RBPagos
{
	text-align: left;
}

/* CONTROLES PERSONALIZADOS DE TARIFICACION */

.cajaTexto
{
	border-top: #aaaaaa 1px solid;
	border-right: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	background-color: white;
	font-size: .8em;
	color: navy;
}

.divDatos
{
	padding: 1.2em 0 0 0.3em; /*Para el firefox*/ #padding:0.5em 0 0 0.3em;/*Para el explorer*/
}

/* PERSONA */

/* MODAL POPUP */
.FondoAplicacion
{
    background-color: #808080;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.PopUp
{
    border:1px solid black;
    background-color:white;
    padding:15px;
}

