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

*{ margin:0 0 0 0px; 
padding:0; }
html { height: 100%; } 
img{
	width:100%;
	height:100%;
	border:0;
	display:block;
}
body{
	font-family:'open_sansregular';
	font-size:14px;
	color:#65655d;
	text-decoration:none;
	height: 100%;
    width: 100%;
	display: table;
}
/* HEADER */
header{
	background-color:#ff7212;
	height:90px;
}
.logos, #container, .feet{
	max-width:941px;
	margin:auto;
}
.logoportal{
	float:left;
	width:60px;
	height:60px;
	margin:15px 10px 15px 0;
}
.name{
	font-family: 'open_sanssemibold';
	font-size:30px;
	color:#FFFFFF;
	display:block;
	float:left;
	margin:30px 0;
}
.logoterra{
	float:right;
	width:145px;
	height:41px;
	margin:24px 0; 
}
.home{
	float:right;
	width:32px;
	height:28px;
	margin: 34px 0 0 10px; 
}
/* MENU */
#contmenu{
	max-width:1045px;
	margin:auto;
	position:relative;
	top: 7px;
}
#menu{
	background-color:#272526;
	min-height:55px;
}
#menu ul, #submenu ul{
	list-style:none;
	display:inline-block;	
}
#menu li{
	display:inline-block;
	min-width:491px;
	min-height:40px;
	margin-right:20px;
	text-align:center;
	line-height:40px;
		border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
		background-size: 100% 200%;
        background-image: linear-gradient(to bottom, #3b3a3a 50%, #f1f1f1 50%);
-webkit-transition: background-position 0.5s;
   -moz-transition: background-position 0.5s;
        transition: background-position 0.5s;
}
#menu li.selected{
	background-image:linear-gradient(to bottom, #f1f1f1 50%, #f1f1f1 50%);
	min-height: 50px;
    position: relative;
    top: -5px;
}
#menu li:hover{
	background-position: 0 100%;
}
#menu li a{
	font-family:'open_sanslight';
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	font-size:16px;
	display:block;
}
#menu li a.selected{
	font-family:'open_sanssemibold';
	text-transform:uppercase;
	text-decoration:none;
	color:#424240;
}
#menu li a:hover{
	font-family:'open_sanssemibold';
	text-transform:uppercase;
	text-decoration:none;
	color:#424240;
}
#submenu{
	background-color:#f1f1f1;
	height:55px;
	position:relative;
	margin-top:-7px;
	z-index:1;
	border-bottom:solid #e5e7e6 1px;
        box-shadow: 0px -3px 7px -4px #525151;
-webkit-box-shadow: 0px -3px 7px -4px #525151;
   -moz-box-shadow: 0px -3px 7px -4px #525151;
     -o-box-shadow: 0px -3px 7px -4px #525151;		
}

#submenu ul{
	margin-left:50px;
}

#submenu li{
	display:inline-block;
	height:55px;
	margin:0 20px 0 10px;
	line-height:55px;
}

#submenu li a{
	font-family:'open_sansregular';
	text-decoration:none;
	font-size:14px;
	color:#424240;
}

#submenu li a.selected{
	font-family:'open_sansregular';
	text-decoration:none;
	color:#009cc4;
}

#submenu li a:hover{
	font-family:'open_sansregular';
	text-decoration:none;
	color:#009cc4;
}
#hidden{
	background-color:#ffffff;
	min-height:15px;
	position:relative;
	margin-top:-7px;
	z-index:1;
        box-shadow: 0px -3px 7px -6px #525151;
-webkit-box-shadow: 0px -3px 7px -6px #525151;
   -moz-box-shadow: 0px -3px 7px -6px #525151;
     -o-box-shadow: 0px -3px 7px -6px #525151;		
}
/* BODY */
#container{
	padding-top:30px;
	min-height:300px;
	background-color:#ffffff;
	display:block; 
}
.ComboGris 
{
   background:url(../img/arrow.jpg) no-repeat 100% 0 #e6e4e4;
   border:1px solid #e9e9e7;
   font-size: 13px;
   height: 29px;
   overflow: hidden;
   width: 215px;
   -moz-appearance: none;
      	    border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-webkit-appearance: none;
            }
            
 .ComboGris select {
   border-style: none;
    border-color: inherit;
    border-width: medium;
    background: ;
    padding: 5px;
    color:#009cc4;
    outline:none;
    text-indent: 1px;
    text-overflow: '';
        appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}

.ComboGris select > option {
  background: #FFFFFF;
  border:solid 1px #FFFFFF;
}

.ComboGris select > option:hover {
  background:#009cc4;
  border:solid 1px #FFFFFF;
}
.ComboBlanco {
              font-size: 13px;
    line-height: 1;
    border-radius: 0;
    -webkit-appearance: none;
    color: #000;
    border-right: 1px solid #f1f1f1;
    padding-left: 10px;
    background-image: url(../img/arrow.jpg) no-repeat 100% 0 #FFFFFF;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: 0;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: 0;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: 0;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ban1, .ban2{
	max-width:456px;
	display:inline-block;
	margin:0 22px 20px 0;
	position: relative;
}
.ban2{
	margin-right:0px;
}

.box{
	    border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	background-color:#f1f1f1;
	min-height:275px;
	box-sizing: border-box;
	margin-bottom:20px;
	min-width:930px;
	padding:50px 50px;
}
.big{
	padding:25px 50px;
	height: 430px;
}

.bigPago{
	padding:25px 50px;
	height: 480px;
}

.bigPagoOk{
	padding:25px 50px;
	height: 200px;

}

.bigger{
	padding:25px 50px;
	height: 740px;
}
.bigger2{
	padding:25px 50px;
	height: 920px;
}
.bigger3{
	padding:25px 50px;
	height: 850px;
}
.bigger4{
	padding:25px 50px;
	height: 1540px;
}
.bigger5{
	padding:25px 50px;
	height: 650px;
}
.bigger6{
	padding:25px 50px;
	height: 1000px;
}
.bigger7{
	padding:25px 50px;
	height: 2400px;
}

.small{
	padding:25px 50px;
	min-height: 180px;
}
.txtbox{
	margin-top:20px;
}
#importe{
	margin-left:10px;
}
.tab1, .tab2{
	border-right:1px solid #f1f1f1;
}

#uno, #dos, #tres{
	padding:20px;
	box-sizing:border-box;
	max-width:940px;
}
.verde{
	background-color:#00aaab;
}
.banTit{
	font-family:'bebasneue_regular';
	font-size:30px;
	color:#424240;
	left: 10px;
    letter-spacing: 0.05em;
    position: absolute;
    top: 20px;
	width:200px;
}
.light{color:#FFFFFF;}
.titulo{
	font-family: 'open_sanssemibold';
	font-size:18px;
	color:#424240;
	display:block;
	margin-bottom:10px;
}
.colleft, .colright{
	float:left;
}
.txtcol4, .txtcol6{
	margin-right: 15px;
	float:left;
	width:310px;
}
.txtcol5{
	float:left;
}
.txtcol6{
	width:560px;
}
.txtcol5 ul, .txtcol6 ul{
	margin-left:15px;
	line-height: 2em;
	font-size:12px;
	list-style-image:url(../img/bullet.png);
}
.minbox, .passbox, .userbox{
	width:300px;
	background-color:#f1f1f1;
	box-sizing: border-box;
    margin: 0 20px 20px 0;
    padding: 15px;
	border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.minbox{
	height:180px;
}
.txtminbox{
	font-family: 'bebasneue_regular';
	font-size:36px;
	color:#424240;
	display:block;
	margin-bottom:10px;
	text-transform:uppercase;
	text-align: center;
}
.servicios{
	width:130px;
	height:117px;
	float:left;
	box-sizing:border-box;
	padding:0 10px;
	text-align:center;
}
.icnserv{
	width:53px;
	height:53px;
	margin:auto;
}
.txtserv{
	font-size:12px;
	text-decoration:none;
	color:#65655d;
}
.txtserv a{
	text-decoration:none;
	color:#65655d;
}
.rightbox, .rightbox2, .rightbox3, .rightbox4 {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-color: #f1f1f1;
	min-height: 270px;
	box-sizing: border-box;
	margin-bottom: 20px;
	min-width: 610px;
	padding: 20px;
}
.rightbox2{    
	min-height:350px;
}
.rightbox3{
	min-height:200px;
}
.rightbox4{
	min-height:230px;
}
.title{
	font-family:'open_sanssemibold';
	font-size:11px;
	color:#65655d;
}
.clientes{
	border-bottom:#439ac3 2px solid;
}
input{
	border:1px solid #e9e9e7;
	padding:5px;
	color:#65655d;
	outline:none;
	    border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	    box-shadow: inset 0px 15px 6px -16px #ABABAB;
-webkit-box-shadow: inset 0px 15px 6px -16px #ABABAB;
   -moz-box-shadow: inset 0px 15px 6px -16px #ABABAB;
     -o-box-shadow: inset 0px 15px 6px -16px #ABABAB;
}
.button{
	height:30px;
	width:60px;
	padding:5px;
	background-color:#009cc4;
	text-align:center;
	color:#FFFFFF;
	font-family: 'open_sansregular';
	font-size:11px;
	cursor:pointer;
	border:1px solid #009cc4;
	border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.button:hover{
	background-color:#0088ae;
}
.btn{
	text-decoration:none;
}
#proceder, #modificar, #continuar, #regresar, #imprimir, #pago{ float:right;}
#modificar, #regresar{ margin-right:10px;}
#imprimir, #pago{width:100px;}
#guia{width:80px;}
.guia{
	height: 30px;
    left: 10px;
    position: relative;
    top: -130px;
    width: 80px;
}
.captcha{
	width:250px;
	min-height:100px;
	background-color:#FFFFFF;
}
.captchatxt{
	width:220px;
}
.captchabtn{
	max-width: 70px;
    min-height: 30px;
}
.table-curved{
	border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.table-top-curved{
	padding-left: 5px;
	border-radius: 5px 5px 0px 0px;
   -moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
}
.table-bottom-curved{
	border-radius: 0px 0px 5px 5px;
   -moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
}
.table-bottom-left-curved{
	border-radius: 0px 0px 0px 5px;
   -moz-border-radius: 0px 0px 0px 5px;
-webkit-border-radius: 0px 0px 0px 5px;
}
.table-bottom-right-curved{
	border-radius: 0px 0px 5px 0px;
   -moz-border-radius: 0px 0px 5px 0px;
-webkit-border-radius: 0px 0px 5px 0px;
}
.top-table{
	text-align: center;
	font-family: 'open_sansregular';
	font-size:12px;
	text-transform:uppercase;
	color: #ffffff;
}

    .caja 
    {

    margin : 20px auto 40px auto;
    border : 1px solid #d9d9d9;
    height : 30px;
    overflow : hidden;
    width : 230px;
    position : relative;
    }
    select 
    {
         
    background : transparent;
    border : none;
    font-size : 14px;
    height : 30px;
    padding : 5px;
    width : 250px;
    }
    select:focus 
    {
       
    outline : none;
    }
    .caja::after 
    {
    background:url(../img/arrow.jpg) no-repeat 100% 0 #FFFFFF;
    content : "\025be";
    overflow : hidden;
    padding-top : 7px;
    text-align : center;
    width : 30px;
    height : 30px;
    position : absolute;
    top : 0;
    right : 0px;
    pointer-events : none;
    appearance:none;
    -moz-appearance:window;
    -webkit-appearance:none;
       	    border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
    } 

.panel {
   background:url(../img/arrow.jpg) no-repeat 100% 0 #FFFFFF;
   border:1px solid #e9e9e7;
   height: 29px;
   overflow: hidden;
   width: 215px;
   -moz-appearance: none;
      	    border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

.panel select {
   border-style: none;
    border-color: inherit;
    border-width: medium;
    background: ;
    padding: 5px;
    color:#009cc4;
    outline:none;
    text-indent: 1px;
    text-overflow: '';
        appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}

.panel select > option {
  background: #FFFFFF;
  border:solid 1px #FFFFFF;
}

.panel select > option:hover {
  background:#009cc4;
  border:solid 1px #FFFFFF;
}
.link{
	font-family:'open_sansregular';
	font-size:11px;
	color:#009cc4;
	text-decoration:none;
}
.whtitle, .grtitle{
	font-family: 'open_sanssemibold';
	font-size:16px;
}
.whtitle{
	color:#FFFFFF;
}
.ayuda{
	width:301px;
	height:300px;
	margin: 0 20px 20px 0;
    border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.txtCel{
	padding-right:10px;
}
input[type=radio].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-checkbox + label.css-label {
	padding-left:21px;
	height:17px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -17px;
}

label.css-label {
	background-image:url(../img/checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.scrollBox {
    height:500px;
    margin-bottom: 20px;
    overflow-y: scroll;
    width:860px;
}
.clear{
	clear:both;
}
/* FOOTER */
footer{
	clear:both;
	background-color:#eeeeee;
	display: table-row;
}
.foot1, .foot2, .foot3{
	max-width:	320px;
	display:inline-block;
	vertical-align:top;
	margin-top:24px;
	padding:10px;
}
.foot1, .foot2{
	border-right:solid 1px #d7d7d7;
}
.feetitle{
	font-size:12px;
	text-transform:uppercase;
}
.feet ul{
	list-style:none;
	color:#a6a699;
	font-size:12px;
}
a.foot{
	font-size:11px;
	color:#ff7212;
	text-decoration:none;
}
.iconfooter li{
	width:102px;
	height:16px;
	float:left;
	display:block;
	margin-right:10px;
	position:relative;
	border:none;
	line-height:16px;
}
.iconfooter li a{
	font-size:11px;
	color:#ff7212;
	text-decoration:none;
	line-height:16px;
}
.iconfooter li.phone, .iconfooter li.mail, .iconfooter li.chat{
	height:16px;
	width:175px;
	padding-left:23px;
	line-height:16px;
}
.iconfooter li.phone{
	background:url(../img/icon_phone.png) no-repeat;
	background-position:left;	
}
    .iconfooter li.mail {
        background: url(../img/icon_mail_footer.png) no-repeat;
        background-position: left;
    }
.iconfooter li.chat{
	background:url(../img/icon_chat.png) no-repeat;
	background-position:left;
}