* {	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box}
/*@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');}*/
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

body, html {height:100%; background:#181818}

body, div, fieldset, form, html, label, legend, li, ul {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-family: 'Titillium Web', sans-serif;}
body.show .top { z-index:0}


a {	text-decoration:none;	color:#999}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight:100}
h1, h2, h3, h4, h5, h6 {font-family: 'Titillium Web', sans-serif;margin:16px 0; color:#383742}

.fl {float:left}
.fr {float:right}
.ml { margin-left:36px}
.mr { margin-right:36px}


.transition {transition:all .5s ease;transition:all .25s ease-out 0s}
.overlay { z-index:-1; position:fixed; height:100%; width:100%; opacity:0;background:rgba(0,0,0,0.95);}
.overlay.show { z-index:27; opacity:0.95;}

/* estructura */
.page {overflow:hidden}
.page {margin:-0 auto 0; /*	min-height:820px;*/	padding:24px 20px 24px 20px;position:relative; width:100%}
.wraper {width:1200px;margin:0 auto;position:relative}
.page.somos { padding:0}
.page.somos img { width:100%}
.wraper.up {z-index:3}
.wraper.pad40 { padding: 40px}

/*iconos*/
i { width:48px; height:48px; line-height:48px; cursor:pointer; background:url(../images/sprite.png); }
i.search { width:40px; height:40px;  background:url(../images/sprite.png) no-repeat -288px -120px; position:absolute; right:10px; top:-3px ; display:none; z-index:10 }
i.fonin { width:27px; height:27px;  background:url(../images/sprite.png) no-repeat -440px -133px; float:left}
i.whatsapp { width:27px; height:27px;  background:url(../images/sprite.png) no-repeat -492px -131px; float:left; margin-top:-1px}
i.direccion { width:27px; height:27px;  background:url(../images/sprite.png) no-repeat -590px -129px; float:left; margin-top:-1px}

i.order { background-position:-234px -120px; position:absolute;right:16px;top:15px;display:none;z-index:10;cursor:pointer}
i.opciones {background-position:-480px -176px ;position:absolute;right:80px;top:15px;display:none;z-index:1;cursor:pointer; display:none}
i.order.active {background-position:-187px -120px}
i.close {background-position:-187px -120px}
i.close.black { background: #999 url(../images/sprite.png) -189px -120px;  }

body.fix i.order {top:0px;}

.top { height:40px;   position: relative; z-index:28; }
.top .operando { width:360px; height:40px; line-height:40px; color:#FFF; float:left;}
.top .operando.none { display:none}
.top .operando .label { float:left; margin-right:0;}
.top .data { float:right; font-size:14px}
.top .data .fono { float:left; color:#6c4a12; height:30px; opacity:0.85; padding:5px 10px; margin-top:5px;  }
.top .data .soporte { float:left; color:#6c4a12; height:30px; opacity:0.65; padding:5px 10px; margin-top:5px;  }
.top .data .soporte a { color:#fff; cursor:pointer}
.top .data .soporte.tipo { opacity:1; }
body.yellow.black {background:url(../images/-section01.jpg) bottom center no-repeat #181818;}
body.yellow .top { background:rgba(56,56,56,1)} 
body.yellow header { background:rgba(244,119,33,1);-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.9);-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.9);box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);}
body.yellow .iam { background:rgba(0,0,0,0.87)}
body.yellow .top .data .fono { color:#f47721; opacity:0.95;  }
body.yellow .top .data .soporte { color:#f47721; height:30px; opacity:0.85;  }
body.yellow i.fonin { background:url(../images/sprite.png) no-repeat -440px -88px;  }
body.yellow i.whatsapp {  background:url(../images/sprite.png) no-repeat -492px -87px; }
body.yellow i.direccion {  background:url(../images/sprite.png) no-repeat -590px -86px; }

body.yellow ul.nav li { background:#333; -webkit-border-radius:20px;	-moz-border-radius:20px;border-radius:20px; line-height:32px; margin-top:10px; padding: 0 16px}
body.fix.yellow ul.nav li a { color:#999}
body.fix.yellow ul.nav li.adquirir { background:#f47721; }
body.fix.yellow  header {  background:rgba(0,0,0,1)}
body.fix.yellow .canello { opacity:0.5}
body.yellow .canello {  background:url(../images/sprite.png) no-repeat -0px -0; }

.top { background:rgba(244,119,33,1)} 
/*header*/

header { height:76px; position: absolute; width:100%;  z-index:19;transition:all .5s ease;transition:all .25s ease-out 0s }
header { background:rgba(65,64,63,0.87)}
body.interna header {background:rgba(65,64,63,0.95)}
.bread { line-height:38px; border-bottom:1px solid #CCC; color:#CCC }
.bread a { margin-right:18px; color:#777}
.bread a.active { color:#F60}



header h1 { color:#FFF; font-size:36px; margin:14px 0 0 16px; float:left; display:none}
body.fix header { top:0; position:fixed;  height:50px; background:rgba(244,119,33,1)}
body.fix header h1 { opacity:0.77; font-size:18px;  margin:18px 0 0 6px;  }
body.fix ul.nav li a {color:#0b0e12; }

ul li {margin:0;padding:0 6px; list-style:none}
ul.nav {float:right;margin-top:10px}
ul.nav li {float:left;line-height:55px;color:#FFF;margin:0 20px}
ul.nav li.adquirir { -webkit-border-radius:20px;	-moz-border-radius:20px;border-radius:20px; line-height:32px; margin-top:10px; padding: 0 16px}

body.fix ul.nav li.adquirir { background:#000; }
body.fix ul.nav li.adquirir a {  color:#FFF }

ul.nav li a {color:#f5f5f5;font-size:18px; cursor: pointer}
ul.nav li a.tipo {   padding: 6px 10px; color:#FFF}
ul.nav li ul li { display:block; float:none; line-height:50px; margin:6px 0; font-size:14px}
ul.nav li ul li a {font-size:15px}
ul.nav li a {color:#fff;font-size:16px}

body.fix ul.nav { margin-top:0}


/*colors*/

.canello { width:274px; height:58px; float:left; background:url(../images/sprite.png) no-repeat -0 -0; margin-top:8px }

.canello a { width:212px; height:56px; display:block  }
body.fix .canello {   margin-top:-5px; background:url(../images/sprite.png) no-repeat -0 -0; 	transform:scale(.66);-ms-transform:scale(.66);	-webkit-transform:scale(.66); }

/* banner MAIN*/
.banner {height:100vh;position:relative;/*	background:url(../images/section01.jpg) top center fixed;*/	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover; margin-top:0; overflow:hidden}
.banner .item {	height:100vh; position:relative; -ms-background-size:cover; padding-top:128px; text-align:center}
.banner .item.uno {background:url(../images/section01.jpg) top center; }
.banner .item.dos {background:url(../images/section02.jpg) top center; }
.banner .item.tres {background:url(../images/section03.jpg) top center; }
.banner .item.cuatro {background:url(../images/section04.jpg) top center; }
.banner .item.cinco {background:url(../images/section06.jpg) top center; }
.banner .c50 { width:50%; float:left}

.banner h2  {font-size:28px;color:#222;line-height:32px;  }
.banner p {	font-size:17.5px;	 line-height:20px; margin-bottom:50px}

.banner .item h2  { margin-left:0px; position:relative; }
.banner .item p { color:#111; padding:10px 0;}
.banner .item p strong { color:#222; text-transform:uppercase}

.banner .item.uno h2 {  line-height:normal; }
.banner .item.uno img { float:left}
.banner .item.uno p { }

.banner .item.dos h2, .banner .item.dos p { color:#fff;  }
.banner .item.dos p strong { color:#555;  }

/*.banner .item h2:after {content:""; position:absolute; top:0; right:-64px;width: 0; height: 0;  border-bottom: 64px solid #855b17; border-right: 64px solid transparent;}
.banner .item p:before {content:""; position:absolute; top:64px; left:-1px;width: 0; height: 0;border-top:88px solid #634413;border-left: 60px solid transparent;}
.banner .item h2 {background:rgba(211,139,21,.87);}
.banner .item p { color:#e5f4fd;background:rgba(211,139,21,.60); */
.banner .item.dos h2  {  background:rgba(27,27,27,.77); color:#fff; padding: 16px }
.banner .item.dos h2:after {  border-bottom: 64px solid #792f0e; }
.banner .item.dos p { color:#ccc;background:rgba(27,27,27,0.77);   }
.banner .item.dos p strong { color:#ccc;  }
.banner .item.dos p:before { border-top:88px solid #792f0e; }
.banner .item.cuatro h2  {  background:rgba(208,64,0,.77); color:#fff; padding: 16px; margin-bottom:0}
.banner .item.cuatro h2:after {  border-bottom: 64px solid #792f0e; }
.banner .item.cuatro p { color:#ccc;background:rgba(0,0,0,0.77); margin:0   }
.banner .item.cuatro p strong { color:#ccc;  }
.banner .item.cuatro p:before { border-top:88px solid #792f0e; }
.banner .item.tres h2  { background:rgba(0,0,0,.67); padding: 16px;color:#fff  }
.banner .item.tres p strong { color:#ffcd7b}
.banner .item.cinco h2  { background:rgba(0,0,0,.67); padding: 16px;color:#fff; margin-top:200px }
.banner .item.cinco p strong { color:#ffcd7b}

.contactmi { text-align:center; padding:12px 26px; font-size:30px; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; color:#FFF;  margin:24px 0; cursor: pointer; background:rgba(6,118,59,.97)}
.anotate { text-align:center; padding:18px 26px;   font-size:36px; 	-webkit-border-radius:20px;	-moz-border-radius:20px;border-radius:20px; color:#FFF; background:#50b254;  margin:24px 0; cursor: pointer; position:relative; padding-left:78px}
.anotate i { width:48px; height:48px;  background: url(../images/sprite.png) no-repeat -192px -176px; position: absolute; left:16px; top:16px}
/* section our*/
.iam {padding:18px 32px 10px 32px;color:#FFF; width:100%; position:relative; margin-top:-204px; height:168px;background:rgba(27,27,27,0.95);/*background: rgba(0, 0, 0, 0.99) url("../images/section01.jpg") fixed; background-position: center 0%; background-size: cover;*/}
.iam.home {margin-top:0}
.iam h2 {color:#555;font-size:42px;margin:24px 0}
.iam h2 span {color:#2198f3}
.iam h3 {color:#fff; font-size:18px; margin:5px 0}
.iam a.download {display:inline-block;line-height:48px;font-size:21px;border:none;text-align:center;cursor:pointer}
.iam a.download {background:#002646;margin:16px 16px 0 0;padding:0 16px;color:#555}


.b25 {width:33%;float:left;position:relative;padding:55px 30px 20px 30px; text-align:center}
.b25 p {color: #f7deb5; margin:10px 0; font-size:15px; line-height:16px}
.ppicon {width:78px;height:78px;background: url(../images/sprite.png) no-repeat;left:50%;position:absolute;margin-left:-39px;top:-10px; 	 }
 
.ppicon.ico1 {background-position:-4px -304px}
.ppicon.ico2 {background-position:-94px -304px}
.ppicon.ico3 {background-position:-219px -304px}
.ppicon.ico4 {background-position:-300px -304px}
.page.somos { background:#454545}
.page { background:url(../images/section.jpg) bottom center no-repeat fixed #FFF; min-height:180px}
.page.black { background:none; min-height:180px}
.page.institucion { background:#FFF; min-height:280px; padding-top:120px}
body.areas article { padding-top:104px}

article { padding:0 20px; text-align:center; float:left; position:relative; }
article h4 { margin-top:0; font-size:24px}
article.s25 {width:25%;}
article.s33 {width:33%;}
article.s50 {width:50%;}
article.s75 {width:75%;}
article.s100 {width:100%;}

article img { opacity:0.8;  -webkit-filter: grayscale(100%); filter: grayscale(100%); }
article  p {font-size:16px; margin-bottom:24px}
article  span {position:absolute;left:0;bottom:0;width:100%;height:48px;color:#ff85a1;display:none;padding:0}
article:hover {	background:#fff; }
article:hover img {	opacity:1; -webkit-filter:none; filter: none; }

.apicon {width:98px;height:98px;background: url(../images/instituciones.png) no-repeat;left:50%;position:absolute;margin-left:-50px;top:0;}
 
.apicon.ico1 {background-position:20px 0}
.apicon.ico2 {background-position:-109px 0}
.apicon.ico3 {background-position:-252px 0}
.apicon.ico4 {background-position:-496px 0}

.aricon {width:104px;height:104px;background: url(../images/sprite.png) no-repeat;left:50%;position:absolute;margin-left:-50px;top:0;}
.aricon.ico1 {background-position:0 -185px}
.aricon.ico2 {background-position:-104px -185px}
.aricon.ico3 {background-position:-208px -185px}
.aricon.ico4 {background-position:-312px -185px}

body.interna .page h2 { text-align:left}
.page.recorrido { background:#f9f9f9}
.page h2 {   text-align: center;  margin:0 0 10px 0;font-size:28px; color:#333 }
.page h3 {   text-align: center;  margin:10px 0 32px 0;font-size:18px;font-weight: 100; color:#d05f2d}

.page .post.s66 h3 { text-align:left}

.iconInstitucion { float:left; width:244px; height:244px; background:url(../images/institucion.png) no-repeat; margin-left:60px}
.iconInstitucion.ico1 { background-position: 0 0}
.iconInstitucion.ico2 { background-position: -244px 0}
.iconInstitucion.ico3 { background-position: -488px 0}

.boxBlog {width:100%; 	padding:73px 0 63px 0; overflow:hidden;/* background: #2d2e30; */background: rgba(0, 0, 0, 0.99) url("../images/section05.jpg") fixed; background-position: center 0%; }
.boxBlog h2 {color:#222;text-align:center;font-size:42px; margin-bottom:32px}
.post {padding:20px;float:left;min-height:380px;position:relative;text-align:center; }
.post.s25 {width:25%;}
.post.s33 {width:33%;}
.post.s50 {width:50%;}
.post.s66 {width:66%;}
.post.s75 {width:75%;}
.post.s100 {width:100%;}
.post img { opacity:.85;  }
.post p { padding:0 26px;margin-bottom:24px}
.post span {position:absolute;left:0;bottom:0;width:100%;height:48px;color:#ff85a1;display:none;padding:0}


.post:hover img {	opacity:1;-webkit-filter:none;filter:none;  }
 
 
.post:hover span {display:block;padding:10px;background:#007443;color:#555}




/* tag busqueda*/
a.tag { line-height:48px; border:2px solid #153f7f;-webkit-border-radius:20px;	-moz-border-radius:20px;	border-radius:20px; margin-bottom:8px; font-size:18px; color:#153f7f; position:relative; display:block }
a.tag:before { content:"";width:48px; height:48px; -webkit-border-radius:48px;	-moz-border-radius:48px;	border-radius:48px; background: #153f7f url(../images/sprite.png) no-repeat -288px -120px; position:absolute; left:-68px; top:0 ;  z-index:10  }
a.tag:after { content:"+";width:48px; height:48px;  position:absolute; right:0; top:0 ;  z-index:10; font-size:32px}

a.btnazul { font-size:32px; line-height:32px; padding:10px 6px;  -webkit-border-radius:20px;	-moz-border-radius:20px;	border-radius:20px; margin-bottom:16px;   color:#fff; background:rgba(211,139,21,1);position:relative; display:block }
a.btnazul:hover { background:#27559c}
a.tag:hover { background:#27559c; color:#FFF; border-color: #27559c}


.formulario {}
.formulario input { width:100%; padding:0 16px;line-height:48px; border:2px solid #0e214a;-webkit-border-radius:20px;	-moz-border-radius:20px;	border-radius:20px; margin-bottom:8px; font-size:18px; color:#0e214a; position:relative; display:block }
.formulario .linea { padding-bottom:10px;}

.convenio { width:120px; margin-right:10px; text-align:center; float:left; margin-bottom:20px; padding-bottom:10px; min-height:220px;border-bottom:1px solid #f5f5f5}
.convenio img { width:100px; /*-webkit-filter: grayscale(100%);filter: grayscale(100%);*/ opacity:0.5}
.convenio:hover img {  -webkit-filter:none;filter:none; opacity:1}
.convenio h3 { color:#333; font-size:13px; margin:10px 0 10px}

.listjobs  h2 { text-align:center; margin:32px 0}
.listjobs a { color:#469EFF}
.listjobs { width:100%; padding:24px;}
.listjobs ul { padding:0 0 }
.listjobs ul li.flota { width:25%; float:left; line-height:normal; padding:10px 16px; min-height:120px; text-align:center; font-size:13px}
.listjobs ul li { background-color: #f5f5f5; line-height:58px; padding: 0 0 0 10px; margin-bottom:2px; color:#555; position:relative} 
.listjobs ul li:hover,.listjobs ul li:hover:nth-of-type(2n+2)   { background:#4a5e6d}


.listjobs ul li .ico { width:48px; height:48px; float:right; background:url(../images/sprite.png) no-repeat; margin-top:10px }
.listjobs ul li .ico.html { background-position: 0 -76px}
.listjobs ul li .ico.css3 { background-position: -48px -76px}
.listjobs ul li .ico.code { background-position: -96px -76px}
.listjobs ul li .ico.adobe { background-position: -144px -76px}
.listjobs ul li .ico.js { background-position: -192px -76px}
.listjobs ul li:hover { color:#CCC}
.listjobs ul li:hover .ico.html { background-position: -240px -76px}
.listjobs ul li:hover .ico.css3 { background-position: -288px -76px}
.listjobs ul li:hover .ico.code { background-position: -336px -76px}
.listjobs ul li:hover .ico.adobe { background-position: -384px -76px}
.listjobs ul li:hover .ico.js { background-position: -432px -76px}
.listjobs ul li:nth-of-type(2n+2) { background-color: #fffbfd; } 

.experiencia { padding:12px;border-bottom:1px solid #ebebeb; color: #999; position:relative; background: #FFF; padding-right:100px; margin-bottom:1px}
.experiencia:nth-of-type(2n+2) { background-color: #ebebeb; border-bottom:1px solid #CCC }  
.experiencia span { background:#cbcbcb; color:#FFF; padding:0 3px; position:absolute; top:0; right:0}
.experiencia:hover span { background:#2196f3}
.experiencia strong { color:#4f577e; font-weight:100}

.cut { border-bottom:1px solid #CCC; width:100%; padding:10px 0 20px; margin:48px 0; clear:both; overflow:hidden }

.asistencia { width:100%; background:rgba(244,119,33,1); position:relative;/*background: rgba(0, 0, 0, 0.99) url("../images/section02.jpg") fixed;*/background-position: center 0%; background-size: cover; padding: 24px 24px; color:#333; text-align:center;float:left}
/*body.call .asistencia  {background: rgba(26, 44, 83, 0.89);transition:all .55s ease;transition:all .55s ease-out 0s }*/
.asistencia.home {margin-top:-0}
.asistencia h2, .asistencia h3 { color:#222; font-size:38px; margin-bottom:48px; margin-top:0; display:none}
.asistencia h3 { color:#222;   font-size:18px}

body.interna .asistencia, body.areas .asistencia{ background:#f5f5f5}


.b33 { width:33%;  margin-top:0px; float: left; position:relative; }
.b33:after { position:absolute; content:""; right:64px; top:0; width:1px; height:48px; background:#444;}
.b33:last-child:after { background:none;}

.b33 p { font-size:20px; line-height:48px; margin:0 0 0 16px; float:left; }
.icoCall { width:48px; height:48px; background:url(../images/sprite.svg) no-repeat; float:left; 
	transform:scale(.66);
	-ms-transform:scale(.66);
	-webkit-transform:scale(.66);
}
.icoCall.whatsapiame { background-position: -11px -94px }
.icoCall.foniame { background-position: -199px -92px }
.icoCall.mailiame { background-position: -101px -94px }


footer, footer .contact, footer .info {	position:relative}
footer {
	padding:48px 20px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover; 
	/*background: rgba(0, 0, 0, 0.99) url("../images/bg-albums-foo.jpg") fixed; background-position: center 0%; background-size: cover;*/	/*background: #0e214a;*/
	background:url(../images/section03.jpg) top center fixed;

	height:320px;
	width:100%;
	overflow:hidden
}

body.yellow footer {background:url(../images/section02.jpg) top center fixed;}
body.yellow footer h2, body.yellow footer h2 span,  body.yellow footer p { color:#fff}
body.yellow footer ul li { color:#fff}
body.yellow footer ul li a { color:#fff}

footer h2 {
	color:#f47721;
	text-align:center;
	font-size:36px;
	line-height:36px;
	 
	letter-spacing:-2px; margin-bottom:48px
}
footer h2 span {color:#FFF; }
 
footer .info {width:560px;float:left;padding:0 20px}
footer p {color:#d5d5d5}
footer .pinIO {	background:url(../images/sprite.png) -581px -412px no-repeat;float:left;margin:-3px 16px 16px 0;width:50px;	height:72px}
footer ul {margin:0;padding:0;text-align:left}
footer ul li {line-height:18px;color:#fff;font-size:14px;margin:0 10px;	padding:0}
footer .littio, footer .littioBack {width:184px;left:50%;margin-left:-92px;position:absolute}
footer ul li a {color:#777}
footer .littio {
	height:46px;
	background:url(../images/sprite.png) 10px 0 no-repeat;
	transform:scale(.66);
	bottom:-46px;
	-ms-transform:scale(.66);
	-webkit-transform:scale(.66);
	z-index:2;
transition:all .55s ease;
transition:all .55s ease-out 0s
}
footer .littio a {width:184px;height:46px}
footer .littioBack {
	height:184px;
	bottom:0;
	margin-bottom:-184px;
	background:#333;
	z-index:1;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	border-radius:200px;
-webkit-transition:all .75s ease;
-moz-transition:all .75s ease;
transition:all .75s ease;
transition:all .75s ease-out 0s
}
body.call footer .littio {bottom:0}
body.call footer .littioBack {bottom:0;	margin-bottom:-112px}
footer .seguinos {float:right;color:#0082b6;width:520px; margin-top:10px}

footer .seguinos .icon100 a { width:64px; height:64px; display:block}

footer .seguinos .icon100.instagram {background-position:-120px -399px;background-color:#000}
footer .seguinos .icon100.facebook {background-position:-16px -399px;background-color:#000}
footer .seguinos .icon100.whatsappia {background-position:-214px -399px;background-color:#000}
footer .seguinos .icon100.mail {background-position:-318px -401px;background-color:#000}

footer .seguinos .icon100.instagram:hover {background-color:#cf3c69}
footer .seguinos .icon100.facebook:hover {background-color:#3c579e}
footer .seguinos .icon100.whatsappia:hover {background-color:#50b254}
footer .seguinos .icon100.mail:hover {background-color:#0076b4}

.icon100 {
	width:64px;
	height:64px;
	background:url(../images/sprite.png) no-repeat;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	float:left;
	margin-right:26px;
	margin-bottom:16px
}

.callFilosofia { cursor:pointer}
/*modal*/
.modal i.close {-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px; background: #CCC url(../images/sprite.png) -190px -120px; position:absolute; top:-10px; right:-10px;}

a.closeLogin{position:absolute;right: -20px;top: -24px;content:"";}
a.closeLogin:before{content:"\f057";font-family:FontAwesome;font-weight:normal;text-decoration:inherit;color:#333;font-size:30px;padding:0.5em;position:absolute;top:0;right:0;}

.modal .ico.facebook { background:#3b5998}
.modal .ico.twitter { background:#55acee}
.modal .ico.google-plus { background:#e02f2f}
.modal .ico.skype { background:#11a2ea}
.modal .ico.sms { background:#ff9101}
.modal .ico.whatsapp { background:#2e9846}

.ico { width:48px; height:48px; font-size:18px;line-height:48px; text-align:center; color:#FFF; font-size:27px; padding:0;-moz-box-shadow:1px 1px 3px rgba(0,0,0,.6); }
.modal i {background:none}
.modal .ico { padding: 10px 0}


.modal{display:none;position:absolute;top:80px;left:50%;margin-left:-300px;width:600px;height:auto;background:rgba(255, 255, 255, 0.95);z-index:1002; 
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.9);-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.9);
box-shadow:0 1px 5px rgba(0, 0, 0, 0.9);-webkit-border-radius:2.5px;-moz-border-radius:2.5px;border-radius:2.5px; padding:20px}
.enviar-amigo{display:none;top:0px;width:240px; position: absolute; top:75px;  margin-left:50px; left:0%; padding:18px; background:none;
-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 0 0 rgba(0, 0, 0, 0);box-shadow:0 0 0 rgba(0, 0, 0, 0); padding: 7px 0 0 20px;}
.enviar-amigo a.closeLogin { position:static}


.modal.filosofia { height:300px; padding-bottom:20px }
body.fix .modal.filosofia { position:fixed}

 








/* interna */
.headset { width:100%; padding-top:100px; padding-bottom:48px;text-align:center; 
position:relative; 
-webkit-box-shadow:1px 2px 15px rgba(0, 0, 0, 0.75);
background:url(../images/section02.jpg) top center ;
/*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ 
-webkit-box-shadow:inset 0 1px 5px rgba(0, 0, 0, .5);
-moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
}
body.black .headset {background:rgba(46,46,46,0.68); padding-top: 90px;padding-bottom: 20px;} 
body.areas .headset {background:url(../images/section06.jpg) no-repeat fixed ; }
body.interna.gps .headset {background:url(../images/section04.jpg) no-repeat fixed ; } 

.headset h1 { color:#fff; font-size:32px }
.headset p { color: #fff; font-size:18px; line-height:18px; margin:0}


.leftCol { width:68%; padding:0 20px; margin-right:1%; position:relative; float: left}
aside { width:30%; float: right; position:relative; padding:0 10px 10px  }
.leftCol p { margin-bottom:38px; line-height:normal; color:#777}
aside img { width:100%}
.leftCol blockquote{margin:0 20px 0 0;padding:20px 20px 20px 60px;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#666666;font-size:18px;background:#eee;float:left;position:relative;width:40%;text-shadow:2px 2px 0 rgba(255,255,255,0.35);overflow:hidden}
.leftCol blockquote:before{content:"\f10d";font-family:FontAwesome;font-weight:normal;text-decoration:inherit;color:#666666;font-size:30px;padding-right:0.5em;position:absolute;top:10px;left:15px;}
ul.b25 { width:100%}
ul.b25 li { position:relative; line-height:24px; padding-left:40px; margin-bottom:0; padding-bottom:18px; padding-top:10px; border-bottom:1px solid #ccc}
ul.b25 li:before {content:"\f00c";font-family:FontAwesome;font-weight:normal;text-decoration:inherit;color:#666666;font-size:16px; position:absolute;top:10px;left:10px;}
ul.b25 li:nth-child(2n+1) { background:#f5f5f5}
aside h5 { font-size:18px; margin:0 0 24px 0; color:#777}
aside .tools { margin-top:-20px; width:300px}
aside .tools.fix { position:fixed; top:100px; margin-top:0}
aside.contact i.fa {  font-size:36px; color:#999}
aside ul li { display: flex; justify-content: center; align-items: center; margin-bottom: 5px; }


.button-standard-compartir{ font-weight:bold;background:#ffffff; 
color:#666666;
font-size:15px;font-weight:bold;vertical-align:middle;cursor:pointer;display:inline-block;
line-height:42px;margin-right:16px;
padding:4px 10px 4px 15px;vertical-align:middle;
-webkit-border-radius:2.5px;-moz-border-radius:2.5px;border-radius:2.5px;
-webkit-box-shadow:0px 1px 2px #999999;
-moz-box-shadow:0px 1px 2px #999999;
-o-box-shadow:0px 1px 2px #999999;
box-shadow: 0px 1px 2px #999999;
min-width:270px;margin-bottom:10px;}
.button-standard-compartir:hover{background:#ffffee}
a.button-standard-compartir{text-decoration:none}
.button-standard-compartir i {border-right:1px solid #dfdfdf;color:#b6b6b6;line-height:48px;text-align:center;width:48px;display:inline-block;font-size:1.4em;margin:-2px 10px 0 -10px;vertical-align:middle; background:none }
aside.formulario a.button-standard-compartir { width:97%; margin-bottom:24px}

/* contacto */

.error{ padding: 10px 20px 10px 45px; background: #F9E5E6 url(images/icon-box-error.png) no-repeat 12px 12px; border: 1px solid #F7C7C9; border-left-width: 2px; color: #B3696C; font-size:16px}
.success{padding: 10px 20px 10px 20px;  background: #e3ebc6; border: 1px solid #c2d288; border-left-width: 2px; color: #586b12;font-size:16px ; margin-bottom:20px}
.infos{ padding: 10px 20px 10px 20px; background: #d8ecf5; border: 1px solid #9ac9df; border-left-width: 2px; color: #528da9;font-size:16px; margin-bottom:20px}
.notice{ padding: 10px 20px 10px 20px; background: #fffdee; border: 1px solid #f5dc7d; border-left-width: 2px; color: #817a51; overflow:hidden; clear:both; margin-bottom:20px}
.info strong { color:#1b74ac; margin-right:10px}

aside i { width:48px; height:48px;   margin: 0 10px 0 0; background:none}
.notice i { width:48px; height:48px; float:left; margin: 0 20px 0 0; background:none}
.notice i.fa {  font-size:38px}
.page aside h3 {  padding-left:6px}



/* galeria*/
.botsgal img { width:25%; float: left; padding:0;}
.canelloga img { width:50%; float: left; padding:0;}
.galleria  {width:75%; float:left}
.galleria img { width:33%; float:left; padding:5px;}

/* tables*/
.imagenObra { width:25%; float:left; padding:0 48px 0 0 }
table { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555; margin:24px 0; width:100%; float:left}
table thead { background: #333}
table th { line-height:48px; font-weight:bold; text-align:left; padding: 0 10px; background:#fff0d2; border-bottom:1px solid #f2deb5}
table tr:nth-child(2n+1) { background: #f5f5f5; }
table td { border-bottom:1px solid  #ccc} 

 
table tr td {line-height:18px; padding:5px 6px}
table tr td div { float:left; padding: 2px 5px}
table tr td div em { background: #f6f6f6; float:left; padding: 3px 8px; font-style:normal; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-right:2px}
table tr td div span { background: #6dc1e3; float:left; padding: 3px 5px; color:#FFF;  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; margin-right:8px}
table tr strong { color: #005ba4}
table tr td img { float:left; line-height:28px}

.video { width:50%; float:left; padding:0; margin-bottom:-7px;}
.video iframe { width:100%}

@media  screen and (max-height: 620px) {
 .iam { margin-top:0} 
 .b25 p { display:none }
 .banner .item.cuatro h2  {  margin-top:0; bottom:68px; position:absolute;}
}

@media screen and (max-width: 1256px) {
.top form { display:none}.top .data {margin-right: 0;}
.wraper { width:100%; padding:0 10px} 
.page { width:100%} 
.promo25 { width:25%}
.promo25 img { width:100%}
.b33 p { font-size:18px;  margin:0 0 0 10px;   }

i.order, i.search{display:block}
i.opciones {display:none}
ul.nav {display:none}
body.show .logo {opacity:.1}
body.show.fix .logo {opacity:1;width:58px;margin-left:-6px}
body.show ul.nav {display:block;margin-left:-10px; margin-top:-40px; padding-top:100px}
body.show.fix ul.nav, ul.nav {margin-top:0}
ul.nav.notop {float:none;width:250px;right:0;height:100%;background:rgba(169, 0, 100, .95);z-index:3;position:fixed}
ul.nav.notop li {float:none;display:block;line-height:48px;color:#FFF;margin:0 16px;text-align:right}
body.show ul.nav { display: block;   margin-left: -10px; margin-top:-40px}
body.show.fix ul.nav { margin-top:0}
ul.nav { float:none; margin-top:0; width:100%; height:100%; background:rgba(0,0,0,0.95); z-index:3; position:fixed;}
ul.nav li {float:none;display:block;line-height:48px;color:#FFF;margin:0 16px;text-align:center}
.b33 p { font-size:18px;  margin:0 0 0 10px;  }
.nav ul:before{	border-color:none;border-style:none;border-width:0px 0 0 0;content:"";}
.b25 {width:33%; padding:54px 20px}
.post { padding:20px 48px}
.post.s25, .post.s33 {width:50%;}
.post.s50 {width:100%;}
.post.s75 {width:100%;}
.post.s100 {width:100%;}
.iam {background: rgba(211,139,21,1); margin-top:0px; height:428px}

.banner .item p:before, .banner .item h2:after  { display:none}
.banner .item.uno p { margin-left:0}.iam h3 { margin-top:24px}
	.imagenObra img { width:100%}}

@media screen and (max-width: 1024px) {
.listjobs ul li.flota { width:33%; }
ul.nav li { margin:0 8px}

.iam { margin-top:-298px; height:auto;background: rgba(211,139,21,1);}
.iam { overflow:hidden; padding-top:70px;} 

.banner { height:100vh}
.banner { position:relative;/*	background:url(../images/section01.jpg) top center fixed;*/	-webkit-background-size:none;-moz-background-size:none;-o-background-size:none; margin-top:0}
.banner .item.uno {background:url(../images/section01.jpg) center center; }
.banner .item.uno h2 { line-height:64px; margin-left:0px }
.banner .item.uno p {  padding:24px 64px 24px 16px; margin-top:0;  }

.b33 { width:100%;  margin-top:10px; margin-bottom:10px; display:block;}
.b33:after { background:none;}
.b33 p {  float:none; text-align:center  }

article.s25  {width:50%;}

footer .info, footer .seguinos { width:50%}
footer { height:auto}
.banner .item.uno h2 { line-height:48px;margin-left:0 }
.banner .item.uno p {padding:12px 18px;margin-left:0 }


ul.nav li {float:none;display:block;line-height:48px;color:#FFF;margin:0 16px;text-align:right}
ul.nav li:first-child {margin-top:0;}
.nav ul{display:block; background:none; position: static;  -webkit-box-shadow:none;-moz-box-shadow:none;}
ul.nav ul li:first-child { margin-top:20px}
.nav ul li:hover a, .nav li:hover li a{ color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none; }
body.show.fix ul.nav li:first-child {margin-top:20px}
body.interior .iam { height:auto; margin-top:0;}
i.star { display:none}
	.leftCol blockquote { width:100%; margin-bottom:32px}
 
}
@media screen and (max-width: 760px) {

	.leftCol { width:100%; padding:0 10px; margin-right:0%;}
aside { width:100%; float: right; position:relative; padding:0 10px  }
.video { width:100%}
.botsgal img { width:33%}

	.banner .item h2  { font-size:18px; line-height:22px}
	.banner .item.cinco h2  {  color:#fff; margin-top:100px }
	.imagenObra { display:none}
	.imagenObra img { width:100%}
	.galleria { width:100%}
	.galleria img { width:50%}
	
header h1 { font-size:27px; margin-top:24px}
.post.s25, .post.s33, .b25, .post.s66   {width:100%;}
.listjobs ul li.flota { width:50%; }

footer .info, footer .seguinos { width:100%}
.modal{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;height:100%;  }
.modal.filosofia { width:100%; margin-left:0%; left:0; top:30px; height:auto}
.modal.soporte { width:100%; margin-left:0%; left:0; top:30px}
i.close.black { right:0; top:-28px}
.boxContact { display:none}
.post { padding:0}
.page { padding:64px 0 64px 0px}
.iam { margin-top:0}

.banner h2  {font-size:32px; line-height:32px;  width:100%;}
.banner p {	font-size:14px;	 line-height:16px;  width:100%;}
.banner .item.uno p, article.s50   { width:100%;} article.s50 { padding-top:20px}
}
@media screen and (max-width: 560px) {
.top .data .soporte { display:none} 
article {width:100%; padding:10px; padding-top:98px; border-bottom:1px solid #CCC }	
article.s25  {width:100%;}
.botsgal img { width:50%}
}
@media screen and (max-width: 420px) {
	.botsgal img { width:100%}
header h1 { font-size:18px; margin:28px 0 0 6px;}
header h1 span { display:none}
.listjobs ul li.flota { width:100%; }
	.galleria img { width:100%}
}
@media screen and (max-width: 360px) {
.icoCall {transform:scale(0.66);-ms-transform:scale(0.66);-webkit-transform:scale(0.66); }
.b33 p {   font-size: 15px;  margin: 0 0 0 5px;}
 
}


/* promo BOX*/
/* promo BOX*/
.boxContact textarea { margin: 0 0 24px 0; border:1px solid  #CCC; width:100%; height:77px}
.boxContact {
	width:316px;
	height:320px;
	position:fixed;
	background: rgba(0,0,0,0.77);
	margin-bottom:-21px;
	-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 10px 10px rgba(0,0,0,0.2);
	box-shadow:0 1px 10px rgba(0,0,0,0.2);-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;transition:all 0.8s ease;
	bottom:0; z-index:999; opacity:0; margin-bottom:-350px; right:0;
	}
.boxContact.cbp-spmenu-open {opacity:1;margin-bottom:0px; position: fixed}
.boxContact.cbp-spmenu-open .icon-caret-up { display:none; background:url(../images/sprite.png) no-repeat; background-position:-577px -15px; width:38px; height:38px; position:absolute; right:10px  }
.boxContact.cbp-spmenu-open .icon-caret-down { display:block;cursor:pointer;background:url(../images/sprite.png) no-repeat; background-position:-527px -15px; width:38px; height:38px;position:absolute; right:10px }

.boxContact.cbp-spmenu-min {bottom:0px; opacity:1;height:0px;}
.boxContact.cbp-spmenu-min .icon-caret-up { display:block; cursor:pointer;}
.boxContact.cbp-spmenu-min .icon-caret-down { display:none}
.boxContact.cbp-spmenu-min .contentPromo { display:none}

.boxContact .title { width:100%;  height:32px; background: rgba(0, 0, 0, 0.9); position:absolute; top:-32px; }
.boxContact .fl { float:left; margin:1px 0 0 4px}
.boxContact .imgPost { float:left; margin:5px 10px 10px 0}
.boxContact .title p { float:left; font-size:14px; color: #FFF; margin-left:10px; margin-top:4px; }
.boxContact p.promoTitle { font-size:14px; line-height:15px; color:#039; margin:30px 0 10px 0}
.boxContact p.promoDesc { font-size:12px;   line-height:13px; color:#666666; margin:10px 0}

.boxContact a.promoUrl { font-size:12px;   line-height:13px; color:#fff; margin:10px 0;background: rgba(25, 56, 139, 1); padding:4px 8px;webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; cursor: pointer;}
.boxContact a.promoUrl:hover {	-webkit-box-shadow:0 1px 5px rgba(25, 56, 139, 0.5);-moz-box-shadow:0 1px 3px rgba(25, 56, 139, 0.5);box-shadow:0 1px 3px rgba(25, 56, 139, 0.5); text-decoration:none;background: rgba(25, 56, 139, 0.8);}
.contentPromo { height:308px}


.widgetContact { position:fixed; bottom:28px; right:20px; width:48px; height:48px; display:none  }
.widgetContact .icon { width:48px; height:48px; background: #F60 url(../images/sprite2.svg) no-repeat; position: absolute;transition:all 0.21s ease;transition:all 0.21s ease-out 0s; cursor:pointer; -webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;}
.widgetContact .icon.more { background-position: 0 0; z-index:1000}
.widgetContact .icon.mail { background-position: -48px 0; z-index:989; opacity:0}
.widgetContact .icon.phone { background-position: -96px 0; z-index:988; opacity:0}
.widgetContact .icon.map { background-position: -144px 0; z-index:997; opacity:0}

.icon.whatsapp {background: #09ae09 url(../images/sprite2.svg) no-repeat; background-position: -192px 0; z-index:997; opacity:0; position:fixed;  left:20px; bottom:28px; opacity:1;width:48px; height:48px; -webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px; display:none}

.widgetContact .icon.more.close {background-position: 0 0;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);/*transform: rotate(45deg) translate(50px);*/}
.widgetContact .icon.mail.open { background-position: -48px 0; margin-left:-68px;opacity:1 }
.widgetContact .icon.phone.open { background-position: -96px 0; margin-top:-68px;opacity:1}
.widgetContact .icon.map.open { background-position: -144px 0; margin-top:-68px; margin-left:-68px;opacity:1}
@media screen and (max-width: 760px) {.widgetContact { display:block}
.icon.whatsapp {display:block}
}

.forms { padding:10px; }
.forms input,.forms textarea { color:#999; width:100%; border:1px solid #b6bbbf; background:#edeff0; line-height:22px; padding:6px; font-size:16px; margin:4px 0 8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family: 'Titillium Web', sans-serif; }
.forms select{ color:#999;width:100%;border:1px solid #b6bbbf;background:#edeff0;line-height:22px;padding:6px;font-size:16px;margin:4px 0 8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family: 'Titillium Web', sans-serif;}
.forms button { border:none; line-height:28px; font-size:21px; background:#333; color:#fff; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; font-family: 'Titillium Web', sans-serif; margin:16px 0; padding: 10px 16px }
.forms input:focus {-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);} 
.forms button { background:#333; margin-top:10px}


/* image gallery*/
#imagelightbox{cursor:pointer;position:fixed;z-index:10000;-ms-touch-action:none;touch-action:none;-webkit-box-shadow:0 0 3.125em rgba(0,0,0,.75);box-shadow:0 0 3.125em rgba(0,0,0,.75)}#imagelightbox-loading,#imagelightbox-loading div{border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#imagelightbox-loading{width:2.5em;height:2.5em;background-color:#444;background-color:rgba(0,0,0,.5);position:fixed;z-index:10003;top:50%;left:50%;padding:.625em;margin:-1.25em 0 0 -1.25em;-webkit-box-shadow:0 0 2.5em rgba(0,0,0,.75);box-shadow:0 0 2.5em rgba(0,0,0,.75)}#imagelightbox-loading div{width:1.25em;height:1.25em;background-color:#fff;-webkit-animation:imagelightbox-loading .5s ease infinite;animation:imagelightbox-loading .5s ease infinite}@-webkit-keyframes imagelightbox-loading{from{opacity:.5;-webkit-transform:scale(.75)}50%{opacity:1;-webkit-transform:scale(1)}to{opacity:.5;-webkit-transform:scale(.75)}}@keyframes imagelightbox-loading{from{opacity:.5;transform:scale(.75)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.75)}}#imagelightbox-overlay{background-color:#fff;background-color:rgba(255,255,255,.6);position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0}#imagelightbox-close{width:2.5em;height:2.5em;text-align:left;background-color:#666;border-radius:50%;position:fixed;z-index:10002;top:2.5em;right:2.5em;-webkit-transition:color .3s ease;transition:color .3s ease}#imagelightbox-close:hover,#imagelightbox-close:focus{background-color:#111}#imagelightbox-close:before,#imagelightbox-close:after{width:2px;background-color:#fff;content:'';position:absolute;top:20%;bottom:20%;left:50%;margin-left:-1px}#imagelightbox-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#imagelightbox-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#imagelightbox-caption{text-align:center;color:#fff;background-color:#666;position:fixed;z-index:10001;left:0;right:0;bottom:0;padding:.625em}#imagelightbox-nav{background-color:#444;background-color:rgba(0,0,0,.5);border-radius:20px;position:fixed;z-index:10001;left:50%;bottom:3.75em;padding:.313em;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#imagelightbox-nav button{width:1em;height:1em;background-color:transparent;border:1px solid #fff;border-radius:50%;display:inline-block;margin:0 .313em}#imagelightbox-nav button.active{background-color:#fff}.imagelightbox-arrow{width:3.75em;height:7.5em;background-color:#444;background-color:rgba(0,0,0,.5);vertical-align:middle;display:none;position:fixed;z-index:10001;top:50%;margin-top:-3.75em}.imagelightbox-arrow:hover,.imagelightbox-arrow:focus{background-color:#666;background-color:rgba(0,0,0,.75)}.imagelightbox-arrow:active{background-color:#111}.imagelightbox-arrow-left{left:2.5em}.imagelightbox-arrow-right{right:2.5em}.imagelightbox-arrow:before{width:0;height:0;border:1em solid transparent;content:'';display:inline-block;margin-bottom:-.125em}.imagelightbox-arrow-left:before{border-left:none;border-right-color:#fff;margin-left:-.313em}.imagelightbox-arrow-right:before{border-right:none;border-left-color:#fff;margin-right:-.313em}#imagelightbox-loading,#imagelightbox-overlay,#imagelightbox-close,#imagelightbox-caption,#imagelightbox-nav,.imagelightbox-arrow{-webkit-animation:fade-in .25s linear;animation:fade-in .25s linear}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media only screen and (max-width: 41.250em){#container{width:100%}#imagelightbox-close{top:1.25em;right:1.25em}#imagelightbox-nav{bottom:1.25em}.imagelightbox-arrow{width:2.5em;height:3.75em;margin-top:-2.75em}.imagelightbox-arrow-left{left:1.25em}.imagelightbox-arrow-right{right:1.25em}}@media only screen and (max-width: 20em){.imagelightbox-arrow-left{left:0}.imagelightbox-arrow-right{right:0}}

button { border:none}