@charset "utf-8";
/* CSS Document */
html, body{	margin: 0; padding:0; font-family: "omnes-pro",sans-serif; letter-spacing: 1px;	height: 100%; color:#6d6661;}

/*Generales*/
.blue{color:#00A7E0;}
.orange{color:#F18A00;}
.brown{color:#8C827A;}
.white{color: #ffffff;}
.black{color:#000000;}
.gray{color:#6E6E6E;}

.bg-blue{background-color: #00A7E0;}
.bg-orange{background-color: #F18A00;}
.bg-brown{background-color: #8C827A;}
.bg-blue1{background-color: #cbe3f8;}
.bg-white{background-color: #ffffff;}

.container{max-width:1124px; margin:0 auto;}

.txt15{ padding:0 15px;}
.txt{ padding:0 22px;}
.txt60{ padding:0 60px;}
.center{ text-align: center !important;}
.clear{ clear: both;}

.fregular{font-weight: 400 !important;}
.fmedium{font-weight: 500 !important;}
.fsemibold{font-weight: 600 !important;}
.fbold{font-weight: 700 !important;}
.febold{font-weight: 800 !important;}
.fblack{font-weight: 900 !important;}

.f10{font-size: 10px !important;}
.f12{font-size: 12px !important;}
.f14{font-size: 14px !important;}
.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
.f20{font-size: 20px !important;}
.f22{font-size: 22px !important;}
.f24{font-size: 24px !important;}
.f28{font-size: 28px !important;}
.fsmallCaps{font-variant-caps: small-caps;}

.p10{width: 10%; float:left;}
.p15{width: 15%; float:left;}
.p25{width: 25%; float:left;}
.p30{width: 30%; float:left;}
.p33{width: 33.33%; float:left;}
.p35{width: 35%; float:left;}
.p40{width: 40%; float:left;}
.p45{width: 45%; float:left;}
.p50{width: 50%; float:left;}
.p55{width: 55%; float:left;}
.p60{width: 60%; float:left;}
.p65{width: 65%; float:left;}
.p66{width: 66.67%; float:left;}
.p67{width: 67%; float:left;}
.p70{width: 70%; float:left;}
.p75{width: 75%; float:left;}


.grid{background: url(../images/grid.png) repeat; width: 100%; height: 100%; position: absolute; z-index: 0;}
.circle{text-align: center; border-radius: 50%; -moz-border-radius:  50%; -webkit-border-radius:  50%;}
.separador-paquetes-blue{border-bottom: 3px dotted #00A7E0;  opacity: 0.5;}
.separador-paquetes-orange{border-bottom: 3px dotted #F18A00; opacity: 0.5;}
.separador-paquetes-brown{border-bottom: 3px dotted #8C827A;  opacity: 0.5;}

.box-shadow{-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.38);
box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.38);}
.box-shadow-in{-webkit-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.2);
box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.2);}


#inicio{overflow: hidden; display: block; z-index: 996; margin-top: 85px;}
#inicio .logo{width: 40%; margin: 0 auto; padding-top: 50px;}
#inicio .borde-boton{;}

#inicio .circle{ opacity: 0.7;}
#inicio .inicio-mas-orange{text-decoration: none; background-color: #F18A00; -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); -webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;}
#inicio .inicio-mas-orange:hover{background-color: #DD7E00;}
#inicio .inicio-mas-brown{ text-decoration: none; background-color: #8C827A; -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); -webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;}
#inicio .inicio-mas-brown:hover{background-color: #776D66;}
#inicio .inicio-mas-black{ text-decoration: none; background-color: #000000; -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); -webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;}
#inicio .inicio-mas-black:hover{background-color: #272727;}
#inicio .inicio-mas-white{ text-decoration: none; background-color: #fff; -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); -webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;}
#inicio .inicio-mas-white:hover{background-color: #D8D8D8;}
#inicio .seo-text {
  position: absolute;
  left: -9999px; /* Se mueve fuera de la pantalla */
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#privacidad{width: 100%; padding: 130px 0 60px; background: url(../images/slide-inicio.jpg) center no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden;}
#privacidad .container{max-width: 900px;}
#privacidad p{font-size: 16px; color: #525252; line-height: 1.2; font-weight: 400;}
#privacidad h3{text-align: center; line-height: 1.1; color:#525252; font-weight: 400; font-size: 32px; text-transform: uppercase; letter-spacing: 0;}
#privacidad h3 span{font-size:20px; font-weight: 400;}
#privacidad h2 {
    background-color: #ffffff;
    text-align: center;
    padding-top: 25px;
    border: 5px solid #DCDCDC;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 100px;
    height: 75px;
    margin: 0 auto;
}

#condiciones{width: 100%; padding: 130px 0 60px; background: url(../images/slide-inicio.jpg) center no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden;}
#condiciones .container{max-width: 900px;}
#condiciones p{font-size: 16px; color: #525252; line-height: 1.2; font-weight: 400; text-align: justify;}
#condiciones h3{text-align: center; line-height: 1.1; color:#525252; font-weight: 400; font-size: 32px; text-transform: uppercase; letter-spacing: 0;}
#condiciones h3 span{font-size:20px; font-weight: 400;}
#condiciones h2 {
    background-color: #ffffff;
    text-align: center;
    padding-top: 25px;
    border: 5px solid #DCDCDC;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 100px;
    height: 75px;
    margin: 0 auto;
}




#cotizacion{width: 100%; padding: 0 0 60px; background: url("../images/bg-cotizacion.jpg") center no-repeat; background-size: cover; background-attachment: scroll; overflow: hidden;}
#cotizacion h1{margin-top:130px; text-align: center; line-height: 1.1; color:#525252; font-weight: 600; font-size: 32px; text-transform: uppercase; letter-spacing: 0;}
#cotizacion p.intro{font-size:18px; font-weight: 400; display: block; text-transform: none; max-width: 800px; margin: 10px auto 30px; text-align: center;}
#cotizacion .container-form h2 {
    background-color: #ffffff;
    text-align: center;
    padding-top: 25px;
    border: 5px solid #DCDCDC;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 100px;
    height: 75px;
    margin: 0 auto;
}
#cotizacion .container-form form{margin-top: 20px; text-align: center;}
#cotizacion .container-form form input[type="text"], #cotizacion form input[type="email"]{padding:8px 6px; width: 300px; font-family: "omnes-pro",sans-serif; margin: 3px 0; border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 1px solid #686868;}
#cotizacion .container-form form input[type="text"]:focus, #cotizacion form input[type="email"]:focus{-webkit-box-shadow: 0px 0px 4px 0px rgba(0,167,225,0.68);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,167,225,0.68);
box-shadow: 0px 0px 4px 0px rgba(0,167,225,0.68); border: 1px solid #128CC7;}
#cotizacion .container-form form textarea{padding:8px 6px; margin-top: 3px; width: 300px; font-family: "omnes-pro",sans-serif; border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 1px solid #686868;}
#cotizacion .container-form form textarea:focus{-webkit-box-shadow: 0px 0px 4px 0px rgba(0,167,225,0.68);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,167,225,0.68);
box-shadow: 0px 0px 4px 0px rgba(0,167,225,0.68); border: 1px solid #128CC7;}
#cotizacion .container-form form p{margin: 10px 0;}

#cotizacion .container-form form input[type="submit"]{-webkit-appearance: none; padding:15px 10px !important;  font-family: "omnes-pro",sans-serif; font-size: 18px; font-weight: 600; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; margin: 15px 0; color:#ffffff; background-color: #f18a00; border:1px; cursor: pointer;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#cotizacion .container-form form input[type="submit"]:hover{background-color: #FFAB3B; -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.7) 30%, #000 50%, rgba(0,0,0,.7) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;}
#cotizacion .container-form form .loading{
	height: 60px;
	display: none;
	background: url('../images/loader.gif') no-repeat center bottom;
	background-size: 50px;
	padding: 7px;
	color: #353526; 
	font-weight: bold;
	width: 100%;; 
	float: right;
}

#cotizacion .container-form form .fail{
	width: 38%;
	color: #ff4c4d;
	border: 1px solid #ff4c4d;
	border-radius: 4px;
	padding: 4px 10px;
	font-size: 12px;
	margin-bottom: 15px;
	margin: 0 auto 20px; 
}

#cotizacion .container-form #fc h3{
	margin: 100px 50px;
	color: #8c827a;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}
#cotizacion .container-form #fc h3 span{
	color: #8c827a;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	
}
#cotizacion .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* evita que ocupe espacio */
  border: 0;
}

#nosotros{
	background-attachment: fixed; background-image: url(../images/bg-nosotros.jpg); background-size: cover; background-position: top center;
	padding-top: 130px;
	padding-bottom: 50px;
	z-index:-1;
}
#nosotros .logo{align-content: center; text-align: center;}
#nosotros .logo .logo-konnecta{width: 22%;}
#nosotros .logo .slogan-konnecta{width: 22%; margin-top: 20px;}

#nosotros .mision{width: 60%; margin: 0 auto; margin-top: 40px; text-align: right;}
#nosotros .mision h3{z-index: 90; width: 200px; height: 200px !important; margin: 50px 0 -100px 100px; position: relative; vertical-align: middle; display: block; text-align: center; line-height: 200px; color: #ffffff; font-size: 34px; font-weight: 600; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }
#nosotros .mision h4{z-index: 89;width:294px; height: 400px; line-height: 34; margin: 0 0 0 200px; padding: 5px 52px; vertical-align: middle; text-align: center; position: relative; font-variant: small-caps; color: #ffffff; font-size: 18px; font-weight: 500; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);}
#nosotros .mision h4 span{line-height: 1.3; display: inline-block;}
#nosotros .vision{width: 60%; margin: 0 auto; margin-top: 40px; text-align: right;}
#nosotros .vision h3{z-index: 90; width: 200px; height: 200px !important; margin: -100px 0 -140px 320px; position: relative; vertical-align: middle; display: block; text-align: center; line-height: 200px; color: #ffffff; font-size: 34px; font-weight: 600; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }
#nosotros .vision h4{z-index: 89;width:294px; height: 400px; line-height: 34; margin: 0 0 0 0; padding: 5px 52px; vertical-align: middle; text-align: center; position: relative; font-variant: small-caps; color: #ffffff; font-size: 18px; font-weight: 500; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);}
#nosotros .vision h4 span{line-height: 1.3; display: inline-block;}
#nosotros .valores{width: 60%; margin: 0 auto; margin-top: 40px; text-align: center;}
#nosotros .valores h3.titulo{z-index: 90; width: 200px; height: 200px !important; clear: both; margin: -70px 0 0 160px; position: relative; vertical-align: middle; display: block; text-align: center; line-height: 200px; color: #ffffff; font-size: 34px; font-weight: 600; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }
#nosotros .valores h3.servicio{z-index: 90; width: 170px; height: 170px !important; margin: 20px 40px 0 0px; position: relative; vertical-align: middle; display: inline-block; text-align: center; line-height: 190px; color: #ffffff; font-variant: small-caps; font-size: 20px; font-weight: 500; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }
#nosotros .valores h3.servicio span{line-height: 1 !important; display: inline-block;}
#nosotros .valores h3.experiencia{z-index: 90; width: 170px; height: 170px !important; margin: -50px 0 0 60px; position: relative; vertical-align: middle; display: inline-block; text-align: center; line-height: 170px; color: #ffffff; font-variant: small-caps; font-size: 20px; font-weight: 500; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }
#nosotros .valores h3.responsabilidad{z-index: 90; width: 170px; height: 170px !important; margin: -50px 0px 0 50px; position: relative; vertical-align: middle; display:inline-block; text-align: center; line-height: 170px; color: #ffffff; font-variant: small-caps; font-size: 20px; opacity:1; font-weight: 500; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }
#nosotros .valores h3.honestidad{z-index: 90; width: 170px; height: 170px !important; margin: -240px 0 0 0px; position: relative; vertical-align: middle; display:inline-block; text-align: center; line-height: 170px; color: #ffffff; font-variant: small-caps; font-size: 20px; opacity:0.8; font-weight: 500; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }
#nosotros .valores h3.compromiso{z-index: 90; width: 170px; height: 170px !important; margin: 40px 40px 0 0px; position: relative; vertical-align: middle; display:inline-block; text-align: center; line-height: 170px; color: #ffffff; font-variant: small-caps; font-size: 20px; opacity:0.8; font-weight: 500; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }
#nosotros .valores h3.empatia{z-index: 90; width: 170px; height: 170px !important; margin: -20px 0 0 0px; position: relative; vertical-align: middle; display:inline-block; text-align: center; line-height: 170px; color: #ffffff; font-variant: small-caps; font-size: 20px; opacity:0.8; font-weight: 500; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }

#contacto{width: 100%; line-height: 0; height: auto; padding:30px 0 0 0; overflow: hidden; position: relative;}
#contacto .titulo{padding-top:100px; text-align: center; background: #FDFDFD; position:relative; width: 100%; padding-bottom: 20px;}
#contacto .titulo h1{text-align: center; margin-top: 22px; display: inline-block; vertical-align: top; line-height: 1.1; color:#525252; font-weight: 400; font-size: 32px; text-transform: uppercase; letter-spacing: 0;}
#contacto .titulo h1 span{font-size:20px; font-weight: 400;}
#contacto .titulo h2 {
	display: block;
    background-color: #ffffff;
    text-align: center;
    padding-top: 20px;
    border: 5px solid #DCDCDC;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 75px;
    height: 55px;
    margin: 0 auto;
}
#contacto .intro-contacto{
	max-width: 800px;
	margin: 0px auto 40px;
}
#contacto .intro-contacto p{
	line-height: 1.4;
	text-align: center;
	font-size: 18px;
	margin-top: 0;
}
#contacto .mapa{width: 100%; height: 600px; position: relative; opacity: 0.8; z-index: 60;}
#contacto .info{position: relative; text-align: center; width: 100%; padding: 90px 0; background-color: #e87300;  border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);  z-index: 61;}

#contacto .info a{color:#ffffff; font-size: 16px; -webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out; text-decoration: none;}
#contacto .info a:hover{color:#8C827A;}
#contacto .info p{color:#ffffff; font-size: 14px; line-height: 1.2;}
#contacto .info .tel{color:#ffffff; font-size: 30px; font-weight: 700;}