@import url(icomoon/style.css);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700&subset=latin,latin-ext);
* {border:0;margin:0;padding:0;outline:none;box-sizing:border-box;}
body {padding-top: 120px; background:#fff;color:#000;font-family:'Ubuntu',sans-serif;font-size:90%;line-height:140%;overflow-x:hidden; }
.bodyPortada {padding-bottom: 0 !important;}
ul {list-style:none;}
b {font-weight:bold;}
/*Grilla*/
div[class*="col-"] {float:left;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
/**/

/*Limpiar flotamientos*/
.clearfix:after,
.wrap:after,
div[class*="col-"]:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}

/*
--------- TEXTOS ---------
*/
h1,.titulo1 {color:#000;display:block;font-size:240%;font-weight:700;line-height:120%;padding:12px 0px 10px 0px;text-transform:uppercase;}
h2,.titulo2 {color:#333;display:block;font-size:180%;font-weight:700;line-height:110%;padding:10px 0px 8px 0px;}
h3,.titulo3 {color:#333;display:block;font-size:120%;font-weight:700;line-height:100%;padding:9px 0px 7px 0px;}
p + p {margin-top: 15px;}
.peq {font-size:90%;}
.validator {color:#900 !important;}
.pie .validator {color:#FFFFBF !important;}
/*
--------- ENLACES ---------
*/
a:link,a:visited,a:active {color:#000;text-decoration:underline;}
/*
--------- ESTRUCTURA ---------
*/
.contenidoCentrado {margin:0 auto;padding:0px 20px;width:940px;}
.altoMinimo {min-height:450px;}
.p0 {padding: 0 !important;}
.pr0 {padding-right: 0 !important;}
.pl0 {padding-left: 0 !important;}
.divSubmenu {background:url(../img/fnd_submenu.png) repeat-x;clear:both;height:46px;margin-top:1px;}
.submenu {margin:0 auto;text-align:center;width:940px;}
.submenu li {display:inline-block;}
.submenu li a:link,.submenu li a:visited,.submenu li a:active {background-image:url(/gestion/catalogo/icos/0.png);background-position:1px 13px;background-repeat:no-repeat;display:inline-block;font-size:100%;margin-right:10px;padding:13px 5px 4px 24px;text-decoration:none;}
.submenu li a:hover {color:#444;}
.submenu li a.seleccionado {border-bottom:1px solid #999;}
.submenu li a.hypSopControl:link,.submenu li a.hypSopControl:visited,.submenu li a.hypSopControl:active {background-image:url(/gestion/catalogo/icos/soporte_remoto.png);}
.submenu li a.hypSopCorreo:link,.submenu li a.hypSopCorreo:visited,.submenu li a.hypSopCorreo:active {background-image:url(/gestion/catalogo/icos/soporte_correo.png);}
.carrusel {clear:both;padding:20px 0 0 0;}
.carruselSeccion {/*background:#500000;height:200px;*/margin-top:1px;}
.franja {height:35px;background:url(../img/fnd_franja.jpg) repeat-x;width:100%;}
.pie_inf {background:#DFDFDF;border-top:3px solid #222;clear:both;height:60px;margin-top:15px;text-align:center;}
.pie_inf > div {display:inline-block;}
.logo_confianza:link,.logo_confianza:visited,.logo_confianza:active {background:#222;border-radius:5px;clear:both;display:block;float:right;margin-top:48px;padding:6px;}
/*
--------- ALINEADOS / VISIBILIDAD ---------
*/
.izquierda {float:left;}
.derecha {float:right;}
.clear {clear:both;} 
.centrado {text-align:center;}
.justificado {text-align: justify;}
.tar {text-align: right;}
.tal {text-align: left;}
.oculto {display:none;}
.padSupInf {padding-top:25px;padding-bottom:20px;}
.relative {position: relative;}
/*
--------- CATÁLOGO ---------
*/
/* Ficha pequeña */
.fichapeq {float:left;height:165px;margin:5px 5px 40px 5px;overflow:hidden;width:460px;}
.fichapeq_foto {float:left;height:165px;width:165px;}
.fichapeq_info {float:right;height:165px;line-height:130%;position:relative;width:283px;}
.fichapeq_nombre a:link, .fichapeq_nombre a:visited, .fichapeq_nombre a:active {font-size:110%;font-weight:700;text-decoration:none;text-transform:uppercase;}
.fichapeq_nombre a:hover {color:#777;}
.fichapeq_masinfo:link, .fichapeq_masinfo:visited, .fichapeq_masinfo:active {background:linear-gradient(#ccc, #888);color:#fff;border-radius:10px;bottom:0px;font-size:120%;left:0px;padding:6px 30px 8px 30px;position:absolute;text-decoration:none;}
.fichapeq_masinfo:hover {background:linear-gradient(#ddd, #888);border:1px solid #aaa;color:#fff;border-radius:10px;bottom:0px;font-size:120%;left:0px;padding:5px 29px 7px 29px;position:absolute;text-decoration:none;}
.fichapeq_desc {clear:both;font-size:90%;line-height:134%;padding-top:4px;}
.fichapeq_foto img {border-radius:5px;max-width:165px;}
/* Ficha grande */
.ficha {overflow:hidden;padding:10px 0px 10px 0px;}
.ficha img.izquierda {box-shadow:0px 1px 10px #999;display:inline;margin:10px 15px 10px 5px;max-width:320px;}
.ficha img.derecha {box-shadow:0px 1px 10px #999;display:inline;margin:10px 5px 10px 15px;max-width:320px;}
/*
--------- CARRUSEL ---------
*/
.carruselSeccion {/*background:url(../img/fnd_carrusel.jpg) repeat-x;*/}
/*
--------- LISTAS ---------
*/
.lista1 {}
.lista1 li {background:url(../img/punt1.png) no-repeat 0px 10px;padding:5px 0px 5px 9px;}
.pie .lista1 li {background:url(../img/punt1.png) no-repeat 0px 7px;padding:2px 0px 2px 9px;}
/*
--------- FORMULARIOS ---------
*/
.btn0:link,.btn0:visited,.btn0:active {background:#FF7F00;border-radius:5px;color:#fff;display:inline-block;font-size:120%;padding:5px 20px;text-align:center;text-decoration:none;}
.btn0:hover {background:#DF5F00;color:#fff;}
.input2 {border:1px solid #999;border-radius:5px;font-family:'Ubuntu',sans-serif;padding:4px 6px;width:150px;}
.input3 {border:1px solid #999;border-radius:5px;font-family:'Ubuntu',sans-serif;padding:4px 6px;width:200px;}
.textarea0 {border-radius:5px;font-family:'Ubuntu',sans-serif;height:60px;padding:4px 6px;width:200px;}
/*
--------- BOLETINES ---------
*/
.inputBoletin {background:#777;border-radius:5px;color:#fff;margin:9px 0px;padding:2px 4px;width:172px;}
/*
--------- CONTACTAR ---------
*/
.divContactar {background:#222;border-bottom:1px solid #111111;box-shadow:0px 0px 100px #222;color:#fff;display:none;left:0px;min-height:416px;padding:0 2% 17px;position:absolute;top:0px;width:96%;z-index:10000;}
.divContactar > div {float:left;padding-right:1%;width:32%;}
.divContactar h1 {color:#fff;}
.divContactar h2 {color:#a1a1a1;}
.divContactar a:link,.divContactar a:visited,.divContactar a:active {color:#fff;}
.divContactar .input2,.divContactar .input3 {width:85%;}
.btnCerrarContactar {background:url(../img/btnCerrar.png) no-repeat center center;height:40px;position:absolute;right:12px;top:10px;width:40px;}
.divContactar .validator {color:#FFFFBF !important;display:none;}
/*
--------- MENSAJE SUPERIOR ---------
*/
.msg {background:#FF7F00;border-bottom:1px solid #934900;color:#fff;font-size:110%;left:0px;padding:17px 0px 17px 0px;position:absolute;text-align:center;top:0px;width:100%;z-index:1000000;}
/*
--------- SOPORTE ---------
*/
.controlRemoto1 {background:#f2f2f2 url(../img/fnd_soporteDE.png) no-repeat right top;border-bottom:2px solid #ddd;float:left;margin:10px 0px;padding:0 10px 12px 15px;width:435px;}
.controlRemoto2 {background:#f2f2f2 url(../img/fnd_soporteTV.png) no-repeat right top;border-bottom:2px solid #ddd;float:right;margin:10px 0px;padding:0 10px 12px 15px;width:435px;}
.divClave {background:#f2f2f2;border-radius:8px;box-shadow:0px 0px 25px #999;margin:70px auto 10px auto;padding:10px 20px 20px 20px;text-align:center;width:410px;}
.lnkSoporte1:link,.lnkSoporte1:visited,.lnkSoporte1:active {background:#D1878A url(../img/fnd_descarga.png) no-repeat 1px center;border:1px solid #C1777A;clear:both;color:#fff;border-radius:3px;display:inline-block;font-size:86%;margin:5px 3px 5px 0px;padding:3px 6px 5px 30px;text-decoration:none;text-transform:uppercase;}
.lnkSoporte1:hover {background-color:#C1777A;}
.lnkSoporte2:link,.lnkSoporte2:visited,.lnkSoporte2:active {background:#14A0E8 url(../img/fnd_descarga.png) no-repeat 1px center;border:1px solid #0490D8;clear:both;color:#fff;border-radius:3px;display:inline-block;font-size:86%;margin:5px 3px 5px 0px;padding:3px 6px 5px 30px;text-decoration:none;text-transform:uppercase;}
.lnkSoporte2:hover {background-color:#0490D8;}
/*
--------- NOTICIAS ---------
*/
.divNoticiasDestacadas {/*border-right:1px solid #ddd;float:left;*/font-size: 0;}
.noticiadest {font-size: 16px;width: 31.333%;display: inline-block;vertical-align: top;margin: 0 1% 30px 1%;border: solid 1px #e3e3e3;border-radius: 3px;padding: 30px;background: #ffffff;}
.noticiadest_titulo {/*border-bottom:1px solid #ddd;*/display:block;font-size: 18px;line-height: 22px;margin-bottom: 10px;text-decoration: none !important;font-weight: 700;color: #D22D14 !important;}
.noticiadest_resumen a {
	display: inline-block;
}
.noticiadest_fecha, .noticialateral_fecha {
    color: #999;
    font-size: 13px;
    display: block;
    margin: 5px 0px;
}
.noticiadest_foto {
    position: relative;
    margin-bottom: 20px;
    margin-top: -31px;
    margin-right: -31px;
    margin-left: -31px;
}
.noticiadest_foto:after {
	content: '';
	display: block;
	padding-top: 70%;
}
.noticiadest_foto img {width:100%;position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;}
.noticiadest_resumen {
}
.noticiadest_resumen p,
.noticiadest_resumen span {
    font-size: 14px !important;
}
.noticiadest_ampliar {color: #fff !important; display:inline-block;font-size: 16px;margin-top:16px;padding: 0 15px;text-decoration:none !important;text-transform:uppercase;background: #D22D14;height: 30px;line-height: 30px;border-radius: 3px;}
.noticiadest_ampliar:hover {color:#000;}

.divNoticiasLaterales {float:right;padding-top:10px;width:205px;}
.noticialateral + .noticialateral {
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #e3e3e3;
}
.noticialateral a {
    display: inline-block;
}
.noticialateral_titulo {
	display: block;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    color: #D22D14 !important;
    text-decoration: none !important;
}
.noticia {/*border-right:1px solid #ddd;float:left;*/margin-bottom:20px;/*padding-right:15px;width:700px;*/}
.noticia_titulo {
	color: #3e3e3e;
    font-size: 33px;
    text-transform: initial;
    padding: 0;
    line-height: 40px;
    margin: 20px 0;
}
.noticia_fecha {color:#999;font-size:80%;overflow:hidden;padding:0px 0px 5px 0px;}
.noticia_fuente {font-size:90%;padding:7px 0px;}
.noticia_fuente a:link,.noticia_fuente a:visited,.noticia_fuente a:active {color:#666;}
.noticia_texto p {
    font-size: 18px;
    line-height: 24px;
}

.noticia_texto p a {
	background-color: #D22D14;
    margin-top: 10px;
    padding-top: 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 3px;
}
.divGaleriaResponsive {border-top:1px solid #ddd;margin-top:8px;max-width:690px;padding-top:12px;}

.noticia .divGaleriaResponsive {
    max-width: 100%;
    margin-top: 10px;
    border: none;
    padding-top: 0;
    text-align: left;
    background: #f9f9f9;
}

.noticia .divGaleriaResponsive .bx-wrapper {
	margin-bottom: 40px;
}

.noticia .divGaleriaResponsive .bx-wrapper li img {
	border-radius: 0;
}
.noticia .divGaleriaResponsive .bx-wrapper .bx-viewport {
	background: none;
}
/*Grid*/
.wrap {
	width: 98%;
	max-width: 1300px;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.oculto {display: none;}
.v-spacing-20 {padding: 20px 0;}
.v-spacing-50 {padding: 50px 0;}
.pr10 {padding-right: 10px;}
.pl10 {padding-left: 10px;}
.pr20 {padding-right: 20px;}
.pl20 {padding-left: 20px;}
/**/

.boton {
  display: inline-block;
  padding: 0px 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color:#D22D14;
  color: white !important;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 16px;
  cursor:pointer;
  border:none;
  text-decoration: none !important;
}
.boton:hover {background-color:#B43C28;}
.boton.peq {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
  font-weight:400;
}

.boton.gra {
  padding: 0 50px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}

.cabecera {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 2;
	z-index: 99;
}
.cabecera .wrap {
	height: 120px;
	transition:all 200ms linear;
}

.cabecera .social {
	position: absolute;
	top: 10px;
	right: 10px;
	transition: all 200ms linear;
}

.cabecera-min .social {
	top: -40px;
}

.cabecera .social a {
	display: inline-block;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #9C3423;
    transition: all 200ms linear;
    color: white;
    opacity: .7;
    transition: all 200ms linear;
    font-size: 15px;
    position: relative;
    vertical-align: top;
    text-decoration: none;
    z-index: 99;
    cursor: pointer;
}

.cabecera .social a:hover {
	opacity: .9;
}

.cabecera .logo {
	float: left;
	margin-top: 70px;
	transition:all 200ms linear;
}

.cabecera.cabecera-min {
	box-shadow: 0 1px 6px rgba(0,0,0,0.2) !important;
}
.cabecera.cabecera-min .logo {
	margin-top: 18px;
}
.cabecera.cabecera-min .wrap {
	height: 68px !important;
}


.cabecera .menu-principal {
	float: right;
	margin-top: 81px;
	transition:all 200ms linear;
}

.cabecera.cabecera-min .menu-principal {margin-top:29px;}

.navicon {display: none;}

.cabecera .menu-principal > li {
	float: left;
	margin-left: 25px;
}
.cabecera .menu-principal > li,
.cabecera .menu-principal > li > a {
	color: #888888;
	text-transform: uppercase;
	font-size: 15px;
	cursor:pointer;
}

.cabecera .menu-principal > li > a {
	display: block;
	text-decoration: none;
	transition:all 200ms linear;
}

.cabecera .menu-principal li a:hover {color: black;}

.item-sub {position: relative;}
.item-sub:after {
	display: none;
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(245, 245, 245, 0);
	border-bottom-color: #f5f5f5;
	border-width: 10px;
	margin-left: -10px;
}
.item-sub:hover:after,
.item-sub.active:after {
	display: block;
}

.cabecera .menu-principal .sub-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background: #F5F5F5;
	text-align: center;
	padding: 20px 0;
}
.cabecera .menu-principal .sub-menu:before {
	content:'';
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	height: 23px;
}
@media only screen and (min-width:980px){ 
	.item-sub:hover + .sub-menu,
	.sub-menu:hover {
		display: block !important;
	}
}
.cabecera .menu-principal .sub-menu li {
	display: inline-block;
	margin: 0px 20px;

}
.cabecera .menu-principal .sub-menu li a {
	font-size: 14px;
	color:#C30000;
	text-decoration: none;
	text-transform: uppercase;
}
.cabecera .menu-principal .sub-menu li a:hover {color:black;}

.cabecera .menu-principal .sub-menu-cat li {
	text-align: left;
	vertical-align: top;
}
.cabecera .menu-principal .sub-menu-cat li .titulo-cat {
	text-transform: uppercase;
	color:#9C3423;
	display: block;
	margin-bottom: 10px;
}
.cabecera .menu-principal .sub-menu-cat li div {

}
.cabecera .menu-principal .sub-menu-cat li div a {
	display: block;
	text-transform: initial;
	color: black;
	margin-bottom: 5px;
}
.cabecera .menu-principal .sub-menu-cat li div a:hover {text-decoration: underline;}
.video {
	position: relative;
	height: 600px;
	overflow: hidden;
	background: #000;
}
.video .portada-responsive {
	background:url(/video/portada-responsive.png);
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: center center !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	opacity: .7;
}
.video video {
	width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: .7;
	/*display: none;*/
}
.video h1 {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
	font-weight: 600;
	font-size: 40px;
	width: 100%;
	max-width: 650px;
	z-index: 2;
}
.video.partner h1 {
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

}
.video h1 span {
	display: block;
	margin-top: 10px;
	font-size: 20px;
	font-weight: normal;
	line-height: 21px;
}
.boton-video {
  color: white !important;
  display: inline-block;
  color: white;
  font-size: 60px;
  text-decoration: none !important;
  opacity: .8;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 80px;
}
.boton-video:hover {opacity: 1;}

.video.partner .boton-video {
	position: initial;
	left:initial;
	margin-left: 0;
  margin-top: 30px;
}

.formulario-video {
  background-color: white;
  overflow: hidden;
  width: 90%;
  max-width: 400px;
  padding: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right:0;
}
.formulario-video .validacion {font-size: 12px;color: red;display: none;}

.formulario-video .label-input {
  display: block;
  position: relative;
}
.formulario-video .label-input .help-block {font-size: 12px;}
.formulario-video .label-input .form-error {color: #D50F0F;}


.formulario-video .label-input.has-success:before,
.formulario-video .label-input.has-error:before {
  position: absolute;
  right: 2px;
  top: 24px;
  font-size: 24px;
}
.formulario-video .label-input.has-success:before {
  font-family:'icomoon';
  content: "\e900";
  color: #02C34B;
}
.formulario-video .label-input.has-error:before {
  font-family:'icomoon';
  content: "\e5c9";
  color: #D50F0F;
}

.formulario-video .label-input p {
  font-family: helvetica;
  font-size: 13px;
  color: #1E1E1E;
  font-weight: bold;
  text-transform: uppercase;
}

.formulario-video .label-input + .label-input {margin-top: 30px;}

.formulario-video input[type="text"] {
  width: 100%;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  color: black;
  padding: 5px;
  height: 30px;
  background: #b3dede;
  border:none;
} 

.formulario-video .label-input.has-success input[type="text"],
.formulario-video .label-input.has-error input[type="text"] {
  padding-right: 28px;
}

.formulario-video .grupo-botones {
  text-align: right;
  float: left;
  width: 100%;
  margin-top: 30px;
}

.formulario-video .politica {
  font-size: 12px;
  color: gray;
  margin-top: 10px;
}

.formulario-video .politica a {text-decoration: underline;}
.formulario-video .politica a:hover {text-decoration: none;}

.formulario-video .boton-enviar {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  background-color:#9c3423;
  color: white;
  text-align: center;
  border-radius: 2px;
  border:none;
  position: relative;
}

.formulario-video .boton-enviar i {
  position: absolute;
  top: 15px;
  right: 7px;
  font-size: 18px;
}

.formulario-video .boton-enviar:hover {
  background-color:#171B1E;
}

.bg-video { 
	width: 100%;
	height: 650px;
	overflow: hidden;
	position: relative;
	background-color: #000;
} 
.bg-video #player { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100vw;
	height: 100vh; 
	opacity: .7;
}

.bg-video .overlay { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100vw; 
	height: 100vh; 
	z-index: 1; 
}

.img-top {
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: black;
}
.img-top img {width: 100%;opacity: .7;}

.img-top h1 {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 10%;
	color:white;
	font-size: 60px;
	text-align: center;
	width: 400px;
	z-index: 1;
}

.titulo-seccion {
	color: #C03636;
	font-weight: normal;
	font-size: 40px;
	padding: 30px 0;
}
.titulo-seccion + .resumen-seccion {margin-top: -30px;}
.resumen-seccion {
	font-size: 22px;
	margin-bottom: 20px;
}

.listado-noticias {
	margin-right: -10px;
	margin-left: -10px;
	overflow: hidden;
	padding-bottom: 30px;
}

.listado-noticias .col-item {
	width: 33.33333%;
	float: left;
	padding: 10px;
}

.listado-noticias .item .imagen img {
	width: 100%;
}

.listado-noticias .item .resumen {
	padding-top: 10px;
	color: black;
	font-size: 20px;
	line-height: 25px;
}

.pie {
	background-color:#9C3423;
	color: white;
	overflow: hidden;
	padding-top: 40px;
	font-size: 15px;
	position: initial !important; 
}
.pie .pie-izq {
	width: 70%;
	float: left;
}
.pie .pie-izq .col-4 {}
.pie .pie-izq .col-3:not(:first-child) {
	border-left: solid 1px rgba(255,255,255,.2);
	padding-left: 30px;
}
.pie .pie-der {
	width: 30%;
	float: left;
}

.pie h2 {
	color: white;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-size: 16px;
}
.pie p,
.pie a {
	color: white;
	padding: 0;
}
.pie ul li {

}
.pie a {
	text-decoration: none;
}
.pie ul li a:hover {font-weight: 600;}

.pie-inferior {
	clear: both;
	overflow: hidden;
	float: left;
	width: 100%;
	padding: 20px 0;
	border-top: solid 1px rgba(255,255,255,.2);
	margin-top: 40px;
}
.pie-inferior a {
	font-size: 14px;
	opacity: .7;
	transition:all 200ms linear;
}

.pie-inferior .legal {
	float: left;
	margin-top: 10px;
}
.pie-inferior .social {
	float: right;
	text-align: right;
}
.pie-inferior .social a {
	display: inline-block;
	margin-left: 20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	color: #9C3423;
	opacity: .8;
	transition:all 200ms linear;
	font-size: 22px;
	position: relative;
	vertical-align: top;
}

.pie-inferior a:hover {opacity: 1;}
.pie-inferior .social a.icon-confianza-online:before {
	content: '';
	background: url(/../img/icoConfianzaOnline.png);
	-webkit-background-size: contain !important;
	background-size: contain !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.lnkContactar:link,.lnkContactar:visited,.lnkContactar:active {height:123px;position:absolute;right:0px;top:0px;width:119px;z-index: 3;}
.divContactar {background:#222;border-bottom:1px solid #111111;box-shadow:0px 0px 100px #222;color:#fff;display:none;left:0px;min-height:416px;padding:0 2% 17px;position:absolute;top:0px;width:100%;z-index:10000;}
.divContactar > div {float:left;padding-right:1%;width:32%;}
.divContactar input[type="text"],
.divContactar textarea {
	border: 1px solid #999;
border-radius: 5px;
font-family:arial;
font-size: 14px;
padding: 4px 6px;
width: 85%;
}
.divContactar .btn0 {
	background: #FF7F00;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 120%;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
}
.divContactar .btn0:hover {
	background: #EB7500;
}
.divContactar p {padding:7px 0px;}
.divContactar h1 {display: block;
font-size:34px;
font-weight: 700;
line-height: 120%;
padding: 12px 0px 10px 0px;
text-transform: uppercase;}
.divContactar h2 {display: block;
font-size: 26px;
font-weight: 700;
line-height: 110%;
padding: 10px 0px 8px 0px;
color: #a1a1a1;
}
.divContactar a:link,.divContactar a:visited,.divContactar a:active {color:#fff;}
.btnCerrarContactar {background:url(../img/btnCerrar.png) no-repeat center center;height:40px;position:absolute;right:12px;top:10px;width:40px;}
.divContactar .validator {color:#FFFFBF !important;display:none;}

.listado-portafolio {
	padding: 30px 0;
}

.ficha-portafolio {
	display: block;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding: 20px;
	background-color:#F8F8F8;
	margin-bottom: 20px;
}

.ficha-portafolio .texto {
	float: left;
	width: 60%;
	padding-right: 20px;
}

.ficha-portafolio h2 {
	font-size: 50px;
	color: black;
	margin: 0;
	padding: 0;
	font-weight: normal;
	padding-bottom: 10px;
}

.ficha-portafolio h3 {
	text-transform: uppercase;
	font-size: 16px;
	border-bottom:solid 2px #9C3423;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.ficha-portafolio h3 span {
	display: inline-block;
	width: 7px;
	height: 7px;
	background-color: #000;
	margin: 0px 10px;
	vertical-align: middle;
	margin-bottom: 2px;
}

.ficha-portafolio p {
	font-size: 16px;
	padding: 0;
	margin: 0;
	line-height: 23px;
}

.ficha-portafolio .imagen {
	float: left;
	width: 40%;
}

.ficha-portafolio .imagen img {
	width: 100%;
}

.listado-portafolio .ficha-portafolio:nth-child(even) .texto {
	float: right;
	padding-right: 0;
	padding-left: 20px;
}

.pr20 {padding-right: 20px;}
.pl20 {padding-left: 20px;}

.bloque-1 {
	padding: 30px 0;
}
.bloque-1 .wrap {overflow: hidden;max-width: 900px;}

.bloque-1 h2 {
	text-align: center;
	color:#9C3423;
	font-family:'Trebuchet MS';
	font-size: 18px;
	text-transform: uppercase;
}
.bloque-1 h3 {
	text-align: center;
	color: #454545;
	margin: 20px 0;
	font-weight: lighter;
	font-style: italic;
	font-size: 25px;
	font-family:'Georgia';
	line-height: 30px;
}
.bloque-1 h3 br {margin-bottom: 10px;}
.bloque-1 h4 {
	font-size: 16px;	
	margin-bottom: 20px;
	color:#9C3423;
	font-family:'Trebuchet MS';
	text-transform: uppercase;
}
.bloque-1 p {
	font-size: 16px;
	padding: 10px;
}

.logos {
	padding: 10px 0;
	text-align: center;
	border-top:solid 1px #e3e3e3;
	background-color: #fff;
}

.logos img {
	display: inline-block;
	margin: 10px;
}

.encabezado-1 {
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: center center !important;
	height: 300px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.encabezado-1 .hgrupo {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 95%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	-webkit-transition: 1.2s all cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: 1.2s all cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: 1.2s all cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0;
	margin-top: 20px;
}
.encabezado-1 .hgrupo.active {opacity: 1;margin-top: 0;}


.encabezado-1 .hgrupo h1 {
	color:white;
	font-family:'Trebuchet MS';
	font-weight: lighter;
}

.encabezado-1:before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .35;
}

.c-1 {
	padding: 40px;
	margin-top: -50px;
	background: #fff;
	border-top:solid 5px #9C3423;
	overflow: hidden;
}
.c-1 p {
	color:#343434;
	font-size: 22px;
	line-height: 30px;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
.c-1 p.active {opacity: 1;}

.intermedio-1 {
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: center center !important;
	padding: 50px 70px;
	position: relative;
	overflow: hidden;
	margin: 50px 0;
}

.intermedio-1:before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:#9C3423;
	opacity: .9;
}

.intermedio-1 p {
	z-index: 1;
	color:white;
	font-family:'Georgia';
	font-style: italic;
	font-size: 30px !important;
	text-align: center !important;
	line-height: 35px !important;
	opacity: 0;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
.intermedio-1 p.active {opacity: 1;}

.intermedio-1 p.comillas {position: relative;}
.intermedio-1 p.comillas:before,
.intermedio-1 p.comillas:after {
	font-size: 60px;
	position: absolute;
}
.intermedio-1 p.comillas:before {
	content:'“';
	left: -40px;
	top: 20px;
}
.intermedio-1 p.comillas:after {
	content:'”';
	right: -40px;
	bottom: -10px;
}


/*.c-2 div[class*="col-"] {padding: 10px;}*/
.c-2 {margin: 20px 0;}

.c-2 .col-12 {
	-webkit-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	opacity: 0;
}
.c-2 .col-12.active {opacity: 1;}

.delay1 {
	-webkit-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}
.delay2 {
	-webkit-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}
.delay3 {
	-webkit-transition-delay: 3s;
	-o-transition-delay: 3s;
	transition-delay: 3s;
}
.c-2 .seccion {
	background: #fff;
	padding: 40px;
}
.c-2 .gris {background: #FAFAFA;}

.c-2 h2 {
	font-weight: lighter;
	font-family:'Trebuchet MS';
	font-size: 18px;
	color: #9C3423;
}
.c-2 p {
	text-align: justify;
	color: #454545;
	font-size: 16px;
}
.c-2 img {
	width: 100%;
}
.bg-img {
	-webkit-background-size:cover !important;
	background-size:cover !important;
	background-position: center center !important;
}
.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.texto-1 {
	margin-bottom: 40px;
}
.texto-1 .seccion {
	padding: 100px;
	background: #fafafa;
}
.texto-1 p {
	font-size: 22px;
	line-height: 27px;
}

.texto-2 {
	padding: 40px;
}

.texto-2 p {
	font-size: 16px;
	line-height: 23px;
}

.texto-2 h2 {
	font-family:'Trebuchet MS';
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

.texto-2 ul {

	padding: 20px;
}
.texto-2 ul li {
	
	list-style: initial;
	margin-bottom: 10px;
	color: #a50000;
}

.texto-2 .pic {
	margin-bottom: 10px;
}

.texto-2 .pic img {
	max-width: 100%;
}

.ancla-sharepoint,
.ancla-liferay {
	position: absolute;
	top: -100px;
	left: auto;
}

.form-cv {
	width: 100%;
	max-width: 700px;
	padding:50px;
	margin: 30px auto;
	border:solid 1px #e3e3e3;
}

.formulario input[type="text"],
.formulario input[type="password"],
.formulario input[type="email"],
.formulario select,
.formulario textarea {
	width: 100%;
	padding: 5px;
	height: 40px;
	border-radius: 3px;
	font-size:16px;
	font-family:'Ubuntu';
	border:solid 1px #CCCCCC;
}
.formulario .input-file {
	margin: 20px 0;
	display: block;
}
.formulario textarea {
	height: 80px;
	resize:vertical;
}
.formulario input[type="text"]:focus,
.formulario input[type="password"]:focus,
.formulario input[type="email"]:focus,
.formulario select:focus,
.formulario textarea:focus {box-shadow: 0 0 2px blue inset;}

.formulario label {display: block;}
.formulario label + label {margin-top: 10px;}

.formulario .input-label {
	display: block;
	margin-bottom: 5px;
}
.formulario .coletilla {
	font-size: 12px;
	color:#626262;
	text-align: justify;
}
.formulario .validacion {
	font-size: 12px;
	color: red;
}

.formulario .validacion span {
	margin-top: 4px;
	line-height: 12px;
	display: inline-block;
}

.formulario .msg-gracias {
	text-align: center;
}

.formulario .msg-gracias h2 {
	margin-bottom: 20px;
}

.imagen-mapa {
	width: 100%;
	height: 500px;
	background:url(/../img/img-mapa.jpg);
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: center bottom !important;
}

.form-contactar input[type="text"],
.form-contactar input[type="password"],
.form-contactar input[type="email"],
.form-contactar select {height: 30px;}

.form-contactar {
	width: 100%;
	max-width: 800px;
	margin:auto;
	margin-top: -280px;
	background:#fff;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	margin-bottom: 50px;
	position: relative;
}

.form-contactar .texto-intro {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	text-align: justify;
}
.form-contactar .texto-intro a {
	text-decoration: underline;
	color: #9C3423;
}
.form-contactar .texto-intro a:hover {text-decoration: none;}

.form-contactar .info-der {
	background:#9C3423;
	padding: 40px 20px;
	position: relative;
}


.form-contactar .info-der {color: white;}

.form-contactar .info-der .item {
	text-align: center;
	margin-bottom: 20px;
}

.form-contactar .info-der .item i {
	display: block;
	text-align: center;
	font-size: 40px;
	margin-bottom: 10px;
}

.form-contactar .info-der .item p {

}

.form-contactar .info-der .social {
	margin-top: 40px;
	text-align: center;
}

.form-contactar .info-der .soporte {
	margin-top: 40px;
	text-align: center;
}
.form-contactar .info-der .soporte a:link,.form-contactar .info-der .soporte a:visited,.form-contactar .info-der .soporte a:active {
	border:1px solid #fff;
	border-radius:40px;
	color:#fff;
	display:block;
	margin:5px 0;
	padding:2px 0 4px 0;
	text-decoration:none;
}

.form-contactar .info-der .social a {
	display: inline-block;
	margin: 5px;
	font-size: 16px;
	width: 35px;
	height: 35px;
	line-height: 34px;
	text-align: center;
	border:solid 1px #fff;
	color:white;
	text-decoration: none;
	border-radius: 50%;
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.form-contactar .info-der .social a:hover {
	background: #fff;
	color: #9C3423;
}

.form-contactar .formulario {
	padding: 40px 60px;
}

.form-contactar .mapa iframe {
	width: 100% !important;
	height: 300px !important;
}
.form-contactar .msg-gracias {
	padding: 40px 60px;
	text-align: center;
}
.form-contactar .msg-gracias h2 {margin-bottom: 20px;}

.fichas-proyectos {

}
.fichas-proyectos li {
	list-style-type: none;
}
.fichas-proyectos li + li {margin-top:30px;}
.fichas-proyectos	 h5 {

	font-size: 23px;
	border-bottom: solid 1px;
	padding-bottom: 10px;
	margin: 30px 0;
	color: #9c3423;
	text-transform: uppercase;
}

.fichas-proyectos li .tit-proy {

	font-weight: bold;
	font-size: 18px;
	color: #444;
}
.fichas-proyectos li .des-proy {

	padding: 10px 0;
	font-size: 18px;
}
.fichas-proyectos li .link-proy {
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px;
	background: #c9c9c9;
	border-radius: 3px;
}

.fichas-servicios {
	font-size: 0;
	margin-right: -1%;
	margin-left: -1%;
}
.fichas-servicios li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	margin: 1%;
	width: 48%;
}
.fichas-servicios li a {text-decoration: none;color: inherit;}
.fichas-servicios li img {width: 100%;}
.fichas-servicios li:before {
	content: '';
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	position: absolute;
	bottom: 0;
	left: 0;

}
.fichas-servicios li img {
	
}
.fichas-servicios li .info {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 2;
	color: white;
}
.fichas-servicios li .info h2 {
	background: #ce1226;
	color: white;
	text-transform: uppercase;
	padding: 8px 5px;
	font-size: 16px;
	font-family:helvetica;
	font-weight: lighter;
	text-align: left;
}
.fichas-servicios li .info p {
	min-height: 80px;
	font-size: 13px;
	line-height: 17px;
	background: rgba(0,0,0,0.4);
}

.full-imagen {
	position: relative;
}

.wrap-full-imagen {
	width: 100%;
	position: relative;
	height: 740px;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: center;
	background-repeat: no-repeat;
	transition:all 200ms linear;
}

.full-imagen.form-open .wrap-full-imagen {
	margin-left: -600px;
}

.wrap-full-imagen .centro {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 90%;
	text-align: center;
}

.full-imagen h1 {
	color:white;
	font-size: 43px;
	line-height: 70px;
	text-transform: initial;
	display: inline-block;
	/*! background: hsla(0, 0%, 100%, .2); */
	padding: 20px 30px;
	font-family:'ProximaNova-Bold';
	font-weight: normal;
}
.full-imagen h1 span {
	color: #D22D14;
	background: white;
	white-space: nowrap;
	padding: 0 10px;
}
.full-imagen h2 {
	font-weight: normal;
	font-size: 28px;
	color: white;
	margin: 20px 0;
	font-family:'ProximaNova-Semibold';
}
.full-imagen .btn_pp {
	margin-top: 20px;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0px 20px;
	color:white;
	text-transform: uppercase;
	background-color:#D22D14;
	border-radius:2px;
	cursor:pointer;
	font-size: 16px;
}

.form-presupuesto {
	position: absolute;
	top: 0;
	right: -600px;
	width: 100%;
	max-width: 600px;
	height: 100%;
	background-color: #fff;
	padding: 65px;
	transition:all 200ms linear;
}

.form-presupuesto .mensaje-estatus {

}

.form-presupuesto .mensaje-estatus h3 {

}

.form-presupuesto .mensaje-estatus p {
	font-size: 18px;
}


.full-imagen.form-open .form-presupuesto {
	box-shadow: inset 4px 0 3px 0px #d2d2d2;
	right: 0;
}

.form-presupuesto h3 {
	text-align: center;
	font-family:'ProximaNova-Bold';
	font-size: 18px;
	text-transform: uppercase;
	color:#575757;
	font-weight: normal;
	margin-bottom: 30px;
}

.seccion-iconos {
	background-color:#2C2C2C;
	font-size: 0;
}
.seccion-iconos .item {
	display: inline-block;
	color: white;
	position: relative;
	padding-left: 70px;
	padding-right: 50px;
	cursor: pointer;
	min-height: 140px;
	margin: 40px 0;
	text-align: center;
	text-decoration: none;
}

.seccion-iconos .item .flecha-abajo {
	position: absolute;
	z-index: 9;
	left: 50%;
	top: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 180px;
	color:#2C2C2C;
	height: 38px;
	line-height: 23px;
	display: none;
	transition:all 200ms linear;
	margin-top: 29px;
	margin-left: 1px;
	overflow: hidden;
}

.seccion-iconos .item.activo .flecha-abajo {
	display: inline-block;
}
.seccion-iconos i {
	position: absolute;
	left: -10px;
	top: 0;
	font-size: 70px;
}
.seccion-iconos h3 {
	font-size: 17px;
	font-weight: normal;
	font-family:'ProximaNova-Semibold';
	color: white;
	font-weight: normal;
	padding: 0;
	margin-bottom: 20px;
	text-align: left;
	min-height: 35px;
}
.seccion-iconos p {
	font-family:'ProximaNova-Regular';
	font-size: 16px;
	text-align: left;
	display: block;
}
.seccion-iconos .mas_info {
	color:white;
	text-decoration: none;
	height: 30px;
	display: inline-block;
	border: solid 1px white;
	line-height: 28px;
	padding: 0 12px;
	border-radius: 2px;
	text-transform: uppercase;
	margin-top: 20px;
	font-size: 11px;
}

.seccion-iconos .mas_info:hover {
	color:#2C2C2C;
	background:white;
}

.seccion-textos {
	background: #F5F5F5;
}

.seccion-textos .item {
	padding: 6% 0;
	position: relative;
	display: none;
}

.seccion-textos .item.izq {text-align: left;}
.seccion-textos .item.der {text-align: right;}


.seccion-textos .item .back-img {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 0;
}
.seccion-textos .item.izq .back-img {right: 0;}
.seccion-textos .item.der .back-img {left: 0;}

.seccion-textos .item .bq {
	position: relative;
	background: #fff;
	min-height: 360px;
	max-width: 1090px;
	display: inline-block;
}

.seccion-textos .item .bq .img {
	width: 360px;
	overflow: hidden;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0;
	height: 100%;
}

.seccion-textos .item.izq .bq {
	padding-left: 360px;
}
.seccion-textos .item.izq .bq .img {
	left: 0;
}

.seccion-textos .item.der .bq {
	padding-right: 360px;
}
.seccion-textos .item.der .bq .img {
	right: 0;
}

.seccion-textos .item .img:before {
	display: block;
	content:'';
	padding-top: 100%;
}

.seccion-textos .item .txt h3 {
	
	font-weight: normal;
	color: #D22D14;
	font-size: 20px;
	margin-bottom: 10px;
}

.seccion-textos .item .txt {
	float: left;
	padding: 7%;
	font-size: 17px;
	text-align: justify;
}
.seccion-textos .item .txt p {
	font-size: 18px;
	font-family:'ProximaNova-Regular';
	line-height: 23px;
	color: #4e4e4e;
}