/* CSS BASICO PARA DIPLAY TABS */
/********************************************
   TEXTO CONCIENCIA
********************************************/
.reprobado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
}
.aprobado_reservas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996600;
	font-weight: bold;
}
.aprobado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006600;
	font-weight: bold;
}

/********************************************
   BARRAS REPORTES
********************************************/
img.barra_verde {
 background: white url(img/barra_verde.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}
img.barra_amarillo {
 background: white url(img/barra_amarillo.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}
img.barra_rojo {
 background: white url(img/barra_rojo.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}
img.barra_azul {
 background: white url(img/barra_azul.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}


/********************************************
   CUENTAS PREMIUM
********************************************/
.CTA_PREMIUM {
	border:1px solid #999999; 
	padding:5px;
	margin:5px;
	height:150px
}
.CONF_PREMIUM {
	border:1px solid #999999; 
	padding:5px;
	margin:5px;
}
.CTA_TITULO {
	color: #003366;
	font-size: large;
	}
.Estilo10 {font-size: xx-small}
.Estilo15 {font-size: 16px}
.Estilo16 {font-size: 14px; font-style:italic; text-align:center;}
.Estilo17 {
	color: #999999;
	font-size: large;
	}
.Estilo18 {
	color: #000000; font-size: xx-large; padding-left:20px; padding-top:10px;
	}

.pagina {
	padding:5px;
	border:1px #003366 solid;
	text-decoration:none;
}

.pagina:hover{
	border:1px #FF6600 solid;
}

/********************************************
   DATOS DE USUARIO TABS CARD
********************************************/
.clear {
	CLEAR: both
}
.titulo {
	MARGIN: 0px; COLOR: #8e0f12; FONT: 11px Tahoma, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; font-weight:bold
}
.datos {
	TEXT-ALIGN: justify; MARGIN: 0px 0px 15px; FONT: 11px Tahoma, Arial, Helvetica, sans-serif; BACKGROUND: #fdfdfd; COLOR: #666666
}
.img_izquierda {
	WIDTH: 90px; FLOAT: left; HEIGHT: 90px; MARGIN-RIGHT: 15px; overflow:hidden
}
.img_derecha {
	FLOAT: right; MARGIN-LEFT: 15px
}
.linea {
	BORDER-BOTTOM: 1px dotted; WIDTH: 750px; MARGIN-LEFT: 0px; CLEAR: both
}
.linea_g {
	BORDER-BOTTOM: 1px solid; MARGIN-BOTTOM: 5px; PADDING-TOP: 5px
}
.linea_c {
	BORDER-BOTTOM: 1px dotted; MARGIN-LEFT: 0px; CLEAR: both
}
.borde_sup {
	WIDTH: 428px; BACKGROUND: url(borde_sup.jpg) no-repeat; HEIGHT: 12px
}
.empresa_producto {
	BORDER-LEFT: #bdbcbd 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; WIDTH: 406px; PADDING-RIGHT: 10px; BACKGROUND: url(fondo_empresa_producto.jpg) #efefef repeat-x; BORDER-RIGHT: #bdbcbd 1px solid; PADDING-TOP: 0px
}
.borde_inf {
	WIDTH: 428px; BACKGROUND: url(borde_inf.jpg) no-repeat; HEIGHT: 13px
}
.contenido_empresa {
	WIDTH: 400px; FLOAT: left
}
.contenido_empresa H2 {
	FONT-FAMILY: "Myriad Pro", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; FONT-SIZE: 17px
}
.info_empresa {
	WIDTH: 270px;
	FLOAT: right;
	z-index: 90;
	display: compact;
}
.info_empresa2 {
	WIDTH: 400px; FLOAT: left
}

/********************************************
   PESTAŅAS FORMA DE PAGO
********************************************/

.menu_tabs {
	PADDING-RIGHT: 0px; 
	MARGIN-TOP: 1px; 
	PADDING-LEFT: 0px; 
	MARGIN-BOTTOM: 0px; 
	PADDING-BOTTOM: 4px; 
	FONT: bold 11px Arial, Verdana, Geneva, sans-serif; 
	MARGIN-LEFT: 0px; 
	COLOR: #3399ff; 
	PADDING-TOP: 4px; 
	LIST-STYLE-TYPE: 
	none; TEXT-ALIGN: left;
}

.menu_tabs LI {
	DISPLAY: inline; 
	MARGIN: 0px
}

.menu_tabs LI A {
	BORDER-RIGHT: #a5b4bb 1px solid; 
	PADDING-RIGHT: 7px; 
	BORDER-TOP: #a5b4bb 1px solid; 
	PADDING-LEFT: 7px; 
	PADDING-BOTTOM: 4px; 
	BORDER-LEFT: #a5b4bb 1px solid; 
	COLOR: #3300ff; 
	MARGIN-RIGHT: 3px; 
	PADDING-TOP: 4px; 
	TEXT-DECORATION: none;
}

.menu_tabs LI A:visited {
	COLOR: #3399ff; 
	BACKGROUND-COLOR: #ffffff
}

.menu_tabs LI A:hover {
	BACKGROUND-COLOR: #f4faff; 
	TEXT-DECORATION: none;
}

.menu_tabs LI.selected {
	BORDER-BOTTOM-COLOR: #ffffff; 
	COLOR: #ff6600; 
	POSITION: relative; 
	TOP: 1px;
}

.menu_tabs LI.selected A {
	BORDER-BOTTOM-COLOR: #ffffff; 
	COLOR: #ff6600; 
	BACKGROUND-COLOR: #F0F0F0;
}

.menu_tabs LI.selected A:hover {
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #ff6600; 
	TEXT-DECORATION: none;
}

.contenido {
	BORDER-RIGHT: #a5b4bb 1px solid; 
	PADDING-RIGHT: 10px; 
	BORDER-TOP: #a5b4bb 1px solid; 
	PADDING-LEFT: 10px; 
	MARGIN-BOTTOM: 1em; 
	PADDING-BOTTOM: 10px; 
	BORDER-LEFT: #a5b4bb 1px solid; 
	WIDTH: 550px; 
	PADDING-TOP: 10px; 
	BORDER-BOTTOM: #a5b4bb 1px solid;
}

/********************************************
   COMENTARIOS Y MENSAJES
********************************************/

#Advertencia {
	background:#FEF5D8 url(img/alerta.gif) left no-repeat;
	padding:10px 5px 10px 55px;
	color:#666600;
	border-bottom:3px solid #DFC77D;
}

#Confirmacion {
	background:#F5F5F5 url(img/icono_confirmacion.gif) left no-repeat;
	background-position:20px;
	padding:20px 20px 20px 65px;
	color: #000000;
	border:1px solid #62B645;
}

#Urgente {
	background:#F5F5F5 url(img/icono_urgente.png) left no-repeat;
	background-position:20px;
	padding:20px 20px 20px 80px;
	color: #000000;
	border:2px solid #CC0000;
}

#Comentario{
		background:url(img/quote.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:70px;
		margin-left:50px;
}
#Comentario p{
		margin:30px;
		font-family: "Times New Roman", Times, serif;
		font-size: large;
		color:#000066;
}

/********************************************
   MODAL
********************************************/
#overlay {
	     visibility: hidden;
	     position: absolute;
	     left: 0px;
	     top: 0px;
	     width:100%;
	     height:100%;
	     text-align:center;
		 vertical-align:middle;
	     z-index: 1000;
		background:url("background-trans.png");
	}

	#overlay div {
	     width:300px;
	     margin: 100px auto;
	     background-color: #fff;
	     border:1px solid #000;
	     padding:15px;
	     text-align:center;
	}

/********************************************
   MENU SITIOS INTERNET, REPORTES
********************************************/
#botlink {
	LEFT: 0px; WIDTH: 100%; POSITION: relative;
}
#botlink UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#botlink UL LI {
	FONT-SIZE: 9px; FLOAT: left; MARGIN-LEFT: 10px; COLOR: #888; LINE-HEIGHT: 25px
}
#botlink UL LI A {
	FONT-SIZE: 9px; COLOR: #444; LINE-HEIGHT: 25px; TEXT-DECORATION: none
}
#botlink UL LI A:hover {
	COLOR: #08c; TEXT-DECORATION: underline
}

/********************************************
   Celda. detalle de idiomas y software
********************************************/
.celda{
	padding:5px; 
	border:solid 1px #999999; 
	border-style:dashed; 
	width:90%; 
	margin:5px;
}

.texto_negritas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.texto_chico {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}