@charset "UTF-8";
/* CSS Document */
/* ········· RESET CSS ········· */

@import url("../css/reset.css");

/* ········· FONT FACE ········· */
@font-face {
	font-family: 'AvenirMedium';
    src: url(../fonts/Avenir-Medium.ttf) format("truetype");
} 
@font-face {
	font-family: 'AvenirLight';
	src: url(../fonts/Avenir-Light.ttf) format("truetype");
} 
@font-face {
	font-family: 'MinionPro';
    src: url(../fonts/MinionPro-Semibold.ttf) format("truetype");
} 
/* ········· FUENTES PARA EXPLORER ········· */
@font-face {
	font-family: 'AvenirMedium';
    src: url(../fonts/Avenir-Medium.woff) format("woff");
} 
@font-face {
	font-family: 'AvenirLight';
	src: url(../fonts/Avenir-Light.woff) format("woff");
} 
@font-face {
	font-family: 'MinionPro';
    src: url(../fonts/MinionPro-Semibold.woff) format("woff");
} 
/* ········· FINAL FONT FACE ········· */

/* ········· COMIENZO FUENTES ········· */
h1 {
	font-family: AvenirMedium;
	font-weight: lighter;
	font-size: 20px;
	margin: 0;
	color: #fff;
	/*font-weight: lighter;*/
	text-align: left;
	line-height: 115%;
}

h2 {
	font-family: Avenirlight;
	font-weight: lighter;
	font-size: 16px;
	margin: 0;
	color: #fff;
	/*font-weight: lighter;*/
	text-align: left;
	line-height: 140%;	
}

h3 {
	font-family: AvenirMedium;
	font-weight: lighter;
	font-size: 16px;
	margin: 0;
	color: #fff;
	/*font-weight: lighter;*/
	text-align: left;
	line-height: 140%;	
}

h4 {
	font-family: Avenirlight;
	font-weight: lighter;
	font-size: 16px;
	margin: 0;
	color: #14284b;
	/*font-weight: lighter;*/
	text-align: left;
}

h5 {
	font-family: AvenirMedium;
	font-weight: bolder;
	font-size: 18px;
	margin: 0;
	color: #14284b;
	/*font-weight: lighter;*/
	text-align: left;
}
h6 {
	font-family: AvenirMedium;
	font-weight: bolder;
	font-size: 28px;
	margin: -5px;
	color: #14284b;
	/*font-weight: lighter;*/
	text-align: left;
	margin-left: 2px;
}

h8 {
	font-family: Avenirlight;
	font-weight: bolder;
	font-size: 18px;
	margin: 0;
/*	color: #14284b;*/
	color: #fff;
	/*font-weight: lighter;*/
	text-align: justify;
	line-height: 125%;	
}

.idioma {
	font-family: AvenirMedium;
	font-weight: lighter;
	font-size: 16px;
	margin: 0;
	color: #fff;
	/*font-weight: lighter;*/
	text-align: left;
	line-height: 140%;	
}

.iconofono {
	font-family: AvenirMedium;
	font-weight: lighter;
	font-size: 50px;
	margin: 0;
	color: #14284b;
	/*font-weight: lighter;*/
	text-align: left;
}

.espaciado{
	line-height: 150%;
	line-height: 180%;		
}

.espaciado2{
	line-height: 250%;	
}
.color{
	color: white;
	font-size: 28px;
}
/* ········· FINAL FUENTES ········· */

/* ········· COMIENZO CONTENEDOR PRINCIPAL ········· */

#contenedorPrincipal{
/*	background-color: rgba(155, 155, 10, 0.5); */
	width: 500px;
	height: 800px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#contenedorPrincipalInicio{
	/*background: rgba(155, 155, 10, 0.5);*/  
	width: 500px;
	height: 800px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
/* ········· COMIENZO CABECERA ········· */
#cabecera{
	/*background-color: rgba(100, 155, 155, 0.5);*/ 
	width: 340px;
	height: auto;
	position: relative;
	margin: 10px auto;
}

#logo{
	/*background-color: rgba(100, 100, 155, 0.5);*/ 
	width: 320px;
	height: 80px;
	position: relative;
	margin: 10px auto;
	padding: 20px 0 0 20px;
}

#iconos{
	/*background-color: rgba(100, 100, 155, 0.5); */
	width: 332px;
	height: 90px;
	position: relative;
	margin: 10px auto;
	padding-left: 8px;
}

.icono{
	/*background-color: rgba(100, 100, 155, 0.5);*/
	width: 65px;
	height: 67px;
	float: left;
	margin-right: 8px;
	margin-top: 8px;
	padding: 8px 0 0 10px;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

.icono:hover {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
/* ········· CIERRE CABECERA ········· */
/* ········· COMIENZO CONTENEDOR CENTRAL ········· */
.precarga {
	display:none;
}

#contenedorCentral{
	background-color: rgba(20, 40, 75, 1.0);   
	width: 100%;
	height: auto;
	position: relative;
	/*margin: 10px auto;*/
	margin-bottom: 0;
	padding: 30px 0px 30px 0px;
}

#contenedorCentralLogo{
/*	background-color: rgba(20, 40, 75, 0.3);   */
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 10px;
	padding-top: 200px;
} 

#contenedorCentralBanderas{
	/*background-color: rgba(20, 40, 75, 0.3);*/
	background-color: rgba(20, 40, 75, 1.0);      
	width: 100%;
	height: 55px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top: 30px;
	position: relative;
} 

#contenidoIconos {
/*	background-color: rgba(120, 100, 20, 0.3);*/
	width: 250px;
	height: 55px;
	padding-right: 0px;
	padding-left: 50px;
	margin-left: auto;
	margin-right: auto;
}

.caja { 
/*	background-color: rgba(100, 130, 50, 0.5);*/
	width: 90px;
	height: 20px;
	float:left;
	padding-left: 0px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
}

.separacionCaja { 
/*	background-color: rgba(100, 130, 50, 0.5);*/
	width: 5px;
	height: 50px;
	float:left;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 20px;
	border-right: 2px dotted #fff; 
/*	border-right: 2px solid #14284b; */
}

.caja a:link { 
	color: #14284b;
	color: #fff;
	text-decoration: none;
}

.caja:hover {
	/*background: url(../img/somos2.png) center center no-repeat;*/
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
.cajaLogo { 
	/*background-color: rgba(100, 130, 50, 0.5);*/
	width: 60px;
	height: 45px;
	float:left;
	margin-top: 25px;
	margin-left:5px; 
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

.cajaLogo:hover {
	/*background: url(../img/somos2.png) center center no-repeat;*/
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}


#textos{
/*	background-color: rgba(100, 200, 23, 0.5); */
	width: 320px;
	height: auto;
	position: relative;
	margin: 10px auto;
}

.titulo{
	/*background-color: rgba(100, 200, 23, 0.5);*/ 
	width: 320px;
	height: auto;
	position: relative;
	margin: 20px auto;
	padding-bottom: 25px;
	border-bottom: 1px solid #545386;
}

.foto{
	/*background-color: rgba(100, 200, 23, 0.5);*/ 
	width: 320px;
	height: auto;
	position: relative;
	margin: 10px auto;
}

#mapa{
	background-color: white; 
	width: 310px;
	height: auto;
	position: relative;
	margin: 450px auto 30px auto;
	padding: 4px 4px 0 4px;
}

#contacto{
	width: 320px;
	height: auto;
	position: absolute;
	margin-left: 80px;
}

.descripcion{
	/*background-color: rgba(100, 200, 23, 0.5);*/ 
	width: 320px;
	height: auto;
	position: relative;
	margin: 10px auto 30px;
	padding-bottom: 40px;
	border-bottom: 1px solid #545386;
}

.bordeImagen{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px solid white;
}

.vinieta{
	list-style-image: url(../img/vinieta.png);
	margin-left: 15px;
 }
  
 /* ··········· INICIO FORMULARIO ·········· */
 form.contacto {
 	margin: 20px 0 20px 0; 
    width: 250px;
    position: relative;
 }
 
 form.contacto fieldset {
     background: white;
 /*    border: 1px solid #E1E1E1;
     box-shadow: 0 0 10px #DADADA;
     -webkit-box-shadow: 0 0 10px #DADADA;
     -moz-box-shadow: 0 0 10px #DADADA;*/
     padding: 25px;
     border-radius: 10px 10px 10px 10px;
     -moz-border-radius: 10px 10px 10px 10px;
     -webkit-border-radius: 10px 10px 10px 10px;
 }
 
 form.contacto fieldset > div {
     clear: both;
     margin-bottom: 20px;
     overflow: hidden;
 }
 
 form.contacto fieldset div label {
     display: block;
     float: left;
 /*    margin-right: 15px;*/
     margin-top: 5px;
     text-align: right;
     text-transform: uppercase;
     width: 84px;
 }
 
 form.contacto input[type="text"], form.contacto textarea {
     background: white;
     font-size: 0.665em;
     border: 1px solid silver;
     color: #626262;
     display: block;
     float: left;
     padding: 10px;
     resize: none;
     width: 245px;
     -webkit-transition: all 0.1s linear;
     -moz-transition: all 0.1s linear;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
 }
 
 form.contacto input[type="text"]:focus, form.contacto textarea:focus {
     background: white;
     border: 1px solid #545386;
     outline: none;
 }
 
 form.contacto .ultimo{
     margin-bottom: 0;
     position: relative
 }
 
 form.contacto button {
     background: #14284b;
     font-family: AvenirLight;
     border: 0 none;
     color: #FFFFFF;
     float: right;
     font-weight: lighter;
     height: 32px;
     padding: 0 10px;
     position: relative;
     text-transform: uppercase;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
 }
 
 form.contacto button:hover{
     background: #545386;
 }
  
 /* AJAX Gif y mensajes de exito o fracaso */
 .hide{
     display: none;
 }
 
 .ajaxgif{
     position: absolute;
     right: 150px;
     top: 5px;
 }
 
 .msg{
     color: white;
     font-weight: lighter;
     height: 132px;
     line-height: 32px;
     padding: 0 10px;
     position: absolute;
     right: -155px;
     text-transform: uppercase;
     min-width: 121px;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
 }
 
 .msg_ok{
     background: #589D05;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
     font-size: 0.665em;
 }
 
 .msg_error{
     background: red;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
     font-size: 0.665em;
 }
 
 ::-webkit-input-placeholder {
 	font-family: AvenirLight;
 	color: #545386;
 	font-size: 1.2em;
 	font-weight: lighter;
 }
 
 :-moz-placeholder { /* Firefox 18- */
 	font-family: AvenirLight;
 	color: #545386;
 	font-size: 1.2em;
 	font-weight: lighter;
 }
 
 ::-moz-placeholder {  /* Firefox 19+ */
 	font-family: AvenirLight;
 	color: #545386;
 	font-size: 1.2em;
 	font-weight: lighter;
 }
 
 :-ms-input-placeholder {  
 	font-family: AvenirLight;
 	color: #545386;
 	font-size: 1.2em;
 	font-weight: lighter;
 }
 
 /* ··········· CIERRE FORMULARIO ·········· */

/* ········· CIERRE CONTENEDOR CENTRAL ········· */
/* ··········· INICIO FOOTER ·········· */
#footer {
/*	background-color: rgba(56, 150, 23, 0.5); */
	position: relative;
	width: 480px;
	height: auto;
	float: left;
	bottom: 0px;
	left: 0px;
}

#contenidoFooter{
/*	background-color: rgba(56, 120, 123, 0.5);*/
	width: 300px;
	height: auto;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 80px;
}

#footer a{
	text-decoration: none;
	color: #14284b;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

#footer a:hover{
	text-decoration: none;
	color: #545386;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
/* ··········· CIERRE FOOTER ··········· */



/* ········· FINAL CONTENEDOR PRINCIPAL ········· */