@charset "utf-8";
/* CSS Document */

.bg{
	background:url(../images/bg.png) no-repeat;
	height:800px;
	margin: 0 auto 0 auto; 
	width:1024px;
}
	
.bg-pop{
	background: url(../images/bg-pop.jpg) no-repeat;
	height:auto;
	margin: -10px auto 0 auto; 
	width:auto;}
	
.bg-pop2{
	background: url(../images/bg-pop2.jpg) center top no-repeat;
	height:auto;
	margin:10px auto 0 auto; 
	width:870px;
	border:1px solid #285C8E;
	border-top:6px solid #285C8E;
	border-bottom:20px solid #285C8E;
	border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;}		
	
.box2{
	float: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	width: 240px;
	height: 660px
}
.box3{
	float: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	width: 240px;
	height: 350px
}
.box4{
	float: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	width: 530px;
	height: 500px
}



	
.box{
	float:left;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	margin-left:35px;
	margin-top:30px;
	width:240px;
	}	
	
.boton {
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:15px;
	background:#00A99D !important;
	float:left;
	height:35px;
	margin-top:30px;
	width:240px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}	
	
.boton:hover {
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:15px;
	background:#66CBC4 !important;
	float:left;
	height:35px;
	margin-top:30px;
	width:240px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	cursor:pointer;
	}
	
.boton-cambiospass {
	cursor:pointer;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:13px;
	background:#0099CC !important;
	float:right;
	height:28px;
	margin-top:0px;
	width:130px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}
.boton-cambiospass:hover {
	cursor:pointer;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:13px;
	background:#99CCFF!important;
	float:right;
	height:28px;
	margin-top:0px;
	width:130px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}



.caja-fono{
	float:right;
	border-bottom: #FFF solid 1px;
	border-top: #FFF solid 1px;
	height:80px;
	margin-top:30px;
	margin-right:30px;
	width:220px;
	}	
	


.caja-ingres2{
	float:right;
	height:250px;
	margin-right:60px;
	margin-top:30px;
	width:320px;
	border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 2px solid #ffffff;
	background:#82A3C7;	

	}	

.caja-ingres3{
	float: right;
	height: 520px;
	margin-right: 60px;
	margin-top: 30px;
	width: 320px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px solid #ffffff;
	background: #82A3C7;
}
.caja-ingres4{
	float: right;
	height: 530px;
	margin-right: 60px;
	margin-top: 30px;
	width: 530px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px solid #ffffff;
	background: #82A3C7;
}


.caja-ingreso{
	float:right;
	height:300px;
	margin-right:60px;
	margin-top:30px;
	width:320px;
	border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 2px solid #ffffff;
	background:#66CCFF;

	}	


.caja-idioma{
	float:left;
	height:80px;
	width:220px;}	
	
	
	
.caja-datos{
	float:right;
	height:300px;
	margin-right:60px;
	margin-top:30px;
	width:320px;
	border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 2px solid #ffffff;
	background: url(../images/bg-caja.png) repeat;
}
	

.ingrese-datos{
	color:#333 !important;
	float:left;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:19px;
	margin: 35px 0 0 35px;
	}
	
.ingrese-datos2{
	color: #333 !important;
	float: left;
	font-family: 'Fjalla One', sans-serif;
	font-stretch: condensed;
	font-size: 12px;
	margin: 0px 0 0 35px;
}
	

.registro-datos{
	color:#333 !important;
	float:left;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:19px;
	margin: 35px 0 0 35px;
	}

.recuperar{
	color:#333 !important;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-size:10px;
	margin: 20px 0 0 35px;
	width:220px;}	

.recuperar a{
	color:#333;
	text-decoration:none;}

.recuperar a:hover{
	color:#fff;
	text-decoration:underline;}		
	
.solicitar{
	color:#333 !important;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-size:12px;
	margin: 20px 0 0 35px;
	width:220px;}	
	
.solicitar a{
	color:#333;
	text-decoration:none;}

.solicitar a:hover{
	color:#fff;
	text-decoration:underline;}	
.texto-fono{
	color:#FFF;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:15px;
	line-height:12pt;
	text-align:right;
	}
.texto-idioma{
	color:#FFF;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	}	
	
.footer{
	background: url(../images/bg-footer.jpg);
	height:90px;
	float:left;
	margin-top:30px;
    width:1024px;}		
	
.footer-int{
	background: url(../images/bg-footer.jpg);
	height:90px;
	margin: 10px auto 0 auto;
    width:1024px;}	


.prefooter{
	height:30px;
	float:left;
	margin-top:40px;
    width:940px;
   
        }		
	
.prefooter-int{
	height:30px;
	margin: 10px auto 0 auto;
    width:940px;}	


	
.texto-footer1{
	color:#333 !important;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-size:12px;
	margin: 25px 0 0 170px;
	width:700px;}	
	
.texto-footer2{
	color:#333 !important;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-size:11px;
	margin: 5px 0 0 170px;
	width:700px;}	
	
/********************************************** COMIENZO INTERIOR****************************************/

.bg-interior{
	background: url(../images/bg-interior.jpg) left top no-repeat;
	border-top: #255C8E solid 6px !important;
	border-bottom: #255C8E solid 20px !important;
	border: #255C8E solid 1px;
	border-radius: 0px 0px 10px 10px;
   -moz-border-radius: 0px 0px 10px 10px;
   -webkit-border-radius: 0px 0px 10px 10px;
   	min-height:600px;
	padding-left:20px;
	padding-right:20px;
	margin: 0 auto 0 auto; 
	width:1024px;
}

.caja-pop{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	float:left;
	height: auto;
	margin:15px 0 0 30px;
	width: auto;}


.caja-datos-empresa{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	float:right;
	min-height:100px;
	margin:-10px 0 30px 0;
	width:400px;}
	
.caja-disclaimer{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	float:left;
	min-height:30px;
	margin:10px 0 20px 0;
	width:950px;}
	
	.caja-disclaimer2{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	float:left;
	min-height:30px;

	width:850px;}	
	
	
.caja-boton{
	float:left;
	height:35px;
	margin:10px 20px 30px 0;
	width:170px;}	
	
.boton-int {
	cursor:pointer;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:15px;
	background:#00A99D !important;
	float:left;
	height:35px;
	margin:15px 15px 15px 0;
	
	width:170px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}

.boton-int:hover {
	cursor:pointer;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:15px;
	background:#66CBC4 !important;
	float:left;
	height:35px;
	margin:15px 15px 15px 0;
	width:170px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}
	
.boton-int2 {
	cursor:pointer;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:15px;
	background:#B3B3B3 !important;
	float:left;
	height:35px;
	margin:15px 15px 15px 0;
	
	width:170px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}

.boton-int2:hover {
	cursor:pointer;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:15px;
	background:#ccc !important;
	float:left;
	height:35px;
	margin:15px 15px 15px 0;
	
	width:170px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}	
	
.boton-editar {
	cursor:pointer;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:13px;
	background:#B3B3B3 !important;
	float:left;
	height:30px;
	margin:15px 15px 15px 0;
	width:150px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}
	
.boton-editar:hover {
	cursor:pointer;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:13px;
	background: #999 !important;
	float:left;
	height:30px;
	margin:15px 15px 15px 0;
	width:150px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}
		
	
.titulos {
	color:#255C8E;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:20px;
	float:left;
	padding:30px 30px 0 30px;
	text-transform:uppercase;
	width:auto;}
	
		
	
.subtitulos h3 {
	color:#255C8E;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:20px;
	float:left;
	margin:30px 0 10px 0;}
	
.subtitulos h4 {
	color:#255C8E;
	font-family: 'Fjalla One', sans-serif;
    font-size:15px;
	float:left;
	margin:30px 0 30px 0;}		
	
.tablas-titulo{
	border-top:#ccc solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#255C8E;
	float:left;
	font-weight:bold;
	padding:7px 0 7px 0;
	width:960px;
	}

p {
	color:#808080;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;}	
	
.tablas-datos{
	border-top:#CCC solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal !important;
	color:#808080;
	float:left;
	padding:7px 0 7px 0;
	width:960px;
	}
	
.boton-crear-ticket {
	color:#fff;
	cursor:pointer;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:12px;
	background:#00A99D !important;
	float:left;
	height:25px;
	width:105px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}
	
.boton-crear-ticket:hover {
	color:#fff;
	cursor:pointer;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:12px;
	background:#66CBC4 !important;
	float:left;
	height:25px;
	width:105px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}
	
.boton-confirmar {
	color:#fff;
	cursor:pointer;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:12px;
	background:#00A99D !important;
	float:left;
	height:25px;
	width:150px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}
	
.boton-confirmar:hover {
	color:#fff;
	cursor:pointer;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:12px;
	background:#66CBC4 !important;
	float:left;
	height:25px;
	width:150px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}	
	
.boton-ingresar-codigo {
	color:#fff;
	cursor:pointer;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:14px;
	background:#00A99D !important;
	margin: 20px  auto 0 auto;
	height:45px;
	width:150px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}
	
.boton-ingresar-codigo:hover {
	color:#fff;
	cursor:pointer;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:14px;
	background:#66CBC4 !important;
	margin: 20px auto 0 auto;
	height:45px;
	width:150px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}
	
.caja-logos{
	margin: 20px auto 20px 200px;
    background:#fff;
	height:auto;
	width:auto;
	padding:30px !important;
	
	border-radius: 6px 6px 6px 6px 1px solid #ccc;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}	
	
.ver-historial {
	color:#4D4D4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
	margin:30px 0 30px 0;}	
	
.ver-historial a {
	color:#4D4D4D;
	text-decoration:underline;
}	

.ver-historial a:hover {
	color:#00A99D;
	text-decoration:underline;
}								

.boton-cerrar-sesion {
	cursor:pointer;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:13px;
	background:#F7931E !important;
	float:right;
	height:28px;
	margin-top:-50px;
	width:130px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}
	
.boton-cerrar-sesion:hover {
	cursor:pointer;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:13px;
	background:#FABE78 !important;
	float:right;
	height:28px;
	margin-top:-50px;
	width:130px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}	
	
.boton-crear {
	cursor:pointer;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:15px;
	background:#00A99D !important;
	float:left;
	height:35px;
	margin:15px;
	width:170px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}	
	
.boton-crear:hover {
	cursor:pointer;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-stretch:condensed;
	font-size:15px;
	background:#66CBC4 !important;
	float:left;
	height:35px;
	margin:15px;
	width:170px;
	border:1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	}	
	
.cerrar{
	margin-top: 15px;
	margin-right:20px;}	
	
.cerrar:hover{
	margin-top: 15px;
	margin-right:20px;}	
	
.boton-caducar {
	color:#fff;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	
	font-size:9px;
	background:#C1272D !important;
	height:25px;
	width:30px;
	border:1px solid #ffffff;
	border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
	}
	
.boton-caducar:hover {
	color:#fff;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	
	font-size:9px;
	background:#750C10 !important;
	height:25px;
	width:30px;
	border:1px solid #ffffff;
	border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
	}			
	
	
	
.boton-imprimir {
	color:#fff;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-size:9px;
	background:#8CC63F !important;
	height:25px;
	width:45px;
	border:1px solid #ffffff;
	border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;   69952F
	}	
	
.boton-imprimir:hover {
	color:#fff;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-size:9px;
	background:#69952F !important;
	height:25px;
	width:45px;
	border:1px solid #ffffff;
	border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;   
	}	
	
.divisor{
	height:40px;}	
	
	
.tabla-sin-linea td{
	border:none !important;}