@charset "utf-8";
/* CSS Document */
* {
	vertical-align: baseline;
	list-style:none;
	text-decoration:none;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}
a {
	color:inherit;
}
header, section, footer, aside, nav, article, figure {
	display: block;
}
select, option {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
}
@font-face {
	font-family: 'Oswald';
	src: url('../webfonts/Oswald/Oswald.eot');
	src: url('../webfonts/Oswald/Oswald.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/Oswald/Oswald.woff') format('woff'),
		url('../webfonts/Oswald/Oswald.ttf') format('truetype'),
		url('../webfonts/Oswald/Oswald.svg') format('svg');
}
@font-face {
	font-family: 'Oswald Light';
	src: url('../webfonts/Oswald_Light/Oswald-Light.eot');
	src: url('../webfonts/Oswald_Light/Oswald-Light.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/Oswald_Light/Oswald-Light.woff') format('woff'),
		url('../webfonts/Oswald_Light/Oswald-Light.ttf') format('truetype'),
		url('../webfonts/Oswald_Light/Oswald-Light.svg') format('svg');
}
@font-face {
	font-family: 'AvenirLight';
	src: url('../webfonts/avenir/AvenirLight.eot');
	src: url('../webfonts/avenir/AvenirLight.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/avenir/AvenirLight.woff') format('woff'),
		url('../webfonts/avenir/AvenirLight.ttf') format('truetype'),
		url('../webfonts/avenir/AvenirLight.svg') format('svg');
}
@font-face {
    font-family: 'LigatureSymbols';
    src: url('../webfonts/LigatureSymbols/LigatureSymbols-2.11.eot');
    src: url('../webfonts/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
         url('../webfonts/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../webfonts/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('../webfonts/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Elegant-Script';
    src: url('../webfonts/elegant/Elegant-Script.eot');
    src: url('../webfonts/elegant/Elegant-Script.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/elegant/Elegant-Script.woff') format('woff'),
         url('../webfonts/elegant/Elegant-Script.ttf') format('truetype'),
         url('../webfonts/elegant/Elegant-Script.svg#LigatureSymbols') format('svg');
    src: url('../webfonts/elegant/Elegant-Script.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/**/
.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
.lsf-icon:before {
  content:attr(title);
  margin-right:5px;
  margin-left:5px;
  font-size:1.3em;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
/***** IR ARRIBA *****/
.ir-arriba {
	cursor:pointer;
	padding:20px;
	display:inline-block;
	position: fixed;
	bottom:20px;
	right:20px;
	background:#FF6100;
	color:#FFF;
	font-size:20px;
	display:none;
	z-index:6000;
}
@media only screen and (max-width:801px) {
	.ir-arriba {
		display:none !important;
	}
}
/**/
body {
	margin:0;
	font-family: 'AvenirLight';
	background:#F0F0F0;
}
/**/
::-webkit-input-placeholder{ font-size:.8em; color:#444; font-weight:bold; font-style:italic;}
input:focus::-webkit-input-placeholder { color:rgba(0,0,0,0); }
textarea:focus::-webkit-input-placeholder { color:rgba(0,0,0,0); }

::-moz-placeholder{ font-size:.8em; color:#444; font-weight:bold; font-style:italic;}
input:focus::-moz-input-placeholder { color:rgba(0,0,0,0); }
textarea:focus::-moz-input-placeholder { color:rgba(0,0,0,0); }

::-ms-input-placeholder{ font-size:.8em; color:#444; font-weight:bold; font-style:italic;}
input:focus::-ms-input-placeholder { color:rgba(0,0,0,0); }
textarea:focus::-ms-input-placeholder { color:rgba(0,0,0,0); }
/***** NAVEGACION *****/
nav {
	width:100%;
	height:45px;
	border-bottom:2px solid #FF6100;
	overflow:hidden;
	position:fixed;
	background:#363535;
	z-index:100;
}
@media only screen and (min-width:600px) {
	nav #menuMov {
		display:none;
	}
}
nav #menu {
	width:100%;
	height:45px;
	margin:0 auto;
}
nav #menu ul {
	width:100%;
	height:45px;
	text-align:center;
}
nav #menu ul li {
	width:130px;
	height:45px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
nav #menu ul li:nth-child(5) {
	margin-right:100px;
}
nav #menu ul .flag {
	width:55px;
	height:45px;
}
nav #menu ul .flag img {
	width:35px;
	height:35px;
	margin-top:-7px;
}
nav #menu ul .flag:last-child {
	margin-left:40px;
}
nav #menu ul li a {
	width:100%;
	height:20px;
	padding:13px 0;
	display:block;
	text-transform:capitalize;
	font-size:1em;
	font-family:'Oswald';
	color:#FFF;
	
	transition:all ease-in-out 500ms;
	-wtransition:all ease-in-out 500ms;
	-moz-transition:all ease-in-out 500ms;
	-o-transition:all ease-in-out 500ms;
	-ms-transition:all ease-in-out 500ms;
}
nav #menu ul li a:hover {
	background-color:#555;
}
/***** NAV MOVIL *****/
@media only screen and (max-width:600px) {
	nav {
    	width:100%;
    	height:50px;
		position:fixed;
		top:0;
    	border-bottom:1px solid #CCC;
		overflow:visible;
    	z-index:6000;
	}
	nav #menuMov {
		width:100%;
		height:20px;
		padding:15px 0;
		position:relative;
		/*background-color:rgba(0,0,0,.9);*/
		/*background-color:#0E5DC7;*/
		background-color:#FF6100;
	}
	nav #menuMov img {
		position:absolute;
		left:20px;
	}
/**/
	nav #menu {
		width:50%;
		margin:0 auto;
		position:fixed;
		left:-100%;
		text-align:left;
		z-index:5000;
	}
	nav #menu ul {
		margin-top:1px;
		text-align:center;
	}
	nav #menu ul li {
		width:100%;
		height:auto;
		display:block;
		text-align:left;
		background-color:rgba(0,0,0,.9);
    	border-bottom:1px solid #CCC;
	}
	nav #menu ul .flag {
		width:100%;
		height:45px;
	}
	nav #menu ul .flag:last-child {
		display:none;
	}
	nav #menu ul li a {
		width:90%;
		display:block;
		padding:12px 0 12px 10%;
		font-family: 'AvenirLight';
		font-size:1.0em;
		color:#FFF;
		/*background-color:#0E5DC7;*/
	}
	nav #menu ul li a:hover {
		background-color:#000;
	}
}
/***** INTRO *****/
#contIntro {
	width:100%;
	height:85vh;
	background-color:#D5D5D5;
	overflow:hidden;
}
#contIntro #introBg {
	width:100%;
	height:85vh;
}
#contIntro #introBg .logo {
	width:28%;
	margin:0 auto;
	padding-top:18%;
	display:block;
}
@media only screen and (max-width:800px) {
	#contIntro {
		width:100%;
		height:70vh;
	}
	#contIntro #introBg {
		height:70vh;
	}
	#contIntro #introBg .logo {
		width:50%;
		padding-top:28%;
	}
}
/***** CONTENEDOR PRESENTACION *****/
#contPresentacion {
	width:100%;
	margin:0 auto;
	padding:30px 0 0 0;
	text-align-last:center;
}
#contPresentacion img {
	width:20%;
	margin:0 auto 20px auto;
	display:none;
}
#contPresentacion p {
	width:70%;
	margin:0 auto;
	text-align:justify;
	font-size:.9em;
	line-height:1.6em;
	color:#333;
}
#contPresentacion p strong {
	font-weight:700;
	color:#111;
}
@media only screen and (max-width:800px) {
	#contPresentacion {
		padding:20px 0 0 0;
	}
	#contPresentacion img {
		width:50%;
	}
	#contPresentacion p {
		width:90%;
	}
}
/***** CONTENEDOR SERVICIOS INDEX *****/
#contServicios {
	width:100%;
	margin:0 auto;
	padding:30px 0 40px 0;
}
/**/
#contServicios #servicios {
	width:80%;
	margin:0 auto;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
}
#contServicios #servicios #servicio {
	width:27%;
}
#contServicios #servicios #servicio img {
	width:80%;
	margin:0 auto 10px auto;
	display:block;
	opacity:1;
	
	transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
}
#contServicios #servicios #servicio img:hover {
	opacity:.8;
}
#contServicios #servicios #servicio h3 {
	margin-bottom:25px;
	text-align:center;
	font-family:'Oswald LigHT';
	font-size:1em;
	letter-spacing:1px;
	font-weight:700;
	text-transform:uppercase;
	color:#4A5B66;
}
#contServicios #servicios #servicio p {
	text-align:justify;
	font-size:.9em;
	color:#777;
}
@media only screen and (max-width:800px) {
	#contServicios #servicios {
		width:90%;
		display:inherit;
	}
	#contServicios #servicios #servicio {
		width:80%;
		margin:0 auto 20px auto;
	}
	#contServicios #servicios #servicio img {
		width:60%;
		margin:0 auto 30px auto;
	}
}
/***** SERVICIOS INDEX *****/
#contSevicioIndex {
	width:100%;
	margin:0 auto;
	padding:100px 0 100px 0;
}
@media only screen and (max-width:800px) {
}
/***** COMPROMISO INDEX *****/
#contCompromiso {
	width:70%;
	margin:0 auto;
	padding:120px 15% 80px 15%;
	background-color:#FFF;
	
	background-image:url(../img/bg-intro-001.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
}
#contCompromiso figure {
	width:40%;
}
#contCompromiso figure img {
	width:80%;
}
/**/
#contCompromiso ul {
	width:55%;
}
#contCompromiso ul li:nth-child(1) {
	font-size:3.3em;
	color:#FFF;
}
#contCompromiso ul li:nth-child(2) {
	margin:7px 0 20px 0;
	font-size:1.3em;
	font-weight:bold;
	color:#FFF;
}
#contCompromiso ul li:nth-child(3) {
	font-size:.9em;
	color:#777;
}
@media only screen and (max-width:600px) {
	#contCompromiso {
		width:100%;
		margin:0 auto;
		padding:120px 0 80px 0;
		display:inherit;
	}
	#contCompromiso figure {
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	#contCompromiso figure img {
		width:50%;
	}
	#contCompromiso ul {
		width:100%;
		margin:0 auto;
	}
	#contCompromiso ul li:nth-child(1) {
		width:90%;
		margin:0 auto 20px auto;
		text-align:center;
		font-size:2.1em;
	}
	#contCompromiso ul li:nth-child(2) {
		width:80%;
		margin:0 auto;
		text-align:justify;
	}
}
/***** SERVICIOS INDEX *****/
#indexContServicios {
	width:100%;
	margin:0;
	padding:50px 0 40px 0;
}
#indexContServicios h2 {
	margin-bottom:20px;
	text-align:center;
	font-size:2.5em;
	color:#63B8B2;
}
/**/
#indexContServicios .carrusel {
	width:100%;
	margin:0 auto;
	padding:0 0 20px 0;
	overflow:hidden;
}
/**/
#indexContServicios .carrusel ul li div {
	width:90%;
	margin:0 auto;
}
/**/
#indexContServicios .carrusel ul li div img {
	width:100%;
	margin:0 auto;
	display:block;
}
#indexContServicios .carrusel ul li div h3 {
	width:90%;
	margin:10px auto;
	padding:20px 0 10px 0;
	text-align:center;
	font-size:1em;
	font-weight:700;
	line-height:1.3em;
	color:#444;
	border-bottom:2px solid #FF6100;
}
/***** SERVICIOS INDEX *****/
#flexiselDemo3 {
	display:none;
}
.nbs-flexisel-container {
    width:80%;
	height:100%;
	margin:0 auto;
    position:relative;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:20px 0;
    text-align:center;  
}
.nbs-flexisel-inner {
    width:100%;
	padding:0 0 50px 0;
    position: relative;
    overflow: hidden;
    float:left;
}
.nbs-flexisel-item {
    float:left;
    margin:0;
    padding:0;
    /*cursor:pointer;*/
    position:relative;
    line-height:0px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:3px 10px;
    position: absolute;
    cursor: pointer;
    z-index:4;
    top:92%;
    background:#FF6100;
    color: #FFF; 
	
	transition:all 300ms ease-in-out;    
	-webkit-transition:all 300ms ease-in-out;    
}
.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover {
    background: rgba(0,0,0,.5);
}
.nbs-flexisel-nav-left {
    left:20px;
}
.nbs-flexisel-nav-left:before {
    content: "<"
}
.nbs-flexisel-nav-left.disabled {
    opacity:0.4;
}
.nbs-flexisel-nav-right {
    left:55px;    
}
.nbs-flexisel-nav-right:before {
    content: ">"
}
.nbs-flexisel-nav-right.disabled {
    opacity:0.4;
}
/***** NOSTROS *****/
#bgNosotros {
	width:70%;
	margin:0 auto;
	padding:120px 15% 80px 15%;
	background-color:#FFF;
	border-bottom:4px solid #FF6100;
	
	background-image:url(../img/bg-productos-001.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
}
#bgNosotros figure {
	width:40%;
}
#bgNosotros figure img {
	width:70%;
}
/**/
#bgNosotros ul {
	width:55%;
}
#bgNosotros ul li:nth-child(1) {
	text-transform:uppercase;
	font-size:3.3em;
	color:#FFF;
}
#bgNosotros ul li:nth-child(2) {
	margin:7px 0 20px 0;
	font-size:1.3em;
	font-weight:bold;
	color:#FFF;
}
#bgNosotros ul li:nth-child(3) {
	font-size:.9em;
	color:#777;
}
@media only screen and (max-width:800px) {
	#bgNosotros {
		width:100%;
		margin:0 auto;
		padding:120px 0 80px 0;
		
		display:inherit;
	}
	#bgNosotros figure {
		width:100%;
		margin:0 auto 20px auto;
	}
	#bgNosotros figure img {
		width:45%;
		margin:0 auto;
		display:block;
	}
/**/
	#bgNosotros ul {
		width:100%;
	}
	#bgNosotros ul li:nth-child(1) {
		width:90%;
		margin:0 auto;
		text-align:center;
		font-size:2em;
	}
	#bgNosotros ul li:nth-child(2) {
		width:90%;
		margin:0 auto;
		text-align:center;
		font-size:1.3em;
	}
}
/*****/
#contProductos {
	width:100%;
	margin:0 auto;
	padding:0 0 100px 0;
	background-color:#F0F0F0;
}
#contProductos #nav2 {
	width:66%;
	margin:0 auto;
	padding:20px 0;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
}
#contProductos #nav2 li {
	width:25%;
	margin:0;
	text-align:center;
}
#contProductos #nav2 li a {
	padding:0 0 10px 0;
	text-transform:capitalize;
	font-family:'Oswald Light';
	font-size:1.3em;
	color:#FF6100;
	border-bottom:2px solid #D1D1D1;
	
	transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
}
#contProductos #nav2 li a:hover {
	color:#666;
	border-bottom:2px solid #FF6100;
}
#contProductos #nav2 li i {
	text-transform:none;
	font-size:.7em;
}
@media only screen and (max-width:800px) {
	#contProductos #nav2 {
		display:none;
	}
}
/**/
#contProductos #productos {
	width:80%;
	margin:0 auto;
}
#contProductos #productos h3 {
	padding:50px 0 10px 0;
	text-transform:uppercase;
	font-family:'Oswald Light';
	font-size:1.8em;
	color:#FF6100;
	border-bottom:2px solid #D1D1D1;
}
#contProductos #productos ul {
	width:100%;
	margin:10px auto 30px auto;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
}
#contProductos #productos ul li {
	width:15%;
	margin-bottom:35px;
}
#contProductos #productos ul li img {
	width:100%;
}
/**/
#contProductos #productos .contZoom .zoom {
	width:18%;
	margin-bottom:35px;
	overflow:hidden;
}
#contProductos #productos .contZoom .zoom img {
	width:100%;
	transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
}
#contProductos #productos .contZoom .zoom img:hover {
	transform:scale(1.25);
	-webkit-transform:scale(1.25);
}
#contProductos #productos ul li h5 {
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-family:'Oswald Light';
	font-size:.9em;
	color:#333;
}
@media only screen and (max-width:800px) {
	#contProductos #productos ul li {
		width:30%;
		margin-bottom:15px;
	}
	#contProductos #productos .contZoom .zoom {
		width:46%;
		margin-bottom:15px;
	}
}
/***** SERVICIOS *****/
#bgServicios {
	width:70%;
	margin:0 auto;
	padding:120px 15% 80px 15%;
	background-color:#FFF;
	border-bottom:4px solid #FF6100;
	
	background-image:url(../img/bg-galerias-001.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
}
#bgServicios figure {
	width:40%;
}
#bgServicios figure img {
	width:70%;
}
/**/
#bgServicios ul {
	width:55%;
}
#bgServicios ul li:nth-child(1) {
	text-transform:uppercase;
	font-size:3.3em;
	color:#FFF;
}
#bgServicios ul li:nth-child(2) {
	margin:7px 0 20px 0;
	font-size:1.3em;
	font-weight:bold;
	color:#FFF;
}
#bgServicios ul li:nth-child(3) {
	font-size:.9em;
	color:#777;
}
/**/
#contServicios {
	width:90%;
	margin:0 auto;
	padding:50px 0;
	background-color:#F0F0F0;
}
#contServicios h2 {
	width:100%;
	margin:0 auto;
	padding:0 0 5px 0;
	text-align:center;
	font-size:2.9em;
	color:rgba(0,135,202,.8);
}
#contServicios h4 {
	width:100%;
	margin:0 auto;
	padding:0 0 30px 0;
	text-align:center;
	font-size:1.2em;
	color:#999;
}
#contServicios ul {
	width:80%;
	margin:0 auto;
	padding:15px 0 30px 0;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
}
#contServicios ul li {
	width:14%;
	margin:0 0 30px 0;
	padding:0 3%;
}
#contServicios ul li img {
	width:40%;
	margin:0  auto;
	display:block;
}
#contServicios ul li h3 {
	width:90%;
	height:50px;
	margin:10px auto 20px auto;
	text-align:center;
	text-transform:uppercase;
	font-size:.8em;
	font-weight:bold;
	color:rgba(0,135,202,.8);
}
@media only screen and (max-width:800px) {
	#bgServicios {
		width:100%;
		margin:0 auto;
		padding:120px 0 80px 0;
		
		display:inherit;
	}
	#bgServicios figure {
		width:100%;
		margin:0 auto 20px auto;
	}
	#bgServicios figure img {
		width:35%;
		margin:0 auto;
		display:block;
	}
	#bgServicios ul {
		width:100%;
	}
	#bgServicios ul li:nth-child(1) {
		width:90%;
		margin:0 auto;
		text-align:center;
		font-size:2.3em;
	}
	#bgServicios ul li:nth-child(2) {
		width:90%;
		margin:0 auto;
		text-align:center;
		font-size:1.3em;
	}
/**/
	#contServicios ul li {
		width:44%;
		margin:0 0 40px 0;
		padding:0 3%;
	}
}
/***** CUATRO *****/
#secc4 {
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	background-color:#363535;
	/*border-top:4px solid #FF6100;*/
}
#secc4 #staff {
	width:80%;
	margin:20px auto 0 auto;
	position:relative;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
	
	display:-moz-flex;
	-moz-flex-direction:row;
	-moz-justify-content:space-between;
	-moz-flex-wrap:wrap;	
	
	display:-o-flex;
	-o-flex-direction:row;
	-o-justify-content:space-between;
	-o-flex-wrap:wrap;	
	
	display:-ms-flex;
	-ms-flex-direction:row;
	-ms-justify-content:space-between;
	-ms-flex-wrap:wrap;
}
#secc4 #staff li {
	width:25%;
	position:relative;
	overflow:hidden;
}
#secc4 #staff li img {
	width:100%;
}
/*****/
#secc4 #staff li .hoverImage {
    width:100%;
	height:100%;
	text-align:center;
    position:absolute;
	top:0;
    opacity:0;
	background-color:rgba(0,0,0,.6);
	
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
	
    transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    -webkit-transition-delay: 150ms;
}
#secc4 #staff li:hover .hoverImage {
    opacity:1;
}
#secc4 #staff li .hoverImage h5 {
	padding:0 15px 7px 15px;
	display:inline-block;
	text-transform:uppercase;
    font-family:'OpenSans-CondLight';
    font-size:1.3em;
    font-weight:700;
    color: #FFF;
	border-bottom:1px solid #FFF;
}
#secc4 #staff li .hoverImage p {
	margin-top:7px;
	display:block;
    font-family:'OpenSans-CondLight';
    font-size:.9em;
    color: #FFF;
}
#secc4 #staff li .hoverImage img {
	width:70%;
	padding-top:50px;
}
#secc4 #staff li .hoverImage a {
	height:100%;
	display:block;
}
@media only screen and (max-width:800px) {
	#secc4 h4 {
		width:50%;
		margin:0 auto 20px auto;
	}
	#secc4 #staff {
		width:90%;
		margin:0 auto;
	}
	#secc4 #staff li {
		width:80%;
		margin:0 auto;
	}
} 
/***** CONTENEDOR GALERIA *****/
#contGaleria {
	width:100%;
	margin:0 auto;
	padding:0;
}
#contGaleria .logoCube {
	width:60%;
	margin:0 auto;
}
#contGaleria .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}
#contGaleria .cbp-l-caption-title {
  font-family:'OpenSans-CondLight';
  font-size:1.3em;
  font-weight:700;
  color: #FFF;
}
/***** TELAS *****/
#bgTelas {
	width:70%;
	margin:0 auto;
	padding:120px 15% 80px 15%;
	background-color:#FFF;
	border-bottom:4px solid #FF6100;
	
	background-image:url(../img/bg-telas-001.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
}
#bgTelas figure {
	width:40%;
}
#bgTelas figure img {
	width:70%;
}
/**/
#bgTelas ul {
	width:55%;
}
#bgTelas ul li:nth-child(1) {
	text-transform:uppercase;
	font-size:3.3em;
	color:#FFF;
}
#bgTelas ul li:nth-child(2) {
	margin:7px 0 20px 0;
	font-size:1.3em;
	font-weight:bold;
	color:#FFF;
}
#bgTelas ul li:nth-child(3) {
	font-size:.9em;
	color:#777;
}
@media only screen and (max-width:800px) {
	#bgTelas {
		width:100%;
		margin:0 auto;
		padding:120px 0 80px 0;
		
		display:inherit;
	}
	#bgTelas figure {
		width:100%;
		margin:0 auto 20px auto;
	}
	#bgTelas figure img {
		width:45%;
		margin:0 auto;
		display:block;
	}
/**/
	#bgTelas ul {
		width:100%;
	}
	#bgTelas ul li:nth-child(1) {
		width:90%;
		margin:0 auto;
		text-align:center;
		font-size:2em;
	}
	#bgTelas ul li:nth-child(2) {
		width:90%;
		margin:0 auto;
		text-align:center;
		font-size:1.3em;
	}
}
/***** CONTACTO ******/
#contContacto {
	width:100%;
}
#contContacto .webmail {
	width:90%;
	margin:0 auto;
	padding:0 0 10px 0;
	display:block;
	text-align:right;
	color:#C1C1C1;
}
/***** BACKGROUND CONTACTO *****/
#bgContacto {
	width:70%;
	margin:0 auto;
	padding:120px 15% 80px 15%;
	background-color:#FFF;
	
	background-image:url(../img/bg-contacto-001.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
}
#bgContacto figure {
	width:40%;
}
#bgContacto figure img {
	width:70%;
}
/**/
#bgContacto ul {
	width:55%;
}
#bgContacto ul li:nth-child(1) {
	font-size:3.3em;
	color:#FFF;
}
#bgContacto ul li:nth-child(2) {
	margin:7px 0 20px 0;
	font-size:1.3em;
	font-weight:bold;
	color:#FFF;
}
#bgContacto ul li:nth-child(3) {
	font-size:.9em;
	color:#777;
}
@media only screen and (max-width:800px) {
	#bgContacto {
		width:100%;
		margin:0 auto;
		padding:120px 0 80px 0;
		
		display:inherit;
	}
	#bgContacto figure {
		width:100%;
		margin:0 auto 20px auto;
	}
	#bgContacto figure img {
		width:45%;
		margin:0 auto;
		display:block;
	}
/**/
	#bgContacto ul {
		width:100%;
	}
	#bgContacto ul li:nth-child(1) {
		width:90%;
		margin:0 auto;
		text-align:center;
		font-size:2em;
	}
	#bgContacto ul li:nth-child(2) {
		width:90%;
		margin:0 auto;
		text-align:center;
		font-size:1.3em;
	}
}
/**/
#contContacto #contInfo {
	width:80%;
	margin:0 auto;
	padding:70px 0 40px 0;
	
	display:flex;
  	justify-content:space-between;
  	flex-direction:row;
	flex-wrap:wrap;

	display:-webkit-flex;
  	-webkit-justify-content:space-between;
  	-webkit-flex-direction:row;
	-webkit-flex-wrap:wrap;
}
#contContacto #contInfo div {
	width:48%;
	
	display:flex;
  	justify-content:space-between;
  	flex-direction:row;
	flex-wrap:wrap;

	display:-webkit-flex;
  	-webkit-justify-content:space-between;
  	-webkit-flex-direction:row;
	-webkit-flex-wrap:wrap;
}
#contContacto #contInfo div figure {
	width:15%;
}
#contContacto #contInfo div img {
	width:100%;
}
#contContacto #contInfo div hgroup {
	width:80%;
}
#contContacto #contInfo div hgroup p {
	font-size:1em;
	color:#111;
}
#contContacto #contInfo div hgroup span {
	font-weight:700;
	color:#FF6100;
}
@media only screen and (max-width:800px) {
	#contContacto #contInfo div {
		width:90%;
		margin:0 auto 30px auto;
	}
	#contContacto #contInfo div hgroup {
		width:80%;
		margin:0 auto;
		padding-top:20px;
		text-align:center;
	}
	#contContacto #contInfo div hgroup p {
		line-height:1.6em;
	}
}
@media only screen and (max-width:600px) {
	#contContacto #contInfo div figure {
		width:25%;
		margin:0 auto;
		display:block;
	}
	#contContacto #contInfo div hgroup {
		width:100%;
	}
}
/*****/
#contContacto #contacto {
	width:80%;
	margin:0 auto;
	padding:40px 5%;
	
	display:flex;
  	justify-content:space-between;
  	flex-direction:row;
	flex-wrap:wrap;

	display:-webkit-flex;
  	-webkit-justify-content:space-between;
  	-webkit-flex-direction:row;
	-webkit-flex-wrap:wrap;
}
@media only screen and (max-width:800px) {
	#contContacto #contacto {
		width:90%;
		margin:0 auto;
		padding:10px 5% 20px 5%;
		display:block;
	}
}
/**/
#contContacto #contacto #formulario {
	width:59%;
	margin:0 auto;
}
#contContacto #contacto div form {
	width:100%;
}
#contContacto #contacto div form input {
	width:94%;
	margin-bottom:20px;
	padding:10px 3%;
	border:1px solid #C1C1C1;
}
#contContacto #contacto div form textarea {
	width:94%;
	margin-bottom:7px;
	padding:10px 3%;
	border:1px solid #C1C1C1;
}
#contContacto #contacto div form span {
	width:100%;
	margin-bottom:20px;
	font-size:.7em;
	color:#EB2F32;
}
#contContacto #contacto div form textarea {
	width:94%;
	margin-bottom:7px;
	padding:10px 3%;
	border:1px solid #C1C1C1;
}
#contContacto #contacto div form button {
	width:26%;
	margin:20px auto 0 auto;
	padding:10px 25px;
	display:block;
	cursor:pointer;
	font-size:.9em;
	color:#FFF;
	background:#FF6100;
	border-radius:8px;
	-webkit-border-radius:8px;
	
	transition:all 500ms ease-in-out;
	-webkit-transition:all 500ms ease-in-out;
}
#contContacto #contacto div form button:hover {
	width:30%;
}
@media only screen and (max-width:800px) {
	#contContacto #contacto #formulario {
		width:90%;
		margin:0 auto;
	}
	#contContacto #contacto div form button {
		width:70%;
	}
}
/*****/
div#bgMensajesContacto {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	background:rgba(0,0,0,.7);
	z-index:6500;
}
div#mensajesContacto {
	width:44%;
	padding:20px 20px 40px 20px;
	position:absolute;
	top:20%;
	left:50%;
	margin-left:-22%;
	text-align:center;
	background:#FFF;
	border:3px solid #D1D1D1;
}
div#mensajesContacto img {
	width:30%;
	margin:20px auto;
}
div#mensajesContacto h2 {
	width:90%;
	font-size:1.6em;
	margin:20px auto;
	padding-bottom:5px;
	border-bottom:1px dashed #999;
}
div#mensajesContacto h3 {
	width:90%;
	font-size:1.2em;
	margin:20px auto;
}
div#mensajesContacto p {
	font-size:.8em;
	margin:10px auto;
}
/***** FOOTER *****/
footer {
	width:100%;
	margin:0 auto;
	background:#363535;
	border-top:4px solid #FF6100;
}
footer #contFooter {
	width:80%;
	margin:0 auto;
	padding:100px 0 40px 0;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
}
footer #contFooter ul {
	width:23%;
	color:#FFF;
}
footer #contFooter ul li {
	margin-bottom:20px;
	font-size:.8em;
}
footer #contFooter ul h5 {
	margin-bottom:20px;
	text-transform:capitalize;
	font-size:1.2em;
	font-weight:bold;
}
footer #contFooter ul li a {
	text-transform:capitalize;
	transition:all 500ms ease-in-out;
	-webkit-transition:all 500ms ease-in-out;
}
footer #contFooter ul li a:hover {
	margin-left:8px;
}
footer #contFooter ul li i {
	text-transform:none;
}
/**/
footer #contFooter #logoFooter {
	width:29%;
	margin:0;
}
footer #contFooter #logoFooter img {
	width:80%;
	margin:0;
}
@media only screen and (max-width:800px) {
	footer #contFooter {
		width:100%;
		margin:0 auto;
		padding:80px 0 50px 0;
		
		display:inherit;
	}
	footer #contFooter ul {
		width:80%;
		margin:0 auto 40px auto;
	}
	footer #contFooter #logoFooter {
		width:80%;
		margin:0 auto;
	}
	footer #contFooter #logoFooter img {
		width:50%;
		margin:0;
		display:block;
	}
	footer #contFooter ul h5 {
		margin-bottom:15px;
		font-size:1.3em;
	}
	footer #contFooter #navFoot {
		display:none;
	}
}
/**/
footer #infoFoot {
	width:90%;
	margin:0 auto;
	padding:10px 5%;
	background-color:#000;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content:space-between;
	-webkit-flex-wrap:wrap;
}
footer #infoFoot p {
	font-size:.7em;
	color:#777;
}
footer #infoFoot strong {
	color:#000;
}
footer #infoFoot a {
	transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
}
footer #infoFoot a:hover {
	color:#FFF;
}