@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;} 
/*footer {min-height:200px; padding-top:20px; border-top:#607484 4px solid; box-shadow:0px -2px 3px #EEE; background-color: #97aab9; background-image: url("https://www.transparenttextures.com/patterns/noise-pattern-with-subtle-cross-lines.png");}*/
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; background:url(../pics/fondo.png) repeat-x; color:#FFF;}
.menu_cel {display:none;}
#menu {display:none;}
.logo {max-height:70px; margin-top:5px;}
[class*=menu_btn] {display:inline-block;  margin-top:10px; cursor:pointer; font-size:15px; line-height:16px; text-align:center;}
.menu_btn1 {width:115px;} .menu_btn2 {width:145px;} .menu_btn3 {width:190px;} .menu_btn4 {width:160px;} .menu_btn5 {width:160px;}
.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/botones.png) bottom left;} .efec1:hover {background-position: top left; color:#000; line-height:60px;}
.efec2 {padding:5px; background: url(../pics/botones2.png) top left;} .efec2:hover {background-position: bottom left; color:#000; line-height:60px;}

.alto_icono {max-height:90px !important;} .alto_icono2 {max-height:60px !important;} .alto_cont_icono2 {min-height:60px !important;}
.alto_logo {max-height:150px !important;} .alto_contacto {min-height:500px !important;}
.ancho_menu {width:1200px;}
.borde_tabla {border:#591962 1px solid; font-size:15px !important;}
.btn_p1 {top:25px; left:70px;} .btn_p2 {top:70px; left:995px;} .btn_p3 {top: 200px; left: 30px;} .btn_p4 {top:260px; left:960px;}
.cl1 {top:20px; left:240px;} .cl2 {top:70px; left:110px;} .cl3 {top:70px; left:480px;} .cl4 {top:140px; left:50px;} .cl5 {top:140px; left:530px;} .cl6 {top:230px; left:40px;} .cl7 {top:230px; left:560px;} .cl8 {top:330px; left:30px;} .cl9 {top:330px; left:520px;} .cl10 {top:430px; left:110px;} .cl11 {top:430px; left:480px;} .cl12 {top:480px; left:280px;}
.confianza {border-radius: 50%; width:350px; height:350px; margin-bottom:100px; margin-top:100px;}
.contacto1 {border-bottom:#ACACAC 1px solid; padding:10px; background:url(../pics/contacto_datos.png) no-repeat; background-position:right bottom;}
.contacto2 {border-bottom:#ACACAC 1px solid; padding:10px; background:url(../pics/contacto_mail.png) no-repeat; background-position:right bottom;}
.contacto3 {border-bottom:#ACACAC 1px solid; padding:10px; background:url(../pics/contacto_tel.png) no-repeat; background-position:right bottom;}
.cuadro_curva {background:#222; width:560px; height:250px; border:#FFF 10px solid; overflow:hidden;}
.cuadro_imagen {background-color:#FFF; padding:20px 0px; border:#222 8px solid;}
.cuadro_lineas {background:url(../pics/lineas_inicio.png) no-repeat; background-position:center top; height:450px; position:relative; padding-top:50px; margin-top:50px;}
.curva {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.curva2 {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.division {border-bottom:#D5C2DD 1px solid; margin-bottom:10px; margin-top:40px; padding-bottom:5px;}
.efecto {-moz-transition:all .5s ; -webkit-transition:all .5s; -o-transition:all 5s; transition:all .5s;}
.enlace {cursor:pointer;}
.fila_ancho_img {max-width:380px !important;}
.fila_cliente {min-height:285px !important;}
.fila_im1 {left:240px;} .fila_im2 {left:620px;}
.fondo0 {min-height:600px;}
.fondo1 {background-color:#333; color:#FFF; background:url(../pics/fondo1.jpg)}
.fr {float:right;} .fl {float:left;}
.icono1 {background-image: url(/pics/icono_megafono.png);} .icono2 {background-image: url(/pics/icono_pop.png);} .icono3 {background-image: url(/pics/icono_punto.png);} .icono4 {background-image: url(/pics/icono_stand.png);}
.icono_valor {max-height:60px !important;}
.linea_dash {border-bottom:#6b6b6b 2px dashed; height:4px;}
/*.linea_nice {border-bottom:#FFF 1px solid; box-shadow:0px 1px 3px #CCC; height:1px;}*/
.linea_nice {height:25px; background:url(../pics/sombra.png) no-repeat; background-position:center;}
.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;}
.opacidad {-moz-opacity: 0.4; opacity:.40; filter: alpha(opacity=40);} .opacidad:hover {-moz-opacity: 1; opacity:1; filter: alpha(opacity=100);}
.pad20 {padding:20px;} .pl10{padding-left:10px !important;} .pl20{padding-left:20px !important;} .pl30 {padding-left:30px !important;} .pt10 {padding-top:10px;} .pr20{padding-right:20px;} .pr30{padding-right:30px;} .pb15 {padding-bottom:15px;} .pt30 {padding-top:30px !important;}
.pos_abs {position:absolute;} .pos_rel {position:relative;}
.recuadro {padding:2px 20px; background-color:#F8F8F8; border:#CCC 1px solid;}
.renglon_pie {margin-left:40px;}
.tac {text-align:center !important;} .taj {text-align:justify !important;} .tar {text-align:right !important;} .tal {text-align:left !important;} .talc {text-align:left;}
.texto_azul {color:#09F !important;}
.texto_negro {color:#000 !important;}
.texto_blanco {color:#FFF !important;}
.texto_amarillo {color:#FC0 !important;}
.valor {background-color:#DDD; width:80px; height:50px; display:inline-block; border-right:#999 2px solid; border-radius:0% 50% 50% 0%}
.var_cel {display:none;}
.var_pc {display:block;}

.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;}

.pulse-button {position: relative;  width: 100px; height: 100px; border:#FFF 5px solid; box-shadow: 0 0 0 0 #09F; border-radius: 50%; background-color: #222; cursor: pointer; background-position:center;
  -webkit-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);}
.pulse-button:hover { -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none; background-color:#97aab9;}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}} @-moz-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}  @keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}
.crece:hover {-webkit-animation-name:crece; animation-duration: 500ms; animation-iteration-count:1; animation-timing-function:ease-in-out;}
@-webkit-keyframes crece {0% { -webkit-transform: scale(1); }	50% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); }}
@-moz-keyframes crece {0% { -moz-transform: scale(1); }	 50% { -moz-transform: scale(1.2); }  100% { -moz-transform: scale(1); }}
@-o-keyframes crece {0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.2); } 100% { -o-transform: scale(1); }}
@keyframes crece {0% { transform: scale(1); }	 50% { transform: scale(1.2); } 100% { transform: scale(1); }}

.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%;}
}