/** reset */
*{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; list-style: none; box-sizing: border-box;}
/** max-width */
.mxw{
	width: 100%;
	max-width: 1024px;
	margin: auto;
}
/* flex */
.flx{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flx-c{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

/* clears */
.clear{ clear: both; }
.clr:before{
	display: block;
	content: "";
	clear: both;
	height: 0.1px;
}
/**/
.trns,
#menu li a{
	transition-duration: .2s;-o-transition-duration: .2s;-moz-transition-duration: .2s;-webkit-transition-duration: .2s;
}
.cp{
	cursor: pointer;
}
:focus{
	outline: 0;
}
/* columnas */
.c1{
	width: 100%;	
}
.c2{
	width: 50%;
}
.c3{
	width: 33.333%;
}
.c3a{
	width: 66.667%;
}
.c4{
	width: 25%;
}
.c4a{
	width: 75%;
}
.c5{
	width: 20%;
}
.c5a{
	width: 80%;
}
.c6{
	width: 16.666%;
}
.c6a{
	width: 83.33%;
}
.c6b{
	width: 66.668%;
}
/* blqs */
.blq-1{
	width: 100%;
}
.blq-2{
	width: 49.5117%;
}
.blq-3{
	width: 32.6822%
}
.blq-3a{
	width: 66.3409%;
}
.blq-4{
	width: 24.2675%
}
.blq-4a{
	width: 74.7555%;
}
.blq-5{
	width: 19.2187%
}
.blq-5a{
	width: 79.8043%;
}
.blq-6{
	width: 15.8528%
}
.blq-6a{
	width: 83.17%;
}
/* margenes */
.m{
	margin: 20px;
}
.mt{
	margin-top: 20px;
}
.mr{
	margin-right: 20px;
}
.mb{
	margin-bottom: 20px;
}
.ml{
	margin-left: 20px;
}
.mm{
	margin: 10px;
}
.mt-m{
	margin-top: 10px;
}
.mr-m{
	margin-right: 10px;
}
.mb-m{
	margin-bottom: 10px;
}
.ml-m{
	margin-left: 10px;
}
/* padding */
.pd{
	padding: 20px;
}
.pt{
	padding-top: 20px;
}
.pr{
	padding-right: 20px;
}
.pb{
	padding-bottom: 20px;
}
.pl{
	padding-left: 20px;
}
.pd-m{
	padding: 10px;
}
.pt-m{
	padding-top: 10px;
}
.pr-m{
	padding-right: 10px;
}
.pl-m{
	padding-left: 10px;
}
.pb-m{
	padding-bottom: 10px;
}
.pd-mm{
	padding: 5px;
}
.pt-mm{
	padding-top: 5px;
}
.pr-mm{
	padding-right: 5px;
}
.pl-mm{
	padding-left: 5px;
}
.pb-mm{
	padding-bottom: 5px;
}
/* text align */
.tal{
	text-align: left;
}
.tar{
	text-align: right;
}
.ttu{
	text-transform: uppercase;
}
/* 
colores : {
	azul_oscuro : #324049,
	verde : #00ae50
} 

*/
.img{
	width: 100%;
	vertical-align: top;
}
/* fondos */
.bg-b{
	background: #fff;
}
/* enlaces */
.sl{
	text-decoration: none;
}
.sl i{
	margin-right: 4px;
}
.sl-a{
	color: #066384;
}
.sl-r{
	color: #f44336;
}

.btn{
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	padding: 10px;
}


.btn i{
	margin-right: 4px;
	color: #fff;
}
.bg-g{
	background: #e0e0e0;
}
.bg-a, .btn-a{
	background: #066384;
}
.bg-n, .btn-n{
	background: #333;
}
.bg-b{
	background: #fff;
}
.bg-v, .btn-v{
	background: #13b55f;
}
.bg-r, .btn-r{
	background: #f44336;
}

/*********************************/
body{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	line-height: 1.4;
	background: #f0f0f0;
}

h1,h2,h3,h4{
	font-family: 'Roboto Slab';
	font-weight: 700;
}
h1{
	font-size: 22px;
}
h2{
	font-size: 18px;
}
h3{
	font-size: 16px;
}
h4{
	font-size: 14px;
}

#topbar{
	font-size: 13px;
	background: #333333;
	padding: 10px 0;
}
#topbar a{
	color: #cdcdcd;
	text-decoration: none;
}
#topbar a:hover{
	color: #fff;
}
#topbar a i{
	margin-right: 4px;
	color: #066384;
}
#menu{
	display: block;
	position: absolute;
	top: 38px;
	left: 0;
	right: 0;
	z-index: 99999;
	background: #fff;
	border-bottom: 1px solid #dedede;
	box-shadow: 0 -1px 8px rgba(10,10,10,.2);
}

#logo, #logo a{
	display: block;
	width: 171px;
	height: 60px;
	text-indent: -9999px;
}
#logo a{
	background: url('img/logo_171x60.jpg') no-repeat;
}
#menu ul{
	display: inline-block;
	float: right;
}
#menu ul li{
	float: left;
}
#menu li a{
	display: block;
	padding: 21px 20px;
	text-decoration: none;
	color: #066384;
	text-transform: uppercase;
	font-size: 13px;
	border-left: 1px solid #f0f0f0;
}
#menu li:last-child a{
	border-right: 1px solid #f0f0f0;
}
#menu li a:hover{
	background: #f5f5f5;
}
#clp{
	display: none;
	width: 32px;
	height: 32px;
	font-size: 32px;
	color: #066384;
	margin-top: 8px;
	margin-right: 10px;
}

#menu_clp{
	display: none;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: #fff;
	z-index: 99999;
	overflow: hidden;
	overflow-y: auto;
}
#menu_clp_h{
	border-bottom: 1px solid #dedede;
}

#menu_clp li a{
	display: block;
	color: #066384;
	padding: 20px;
	font-size: 18px;
	text-decoration: none;
	border-bottom: 1px solid #dedede;
}
#menu_clp li a:hover{
	background: #f5f5f5;
}
header{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slider_caption{
	color: #fff;
}
.slider_caption h2{
	width: 50%;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	margin: auto;
	margin-top: 150px;
	margin-bottom: 20px;
}
.slider_caption p{
	width: 90%;
	font-size: 18px;
	line-height: 1.5;
	padding: 20px;
	margin: auto;
}


#cabecera{
	display: block;
	width: 100%;
	height: auto;
	background: url('img/cabecera.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 60px;
}

.frm_cabecera{
	font-family: 'FontAwesome','Roboto',sans-serif;
}
.frm_cabecera input[type="text"]{
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 8px;
	border: 1px solid #ababab;
}
.frm_cabecera textarea{
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #ababab;
}
.frm_cabecera input[type="submit"]{
	background: #066384;
	padding: 10px 14px;
	font-size: 20px;
	color: #fff;
	border-radius: 4px;
}
.frm_cabecera h3{
	font-size: 24px;
	text-transform: uppercase;
	color: #fff;
}

.frm_cabecera input[type="text"]:focus, .frm_cabecera textarea:focus{
	border: 1px solid #066384;
}

.frm_load{
	display: none;
	padding: 80px 0;
	background: url('img/load_frm.gif') center center no-repeat;
}
.frm_msj{
	display: none;
	color: #066384;
}
.frm_msj i{
	font-size: 32px;
	margin-bottom: 8px;
}
.frm_msj p{
	font-weight: 700;
}

.input_error{
	background: #ffc9cf !important;
}

[data-div]{
	display: none;
}

.item_solapa, .item_solapa_sel{
	font-family: 'Roboto Slab';
	font-weight: 700;
	padding: 10px;
	background: rgba(6,99,132,.8);
	border-radius: 5px 5px 0 0;
	color: #fff;
	text-transform: uppercase;
}
.item_solapa_sel{
	background: rgba(200,200,200,.8);
	color: #066384;
}
.content_solapa{
	padding: 20px 20px 20px 20px;
	border-radius: 0 0 5px 5px;
	background: rgba(200,200,200,.8);
}

.cabecera_slider{
	padding-top: 110px;
	padding-left: 40px;
}
.cabecera_slider h2{
	color: #fff;
	font-size: 28px;
	padding-bottom: 10px;
}
.cabecera_slider p{
	color: #fff;
}

.slider_info{
	color: #fff;
	float: right;
	width: 100%;
	max-width: 80%;
	text-align: right;
	margin-top: 200px;
	text-shadow: 0 0 5px #78A1D5;
}
.slider_info h1{
	font-size: 42px;
	margin-bottom: 30px;
}
.slider_info p{
	font-size: 18px;
}

.div_mp img{
	border-radius: 0 0 5px 5px;
	box-shadow: 0 1px 10px rgba(100,100,100,.5);
}

/**/
#wsp_fixed{
	display: none;
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 9999;
}
#wsp_fixed a{
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	color: #fff;
	text-decoration: none;
	font-size: 28px;
	padding-top: 4px;
	background: #25d366;
	box-shadow: 0 0 8px rgba(10,10,10,.4);
}
#wsp_fixed p{
	display: block;
	position: fixed;
	padding: 10px;
	font-size: 14px;
	color: #303030;
	border-radius: 5px;
	background: #fff;
	bottom: 26px;
	right: 78px;
	box-shadow: 0 0 8px rgba(10,10,10,.4);
}

/**/
.sec{
	padding-top: 60px;
	padding-bottom: 60px;
}
.t, .tb{
	display: inline-block;
	position: relative;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin: auto;
	margin-bottom: 20px;
	color: #333;
	overflow: hidden;
}
.tb{
	color: #efefef;
}
.t:before, .tb:before{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 4px;
	background: #066384;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}

#nosotros p{
	margin-bottom: 10px;
	color: #606060;
}
#nosotros p span{
	display: inline-block;
	padding: 20px;
	width: 60px;
	height: 60px;
	border: 1px solid #cdcdcd;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #066384;
}
#nosotros img{
	border-radius: 3px;
}
#sep_a{
	background: url('img/sep_a.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.sep_def h2{
	font-size: 24px;
	color: #fff;
	margin-bottom: 20px;
}
.sep_def b{
	display: inline-block;
	font-weight: 700;

	margin: auto;
	margin-bottom: 20px;
	color: #dedede;
}
.sep_def p, .sep_def li{
	color: #cdcdcd;
}
.sep_def li i{
	margin-right: 4px;

	font-weight: normal;
}

#servicios ul{
	padding: 40px 0;
}
#servicios li{
	margin-bottom: 20px;
}
#servicios li div:hover, #servicios li div:hover span{
	background: #066384;
	color: #fff;
}

#servicios{
	background-image: url('img/bg_servicios.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
}
#servicios li div{
	position: relative;
	border: 1px solid #dedede;
	width: 100%;
	height: 100%;
	background: #dedede;
	border-radius: 5px;
	padding-top: 20px;
	color: #606060;
	align-items: center;
}

#servicios li div span{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: -20px;
	margin-left: -20px;
	font-size: 28px;
	border-radius: 50%;
	background: #dedede;
	color: #606060;
}

/* como trabajamos */
#slider_ct{
	display: block;

	overflow: hidden;
}
#slider_ct h3{
	font-size: 16px;
	color: #333333;
	text-transform: uppercase;
	font-weight: 700;
}
.slider_ct_item{
	background: #fff;
	border: 10px solid #fff;
	box-shadow: 0 0 14px rgba(10,10,10,.1);
	padding: 40px;
	box-shadow: inset 0 0 14px rgba(10,10,10,.05);
	min-height: 352px;
}

.slider_ct_uldef{
	display: inline-block;
}
.slider_ct_uldef li{
	position: relative;
	background: rgba(6,99,132,.2);
	float: left;

	min-height: 164px;
	font-family: 'Roboto Slab';
}
.slider_ct_uldef li:first-child{
	border-radius: 10px 0 0 10px;
}
.slider_ct_uldef li:last-child{
	border-radius: 0 10px 10px 0;
}

#scti_001, #scti_002{
	background: url('img/slider_ct_bg_01.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#scti_001 ul{
	width: 100%;
	margin-top: 60px;
}
#scti_001 li{
	width: 25%;
	text-align: center;
}
#scti_001 li img{
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -40px;
}
#scti_001 li span{
	display: block;
	margin-top: 80px;
	font-weight: 700;
}
#scti_001 li:nth-child(even){
	background: rgba(95,110,116,.4);
}
#scti_001 li:last-child{
	height: 154px;
}
#scti_001 li:last-child img{
	margin-left: -48px;
}
#scti_001 li:last-child span{
	margin-top: 110px;
}
/* - */
#cotizador{
	display: block;
	background: url('img/bg_cotizador.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: inset 0 0 20px #101010;
}

#cotizador p{
	color: #cdcdcd;
}

.menu_cot{
	display: block;
	overflow: hidden;
}
.menu_cot li{
	float: left;
	padding: 10px;
	border-top: 1px solid rgba(200,200,200,.3);
	border-left: 1px solid rgba(200,200,200,.3);
	border-bottom: 1px solid rgba(200,200,200,.3);
	color: #bcbcbc;
	cursor: pointer;
}
.menu_cot li:first-child{
	border-radius: 5px 0 0 5px;
}
.menu_cot li:last-child{
	border-right: 1px solid rgba(200,200,200,.3);
	border-radius: 0 5px 5px 0;
}
.menu_cot li:hover, .cf_sel{
	background: rgba(100,100,100,.3);
	color: #efefef !important;
}
.menu_cot li i{
	color: #efefef;
	margin-right: 4px;
}

#cotizador_clp{
	display: none;
}

#cotizador_frm input, #cotizador_frm select, #cotizador_frm textarea,
.frm input, .frm select, .frm textarea{
	padding: 10px;
	border-radius: 3px;
	font-family: 'FontAwesome','Roboto',sans-serif;
}
#cotizador_frm select{
	cursor: pointer;
}
#cotizador_frm input[type="text"], #cotizador_frm textarea, #cotizador_frm select,
.frm input[type="text"], .frm textarea{
	background: #dedede;
	margin-bottom: 10px;
}
#cotizador_frm textarea, .frm textarea{
	height: 120px;
}
#cotizador_frm input[type="submit"], .frm input[type="submit"]{
	width: 100%;
	background: #066384;
	color: #fff;
	text-transform: uppercase;
}
::-webkit-input-placeholder, :placeholder-shown{
  padding: 2px 2px;
}

#cedula, #informes, [name="blimpo_cilindrada"]{
	display: none;
}
#transferencias{
	display: block;
}

#msj_cot, #msj_con{
	display: none;
	width: 100%;
	position: relative;
	padding: 14px;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	background: #f44336;
	border-radius: 3px;
	margin-bottom: 10px;
}
#msj_cot span, #msj_con span{
	display: block;
	position: absolute;
	right: 10px;
	top: 13px;
	font-size: 14px;
	cursor: pointer;
}

#cot_cargando, #cot_enviado,
#con_cargando, #con_enviado{
	display: none;
	width: 100%;
	text-align: center;
	padding: 20px;
}
#cot_enviado, #con_enviado{
	color: #efefef;
	font-size: 16px;
}
#con_enviado{
	color: #606060;
}
#cot_enviado i, #con_enviado i{
	font-size: 32px;
	margin-bottom: 10px;
}

.frm h3{
	font-size: 18px;
	color: #333;
	text-align: left;
	margin-bottom: 10px;
}

#contacto ul{
	margin-top: 20px;
}
#contacto li{
	display: block;
	text-align: left;
}
#contacto li i{
	margin-right: 4px;
}
#contacto li a{
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #333333;
	font-size: 13px;
	border-bottom: 1px dashed #ababab;
}
#contacto li a:hover{
	color: #066384;
}

#mapa{
	height: 400px;
}

footer{
	background: #066384;
	color: #efefef;
	padding: 40px 0;
}
footer ul{
	display: inline-block;
	width: auto;
	margin: auto;
	margin-top: 10px;
}
footer li{
	float: left;
	margin: 5px;
}
footer li a{
	color: #efefef;
	text-decoration: none;
	font-size: 12px;
	padding-bottom: 2px;
}
footer li a:hover{
	border-bottom: 1px solid #efefef;
}
.blimpo{padding:20px;text-align:center;font-size:12px;color:#DEDEDE;background:#404040;}
.blimpo a{color:#DEDEDE;font-size:12px;text-decoration:none;}
.blimpo a img{width:80px;height:auto;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.blimpo img:hover{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;}

/***************************/
        
        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
/**/
/* media queries */
@media only screen and (max-width: 1080px){
	.mxw{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media only screen and (max-width: 960px){
	#topbar li{
		display: none;
	}
	#topbar li:nth-child(2), #topbar li:nth-child(3), #topbar li:nth-child(4){
		display: block;
	}
	#wsp_fixed{
		display: block;
	}
	#wsp_fixed p{
		display: none;
	}
	.slider_info{
		float: none;
		text-align: center;
		max-width: 90%;
		margin: auto;
		overflow: hidden;
	}
	.slider_info h1{
		margin-top: 200px;
	}
}
@media only screen and (max-width: 840px){
	#cabecera .c2{
		width: 100%;
	}
	#menu ul{
		display: none;
	}
	#clp{
		display: block;
	}
	#nosotros .c2, #nosotros .blq-2{
		width: 100%;
	}
	#nosotros .blq-2{
		margin-bottom: 10px;
	}
	#servicios .c4{
		width: 33.33%;
	}
	#contacto .blq-2{
		width: 100%;
		margin-bottom: 10px;
	}
	#sep_a .c2{
		width: 100%;
	}
	#sep_a li{
		padding: 20px 0;
	}
	#sep_a li:first-child{
		border-bottom: 1px solid rgba(255,255,255,.3);
	}
}
@media only screen and (max-width: 730px){
	#topbar li:nth-child(3){
		display: none;
	}
	.menu_cot .c4, .menu_cot .c2{
		width: 100%;
		margin-bottom: 5px;
		border: 1px solid rgba(200,200,200,.3);
		border-radius: 5px;
	}
	.menu_cot li:first-child{
		border-radius: 5px;
	}
	.menu_cot li:last-child{
		border-radius: 5px;
	}
	#servicios .c4{
		width: 50%;
	}
	#cotizador .blq-2{
		width: 100%;
		margin-bottom: 20px;
	}
	#scti_001 li{
		width: 50%;
		text-align: center;
	}
	#scti_001 li:nth-child(even){
		background: rgba(6,99,132,.2);
	}
	.slider_ct_uldef li:first-child{
		border-radius: 0;
	}
	.slider_ct_uldef li:last-child{
		border-radius: 0;
	}
}
@media only screen and (max-width: 520px){
	.content_solapa .blq-2{
		width: 100%;
	}
}
@media only screen and (max-width: 480px){
	#servicios .c4{
		width: 100%; 
	}
	#servicios .c4 > div{
		padding: 30px;
	}
	/**/
	#scti_001 li{
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

}