@import url(https://fonts.googleapis.com/css?family=Antic);
@import url(https://fonts.googleapis.com/css?family=Rancho);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,500,600);

body {margin: 0px; font-family: 'Open Sans', Arial; font-size: 18px; color:#222;}
img {max-width: 100% !important; vertical-align:middle;}
a {text-decoration:none; color:#9d1521; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all 5s; transition:all .5s;} a:hover { color:#000; text-decoration:underline;}
h1 {font-family: 'Antic', Arial; font-size: 36px; color:#9d1521;  margin:20px 0px; line-height:50px;}
h2 {font-family: 'Antic', Arial; font-size: 32px; color:#607484; margin:20px 0px; font-weight:normal; line-height:40px;}
h3 {font-family: 'Antic', Arial; font-size: 28px; color:#591962; margin:0px; font-weight:normal; line-height:35px;}
footer {min-height:220px; padding-top:20px; border-top:#607484 5px solid; box-shadow:0px 1px 3px #DDD inset; background-color: #97aab9; background-image: url("../pics/textura.png");}
footer a{text-decoration:none; color:#222; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all 5s; transition:all .5s;} footer a:hover { color:#000; text-decoration:underline;} 
ul[class^="paloma"] li {padding:0px 4px 12px 30px; margin-left:-25px;	margin-top: 0px; line-height:25px; background: url(../pics/paloma.png) no-repeat; display:block;}
ul li {padding:0px 4px 5px 10px;	margin-left:-5px;	margin-top: 0px; line-height:25px;}
ul[class="punto"] li {padding:0px 4px 5px 10px;	margin-left:-15px;	margin-top: 0px; line-height:25px; text-align:left;}
ol li {line-height:25px;}

.menu {height:150px; color:#FFF;}
.menu_cel {display:none;}
#menu {display:none;}
.logo {max-height:70px; margin-top:5px;}
[class*=menu_btn] {display:inline-block; cursor:pointer; font-size:18px; line-height:60px; text-align:center;}
.menu_btn1 {width:160px;} 
.barra {background-color: #333; background-image: url("../pics/fondo_barra.png");}
.menu_activo {background-color:#DDD; line-height:61px !important; color:#333; padding:0px 5px;}
.efecto_menu {-moz-transition:all .7s ease; -webkit-transition:all .7s ease; -o-transition:all 7 eases; transition:all .7s ease;}
.efec1 {padding:5px; background: url(../pics/menu2.png) left;} .efec1:hover {background-position: right; color:#000; line-height:60px;}
.efec2 {padding:5px; background: url(../pics/menu1.png) right;} .efec2:hover {background-position: left; color:#000; line-height:60px;}

.curva {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.efecto {-moz-transition:all .4s ; -webkit-transition:all .4s; -o-transition:all 4s; transition:all .4s;}
.enlace {cursor:pointer;}
.fondoi1 {background:url(/pics/fondo1.jpg) center; background-size:100%; width:100%; height:100%;}
.fr {float:right;} .fl {float:left;}
.mb0 {margin-bottom:0px !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb20 {margin-bottom:20px !important;} .mb30 {margin-bottom:30px !important;} .mb50 {margin-bottom:50px !important;}
.ml5 {margin-left:5px;} .ml10 {margin-left:10px;} .ml20 {margin-left:20px;} .ml30 {margin-left:30px;} .ml40 {margin-left:40px;}
.mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr12 {margin-right:12px;} .mr20 {margin-right:20px;} .mr30 {margin-right:30px;}
.mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt20 {margin-top:20px !important;} .mt30{margin-top:30px !important;} .mt40{margin-top:40px !important;} .mt60{margin-top:60px !important;}
.oculto {display:none;}
.recuadro {padding:30px; color:#FFF; font-size:24px; background-color:#016768; -moz-opacity: 0.93; opacity:.93; filter: alpha(opacity=93);} .recuadro:hover {-moz-opacity: 0.97; opacity:.97; filter: alpha(opacity=97); background-color:#222;}
.var_cel {display:none;}
.var_pc {display:block;}
.versalitas {font-variant:small-caps;}

.boton {padding:12px 15px; background:#FFF; color:#607484; font-family: 'Open Sans', Arial; font-size: 18px; border:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:4px double #888; box-shadow:0px 0px 5px #97aab9 inset;}
.boton:hover {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow:0px 0px 60px #607484 inset; color:#333; border:4px double #CCC;}
.boton2 {padding:11px 15px; border-left:#FFF 1px solid; border-top:#FFF 1px solid; border-right:none; color:#FFF; background:#333; font-family: 'Open Sans', Arial; font-size: 17px; -webkit-border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px;}
.boton2:hover {background:#FC0; padding:11px 25px; color:#000; border-left:#333 1px solid; border-top:#333 1px solid;}
.combo {padding:8px 15px; color:#333; font-family: 'Open Sans', Arial; font-size: 18px; border:#CCC 1px solid; width:430px;}
.cuadro_texto {padding:15px; color:#333; font-family: 'Open Sans', Arial; font-size: 18px; border:#97aab9 1px solid; width:400px; }
.cuadro_texto:focus, .combo:focus {border:#333 1px solid; box-shadow:0px 0px 5px #97aab9 inset;}

.fadebox {display: none;	position: fixed;	top: 0%; left: 0%; width: 100%; height: 100%; background-color:#FFF;	z-index:10000;	-moz-opacity: 0.6; 	opacity:.60; filter: alpha(opacity=60);}
.overbox {display: none;	position: absolute; width:500px; margin-left:3%; margin-top:10px; z-index:10001; overflow: hidden; background-color:#607484; padding:3px 5px; border:#FFF 1px solid; }

.container {width:1200px;	 margin:0px auto 0px auto; text-align:justify;}
.row {margin-left: 0%; margin-right: 0%;	clear:both;	 overflow: hidden;}
.col20 {width:16%;	 float:left; padding:0 2%; min-height:1px; margin-bottom:20px;} 
.col25 {width:21%;	 float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col30 {width:26%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col33 {width:29%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col40 {width:36%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col50 {width:46%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col60 {width:56%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col66 {width:62%;	 float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col75 {width:71%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col80 {width:76%;	 float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col100 {width:96%;	 float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}

@media screen and (max-width:1230px) {
html,body{margin:0;	padding:0; font-size: 17px; line-height: 1.4em;}
h1 {font-size: 32px; line-height:40px;   margin:10px 0px;}
h2 {font-size: 28px; line-height:30px;}
h3 {font-size: 24px;}
ul[class^="paloma"] li {padding:0px 4px 12px 23px; margin-left:-55px;}
ul[class="punto"] li {padding:0px 4px 5px 6px; margin: 0px 0px 0px -25px; line-height:22px; text-align:left; font-size:14px;}

[class*=menu_btn] {display:inline-block;  margin-top:35px; cursor:pointer; font-size:13px; line-height:16px; text-align:center;}
.menu_btn1 {width:85px;} .menu_btn2 {width:118px;} .menu_btn3 {width:160px;} .menu_btn4 {width:120px;}.menu_btn5 {width:100px;}
.ancho_menu {width:940px;}
#menu {display:none;}

.alto_logotipo {max-height:30px !important;}
.btn_p1 {top:35px; left:40px;} .btn_p2 {top:70px; left:740px;} .btn_p3 {top: 220px; left: 0px;} .btn_p4 {top:270px; left:780px;}
.confianza {border-radius: 50%; width:310px; height:310px; margin-bottom:100px; margin-top:100px;}
.cl1 {top:20px; left:180px;} .cl2 {top:60px; left:60px;} .cl3 {top:60px; left:390px;} .cl4 {top:135px; left:10px;} .cl5 {top:135px; left:430px;} .cl6 {top:220px; left:0px;} .cl7 {top:220px; left:460px;} .cl8 {top:315px; left:0px;} .cl9 {top:315px; left:430px;} .cl10 {top:400px; left:80px;} .cl11 {top:400px; left:390px;} .cl12 {top:440px; left:210px;}
.cuadro_curva {background:#222; width:450px; height:250px; border:#FFF 10px solid; overflow:hidden;}
.cuadro_lineas {background:url(../pics/lineas_inicio2.png) no-repeat;}
.fila_ancho_img {max-width:290px !important;}
.fila_cliente {min-height:218px !important;}
.fila_im1 {left:170px;} .fila_im2 {left:460px;}
.icono_valor {max-height:45px !important;}
.linea_nice {height:25px; background:url(../pics/sombra2.png) no-repeat; background-position:center;}
.talc {text-align:center;}
.renglon_pie {margin-left:10px; font-size:15px !important;}

.boton2 {margin-top:8px;}
	
.pulse-button {width: 80px; height: 80px;}
.container{width: 940px; padding:0 1%; text-align:left;}
}

@media screen and (max-width:980px) {
html,body{margin:0;	padding:0; font-size: 17px; line-height: 1.4em;}
h1 {font-size: 28px; line-height:40px;   margin:10px 0px;}
h2 {font-size: 24px; line-height:30px;}
h3 {font-size: 20px;}
ul[class="punto"] li {padding:0px 4px 5px 6px; margin: 0px 0px 0px -25px; line-height:20px; text-align:left; font-size:16px;}

.icono_menu {max-height:24px !important; margin-top:28px; width:auto !important; margin-right:15px;}
.menu {display:none;}
.menu_cel {height:80px; border-bottom:#607484 3px solid; display:block; box-shadow:0px 1px 3px #CCC;}
.menu_opc {width:94%; font-size: 16px; background-color: #FFF; color:#607484; padding:10px; display:none; margin-top:1px; text-align:left !important;}
.menu_opc_cierra {width:94%; font-size: 17px; color:#FFF; padding:15px 0px 0px 0px; display:none; font-weight:bold;}
#opc1 {top:0px;} #opc2 {top:45px;} #opc3 {top:90px;} #opc4 {top:135px;} #opc5 {top:180px;} #opc6 {top:225px;} #opc7 {top:270px;}

.talc {text-align:center;}
.cuadro_texto {width:90%;}
.fila_ancho_img {max-width:100% !important;}
.fila_cliente {min-height:300px !important;}
.fila_im1 {left:0px;}
.var_cel {display:block;}
.var_pc {display:none;}

.overbox {width:90%; }

.container{width: 98%; padding:0 1%; text-align:left;}
.row{	overflow:hidden;}
.col20, .col25, .col30, .col33, .col40, .col50, .col60, .col66, .col75, .col80, .col100 {width:98%; margin-bottom:10px; margin-top:10px; padding: 0 1%;}
}