@charset "UTF-8";
/*       
    *****************************************
    - Generales
    - Secciones
		- Header
		- Menú
		- Carrusel
		- Nosotros
		- Servicios
		- Testimoniales
		- Forma / Contacto 
		- Footer
		- Contenido
    - Headers & Subheaders
    - Links
	- Botones
	
*/

body{
    width: 100%;
    height: 100%;
	font-family: 'Roboto', sans-serif;
    color: #FFF;
    background-color: #FFF;
	font-size: 11pt;
	margin:0;
}

html {
    width: 100%;
    height: 100%;
	margin:0;
}

.wrapper{
    width: 80%;
	min-height:50px;
	height: auto;
    margin: 0 auto;
    position: relative;
}

.wrapper2{
    width: 98%;
	min-height:50px;
	height: auto;
    margin: 0 auto;
    position: relative;
}

.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
 
.clearfix {  
    *zoom:1;  
}

img{
	max-width: 100%;
	height: auto;
	text-align: center;  
}

.anchor{
  display: block;
  height: 150px; /*same height as header*/
  margin-top: -150px; /*same height as header*/
  visibility: hidden;
}

.anchor2{
  display: block;
  height: 180px; /*same height as header*/
  margin-top: -180px; /*same height as header*/
  visibility: hidden;
}

@media screen and (max-width: 765px) {
.anchor{
  height: 20px; /*same height as header*/
  margin-top: -20px; /*same height as header*/
}

.anchor{
  height: 20px; /*same height as header*/
  margin-top: -20px; /*same height as header*/
}

}

/* ---------- SECCIONES ---------- */


/* HEADER */

.top {
	height: 150px;
	width: 105%;
	top:0;
	position:fixed;
	padding-top:10px;
	margin-left:-10px;
	background-color: #FFF;
	z-index:888;
	color: #030F49;
	}

.container {
	width: 80%;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	
.container bloque{
    display: block;
    width: 46%;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
    float: left;
	}
	
.container2 {
	background-color: #1B75BB;
	height: 40px;
	width: 102%;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position:relative;
	}
	
.logo { 
	position:left;
}

.balazo {
	float:right;
	text-align:right;
	margin-top:-12px;
	color: #030F49;
	}
	
.idioma {
	float:right;
	text-align:right;
	padding-top:15px;
	color: #FFF;
	}

@media screen and (max-width: 765px) {
.top {
	height:165px;
	margin-left:0px;
	position: relative;
	margin-top:0px;
	padding-top:65px;
	width:100%;
	background-color:#FFF;
	}
	
.container{
	weight:100%;
	}
	
.container bloque{
    width: 100%;
	float: left;
	}

.container2 {
	margin-top: 150px;
	}
	
.logo { 
	position:relative;
	margin-top:15px;
}

.balazo {
	width:98%;
	float:left;
	text-align:center;
	margin-top:-25px;
	}
	
.idioma {
	width:98%;
	float:left;
	text-align:center;
	margin-top:-145px;
	}
}
	
/* MENU */ 

nav {
	height: 40px;
	width: 100%;
	background: #1C75BC;
	font-size: 11pt;
	position: fixed;
	border-bottom: 1px solid #FFF;
	margin-top:-40px;
	z-index:999;
	text-align:center;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 800px;
	height: 40px;
}
nav li {
	display: inline;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 150px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}
nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #00AEEF;
}
nav a#pull {
	display: none;
}

@media only screen and (max-width : 765px) {
	nav {
		height: auto;
		border-bottom: 0;
		margin-top:-1px;
		padding-left:0;
	}
	nav ul {
		width: 100%;
		display: block;
		height: auto;
		display: none;
	}
	nav a#pull {
		display: block;
		background-color: #1C75BC;
		width: 100%;
		position: relative;
		border-bottom: 1px solid #FFF;
		border-top: 1px solid #FFF;
	}
	
	  	nav li {
  		width: 100%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #00AEEF;
		border-right: 1px solid #00AEEF;
	}
  	nav a {
	  	text-align: center;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	
	nav a#pull:after {
		content:"";
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

@media only screen and (max-width : 320px) {
	nav li {
		margin-top:-1px;
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #FFF;
	}
}

/* CARRUSEL */

.carrusel {
	width: 100%;
	margin-top:200px;
	background-color: #00AEEF;
	}
	
@media screen and (max-width: 765px) {
	
.carrusel {
	margin-top:50px;
	}	
	
}

/* NOSOTROS */

.nosotros{
	width: 100%;
	text-align: center;
	padding-top:80px;
	padding-bottom:100px;
	background-color: #fff;
}

.nosotros bloque{
	display: block;
    max-width: 100%;
	padding:20px;
	margin:auto;
	}
	
.nosotros bloque2{
	display: inline-block;
    width: 60%;
	margin-left:0%;
	margin-top:10px;
	text-align:left;
	color:#666;
	}
	
.nosotros bloque3{
	display: inline-block;
    width: 32%;
	text-align:center;
	}

@media screen and (max-width: 765px) {
	
.nosotros bloque2{
    width: 95%;
	}
	
.nosotros bloque3{
    width: 95%;
	padding-bottom:10px;
	}	
}

/* SERVICIOS */

.servicios{
	width: 100%;
	text-align: center;
	padding-top:80px;
	padding-bottom:100px;
	background-color: #EDF8FC;
	color:#666;
}

.servicios bloque{
	display: block;
    max-width: 100%;
	padding:20px;
	margin:auto;
	}
	
.servicios bloque2{
	display: inline-block;
    max-width: 30%;
	padding:50px;
	padding-bottom:10px;
	margin:auto;
	}


@media screen and (max-width: 765px) {
	
.servicios bloque2{
    max-width: 95%;
	padding-bottom:20px;
	padding:10px;
	}
}


@media screen and (max-width: 999px) {
	
.servicios bloque2{
	padding-bottom:20px;
	padding:10px;
	}
}
	
/* TESTIMONIALES */

.testimoniales{
	width: 100%;
	text-align: center;
	padding-top:80px;
	padding-bottom:100px;
	color:#666;
	background-image:url(../images/bg_testimoniales.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-attachment: scroll;
	background-position: left top;
}

.testimoniales bloque{
	display: block;
    max-width: 80%;
	margin:auto;
	}


@media screen and (max-width: 999px) {
	
.testimoniales bloque{
	margin-left:10px;
	}
}
	
/*FORMA - CONTACTO*/

.contacto{
	width: 100%;
	padding-bottom:40px;
	padding-top:80px;
	background-color:#1C75BC;
	color:#FFF;
	text-align:center;
	}	

.contacto bloque {
	display: block;
    width: 100%;
	text-align: center;
	}	
	
.contacto bloque2{
	display: inline-block;
    width: 80%;
	margin-left:0%;
	margin-top:10px;
	text-align:center;
	}

form {
	max-width: 600px;
	text-align: center;
	margin: 20px auto;  
	}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #F47521;
	font-size:16px;
	font-weight:700;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #F47521;
   opacity:  1;
   font-size:11pt;
   font-weight:700;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #F47521;
   opacity:  1;
   font-size:11pt;
   font-weight:700;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #F47521;
   font-size:11pt;
   font-weight:700;
}
	
form input, form textarea {
	border: 0;
	outline: 0;
	padding: 1em;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	display: block;
	width: 88%;
	margin-top: 1em;
	font-weight:300;
    color:#F47521;
	background-color:#FFF;
	text-transform:uppercase;
	line-height:11pt;	
	resize: none;
	}
	
form input:focus, form textarea:focus {
	color:#888;
	border:2px #000000;
	}
	
form textarea {
  	height: 130px;
	}

.half {
	float: left;
	width: 48%;
	margin-bottom: 1em;
	}

.right {
	width: 50%;
	}

.left {
	margin-right: 2%;
	}
	
.middle {
    width: 105.5%;
    float: none;
	}

@media (max-width: 800px) {
.half {
    width: 100%;
    float: none;
    margin-bottom: 0;
	}
	
.middle {
    width: 100%;
    float: none;
	}

form {
	padding-left:10%; 
	}
}


/* FOOTER */

.footer{
	width: 100%;
	padding-top: 20px;
	padding-bottom:20px;
	font-size:12px;
	background-color:#00AEEF;
	color:#FFF;
	font-weight: 300;
	text-align:center;
	}

.footer bloque {
	display: inline-block;
    width: 65%;
	padding-left:2%;
	padding-right:2%;
	margin-top:10px;
	line-height:16pt;
	text-align:center;
	}
	
@media (max-width: 1350px) {
.footer bloque {
	position:relative;
	display: block;
    width: 94%;
	text-align:center;
	}
	
}
	
	
/*CONTENIDO*/

.contenido{
	width: 100%;
	margin-top:195px;
	padding-top: 50px;
	text-align: center;
	padding-bottom:50px;
	background-color: #FFFFFF;
	color:#666;
	font-size: 11pt;
	overflow:hidden;
}
	
div#contenido { 
  	width: 100%; 
	overflow: hidden; 
	}
	
.contenido bloque{
	display: block;
    max-width: 100%;
	padding:10px;
	margin:auto;
	}
	
.contenido bloque2{
	display: inline-block;
    width: 80%;
	margin-left:0%;
	margin-top:10px;
	color:#666;
	text-align:left;
	}
	
ul.cont {
	list-style: none;
	}

.cont li {
	list-style: none;
	}

.fotosizq{
	display: block;
	min-width:10%;
	max-width:45%;
	margin-left:0%;
	margin-top:0px;
	margin-right:18px;
	text-align:left;
	position: relative;
	float: left;
	}

@media (min-width: 1280px) {
.fotosizq{
    max-width:100%;
	padding-bottom:20px;
	}
}

@media (max-width: 765px) {
.contenido bloque2{
    width: 80%;
	}
	
.fotosizq{
    max-width:100%;
	padding-bottom:20px;
	}
	
.contenido{
	margin-top:0px;
	padding-top: 50px;
}
}

@media (max-width: 500px) {
.contenido{
	font-size: 11pt;
	}

.contenido bloque2{
    width: 90%;
	}
	
.fotosizq{
    display: none;
	}
}


/* ------ HEADERS & SUBHEADERS ------ */

.italicas{
	font-style: italic;
	}
	
.negritas{
	font-weight: 600;
	}

h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 18pt;
	text-align:center;
	}
	
h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 20pt;
	color: #1C75BC;
	text-align:center;
	}	

h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14pt;
	text-align:right;
	}
	
h4 {
	font-family: 'Roboto', sans-serif;
	text-align:center;
	font-weight: 400;
	}

h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 11pt;
	font-weight: 400;
	color: #666;
	padding: 30px 30px;
	display: inline-block;
	width:500px;
	text-align:left;
	background: -webkit-linear-gradient(top, rgba(249,203,137,0) 0%, rgba(249,203,137,0.5) 75%);
	background: linear-gradient(to bottom, rgba(249,203,137,0.5) 0%, rgba(249,203,137,0.5) 50%);
	}
	
.nombre {
	color: #FFF;
	}
	
@media screen and (max-width: 765px) {
h3 {
	text-align:center;
	}
	
h5 {
	padding: 30px 30px;
	display: inline-block;
	max-width:95%;
	}
}

hr { 
	background-color: #FFF; 
	border-color: #FFF; 
	height: 1px;
	width: 75px; 
	margin-top:-15px;
	}
	
.contacto hr { 
	background-color: #FFF; 
	border-color: #FFF; 
	height: 1px;
	width: 75px; 
	margin-top:-15px;
	}

/* ------ LINKS ------ */

a.one:link, a.one:visited {
	color: #FFFFFF;
	text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	}

a.one:hover, a.one:focus {
	text-decoration: none;
    color: #626262;
    }

a.two:link, a.two:visited {
	color: #626262;
	text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	}

a.two:hover, a.two:focus {
	text-decoration: none;
    color: #626262;
    }
	
a.three:link, a.three:visited {
	color: #626262;
	text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	}

a.three:hover, a.three:focus {
	text-decoration: none;
    color: #00AEEF;
    }

a.four:link, a.four:visited {
	color: #888;
	text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	}

a.four:hover, a.four:focus {
	text-decoration: none;
    color: #00AEEF;
    }

/* ------ BOTONES ------ */

.btn {
	border: none;
	font-family: 'Roboto', serif;
	font-size: 11pt;
	font-weight:600;
	color:#fff;
	background-color: #00AEEF;
	cursor: pointer;
	padding: 8px 12px;
	display: inline-block;
	margin: 8px 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-b:hover {
	background-color: #E1F4FD;
	color: #00AEEF;
}


.btn2 {
	border: none;
	font-family: 'Roboto', serif;
	font-size: 11pt;
	font-weight:600;
	color:#fff;
	background-color: #00AEEF;
	cursor: pointer;
	padding: 8px 12px;
	display: inline-block;
	margin: 8px 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn2:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn2-b:hover {
	background-color: #1C75BC;
	color: #FFF;
}