@charset "utf-8";
/* CSS Document */

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {	margin:0;	padding:0;	border:0;	outline:0;	font-weight:inherit;	font-style:inherit;	font-size:100%;	font-family:inherit; }/* remember to define focus styles! */:focus {	outline:0;}body {	color:black;	background:white;}ol,ul {	list-style: none;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse:separate;	border-spacing:0;}caption,th,td {	text-align:left;	font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after {	content:"";}blockquote,q {	quotes: "" "";}a:link,a:visited {	text-decoration: none; border: 0px solid;}a:hover,a:active {	text-decoration: underline;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,400);

@font-face {
	font-family: 'DINEngschrift';
	src: url('DINEngschrift.eot');
	src: url('../fonts/DINEngschrift.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DINEngschrift.woff2') format('woff2'),
		url('../fonts/DINEngschrift.woff') format('woff'),
		url('../fonts/DINEngschrift.ttf') format('truetype'),
		url('../fonts/DINEngschrift.svg#DINEngschrift') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINNeuzeitGrotesk-BoldCond';
	src: url('../fonts/DINNeuzeitGrotesk-BoldCond.eot');
	src: url('../fonts/DINNeuzeitGrotesk-BoldCond.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DINNeuzeitGrotesk-BoldCond.woff2') format('woff2'),
		url('../fonts/DINNeuzeitGrotesk-BoldCond.woff') format('woff'),
		url('../fonts/DINNeuzeitGrotesk-BoldCond.ttf') format('truetype'),
		url('../fonts/DINNeuzeitGrotesk-BoldCond.svg#DINNeuzeitGrotesk-BoldCond') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: 'DINEngschriftRegular';
    src: url('../fonts/DINEngschriftRegular.eot');
    src: url('../fonts/DINEngschriftRegular.eot') format('embedded-opentype'),
         url('../fonts/DINEngschriftRegular.woff2') format('woff2'),
         url('../fonts/DINEngschriftRegular.woff') format('woff'),
         url('../fonts/DINEngschriftRegular.ttf') format('truetype'),
         url('../fonts/DINEngschriftRegular.svg#DINEngschriftRegular') format('svg');
}
@font-face {
    font-family: 'DINLightAlternate';
    src: url('../fonts/DINLightAlternate.eot');
    src: url('../fonts/DINLightAlternate.eot') format('embedded-opentype'),
         url('../fonts/DINLightAlternate.woff2') format('woff2'),
         url('../fonts/DINLightAlternate.woff') format('woff'),
         url('../fonts/DINLightAlternate.ttf') format('truetype'),
         url('../fonts/DINLightAlternate.svg#DINLightAlternate') format('svg');
}


html, body {
	font-family: 'Open Sans', sans-serif !important;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 14px;
	background: #FFF!important;
}

html {
  position: relative;
}

.fondoPrin div {
	height: 100vh;
}

.fondoPrin {
	background: #e2e7ea!important;
	height: 100vh;
	position: relative;
	z-index: 110px;
}
.navbar-header {
    display: none;
}
.imagenHome {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 660px;
	margin: 0 auto;
	transform: translateY(-50%) translateX(-50%);
}

.navbar-default {
    background-color: transparent;
    border: 0;
	font-family: 'DINNeuzeitGrotesk-BoldCond';
	font-size: 26px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background-color: transparent;
}

ul.nav.navbar-nav.navbar-right {
    margin-top: 40px;
    border-bottom: 1px solid #333;
}

.paralImg {
    height: 500px;
    width: 100%;
    background: no-repeat;
    background-size: 100% auto;
}

.bordeVerde {
    border-top: 10px solid #48A3A8;
    border-bottom: 10px solid #48A3A8;
	padding-bottom: 100px;
	padding-top: 100px;
}

.fondoBlanco {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #FFF;
}

.titSec {
	font-family: 'DINEngschriftRegular';
	font-size: 100px;
	padding: 20px 10px;
    width: 100%;
	color: rgba(72, 163, 168, .1);
}

.titSec span {
	color: #48A3A8;
	font-size: 30px;
	height: 30px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	background: #FFF;
	margin-left: -20px;
	margin-top: -15px;
}

.imgTitulo {
	width: 510px;
}

.textSec {
    width: 100%;
	font-family: 'DINLightAlternate';
	font-size: 30px;
	line-height: 30px;
	padding: 10px 10px;
	color: #B1B3B6;
	
}

.bloqueImg {
	background: no-repeat center center;
	background-size: cover;
	height: 400px;
}

.linkModal {
	cursor: pointer;
	background: no-repeat center center;
	background-size: cover;
	display: block;
    border: 1px solid #48A3A8;
}

.linkModal:hover {
	opacity: .6;
}

.linkModal.col-md-6 {
	height: 50vh;
}
.linkModal.col-md-4 {
	height: 33vh;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 10px solid #46a4a6;
    border-radius: 0;
}

.modal-body {
	padding: 0;
	height: 450px;
}

#imgModal {
	background: no-repeat center center;
	background-size: cover;
	height: 450px;
}

.TextoModal {
	background: #FFF;
	height: 450px;
	padding: 30px;
	border-left: 5px solid #46a4a6;
}

#nombreMod {
	font-family: 'DINLightAlternate';
	font-size: 26px;
	line-height: 30px;
	color: #48A3A8;
}

#descMod {
	font-size: 16px;
	line-height: 30px;
	margin-top: 30px;
	font-family: 'DINEngschriftRegular';
	color: #939598;
}

#map {
	height: 450px;
	padding: 0;
	
    width: 100%;
}

.fndContacto {
	background: #46a4a6;
	height: 450px;
	padding: 50px;
}

.titContacto {
	font-family: 'DINNeuzeitGrotesk-BoldCond';
	font-size: 46px;
	color: #FFF;
	padding: 20px 0;
	border-bottom: 1px solid #000;
	width: 100%;
}

.textContacto {
	font-family: 'DINEngschriftRegular';
	font-size: 20px;
	line-height: 30px;
	color: #FFF;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #000;
}

.modal-dialog {
    width: 800px;

}


.formCont {
	margin-top: 101px;
}

.formCont .form-control{
	font-family: 'DINNeuzeitGrotesk-BoldCond'!important;
	font-size: 18px!important;
	color: #48A3A8!important;
}

.btnEnviar {
	font-family: 'DINNeuzeitGrotesk-BoldCond';
	background: #FFF;
	width: 100%;
	color: #48A3A8;
	font-size: 25px;
}