@import "font-awesome.css";
@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(//fonts.googleapis.com/css?family=Cookie);
@charset "utf-8";
/* CSS Document */

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

html, body { padding:0; margin:0; height:100%;}

h1{
  font: 55px/1em 'Lato' !important;
  color: #366fa5 !important;
  margin-bottom: 4px !important;
}

h2{
  font-size: 42px;
  margin:0;
  margin-bottom: 16px;
  font-weight: 700;
  font-family: 'Oswald', sans-serif;
  line-height: 48px;
  color: #3477ac;
  padding-top: 13px;
 /* font: 100 35px/1em 'Lato' !important;
  color: #224055 !important;
  margin-bottom: 12px !important;*/
}

h6{
 padding-top: 5px;
  color: #7ec6c8;
  font-size: 18px;
  font-family: 'Oswald', sans-serif;
  line-height: 24px;
  font-weight: 700;
  margin:0;
  margin-bottom: 5px;
}

/* HEADER */

header{
	width:100%;
	height:auto;
	min-height:20%;
	background: #367db1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2N2RiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzM2N2ViMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzMxNzRhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzI4NWY4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzI1NTk4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzIzNTk3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDU4N2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #367db1 0%, #367eb0 71%, #3174a1 79%, #285f86 91%, #255980 98%, #23597d 98%, #24587f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#367db1), color-stop(71%,#367eb0), color-stop(79%,#3174a1), color-stop(91%,#285f86), color-stop(98%,#255980), color-stop(98%,#23597d), color-stop(100%,#24587f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #367db1 0%,#367eb0 71%,#3174a1 79%,#285f86 91%,#255980 98%,#23597d 98%,#24587f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #367db1 0%,#367eb0 71%,#3174a1 79%,#285f86 91%,#255980 98%,#23597d 98%,#24587f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #367db1 0%,#367eb0 71%,#3174a1 79%,#285f86 91%,#255980 98%,#23597d 98%,#24587f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #367db1 0%,#367eb0 71%,#3174a1 79%,#285f86 91%,#255980 98%,#23597d 98%,#24587f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367db1', endColorstr='#24587f',GradientType=0 ); /* IE6-8 */
}

header .logo {
  width:350px !important;
  height:140px !important;
  clear: both;
  margin-bottom: 5px;
  margin-left: -25px;
  cursor:pointer;
}

.frases {
  margin-left:-25px;
  margin-top:-130px;
  float:none;
  padding-bottom:40px;
  font-size:22px;
  /*padding-top: 20px;
  float: right;
  margin-right: 50px;
  text-transform:uppercase;*/
}

header .push_1{
  margin-left:80px;
}


/* CONTENT */

#middle{
width:100%;
height:65%;
overflow:hidden;
border-top:3px solid #fff;
border-bottom:3px solid #fff;
position:relative;
z-index:1;
}

.box{
   width: 10%;
   overflow: hidden;
   outline:3px solid #fff;
   float:left;
   position:relative;
   z-index:2;
}

.box2{
   width: 10%;
   overflow: hidden;
   outline:3px solid #fff;
   float:left;
}

.box:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.box-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.box-content div {
   /*display: table;
   width: 100%;
   height: 100%;*/
}
.box-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white
}

.azul1{
	background: #C7DBE9;
}

.azul2{
	background: #ADCADF;
}

.azul3{
	background: #5491BD;
}

.azul4{
	background: #3A80B3;
}

#fondo{
	position:relative;
	z-index:0;
}

#fondo_int{
	position:relative;
	z-index:0;
}

.imgs{
	position:absolute;
	z-index:3;
	width:100%;
	height:100%;
}

.imgs h4{
  font: 300 26px/1em 'Lato' !important;
 /* color: #224055 !important;*/
  margin-bottom: 12px !important;
  border-bottom:1px #fff solid;
}

.imgs h3{
  font: 300 24px/1em 'Dosis' !important;
  color:#C00 !important;
  margin-bottom: 12px !important;
}

.tit{
	
  color: #7ec6c8;
  font-size: 18px;
  font-family: 'Oswald', sans-serif;
  line-height: 24px;
  font-weight: 700;
  text-indent: 0px !important;
	
	/*text-transform:uppercase;
	color: #224055;
	
	font: 300 20px/1em 'Droid Serif', serif !important;*/
	/*font: 300 20px/1em 'Dosis' !important;*/
}

.tit a:hover{
	color:#666;
}

.sub_tit{
	text-transform:uppercase;
	color: #24587D;
	font: 300 16px/1em 'Dosis' !important;
	padding-bottom:25px;
}

.sub_tit a:hover{
	text-decoration:underline;
}

.fondo_preg{
	background-color:#FBFBFB; 
	width:95%; 
	padding:15px;
}

.cont{
	background-color:#fff; 
	height:100%;
	max-height:100%;
	overflow:auto;
	padding:20px;
}

.divimagennada{
	width:164px;
	height:90px;
	float:left;	
	}

.divimagen{
	width:150px;
	height:90px;
	overflow:hidden;	
	text-align:center;
	border:7px solid #ccc;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: -4px 3px 10px -2px rgba(0,0,0,0.07);
	-moz-box-shadow: -4px 3px 10px -2px rgba(0,0,0,0.07);
	box-shadow: -4px 3px 10px -2px rgba(0,0,0,0.07);
	float:left;	
}

.divdes{
	float:left;
	width:650px;
	padding-left:35px;
}

.subleft{
	float:left;
	width:180px;
	min-height:300px;
	border-right:2px solid #224055;
}

.mapa{
	width:100%;
	float:left;
}

.formulario{
	padding-top:50px;
	width:500px;
	float:left;
}

.dir{
	padding-left:35px;
	padding-top:50px;
	width:350px;
	float:left;
}

.img1{
	width:9.8%;
    overflow: hidden;
	position:absolute;
	z-index:3;	
	top:300;
	background-image: url("../images/foto1_gde.jpg");
	background-size:266px 177px;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	-webkit-animation: animated1 5s linear infinite alternate;
	animation: animated1 5s linear infinite alternate;
}

.img1:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.img2{
	width:19.9%;
	max-height:267px;
	outline:2px solid #fff;
    overflow: hidden;
	position:absolute;
	z-index:4;	
	top:0;
	background-image: url("../images/foto2_gde.jpg");
	background-size:478px 334px;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	/*-webkit-animation: animated2 8s linear infinite alternate;
	animation: animated2 8s linear infinite alternate;*/
}

.img2:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.img3{
	width:19.8%;
	max-height:132px;
    overflow: hidden;
	position:absolute;
	outline:2px solid #fff;
	z-index:3;	
	top:200;
	background-color:#3A80B3;
	/*background-image: url("../images/foto3_gde.jpg");
	background-size:334px 223px;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	-webkit-animation: animated3 10s linear infinite alternate;
	animation: animated3 10s linear infinite alternate;*/
}

.img3:before{
    content: "";
    display: block;
    padding-top: 50%;
}

.img4{
	width:19.9%;
	max-height:133px;
    overflow: hidden;
	position:absolute;
	z-index:3;	
	top:300;
	background-image: url("../images/foto4_gde.jpg");
	background-size:342px 171px;
	background-position: 0px 0px;
	-webkit-animation: animated4 5s linear infinite alternate;
	animation: animated4 5s linear infinite alternate;
}

.img4:before{
    content: "";
    display: block;
    padding-top: 50%;
}

.img5{
	position:absolute;
	z-index:3;
    width: 9.9%;
	max-height: 267px;
    overflow: hidden;
    float:left;	
	top:0;	
	background-image: url("../images/foto5_gde.jpg");
	background-size:502px 335px;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	-webkit-animation: animated5 25s linear infinite alternate;
	animation: animated5 25s linear infinite alternate;
}

.img5:before{
    content: "";
    display: block;
    padding-top: 200%;
}

.logomov{
	width:400px;
	height:140px;
    overflow: hidden;
    float:left;	
	top:0;	
	background-image: url("../images/logo.png");
	background-position: 0px 0px;
	background-size:350px 140px;
	background-repeat: no-repeat;
	-webkit-animation: animatedlogo 5s linear infinite alternate;
	animation: animatedlogo 5s linear infinite alternate;
}

.logomov:before{
    content: "";
    display: block;
    padding-top: 5%;
}

@-webkit-keyframes animatedlogo {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

@keyframes animatedlogo {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

.txtm1{
	position:absolute;
	z-index:3;	
	top:0;
	width:100%;
	padding-top:100px;
	width:130px;
	height:132px;
}

.txtm2{
	position:absolute;
	z-index:3;	
	top:0;
	width:100%;
	padding-top:100px;
	width:130px;
	height:132px;
	display:none;
}

@-webkit-keyframes animated1 {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

@keyframes animated1 {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

@-webkit-keyframes animated2 {
	from { background-size:478px 334px; }
	to { background-size:382px 267px; }
}

@keyframes animated2 {
	from { background-size:478px 334px; }
	to { background-size:382px 267px; }
}

@-webkit-keyframes animated3 {
	from { background-position: 0 0; }
	to { background-position: 0 100%; }
}

@keyframes animated3 {
	from { background-position: 0 0; }
	to { background-position: 0 100%; }
}

@-webkit-keyframes animated4 {
	from {background-size:342px 171px; }
	to {background-size:267px 133px; }
}

@keyframes animated4 {
	from {background-size:342px 171px; }
	to {background-size:267px 133px; }
}

@-webkit-keyframes animated5 {
	from { background-position: 20% 0; }
	to { background-position: 80% 0; }
}

@keyframes animated5 {
	from { background-position: 20% 0; }
	to { background-position: 80% 0; }
}

/* LOGIN  */

.flogin{
	margin-top:60px;
	width:500px;
}

/* ADMIN */
#s_admin{
padding-bottom:20px;
}

#middle_admin{
width:100%;
height:auto;
min-height:65%;
border-top:3px solid #fff;
border-bottom:3px solid #fff;
position:relative;
z-index:1;
}

/* SOMOS */
#servicios p{
 padding-top:15px;
 line-height:1.2;
 text-indent: 40px;
 /*font-family: 'Droid Serif', serif;*/
}

#servicios ul li{
	list-style:none;
	font-family: 'Droid Serif', serif;
}

.numbers li{
	margin-left:50px;
	line-height:1.8;
	list-style-type:decimal !important;
}

/* FOOTER  */
footer{
	width:100%;
	height:15%;
	background-color:#24587D;
}

footer .push{
	padding-top:20px;
}

/* ESTILOS */

.blanco{
	color:#fff !important;
	line-height:1em;
	font-family: 'Dosis', sans-serif;
}

.blanco strong{
	font-weight:600;
}

.blanco a{
	color:#fff;
	-webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease;
}

.f24{
	font-size:24px !important;
}

.f16{
	font-size:16px !important;
}

.f14{
	font-size:14px !important;
}

.blanco a:hover{
	color: #0049A2;
}

.azul{
  font: 22px/1em 'Lato', Helvetica, Arial, sans-serif;
  margin-bottom: 21px;
  color: #224055;
}

.gris{
	font-size: 16px;
  font-family: 'Trebuchet MS';
  color: #acacac;
  line-height: 20px;
	/*color:#656565;
	line-height:1em;
	font-family: 'Dosis', sans-serif;*/
}

.gris strong{
	font-weight:600;
}

.rojo{
	color:#C00;
	line-height:1em;
	font-family: 'Dosis', sans-serif;
}

.rojo a:hover{
	text-decoration:underline;
}

.a1 {
  color: #fff !important;
  display: inline-block;
  padding: 11px 30px 13px;
  font-family: 'Dosis', sans-serif;
  background: #999;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  -moz-border-radius: 0 50% / 0 100%;
  -webkit-border-radius: 0 50% / 0 100%;
  border-radius: 0 50% / 0 100%;
}
.a1:hover {
  background: #3477ac;
  color: #fff;
}

.a2 {
  color: #fff !important;
  display: inline-block;
  padding: 11px;
  font-family: 'Dosis', sans-serif;
  background: #999;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 20px;
  margin-left:25px !important; 
  border:0px;
}
.a2:hover {
  background: #3477ac;
  color: #fff;
}

.btn_rojo{
  box-shadow: none;
  text-decoration: none;
  display: inline-block;
  padding: 0;
  font: 12px 'Dosis', sans-serif;;
  margin: 0;
  border-radius: 0;
  color: #fff;
  background: none;
  border: none;
  float: none;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  text-transform:uppercase;
}

.btn_rojo:hover{
	color: #20acb8 !important;
	text-shadow: none;
	background: none;
	text-decoration: none;
}

.imgsleft{
	margin-left:15px !important;
}

.mvv_top{
	margin-top:30px;
	width:100%;
	-webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
	position:relative;
	z-index:2;
	padding:10px;
}

.mvv_txt{
	width:100%;
	background-color:#ECECFB;
	background-image:url(../images/bgmvv.png);
	background-size:cover;
	background-repeat:no-repeat;
	padding:10px;
	position:relative;
	z-index:0;
	min-height:370px;
}

.mvv_top_azul{
 background-color:#367EB0;
}

.mvv_top_tur{
 background-color:#2E5879;
}

.mvv_top_gris{
 background-color:#757584;
}

/*==================================  MISC  ===============================================*/

.bg_gris{
width:100%;
padding:15px;
background-color:#FBFBFB;
margin-left:-20px;
}

.izq{
	float:left;
}

.der{
	float:left;
	margin-left:35px;
}

figure{
border: 4px solid #fcfcfc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 5px 0 #cdcbcb;
  box-shadow: 0 0 5px 0 #cdcbcb;
}

.lightbox {
  display: block;
  float:left;
  border: 4px solid #fcfcfc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 5px 0 #cdcbcb;
  box-shadow: 0 0 5px 0 #cdcbcb;
  width:200px;
  height:200px;
  margin-left:25px;
}

.lightbox img {
  width: 100%;
}

.lightxt{
	float:left;
	background:#F5F5F5;
	padding:20px;
	width:600px;
	height:161px;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	transition: background 0.2s linear;
	
	-webkit-box-shadow: 0px 1px 1px #666;
	-moz-box-shadow: 0px 1px 1px #666;
	box-shadow: 0px 1px 1px #666;
}

.lightxt span{
	color: #7ec6c8;
  font-size: 18px;
  font-family: 'Oswald', sans-serif;
}

.lightxt:hover{
	color:#FFF;
	background: rgba(37, 89, 128, 1);
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
 @media only screen and (max-width: 1308px) {
  header .frases {
    margin-right: 50px;
  }
} 

@media only screen and (max-width: 1280px) {
	.img1{
		width:9.9%;
	}
	.img1:before{
	padding-top:99% !important;
	}
	
	.img2:before{
	padding-top:99% !important;
	}
	
	.img3:before{
	padding-top:49% !important;
	}
	
	.img5:before{
	padding-top:199% !important;
	}
	
}

@media only screen and (max-width: 1199px) {
  nav {
    text-align: center;
  }
  
  .img1, .img3, .img4, .img5{display:none;}
  
  .img2{
	  width:80%;
	  margin-top:5.6em !important;
	  left:10%;
	  background-repeat:no-repeat;
	  display:block;
  }
  
}
@media only screen and (max-width: 1024px) {
  .box{
  	width:20%;
/*	width:123px;
	height:123px;*/
  }
  .menu nav {
    display: inline-block;
  }
  header {
    text-align: center;
  }
   
  .sf-menu {
    padding-top: 0 !important;
  }
  
  .img2{
	  width:350px;
	  margin-top:5.6em !important;
	  left:30%;
	  background-repeat:no-repeat;
	  display:none;
  }
  
  .txtm1{
		display:none;
	}
	
	.txtm2{
		display:block;
	}
	
}

@media only screen and (max-width: 767px) {
	header .frases {
	  float:none;
	  padding-top: 15px;
	  margin:auto;
	  padding-bottom:15px;
	}
	
	header .logo {
	  overflow:hidden;
	  margin-bottom: 11px;
	  margin-left:0px;
	  float: none;
	}
	
	header .push_1{
  	   margin-left:0px;
    }
	
	.blanco{
		font-size:18px;
	}
	
	.box{
		width:25%;
	}
	
	#middle{
 	 min-height:100%;
    }
	
	 .cont{
	 padding-top:40px !important;
	 width: 100% !important;
	 height:100% !important;
	 overflow-x:hidden;
  }
  
  .divimagen, .divimagennada{
  	float:none;
  }
  .imgsleft{
	margin-left:0px;
	margin-top:15px;
}
  .divdes{
  	float:none;
	width:100%;
	padding-left:0px;
	padding-bottom:20px;
  }
  
  .prebtn{
	margin-left:0px;
	margin-top:15px;
	float:none;
	width:200px !important;
	}
	
	.a2{margin-left:0px !important;}
	
	.mapa, .formulario{
	float:none;
	width:100%;
	padding-left:0px;
	padding-bottom:35px;
	}
	
	.subleft{
	float:none;
	width:100%;
	padding-bottom:35px;
	border:none;
	}
	
	.izq, .der{
		clear:both;	
	}
	
	figure img{ width:100%;}
	
	.lightbox, .lightxt, .grid_3_1{
	width:90% !important;
	clear:both;
	height:auto;
	}
	
	.lightbox{ margin-top:25px;}
	
}

@media only screen and (max-width: 480px) {
	
	header .frases {
	  float:none;
	  padding-top: 15px;
	  padding-bottom:15px;
	  margin-left:0px !important;
	}
	
	header .logo {
	  overflow:hidden;
	  margin-left:-40px;
	}
	
	.logomov{
	background-size:80%;
	}
	
	header .push_1{
  	   margin-left:0px;
    }
	
	.blanco{
		font-size:18px;
	}
	.box{
		width:25%;
	}
	.txtm2{
		display:none;
	}
	
	.img2{
	  width:80%;
	  margin-top:5.6em !important;
	  left:10%;
	  background-repeat:no-repeat;
	  display:block;
    }
  
    #fondo_int{
	  display:none;
    }
    
	#middle{
		height:auto;
	}
  
}