/* CSS Document */
html {
	scrollbar-face-color: #E8E8E8;
	scrollbar-highlight-color: #E8E8E8;
	scrollbar-shadow-color: #E8E8E8;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #F6F6F6;
	scrollbar-base-color: #F6F6F6;
	scrollbar-darkshadow-color: #E8E8E8;
	}
body {
	scrollbar-face-color: #E8E8E8;
	scrollbar-highlight-color: #E8E8E8;
	scrollbar-shadow-color: #E8E8E8;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #F6F6F6;
	scrollbar-base-color: #F6F6F6;
	scrollbar-darkshadow-color: #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 10pt;
	color: #333333;
	background-repeat: no-repeat;	
	position: relative;
}
/* Pantalla modal*/
.pantalla-modal {
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.pantalla-modal > div {
  width: 80%;
  text-align: center;
  position: absolute;
  top: 50vh;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pantalla-modal > div img {
	width: 100%;
	max-width: 240px;
	display: block;
	margin: 0 auto 20px;
}

.pantalla-modal > div strong {
  display: block;
  margin-bottom: 20px;
  color: white;
  font-size: 14.4pt;
  font-size: 1.2rem;
}

.pantalla-modal > div strong b{
  color: #1A71B9;
}

.pantalla-modal > div span a {
  padding: .75em 1em;
  color: white;
  background-color: #1A71B9;
}

/* fondos */
.noRepeat{
	background-repeat:no-repeat;
}

/* Menu Secundario Superior Derecho*/
.menuSup{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	letter-spacing:0.5px;
}
.menuSup a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	text-decoration:none;
}
.menuSup a:hover{
	text-decoration:none;
	color:#999999;
}

/*Generales*/
.fecha{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
}
a {
	color: #1A71B9;
	text-decoration: none;
}
a:hover {
	color: #0F446F;
	text-decoration: none;
}
ul, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
	list-style:square;
}
.nota{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666666;
}
.notaMayus{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #135488;
}
.error{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight:bold;
	font-style:italic;
	color: #FF9900;
}
.aste{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
}
.firma {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #000066;
	font-size: 10pt;
}
.sesion{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	font-size: 8pt;
}
.ruta{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	font-size: 8pt;
}
.titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	/*font-weight: bold;*/
	color: #0F446F;
	font-size: 14pt;
}
.subTitulos {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #0F446F;
	font-size: 11pt;
}
blockquote {
margin: 1em;
}
.mapa {
	line-height: 25px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
	text-decoration: none;
}
.submapa{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #444444;
}
.subsubmap{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #777777;
}

/*Paquetes Calsificados / Desplegados*/
.clasTit2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:bold;
	color: #FF9900;
}
.clasTit3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:bold;
	color: #6F9300;
}
.clasTit4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:bold;
	color: #2F97FF;
}
.clasTit5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:bold;
	color: #CC0000;
}
.clasTit6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:bold;
	color: #BE7EBE;
}
.clasTit7{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:bold;
	color: #CC9900;
}
/*Paquetes Esquelas*/
.esqTit1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:bold;
	color: #777777;
}
.esqTit2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:bold;
	color: #658C98;
}
/* Datos paquetes*/
.comprar{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.precio{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;	
	font-weight:bold;
	color: #000000;
}
.desc{
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:bold;
	color: #828282;
}

.descDes{
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:bold;
	color: #828282;
	font-size:11px;
}

/* Formularios */
.radio {
	border: none;

}
.textoCon{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;	
}
form {
	border: 0px none;
	margin: 0px;
}
input, select, textarea {
	background-color: #FFFFFF;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border:1px solid #CCCCCC;
}
.boton{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	background-image:url(../images/fondoBot.jpg);
}
.botonTrans{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	background-image:url(../images/fondoBotTrans.jpg);
	background-color:#DBE7E7;
}
.botonPay{
	background-color: #F9F9F9;
	border:none;
}

.tablaBorde {
	border: 1px solid #CCCCCC;
	background-color:#F9F9F9;
}
.bordeInf{
	border-bottom:1px solid #CCCCCC;
}
.bordeSup{
	border-top:1px solid #CCCCCC;
}
/* Banner */

.tablaBanner {
	border: 1px solid #E3E3E3;
}

/* Pie */
.pie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
}
.pie a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
}
.pie a:hover{
	text-decoration:none;
	color:#BBBBBB;
}

/* Calendario */
.calenTit { /* Título del calendario (Nombre de los meses */
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	background-color:#135488;
}

.calenTitDias { /* Título de días del calendario (L,M,M...) */
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	background-color:#0F446F;
}

.calenDias { /* Días del mes (1,2,3,4,5...) */
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	background-color:#E1E1E1;
}

.calenCheck { /* Check del calendario */
	background-color: #E1E1E1;
	border: none;

}