@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/css?family=Oswald");

* {
	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;
}
/**/
@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;
}
/**/
.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;
}
/**/
body {
	width: 100%;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    background: #F9F9F9;
}
/***** HEADER ****/
header {
	width: 80%;
	margin: 0 auto;
	padding: 15px 10%;
	color:#FFF;
	background-color: #373333;
	
	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;
}
header ul {
	width: 100%;
}
header ul li {
	margin-right:10px;
	display:inline-block;
	font-size:.8em;
	color: #999;
}
header ul li i {
	margin-right:4px;
	font-size:1em;
	color:#999;
}
header ul li a {
	color:#222;
	
	transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
}
header ul li a:hover {
	color:#63B8B1;
}
/**/
@media only screen and (max-width:800px) {
	header {
		display:none;
	}
}
/***** NAVEGACION *****/
nav {
	width: 100%;
	height: 90px;
	margin: 0;
	position: relative;
	background-color: #191919;
	z-index: 2000;
}
@media only screen and (min-width:801px) {
	nav #menuMov {
		display:none;
	}
}
nav #menu  {
	width: 100%;
	margin:0 auto;
}
nav #menu ul {
	width: 80%;
	margin: 0;
	padding: 0 10% 0 10%;

	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;
}
nav #menu ul .logo {
	width: 50%;
	padding-top: 20px;
}
nav #menu ul .logo a {
	padding: 0;
	border: none;
}
nav #menu ul .logo a:hover {
	background-color: rgba(255,255,255,0);
}
nav #menu ul .logo img {
	width: 38%;
	margin: 0;
	display: block;
}
/**/
nav #menu ul li {
	width: 10%;
	margin: 0;
	padding-top: 23px;
}
nav #menu ul li a {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	display: block;
	text-align: center;
	font-size: .9em;
	color: #FFF;
	
	transition:all 500ms ease-in-out;
	-webkit-transition:all 500ms ease-in-out;
}
nav #menu ul li a:hover {
	color: #0489B2;
}
/*** MENU SUB MENU ***/
nav #menu ul li .subcat {
	display: none;
}
nav #menu ul li:hover .subcat {
	width: 300px;
	padding: 10px 15px;
	display: block;
	position: absolute;
	background-color: #0489B2;
}
nav #menu ul li:hover .subcat li {
	width:100%;
	padding: 0 !important;
	display:block;
	border-bottom: 1px solid rgba(255,255,255,.5);
}
nav #menu ul li:hover .subcat li a {
	width: 100%;
	padding: 5px 0;
	display: block;
	text-align: left;
	font-size: .9em;
	color: #FFF;
}
nav #menu ul li:hover .subcat li a:hover {
	width:95%;
}
/***** NAV MOVIL *****/
@media only screen and (max-width:800px) {
	nav {
    	width:100%;
    	height:50px;
		margin:0 auto;
		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:#4A5B66;
	}
	nav #menuMov img {
		position:absolute;
		right:20px;
	}
/**/
	nav #menu {
		width: 100%;
		margin: 0 auto;
		position: fixed;
		left: -100%;
		text-align: center;
		z-index: 5000;
	}
	nav #menu ul {
		width: 100%;
		margin-top: 1px;
		padding: 0;
	}
	nav #menu ul li {
		width:100%;
		height:auto;
		padding: 0;
		display:block;
		text-align:center;
		background-color:#4A5B66;
    	border-bottom:1px solid #CCC;
	}
	nav #menu ul li:first-child {
		display:none;
	}
	nav #menu ul li a {
		display:block;
		padding: 8px 0;
		font-size:1.0em;
		color:#FFF;
		background-color:#4A5B66;
	}
	nav #menu ul li a:hover {
		color:#FFF;
		background-color:#313131;
	}
	nav #menu ul li:hover .subcat {
		display: none;
	}
	
}
/**/
@media only screen and (max-width:800px) {
	nav #menu ul li:hover ul {
		width:350px;
		background-color: #3693D0;
	}
	nav #menu ul li:hover ul li {
		background-color:#3693D0;
		border:none;
	}
	nav #menu ul li:hover ul li a {
		background-color: #3693D0;
	}
}
/***** BANNER *****/
#contBanner {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#contBanner .banner {
	width: 100%;
	margin: 0 auto;
}
#contBanner .banner img {
	width: 100%;
	margin: 0 auto;
}
/**/
#contBanner h1 {
	width: 50%;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 10%;
	font-size: 2.3em;
	font-weight: 700;
	color: #FFF;
}

#contBanner .formPopup {
	width: 30%;
	margin: 0;
	padding: 10px 3%;
	position: absolute;
	top: 30px;
	right: 5%;
	background-color: rgba(0,0,0,.7);
}
#contBanner .formPopup p {
	width: 100%;
	margin: 0 auto;
	font-size: .8em;
	color: #FFF;
}
#contBanner .formPopup strong {
	width: 100%;
	margin: 0 auto 5px auto;
	display: block;
	font-style: italic;
	font-size: 1em;
}
#contBanner .formPopup form {
	width: 100%;
	margin: 10px auto 5px auto;
}
#contBanner .formPopup form input[type = "text"] {
	width: 90%;
	margin: 0 auto 20px auto;
	padding: 8px 5%;
	font-size: .8em;
	color: #FFF;
	border: 1px solid #FFF;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	background: none;
}
#contBanner .formPopup form input[type = "text"]:focus {
	background: #000;
}
#contBanner .formPopup form input[type = "submit"] {
	width: 30%;
	margin: 7px auto 0 auto;
	padding: 8px 0;
	display: block;
	cursor: pointer;
	text-align: center;
	font-size: .8em;
	color: #FFF;
	border: 1px solid #FFF;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	background: none;
	
	transition: width 300ms linear;
	-webkit-transition: width 300ms linear;
}
#contBanner .formPopup form input[type = "submit"]:hover {
	width: 38%;
}
/**/
@media only screen and (max-width:800px) {
	#contBanner {
		margin: 50px auto 0 auto;
	}
	/**/
	#contBanner .formPopup {
		display: none;
	}
	#contBanner h1 {
		width: 90%;
		margin: 0 0 0 50%;
		top: 15px;
		left: -45%;
		font-size: 1.1em;
	}
}
/***** CONTENEDOR PARALLAX *****/
#parallax {
	width: 100%;
	height: 200px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#parallax div {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#parallax div img {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
/**/
@media only screen and (max-width:800px){
	#parallax {
		width: 100%;
		height: auto;
		margin-top: 50px;
		padding: 0;
	}
}

/***** SECCION CONTINTRO *****/
#contIntro {
	width: 100%;
	margin: 0;
	padding: 60px 0 0 0;
}
#contIntro h3 img {
	width: 150px;
	margin: 0 0 -3px 0;
}
#contIntro h3 {
	width: 80%;
	margin: 0 auto 15px auto;
	font-size: 1.8em;
	font-weight: 700;
	color: #0489B2;
	text-align: center;
}
#contIntro hr {
	width: 31%;
	height: 6px;
	margin: 0 auto 15px auto;
	background: linear-gradient(90deg, #87868A 60%, #0489B2 40%);
}
#contIntro p {
	width: 70%;
	margin: 0 auto;
	text-align: justify;
	font-size: 1.0em;
	line-height: 2.2em;
	color: #666;
}
/**/
@media only screen and (max-width:600px) {
	#contIntro {
		padding: 15px 0 0 0;
	}
	#contIntro h3 img {
		width: 100px;
		margin: 0 0 -3px 0;
	}
	#contIntro h3 {
		width: 90%;
		font-size: 1.2em;
	}
	#contIntro hr {
		width: 80% !important;
	}
	#contIntro p {
		width: 90%;
		text-align: justify;
		font-size: .9em;
		line-height: 1.6em;
		color: #333;
	}
}
/**/
#contIntro .servIndex {
	width: 70%;
	margin: 0 auto;
	padding: 30px 0 100px 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;
}
#contIntro .servIndex li {
	width: 25%;
	margin: 0;
	padding: 20px 3% 40px 3%;
	overflow: hidden;
	background-color: #0489B2;
}
#contIntro .servIndex li h3 {
	width: 100%;
	height: 70px;
	margin: 0 auto 0 auto;
	text-align: center;
	font-size: 1.3em;
	font-weight: 700;
	color: #FFF;
}
#contIntro .servIndex li img {
	width: 40%;
	margin: 0 auto 20px auto;
	display: block;
}
#contIntro .servIndex li p {
	width: 100%;
	margin: 0 auto;
	text-align: justify;
	font-size: .8em;
	line-height: 1.5em;
	color: #D1D1D1;
	
	display: none;
}
/**/
@media only screen and (max-width:600px) {
	#contIntro .servIndex {
		width: 100%;
		margin: 0 auto;
		padding: 30px 0 20px 0;
		display: block;
	}
	#contIntro .servIndex li {
		width: 60%;
		margin: 0 auto 40px auto;
		padding: 40px 5% 40px 5%;
	}
	#contIntro .servIndex li h3 {
		height: auto;
		margin-bottom: 30px;
	}
	#contIntro .servIndex li p {
		width: 90%;
		margin: 0 auto;
		text-align: justify;
		font-size: .8em;
		line-height: 1.5em;
		color: #C2C3C9;
	}
}
/*****/
#contIntro .servServ {
	width: 70%;
	margin: 0 auto;
	padding: 30px 0 100px 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;
}
#contIntro .servServ li {
	width: 44%;
	margin: 0 0 20px 0;
	padding: 7px 2%;
	background-color: #0489B2;
	
	transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
}
#contIntro .servServ li:hover {
	color: #0489B2;
	background-color: #575555;
}
#contIntro .servServ li h3 {
	width: 90%;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	font-size: 1em;
	font-weight: 700;
	color: #FFF;
}
#contIntro .servServ li i {
	width: 8%;
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: left;
	font-size: .8em;
	font-weight: 700;
	color: #FFF;
}
/**/
@media only screen and (max-width:600px) {
	#contIntro .servServ {
		width: 90%;
	}
	#contIntro .servServ li {
		width: 85%;
		margin: 0 auto 20px auto;
		padding: 7px 2%;
		font-size: .7em;
	}
}
/***** SECCION CONTENEDOR TEXTOS *****/
#contTextos {
	width: 100%;
	margin: 0;
	padding: 60px 0 100px 0;
}
#contTextos h3 img {
	width: 150px;
	margin: 0 0 -3px 0;
}
#contTextos h3 {
	width: 80%;
	margin: 0 auto 15px auto;
	font-size: 1.8em;
	font-weight: 700;
	color: #0489B2;
	text-align: center;
}
#contTextos hr {
	width: 31%;
	height: 6px;
	margin: 0 auto 30px auto;
	background: linear-gradient(90deg, #87868A 60%, #0489B2 40%);
}
#contTextos p {
	width: 80%;
	margin: 0 auto;
	text-align: justify;
	font-size: .8em;
	line-height: 2.1em;
	color: #666;
}
#contTextos br {
	margin-bottom: 22px;
}
/**/
@media only screen and (max-width:600px) {
	#contTextos {
		padding: 15px 0 80px 0;
	}
	#contTextos h3 img {
		width: 100px;
		margin: 0 0 -3px 0;
	}
	#contTextos h3 {
		width: 90%;
		font-size: 1.2em;
	}
	#contTextos hr {
		width: 60% !important;
	}
	#contTextos p {
		width: 80%;
		text-align: justify;
		font-size: .9em;
		line-height: 1.8em;
		color: #333;
	}
}
/**/
/***** CONTENEDOR DATOS *****/
#contDatos {
	width: 70%;
	margin: 0 auto;
	padding: 50px 15% 30px 15%;
	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;
}
#contDatos div {
	width: 40%;
	margin: 0;
	padding: 0;
}
#contDatos div h6 {
	width: 100%;
	margin: 0 0 20px 0;
	padding-bottom: 7px;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: 700;
	color: #FFF;
}
#contDatos div p {
	width: 100%;
	margin: 0 0 15px 0;
	font-size: .9em;
}
#contDatos div i {
	font-size: .6em;
	color: #FFF;
}
#contDatos div a {
	padding-left: 0;
	color: #009BDB;
	
	transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
}
#contDatos div a:hover {
	padding-left: 7px;
	color: #FFF;
}
/**/
@media only screen and (max-width:800px) {
	#contDatos {
		width: 80%;
		margin: 0 auto;
		padding: 50px 10% 30px 10%;
		display: block;
	}
	#contDatos div {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
	}
}
/***** CONTENEDOR PRODUCTO *****/
#contProducto {
	width: 90%;
	margin: 0 auto;
	padding: 20px 5%;
	overflow: hidden;
}
#contProducto h3 img {
	width: 150px;
	margin: 0 0 -3px 0;
}
#contProducto h3 {
	width: 80%;
	margin: 0 auto 15px auto;
	font-size: 1.8em;
	font-weight: 700;
	color: #0489B2;
	text-align: center;
}
#contProducto hr {
	width: 18%;
	height: 6px;
	margin: 0 auto 45px auto;
	background: linear-gradient(90deg, #87868A 60%, #0489B2 40%);
}
#contProducto #btnInfo1 {
	width: 16%;
	margin: 0 auto 35px auto;
	padding: 8px 0;
	display: block;		
	text-align: center;
	font-size: .9em;
	font-weight: 700;
	color: #4A72B2;
	border: 2px solid #4A72B2;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	
	transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
}
#contProducto #btnInfo1:hover {
	width: 18%;
	color: #FFF;
	background-color: #4A72B2;
}
/**/
@media only screen and (max-width:800px) {
	#contProducto {
		padding: 70px 0;
	}
	#contProducto h3 img {
		width: 100px;
		margin: 0 0 -3px 0;
	}
	#contProducto h3 {
		font-size: 1.2em;
		margin: 0 auto 10px auto;
	}
	#contProducto hr {
		width: 56% !important;
		margin: 0 auto 15px auto;
	}
	#contProducto #btnInfo1 {
		width: 46%;
	}
	#contProducto #btnInfo1:hover {
		width: 48%;
	}
}
/**/
#contProducto .producto {
	width: 70%;
	margin: 0 auto 40px 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;
}
#contProducto .producto div {
	width: 34%;
	margin: 0;
	padding: 20px 3% 0 3%;
	background-color: #5B5B5F;
}
#contProducto .producto div h4 {
	width: 100%;
	margin: 0 0 15px 0;
	font-size: .9em;
	color: #FFF;
}
#contProducto .producto div p {
	width: 100%;
	margin: 0 0 20px 0;
	font-size: .7em;
	line-height: 1.8em;
	color: #FFF;
}
#contProducto .producto div .imgMov {
	display: none;
}
#contProducto .producto div .btnInfo2 {
	width: 50%;
	margin: 0 auto 15px auto;
	padding: 7px 0;
	display: block;		
	text-align: center;
	font-size: .7em;
	color: #FFF;
	background-color: #009BDB;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	
	transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
}
#contProducto .producto div .btnInfo2:hover {
	width: 56%;
}
#contProducto .producto figure {
	width: 60%;
	margin: 0;
}
#contProducto .producto figure img {
	width: 100%;
	height: 100%;
}
/**/
#contProducto .producto .divRight {
	background-color: #009BDB;
}
#contProducto .producto .divRight .btnInfo2 {
	color: #009BDB;
	background-color: #FFF;
}
/**/
@media only screen and (max-width:800px) {
	#contProducto .producto {
		width: 90%;
		margin: 0 auto 40px auto;
		display: block;
	}
	#contProducto .producto div {
		width: 80%;
		margin: 0 auto;
		padding: 30px 10% 40px 10%;
	}
	#contProducto .producto div p {
		display: none;
	}
	#contProducto .producto div .imgMov {
		display: block;
		width: 100%;
		margin: 0 auto 20px auto;
	}
	#contProducto .producto figure {
		display: none;
	}
}
/***** PROYECTOS *****/
#contProducto #proyectos {
	width: 90%;
	margin: 0 auto 40px auto;
	padding: 0 5%;
	
	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;
}
#contProducto #proyectos .producto {
	width: 48%;
	margin: 0 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;
}
#contProducto #proyectos .producto div {
	width: 40%;
	margin: 0;
	padding: 20px 3% 0 3%;
	background-color: #5B5B5F;
}
#contProducto #proyectos .producto .divRight {
	background-color: #009BDB;
}
#contProducto #proyectos .producto figure {
	width: 54%;
	margin: 0;
}
#contProducto #proyectos .producto div .btnInfo2 {
	width: 70%;
}
#contProducto #proyectos .producto div .btnInfo2:hover {
	width: 76%;
}
/**/
@media only screen and (max-width:800px) {
	#contProducto #proyectos .producto {
		width: 90%;
		margin: 0 auto 40px auto;
	}
	#contProducto #proyectos .producto div {
		width: 90%;
		margin: 0;
		padding: 20px 5% 0 5%;
		background-color: #5B5B5F;
	}
}
/***** CONTENEDOR DETALLE *****/
#contDetalle {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 120px 0;
}
#contDetalle h3 img {
	width: 120px;
	margin: 0 0 -3px 0;
}
#contDetalle h3 {
	width: 80%;
	margin: 0 0 15px 10%;
	font-size: 1.5em;
	font-weight: 700;
	color: #0489B2;
}
#contDetalle hr {
	width: 40%;
	height: 6px;
	margin: 0 0 35px 10%;
	background: linear-gradient(90deg, #87868A 60%, #0489B2 40%);
}
#contDetalle .detalle {
	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;
}
#contDetalle .detalle .detalleDesc {
	width: 47%;
	margin: 0;
}
#contDetalle .detalle .detalleDesc p {
	width: 100%;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	text-align: left;
	font-size: .8em;
	letter-spacing: 1px;
	line-height: 1.9em;
	color: #66666A;
	border-bottom: 2px solid rgba(122,122,122,.3);
}
#contDetalle .detalle .detalleDesc strong {
	font-size: .9em;
	font-weight: 700;
	color: #0489B2;
}
/**/
#contDetalle .detalle .gallery {
	width: 45%;
	margin: 0;
	padding: 7px;
	border: 1px solid rgba(4,137,178,.6);
}
/**/
@media only screen and (max-width:600px) {
	#contDetalle h3 img {
		width: 90px;
		margin: 0 0 -3px 0;
	}
	#contDetalle h3 {
		width: 90%;
		margin: 20px auto 15px auto;
		font-size: 1.3em;
	}
	#contDetalle hr {
		width: 60%;
		height: 6px;
		margin: 0 0 35px 5%;
		background: linear-gradient(90deg, #87868A 60%, #0489B2 40%);
	}
	#contDetalle .detalle {
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	#contDetalle .detalle .detalleDesc {
		width: 100%;
		margin: 0 auto;
	}
	#contDetalle .detalle .detalleDesc p {
		text-align: justify;
	}
	#contDetalle .detalle .gallery {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		border: none;
	}
}
/**/
::-moz-placeholder{ font-size:1em; font-style:italic; color:#888;}
input:focus::-moz-placeholder { color:rgba(0,0,0,0); }
textarea:focus::-moz-placeholder { color:rgba(0,0,0,0); }

::-webkit-placeholder{ font-size:1em; font-style:italic; color:#888;}
input:focus::-webkit-input-placeholder { color:rgba(0,0,0,0); }
textarea:focus::-webkit-input-placeholder { color:rgba(0,0,0,0); }

::-ms-placeholder{ font-size:1em; font-style:italic; color:#888;}
input:focus::-ms-input-placeholder { color:rgba(0,0,0,0); }
textarea:focus::-ms-input-placeholder { color:rgba(0,0,0,0); }
/*****/
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;
}
/**/
@media only screen and (max-width:800px) {
	div#mensajesContacto {
		width: 80%;
		margin: 0 auto;
		padding: 20px 0 40px 0;
		position:absolute;
		top: 10%;
		left: 50%;
		margin-left: -40%;
	}
	div#mensajesContacto img {
		width: 50%;
		margin: 20px auto; 
		display: block;
	}
}
/***** CONTENEDOR CONTACTO *****/
#contContacto {
	width: 80%;
	margin: 0 auto;
	padding: 30px 10% 80px 10%;
	background-color: #FFF;
	
	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;
}
#contContacto .datos {
	width: 100%;
	margin: 0 auto 20px auto;
	
	display:flex;
	flex-direction:row;
	justify-content: flex-start;
	flex-wrap:wrap;
	
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-justify-content: flex-start;
	-webkit-flex-wrap:wrap;
}
#contContacto .datos div {
	width: 30%;
	margin: 0 auto 30px auto;
}
#contContacto .datos div figure {
	width: 30%;
	margin: 0;
	display: inline-block;
	vertical-align: top;
}
#contContacto .datos div figure img {
	width: 30%;
	margin: 0 auto;
	display: block;
}
#contContacto .datos div p {
	width: 68%;
	margin: 0 auto;
	display: inline-block;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: 700;
	line-height: 1.3em;
	color: #1665A4;
}
#contContacto .datos div p span {
	width: 100%;
	display: block;
	text-transform: none;
	font-size: .8em;
	font-weight: normal;
}
/**/
@media only screen and (max-width:800px){
	#contContacto {
		width: 90%;
		margin: 0 auto;
		padding: 30px 0 80px 0;
	}
	#contContacto .datos {
		width: 100%;
		margin: 0;
		display: block;
		text-align: left;
	}
	#contContacto .datos div {
		width: 100%;
		margin: 0 0 10px 0;
	}
	#contContacto .datos div figure {
		width: 15%;
		margin: 0;
		display: inline-block;
		text-align: left;
		vertical-align: top;
	}
	#contContacto .datos div figure img {
		width: 60%;
		margin: 0;
		display: block;
	}
}
/**/
#contContacto .texto {
	width: 48%;
	margin: 0;
	padding: 0;
}
#contContacto .texto h2 {
	width: 100%;
	margin: 0 0 7px 0;
	padding: 0;
	text-align: left;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: 1px;
	color: #009BDB;
}
#contContacto .texto p {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: .8em;
	color: #737276;
}
#contContacto .form {
	width: 48%;
	margin: 0;
	padding: 0;
}
#contContacto .form form {
	width: 100%;
	margin: 0;
	padding: 0;
}
#contContacto .form form input {
	width: 94%;
	margin: 0 0 10px 0;
	padding: 10px 3%;
	font-size: .8em;
	color: #555;
	border: 2px solid rgba(0,101,168,.5);
}
#contContacto .form form input:focus {
	border: 2px solid #1665A4;
}
#contContacto .form form textarea {
	width: 94%;
	margin: 0 0 15px 0;
	padding: 10px 3%;
	font-size: .8em;
	color: #555;
	border: 2px solid rgba(0,101,168,.5);
}
#contContacto .form form textarea:focus {
	border: 2px solid #1665A4;
}
#contContacto .form form input[type="submit"] {
	width: 30%;
	margin: 20px auto 0 auto;
	padding: 8px 0;
	cursor: pointer;
	display: block;
	font-size: 1em;
	font-weight: 700;
	color: #1665A4;
	background-color: #FFF;
	border: 2px solid #1665A4;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	
	transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
}
#contContacto .form form input[type="submit"]:hover {
	width: 36%;
	color: #FFF;
	background-color: #1665A4;
}
/**/
@media only screen and (max-width:800px) {
	#contContacto .texto {
		width: 100%;
		margin: 0;
		padding: 30px 0 0 0;
	}
	#contContacto .texto h2 {
		width: 100%;
		margin: 0 0 7px 0;
		padding: 0;
		text-align: left;
		font-size: 1.2em;
		font-weight: 700;
		line-height: 1em;
		letter-spacing: 0px;
	}
	#contContacto .texto p {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
		text-align: block;
		font-size: .8em;
		color: #737276;
	}
	#contContacto .form {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#contContacto .form form input[type="submit"] {
		width: 50%;
	}
}
/***** FOOTER ******/
footer {
	width: 100%;
	margin: 0 auto;
	background-color: #191919;
}
footer #contFooter {
	width: 70%;
	padding: 70px 15% 30px 15%;
	
	display:flex;
  	justify-content:flex-start;
  	flex-direction:row;
	flex-wrap:wrap;
	
	display:-webkit-box;

	display:-webkit-flex;
  	-webkit-justify-content: space-start;
  	-webkit-flex-direction:row;
	-webkit-flex-wrap:wrap;
}
footer #contFooter ul {
	width: 30%;
}
footer #contFooter ul li {
	width: 100%;
	margin-bottom: 9px;
	font-size: .8em;
	color: #FFF;
}
footer #contFooter ul li a {
	opacity:1;
	
	transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
}
footer #contFooter ul li a:hover {
	opacity:.7;
}
/**/
footer #contFooter .logoFooter {
	width: 30%;
}
footer #contFooter .logoFooter li {
	width:100%;
}
footer #contFooter .logoFooter li img {
	width: 70%;
	margin: 0;
	display:block;
}
/**/
footer #contFooter .menuFooter li {
	list-style:disc;
}
/**/
footer #contFooter .socialFooter {
	visibility: hidden;
}
footer #contFooter .socialFooter img {
	width: 20px;
	margin-right:5px;
	display:inline-block;
	vertical-align:middle;
}
/**/
footer #contFooter address {
	width: 100%;
	margin: 70px auto 10px auto;
	text-align: center;
	font-size: .7em;
	letter-spacing: 1px;
	color: #FFF;
}
/**/
@media only screen and (max-width:800px) {
	footer #contFooter {
		width: 90%;
		padding: 50px 5% 30px 5%;
		display: block;
	}
	footer #contFooter ul {
		width: 80%;
		margin: 0 auto 20px auto;
	}
	footer #contFooter .logoFooter {
		width: 80%;
	}
	footer #contFooter .logoFooter li img {
		width: 50%;
		margin: 0 auto 30px auto;
		display: block;
	}
	footer #contFooter address {
		font-size: .7em;
		line-height: 1.5em;
	}
}
/*****/
footer #infoFoot {
	width: 70%;
	margin:0 auto;
	padding: 10px 15%;
	background-color: #111;
	
	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:#444;
}
footer #infoFoot strong {
	color:#111;
}
footer #infoFoot a {
	transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
}
footer #infoFoot a:hover {
	color:#FFF;
}
/**/
@media only screen and (max-width:800px) {
	footer #infoFoot p {
		width:100%;
		margin-top:10px;
		display:block;
		text-align:center;
		font-size:.7em;
		color:#555;
	}
}