/* =====================================
   FONT FACE
   ===================================== */
@font-face {
    font-family: 'Optima_roman';
    src: url('fonts/optimaltstd-webfont.woff2') format('woff2'),
         url('fonts/optimaltstd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'Optima_bold';
    src: url('fonts/optimaltstd-bold-webfont.woff2') format('woff2'),
         url('fonts/optimaltstd-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'Helvetica_neue_MdEx';
    src: url('fonts/helveticaneueltstd-mdex-webfont.woff2') format('woff2'),
         url('fonts/helveticaneueltstd-mdex-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}


/* ======================================
   GENERAL
   ====================================== */
body, html {
	/*background-color:#1D3653;*/
	margin: 0px;
	padding: 0px;
	font-family: 'Optima_roman', Times, serif;
	font-size: 18px;
	font-weight: 400;
	line-height:170%;
	color:#FFF;
	height:100%;
	background-image: url(img/back_page.jpg);
	background-position: center top;
	background-size: 100% auto;
	}
html { -webkit-text-size-adjust: 100%;	}
img { border: 0px; }
a {	text-decoration: none; }
strong { font-weight:bold; }
p { padding:0; margin: 0}
* {
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}

/* ====================================
   ENCABEZADO
   ==================================== */
#top {
	width:100%;
	z-index:9900;
	overflow:auto;
	}
.logo {
	float:left;
	padding:10px 0px;
	}
#nav {
	text-align:left;
	position:absolute;
	top:90px;
	right:90px;
	}
#nav a {
	display:block;
	padding:0px;
	font-size:12px;
	color:#FFF;
	letter-spacing: 0.05em;
	}
#nav a span {
	color:#4FBABF;
	}
#nav a:hover {
	color:#4FBABF;
	}
#menucito_back {
	text-align:left;
	position:absolute;
	top:30px;
	right:30px;
	display: none;
	}


/* ======================================
   SECCIONES
   ====================================== */
.main {
	width:1100px;
	padding:0;
	margin:0 auto;
	clear:both;
	}
h1 {
	font-family: 'Helvetica_neue_MdEx', Arial, sans-serif;
	font-size: 40px;
	font-weight:normal;
	line-height:normal;
	letter-spacing: 0.1em;
	margin:0;
	color:#FFF;
	padding-bottom:20px;
	}
h2 {
	font-family: 'Helvetica_neue_MdEx', Arial, sans-serif;
	font-size: 20px;
	font-weight:normal;
	line-height:normal;
	letter-spacing: 0.1em;
	margin:0;
	color:#4fbabf;
	padding-bottom:0px;
	}
	

/* CONTENIDOS ============================ */
/* Home ---------------*/
#inicio {
	width:100%;
	color:#fff;
	background-image: url(img/back_home.jpg);
	/*background-size: cover;*/
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	}
#inicio #logo {
	width:100%;
	text-align:center;
	padding-top:90px;
	}

#inicio #frase {
	float:left;
	width:45%;
	font-size:45px;
	line-height:normal;
	padding:350px 0px 350px 0px;
	}
#inicio #frase span {
	font-family: 'Optima_bold';
	color:#4fbabf;
	}


/* Secciones ---------------*/
#quienes .main,
#creemos .main,
#servicios .main,
#organizacion .main,
#enfoque .main,
#contacto .main {
	overflow:hidden;
	}


/* Quienes ---------------*/
#quienes {
	width:100%;
	padding:250px 0px 250px 0px;
	background-image: url(img/back_quienes.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
	margin-bottom:100px;
	}
#quienes .columna {
	float:left;
	width:45%;
	margin:0 auto;
	}

/* Creemos ---------------*/
#creemos {
	width:100%;
	padding:0px 0px 300px 0px;
	background-image: url(img/back_servicios.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
	overflow:auto;
	}
#creemos .columna {
	float:left;
	width:45%;
	padding:150px 0px;
	}
#creemos .columna h1 {
	color:#4fbabf;
	}
#creemos .columna .txt {
	width:100%;
	}

/* Servicios ---------------*/
#servicios {
	width:100%;
	padding:100px 0px 0px 0px;
	overflow:auto;
	clear:both;
	}
#servicios .columna h1 {
	color:#fff;
	}
#servicios .columna {
	float:left;
	width:45%;
	}

/* Organizacion ---------------*/
#organizacion {
	width:100%;
	padding:200px 0px 0px 0px;
	background-image: url(img/back_organizacion.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
	overflow:auto;
	}
#organizacion .columna h1 {
	color:#4fbabf;
	}
#organizacion .columna h2 {
	padding-bottom:15px;
	}
#organizacion .columna {
	width:50%;
	float:right;
	padding-right:80px;
	}

/* Enfoque ---------------*/
#enfoque {
	width:100%;
	padding:200px 0px;
	clear:both;
	overflow:auto;
	}
#enfoque .txt {
	float:left;
	}
#enfoque h1 {
	padding-top:150px;
	}
#enfoque .mapa {
	float:right;
	}
	
/* Contacto ---------------*/
#contacto {
	width:100%;
	padding:100px 0px 200px 0px;
	background-image: url(img/back_contacto.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	clear:both;
	overflow:auto;
	}
#contacto a {
	color:#fff;
	}
#contacto a:hover {
	color:#4fbad1;
	}
#contacto .columna1 {
	width:40%;
	float:left;
	}
#contacto .columna1 img {
	margin-top:15px;
	}
#contacto .columna2 {
	width:40%;
	float:left;
	}

/* Formulario ---------------*/
input, select, textarea {
	font-family: 'Optima_roman', Times, serif;
	font-size: 18px;
	font-weight: 400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height:normal;
	outline: none;
	border: 0;
	border-radius: 0px;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	}
.campo {
	background-color:transparent;
	width:100%;
	padding:10px 0px;
	color:#fff;
	margin-bottom:25px;
	border-bottom:1px solid #a8afb7;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
.campo:focus {
	border-bottom:1px solid #4fbad1;
	}
::placeholder {
	color: #fff;
	opacity: 0.8;
	}
.enviar {
	font-family: 'Helvetica_neue_MdEx', Arial, sans-serif;
	color:#4fbad1;
	float:right;
	background-color:transparent;
	padding:10px 0px 10px 50px;
	font-size:20px;
	font-weight:normal;
	border:none;
	cursor:pointer;
	-webkit-appearance: none;
	}
footer {
	position:relative;
	width:100%;
	}
#up {
	position: absolute;
	bottom:30px;
	right:30px;
	}