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

/*------------- reset -------------*/
* {
  margin:0;
  border:0;
  padding:0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


* {
  margin: 0;
  padding: 0;
}
ol, ul {
  list-style: none;
}

/*a img{
border: none;
}*/

a { text-decoration: none; }

.destacado a:hover {
  border-bottom:0px;
}
.clearfix {
  display: block;
}

/* HTML5 para los navegadores viejos */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
.link-blanco {
  text-decoration:none;
  color:#FFFFFF;
}

.link-blanco:hover {
  /*text-decoration:underline;*/
  border-bottom:dotted 1px;
}

.red {
  color: #ff0033;
}
/*---------------  estilos personales ---------------*/
body {
  font-family: 'Lato', sans-serif;
  font-size:1em;
  color:#104e94;
  color:#000000;
  background: #FFFFFF;
  /*background: url('../img/fondo_gradient.jpg') center center fixed;
  background: -moz-linear-gradient(#b5b5b5,#ffffff);
  background: -webkit-linear-gradient(#b5b5b5,#ffffff);
  background: -o-linear-gradient(#b5b5b5,#ffffff);
  background: -ms-linear-gradient(#b5b5b5,#ffffff);
  background: linear-gradient(#b5b5b5,#ffffff);*/
}
#container {
  max-width: 100%;
}
#contenido {
  width: 80%;
  margin:0 auto;
  padding:15px;
}
.clear {
  clear:both;
}
.ocultar {
  display:none;
}
.ocultar-mas {
  display:none;
}
.ocultar-leer {
  display:none;
}
#destacado {
  width: 80%;
  margin:0 auto;
}
#achica_img img{
  max-width:100%;
}
.achica_img{
  max-width:100%;
}
.float_left  {
  float: left;
  padding:0px 20px 20px 20px;
}
.float_right  {
  float:right;
  padding:0px 20px 20px 20px;
}
.padding10 {
  padding: 10px;
}
.paddingTop10 {
  padding-top: 10px;
}
.padding20 {
  padding: 20px;
}
.padding-top55 {
  padding-top: 55px;
}
.title-section {
  font-size: 2.5em;
}
.light {
  font-weight: 300;
}
.black {
  font-weight: 900;
}
.italic {
  font-style: italic;
}
.outline {
  -webkit-text-stroke: 1px white;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-nombre {
  font-size: 1.5em;
}
.text-uppercase {
  text-transform: uppercase;
}
.interlinea05 {
  line-height: 0.5;
}
.font-azul {
  color: #104e94;
}
.font-roja {
  color: #E62D5B;
}
.font-celeste {
  color: #009FDA;
}
.font-verde {
  color: #00a5ad;
}
.font-violeta {
  color: #8A52A0;
}
.font-naranja {
  color: #ff7c28;
}
.font-blanca {
  color: #ffffff;
}
.font-mayuscula {
  text-transform: uppercase;
}
.nombreTop {
  font-size: 3em;
}
.nombre {
  font-size: 2em;
}
.apellidoTop {
  font-size: 5em;
}
.apellido {
  font-size: 4em;
}
.interlineadoChicoTop {
  line-height: 3.2em;
}
.interlineadoChico {
  line-height: 2.5em;
}
.cargoTop {
  font-size: 2em;
}
.cargo {
  font-size: 1.2em;
}
.position-reltive {
  position: relative;
}
.position-absolute {
  position: absolute;
}

/* ---------------------------------- Navegador ---------------------------------- */
#menu-mini {
  display:none;
}
nav {
  background: #104e94;
  width:100%;
  /*font-family: 'Oswald', Trebuchet MS, Arial, sans-serif;
  font-weight: 200;
  font-size:1.1em;
  background: -moz-linear-gradient(#51a1ff,#2e42e1);
  background: -webkit-linear-gradient(#51a1ff,#2e42e1);
  background: -o-linear-gradient(#51a1ff,#2e42e1);
  background: -ms-linear-gradient(#51a1ff,#2e42e1);
  background: linear-gradient(#51a1ff,#2e42e1);
  background-image:url(../img/bg_opacity80.png);*/
  z-index:15;
  box-shadow:0 0 20px rgba(0,0,0,0.4);
  -webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 20px rgba(0,0,0,0.4);
  -o-box-shadow:0 0 20px rgba(0,0,0,0.4);
  position:fixed;
}

#menu {
  padding:20 0 0 20px;
  height:50px;
  margin:0 auto;
  margin-top: 20px;
}

nav ul {
  list-style:none;
  max-width:100%;
  margin:0 auto;
}

nav span {
  color:#FFFFFF;
  margin-left:15px;
  font-size:1.1em;
}

nav ul li {
  display:inline-block;
  position: relative;
}

nav ul li:hover {
  border-bottom:thin solid #FFFFFF;
  /*background-color: #1969c3;*/
}

nav ul li a {
  color:#FFFFFF;
  display:block;
  text-decoration:none;
  padding:14px;
  font-weight: 400;
  font-size: 1em;
}

nav ul li a:hover {
  display:block;
  /*border-bottom:1px solid;
  border-top:1px solid;*/
  padding: 14px;
  color:#FFFFFF;
  /*background-color: #d4ccbf;*/
}

nav ul li a span {
  margin-right:10px;
}

nav ul li a span:hover {
  color:#FFFFFF;
}

nav ul li:hover .children {
  display:block;
  text-align:left;
}

nav ul li .children {
  display: none;
  position: absolute;
  width: 250px;
  text-align:left;
  /*z-index:10;*/
}

nav ul li .children li {
  display:block;
  overflow: hidden;
  border-bottom: 1px solid #fff;
  background: #104e94;
  /*background: -moz-linear-gradient(#51a1ff,#2e42e1);
  background: -webkit-linear-gradient(#51a1ff,#2e42e1);
  background: -o-linear-gradient(#51a1ff,#2e42e1);
  background: -ms-linear-gradient(#51a1ff,#2e42e1);
  background: linear-gradient(#51a1ff,#2e42e1);
  background-image:url(../img/bg_opacity80.png);*/
  width:250px;
}

nav ul li .children li a {
  display: block;
  color: #FFFFFF;
}

nav ul li .children li a:hover {
  color:#FFFFFF;
  background-color: #1969c3;
}

nav ul li .children li a span {
  float: right;
  position: relative;
  top:3px;
  margin-right:0;
  margin-left:10px;
}

nav ul li .caret {
  position: relative;
  top:3px;
  margin-left:10px;
  margin-right:0px;
}
#logo {
  float:left;
  padding:20px 0 0 20px;
  height:auto;
  overflow:inherit;
}

/* ---------------------------------- Valores ---------------------------------- */

.valores {
  height: auto;
}

#valor {
  width:25%;
  float:left;
  height:200px;
  /*margin: auto;*/
  position:relative;
}
#valor-tercio {
  width:33.333%;
  float:left;
  height:200px;
  /*margin: auto;*/
  position:relative;
}

#valor_contenido {
  margin: 0;
  font-size:18px;
  color:#ffffff;
  position:absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  padding: 15px;
}

.blanco {
  background-color: #ffffff;
}
.naranja1 {
  background-color: #ff7c28;
}
.naranja2 {
  background-color: #fb8f4a;
}
.naranja3 {
  background-color: #ffa368;
}
.naranja4 {
  background-color: #ffb280;
}
.azul1 {
  background-color: #104e94;
}
.azul2 {
  background-color: #1051c1;
}
.azul3 {
  background-color: #3371dc;
}
.azul4 {
  background-color: #4e8af1;
}
.verde1 {
  background-color: #00a5ad;
}
.verde2 {
  background-color: #05bac3;
}
.verde3 {
  background-color: #06d1db;
}
.verde4 {
  background-color: #56dee5;
}
.verde5 {
  background-color: #33bd08;
}

.rojo1 {
  background-color: #E62D5B;
}
.violeta1 {
  background-color: #8A52A0;
}
.celeste1 {
  background-color: #009FDA;
}
.celeste2 {
  background-color: #18b9f5;
}
.celeste3 {
  background-color: #55d1ff;
}
.celeste4 {
  background-color: #8be0ff;
}

.centro {
  width: 90%;
  max-width: 1240px;
  margin: 0 auto;
}

/* ---------------------------------- Servicios ---------------------------------- */
.cien {
  width: 100%;
}
.setentaycinco {
  width: 75%;
}
.cincuenta {
  width: 50%;
}
.treinta {
  width: 30%;
}
.veinticinco {
  width: 25%;
}
aside {
  width: 48%;
}
.sesenta {
  width: 60%;
}
.cuarenta {
  width: 40%;
}
.cincuenta-posicion {
  float:left;
  position:relative;
}
.cincuenta-contenido {
  position: absolute;

}
.altura650 {
  height: 650px;
}
.altura250 {
  height: 250px;
}
.altura150 {
  height: 150px;
}

.servicio-OK {
  /*height:650px;*/
  float:left;
  position:relative;
  /*background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  opacity:1;
}

.servicio-OK-titulo {
  /*font-size:2.4em;*/
  text-align:left;
  width: 55%;
  /*color:#fff;*/
  padding:24px;
  position:absolute;
  top: 50%;
  left: 30%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}
.servicio-OK-titulo-seccion {
  font-size:2.5em;
  font-weight: 700;
  text-align:left;
  width: 55%;
  /*color:#fff;*/
  padding:24px;
  position:absolute;
  top: 50%;
  left: 30%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.titulo {
  font-size:2.4em;
}
.servicio-OK-text-bg {
  width:100%;
  height:100%;
  /*background-color: #003da6;*/
  opacity: 0;
}
.servicio-OK-text {
  /*margin:0 auto;
  width:100%;
  height:100%;
  background-color: #003da6;*/
  opacity: 0;
  position:absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.servicio-OK-text ol, ul {
  padding-left: 30px;
  list-style: disc;
}
.servicio-OK-text li {
  padding-bottom: 10px;
}

.servicio-OK:hover .servicio-OK-text {
  opacity: 1;
  color:#fff;
  padding:55px;
  transition: ease-in 0.3s all;
}

.servicio-OK:hover .servicio-OK-titulo {
  opacity: 0;
}
.servicio-OK:hover .servicio-OK-text-bg {
  opacity: 0.9;
}
.servicios-imgs {
  background-size: cover;
  background-position: center center;
}
.servicio1-img {
  background-image:url(../img/servicio1.jpg);
}
.servicio2-img {
  background-image:url(../img/servicio2.jpg);
}
.servicio3-img {
  background-image:url(../img/servicio3.jpg);
}
.servicio4-img {
  background-image:url(../img/servicio4.jpg);
}
.servicio5-img {
  background-image:url(../img/servicio5.jpg);
}
.servicio6-img {
  background-image:url(../img/servicio6.jpg);
}

.serviciojardin-img1 {
  background-image:url(../img/serviciojardin-img1.jpg);
}
.serviciojardin-img2 {
  background-image:url(../img/serviciojardin-img2.jpg);
}
.serviciojardin-img3 {
  background-image:url(../img/serviciojardin-img3.jpg);
}
.serviciojardin-img4 {
  background-image:url(../img/serviciojardin-img4.jpg);
}
.serviciojardin-img5 {
  background-image:url(../img/serviciojardin-img5.jpg);
}
.serviciojardin-img6 {
  background-image:url(../img/serviciojardin-img6.jpg);
}
.serviciojardin-img7 {
  background-image:url(../img/serviciojardin-img7.jpg);
}
.serviciojardin-img8 {
  background-image:url(../img/serviciojardin-img8.jpg);
}
.serviciojardin-img9 {
  background-image:url(../img/serviciojardin-img9.jpg);
}

.servicioprimaria-img1 {
  background-image:url(../img/servicioprimaria-img1.jpg);
}
.servicioprimaria-img2 {
  background-image:url(../img/servicioprimaria-img2.jpg);
}
.servicioprimaria-img3 {
  background-image:url(../img/servicioprimaria-img3.jpg);
}
.servicioprimaria-img4 {
  background-image:url(../img/servicioprimaria-img4.jpg);
}

.servicionoformal-img1 {
  background-image:url(../img/servicionoformal-img1.jpg);
}
.servicionoformal-img2 {
  background-image:url(../img/servicionoformal-img2.jpg);
}
.servicionoformal-img3 {
  background-image:url(../img/servicionoformal-img3.jpg);
}

/*------------------- Botone Admision -----------------------*/
#admision {
	width:135px;
	height:35px;
	border-radius:5px;
	color:#FFFFFF;
	font-size:1em;
	float: left;
	/*margin:-6% 2% 70% 85%;*/
	padding:8px 24px 0px 12px;
	top:90px;
	right:20px;
	position:fixed;
	z-index:100;
}
#admision a {
	color:#FFFFFF;
}
#admision a:hover {
	color:#CCCCCC;
	border-bottom:0px;
	webkit-transition: .4s linear;
	-moz-transition: .4s linear;
	-ms-transition: .4s linear;
	-o-transition: .4s linear;
	transition: .4s linear;
}

#materiales {
	width:135px;
	height:35px;
	border-radius:5px;
	color:#FFFFFF;
	font-size:1em;
	float: left;
	/*margin:-6% 2% 70% 85%;*/
	padding:8px 24px 0px 12px;
	top:140px;
	right:20px;
	position:fixed;
	z-index:100;
}
#materiales a {
	color:#FFFFFF;
}
#materiales a:hover {
	color:#CCCCCC;
	border-bottom:0px;
	webkit-transition: .4s linear;
	-moz-transition: .4s linear;
	-ms-transition: .4s linear;
	-o-transition: .4s linear;
	transition: .4s linear;
}

#colonia {
	width:135px;
	height:35px;
	border-radius:5px;
	color:#FFFFFF;
	font-size:1em;
	float: left;
	/*margin:-6% 2% 70% 85%;*/
	padding:8px 24px 0px 12px;
	top:190px;
	right:20px;
	position:fixed;
	z-index:100;
}
#colonia a {
	color:#FFFFFF;
}
#colonia a:hover {
	color:#CCCCCC;
	border-bottom:0px;
	webkit-transition: .4s linear;
	-moz-transition: .4s linear;
	-ms-transition: .4s linear;
	-o-transition: .4s linear;
	transition: .4s linear;
}

.fondo-boton-admision {
  background-color:#d32020;
	background: -moz-linear-gradient(#d32020,#fe2020);
	background: -webkit-linear-gradient(#d32020,#fe2020);
	background: -o-linear-gradient(#d32020,#fe2020);
	background: -ms-linear-gradient(#d32020,#fe2020);
	background: linear-gradient(#d32020,#fe2020);
	height: auto;
}

.sombra-comun {
box-shadow:0 0 20px rgba(0,0,0,0.2);
-webkit- box-shadow:0 0 20px rgba(0,0,0,0.2);
-moz- box-shadow:0 0 20px rgba(0,0,0,0.2);
-o- box-shadow:0 0 20px rgba(0,0,0,0.2);
}


/*------------------- Botones locos -----------------------*/

.boton-zoom {
  transition:All 0.5s ease;
  -webkit-transition:All 0.5s ease;
  -moz-transition:All 0.5s ease;
  -o-transition:All 0.5s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
.boton-zoom:hover{
  transform: scale(1.25);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  -ms-transform: scale(1.25);
}

.boton-loco01 {
  transition:All 0.5s ease;
  -webkit-transition:All 0.5s ease;
  -moz-transition:All 0.5s ease;
  -o-transition:All 0.5s ease;
  transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
  -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
  -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
  -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
  -ms-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
  -moz-box-shadow:5px 5px 10px #000000;
  -webkit-box-shadow:5px 5px 10px #000000;
  box-shadow:5px 5px 10px #000000;
}
.boton-loco01:hover{
  transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
  -webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
  -ms-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
  -moz-box-shadow:5px 5px 10px #000000;
  -webkit-box-shadow:5px 5px 10px #000000;
  box-shadow:5px 5px 10px #000000;
}
.boton-loco02 {
  transition:All 0.5s ease;
  -webkit-transition:All 0.5s ease;
  -moz-transition:All 0.5s ease;
  -o-transition:All 0.5s ease;
  transform: rotate(-2deg) scale(1) skew(0deg) translate(10px);
  -webkit-transform: rotate(-2deg) scale(1) skew(0deg) translate(5px);
  -moz-transform: rotate(-2deg) scale(1) skew(0deg) translate(5px);
  -o-transform: rotate(-2deg) scale(1) skew(0deg) translate(5px);
  -ms-transform: rotate(-2deg) scale(1) skew(0deg) translate(5px);
  -moz-box-shadow:5px 5px 10px #000000;
  -webkit-box-shadow:5px 5px 10px #000000;
  box-shadow:5px 5px 10px #000000;
}
.boton-loco02:hover{
  transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
  -webkit-transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
  -moz-transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
  -o-transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
  -ms-transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
  -moz-box-shadow:5px 5px 10px #000000;
  -webkit-box-shadow:5px 5px 10px #000000;
  box-shadow:5px 5px 10px #000000;
}
.boton-loco03 {
  transition:All 0.5s ease;
  -webkit-transition:All 0.5s ease;
  -moz-transition:All 0.5s ease;
  -o-transition:All 0.5s ease;
  transform: rotate(-2deg) scale(1) skew(0deg) translate(10px);
  -webkit-transform: rotate(-6deg) scale(1) skew(0deg) translate(0px);
  -moz-transform: rotate(-6deg) scale(1) skew(0deg) translate(0px);
  -o-transform: rotate(-6deg) scale(1) skew(0deg) translate(0px);
  -ms-transform: rotate(-6deg) scale(1) skew(0deg) translate(0px);
  -moz-box-shadow:5px 5px 10px #000000;
  -webkit-box-shadow:5px 5px 10px #000000;
  box-shadow:5px 5px 10px #000000;
}
.boton-loco03:hover{
  transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
  -webkit-transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
  -moz-transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
  -o-transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
  -ms-transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
  -moz-box-shadow:5px 5px 10px #000000;
  -webkit-box-shadow:5px 5px 10px #000000;
  box-shadow:5px 5px 10px #000000;
}
.boton-loco04 {
  transition:All 0.5s ease;
  -webkit-transition:All 0.5s ease;
  -moz-transition:All 0.5s ease;
  -o-transition:All 0.5s ease;
  transform: rotate(-8deg) scale(1) skew(0deg) translate(-15px);
  -webkit-transform: rotate(-8deg) scale(1) skew(0deg) translate(-15px);
  -moz-transform: rotate(-8deg) scale(1) skew(0deg) translate(-15px);
  -o-transform: rotate(-8deg) scale(1) skew(0deg) translate(-15px);
  -ms-transform: rotate(-8deg) scale(1) skew(0deg) translate(-15px);
  -moz-box-shadow:5px 5px 10px #000000;
  -webkit-box-shadow:5px 5px 10px #000000;
  box-shadow:5px 5px 10px #000000;
}
.boton-loco04:hover{
  transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
  -webkit-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
  -moz-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
  -o-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
  -ms-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
  -moz-box-shadow:5px 5px 10px #000000;
  -webkit-box-shadow:5px 5px 10px #000000;
  box-shadow:5px 5px 10px #000000;
}
.boton-loco05 {
  transition:All 0.5s ease;
  -webkit-transition:All 0.5s ease;
  -moz-transition:All 0.5s ease;
  -o-transition:All 0.5s ease;
  transform: rotate(4deg) scale(1) skew(0deg) translate(-5px);
  -webkit-transform: rotate(8deg) scale(1) skew(0deg) translate(-5px);
  -moz-transform: rotate(8deg) scale(1) skew(0deg) translate(-5px);
  -o-transform: rotate(8deg) scale(1) skew(0deg) translate(-5px);
  -ms-transform: rotate(8deg) scale(1) skew(0deg) translate(-5px);
  -moz-box-shadow:5px 5px 10px #000000;
  -webkit-box-shadow:5px 5px 10px #000000;
  box-shadow:5px 5px 10px #000000;
}
.boton-loco05:hover{
  transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
  -webkit-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
  -moz-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
  -o-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
  -ms-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
  -moz-box-shadow:5px 5px 10px #000000;
  -webkit-box-shadow:5px 5px 10px #000000;
  box-shadow:5px 5px 10px #000000;
}

/*------------------- Staff -----------------------*/
.band {
  width: 90%;
  /*max-width: 1240px;*/
  margin: 0 auto;

  display: grid;

  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 20px;

}

@media only screen and (min-width: 500px) {
  .band {
    grid-template-columns: 1fr 1fr 1fr;
  }
  /*.item-1 {
  grid-column: 1/ span 2;
}
.item-1 h1 {
font-size: 30px;
}*/
}

@media only screen and (min-width: 850px) {
  .band {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

/* Contacto */
.band-contacto {
  width: 95%;
  margin: 0 auto;

  display: grid;

  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 20px;

}

@media only screen and (min-width: 500px) {
  .band-contacto {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 850px) {
  .band-contacto {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* card */

.card {
  min-height: 100%;
  /*background: white;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
  display: flex;
  flex-direction: column;
  text-decoration: none;
  position: relative;
  top: 0;
  transition: all .1s ease-in;
}

/*.card:hover {
top: -2px;
box-shadow: 0 4px 5px rgba(0,0,0,0.2);
}*/

.card article {
  padding: 20px;
  display: flex;

  flex: 1;
  justify-content: space-between;
  flex-direction: column;

}
.card .thumb {
  padding-bottom: 100%;
  background-size: cover;
  background-position: center center;
}

.card .thumb2 {
  padding-bottom: 30%;
  background-size: cover;
  background-position: center center;
}

.card p {
  flex: 1; /* make p grow to fill available space*/
  line-height: 1.4;
}

/* typography */
/*h1 {
font-size: 20px;
margin: 0;
color: #333;
}

.card span {
font-size: 12px;
font-weight: bold;
color: #999;
text-transform: uppercase;
letter-spacing: .05em;
margin: 2em 0 0 0;
}*/


/*------- DUO --------*/
.duo {
  width: 90%;
  max-width: 1240px;
  margin: 0 auto;

  display: grid;

  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 50px;

}

@media only screen and (min-width: 650px) {
  .duo {
    grid-template-columns: 1fr 1fr;
  }
}

.card-duo {
  min-height: 50%;
  /*background: white;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
  display: flex;
  flex-direction: column;
  text-decoration: none;
  position: relative;
  top: 0;
  transition: all .1s ease-in;
}
.card-duo article {
  padding: 20px;
  display: flex;

  flex: 1;
  justify-content: space-between;
  flex-direction: column;

}
.card-duo .thumb {
  padding-bottom: 30%;
  background-size: cover;
  background-position: center center;
}

.card-duo p {
  flex: 1; /* make p grow to fill available space*/
  line-height: 1.4;
}


/*------------------- Botonera Bottom -----------------------*/
.botonera {
  display: flex;
  flex-wrap: wrap;

}
.boton-area {
  margin: 1rem 0.3rem;
  /*background: #f3edd6;
  border: 3px solid #b59214;
  color: #b59214;
  padding: 3rem;
  font-size: 2rem;
  text-align: center;*/
}
.boton {
  background: #FFFFFF;
  border: 1px solid #104e94;
  text-align: center;
  color: #104e94;
  border: solid 1px;
  padding: 10px 15px;
  border-radius: 50px;
}
.boton:hover {
  background-color:#104e94;
  border:1px solid #104e94;
  color: #ffffff;
  -webkit-transition: .4s linear;
  -moz-transition: .4s linear;
  -ms-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
}
.boton-rojo {
  background: #FFFFFF;
  border: 1px solid #E62D5B;
  text-align: center;
  color: #E62D5B;
  border: solid 1px;
  padding: 10px 15px;
  border-radius: 50px;
}
.boton-rojo:hover {
  background-color:#E62D5B;
  border:1px solid #E62D5B;
  color: #ffffff;
  -webkit-transition: .4s linear;
  -moz-transition: .4s linear;
  -ms-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
}
.boton-celeste {
  background: #FFFFFF;
  border: 1px solid #009FDA;
  text-align: center;
  color: #009FDA;
  border: solid 1px;
  padding: 10px 15px;
  border-radius: 50px;
}
.boton-celeste:hover {
  background-color:#009FDA;
  border:1px solid #009FDA;
  color: #ffffff;
  -webkit-transition: .4s linear;
  -moz-transition: .4s linear;
  -ms-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
}
.boton-verde {
  background: #FFFFFF;
  border: 1px solid #00a5ad;
  text-align: center;
  color: #00a5ad;
  border: solid 1px;
  padding: 10px 15px;
  border-radius: 50px;
}
.boton-verde:hover {
  background-color:#00a5ad;
  border:1px solid #00a5ad;
  color: #ffffff;
  -webkit-transition: .4s linear;
  -moz-transition: .4s linear;
  -ms-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
}
.boton-violeta {
  background: #FFFFFF;
  border: 1px solid #8A52A0;
  text-align: center;
  color: #8A52A0;
  border: solid 1px;
  padding: 10px 15px;
  border-radius: 50px;
}
.boton-violeta:hover {
  background-color:#8A52A0;
  border:1px solid #8A52A0;
  color: #ffffff;
  -webkit-transition: .4s linear;
  -moz-transition: .4s linear;
  -ms-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
}
.boton-azul {
  background: #FFFFFF;
  border: 1px solid #104e94;
  text-align: center;
  color: #104e94;
  border: solid 1px;
  padding: 10px 15px;
  border-radius: 50px;
}
.boton-azul:hover {
  background-color:#104e94;
  border:1px solid #104e94;
  color: #ffffff;
  -webkit-transition: .4s linear;
  -moz-transition: .4s linear;
  -ms-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
}
.boton-linea:hover {
  /*background-color:rgba(255,255,255,0.7);
  border:1px solid #ffffff;
  color: #000000;*/
  webkit-transition: .4s linear;
  -moz-transition: .4s linear;
  -ms-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  background-color: #d4ccbf;
}




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

[class^="icon-"], [class*=" icon-"] {
  font-family: 'iconweb';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mail:before {
  content: "\e990";
}
.icon-home:before {
  content: "\e90e";
}
.icon-home-outline:before {
  content: "\e980";
}
.icon-th-menu:before {
  content: "\e90b";
}
.icon-th-menu-outline:before {
  content: "\e97d";
}
.icon-arrow-up-outline:before {
  content: "\e981";
}
.icon-arrow-forward-outline:before {
  content: "\e982";
}
.icon-arrow-down-outline:before {
  content: "\e983";
}
.icon-arrow-back-outline:before {
  content: "\e984";
}
.icon-arrow-up:before {
  content: "\e9dc";
}
.icon-arrow-right:before {
  content: "\e9de";
}
.icon-arrow-left:before {
  content: "\e9e1";
}
.icon-arrow-down:before {
  content: "\e9ea";
}
.icon-device-phone:before {
  content: "\e9f6";
}
.icon-phone-outline:before {
  content: "\ea09";
}
.icon-phone:before {
  content: "\e95a";
}
.icon-location:before {
  content: "\e912";
}

/*------------------- Contenedor -----------------------*/
#contenedor {
  width: 100%;
  height: 505px;
  padding-top:55px;
  margin: 0 auto;
}

#contenedor-galeria {
  width: 80%;
  margin: 0 auto;
}

/*------------------- Staff -----------------------*/
#staff {
  width: 96%;
}

#otros {
  width: 85%;
  margin: 0 auto;
}

#otros aside {
  width: 75%;
}

.staff-OK {
  /*height:650px;*/
  float:left;
  position:relative;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity:1;
}

.staff-OK-text-bg {
  width:100%;
  height:100%;
  opacity: 1;
}

.staff-OK:hover .servicio-OK-text {
  opacity: 1;
  padding:55px;
  transition: ease-in 0.3s all;
}

.staff-OK:hover .staff-OK-text-bg {
  opacity: 0.2;
}

/*--------------------- Sidebar ------------------------ */

/*aside {
float: right;
padding: 3%;
width: 24%;
background-color: #eee;
}*/
#ventajas {
  width: 50%;
}
#ventajas ul{
  list-style: circle;
  padding-left: 15px;
}
#sidebar {
  width: 50%; /* since this element is floated, a width must be given */
  /*float: right;
  padding: 10px 0; /* top and bottom padding create visual space within this div */
  /*background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
  /*margin-top:320px;
  margin-right:20px;
  border-radius: 20px;*/
}
#sidebar ul{
  list-style: circle;
  padding-left: 15px;
}

/*-------------------------------- Flexslider -------------------------------------*/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  max-width: 1600px;
  width: 100%;
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;/* Hide the slides before the JS is loaded. Avoids image jumping */
}
.flexslider .slides img {
  max-width: 100%;
  max-height: 500px;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}


/* FlexSlider Default Theme
*********************************/
.flexslider {
  /*background: #fff;
  border: 4px solid #fff;*/
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  zoom: 1;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides > li {
  position: relative;/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
}
.flex-container {
  zoom: 1;
  position: relative;
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {
  background:none;
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  zoom: 1;
}
/* Este es el estilo del texto que describe cada foto en el slideshow ----CARROUSEL----- */
.flex-caption {
  width: 90%;
  padding: 16px;
  position: auto 0;
  /*color: #003da6;*/
  font-size: 1.5em;
  /*text-shadow: 0 -1px 0 rgba(0,0,0,1);
  line-height: 21px;
  top: 30px;
  right:100px;
  background: rgba(255,255,255,.6);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;*/
}

.caption-altura {
  height: 60px;
}

/* Direction Nav */
.flex-direction-nav li a {
  width: 52px;
  height: 52px;
  margin: -13px 0 0;
  display: block;
  background: url(../img/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 150px;
  cursor: pointer;
  text-indent: -9999px;
}
.flex-direction-nav li .next {
  background-position: -52px 0;
  right: 20px;
}
.flex-direction-nav li .prev {
  left: 20px;
}
.flex-direction-nav li .disabled {
  opacity: .3;
  filter:alpha(opacity=30);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  top: 75%;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 0 0 2px;
  display: inline-block;
  zoom: 1;
}
.flex-control-nav li:first-child {
  margin: 0;
}
.flex-control-nav li a {
  width: 13px;
  height: 13px;
  display: block;
  background: url(../img/bg_control_nav.png) no-repeat 0 0;
  cursor: pointer;
  text-indent: -9999px;
}
.flex-control-nav li a:hover {
  background-position: 0 -13px;
}
.flex-control-nav li a.active {
  background-position: 0 -26px;
  cursor: default;
}

/*------------------- Modal -----------------------*/
/* The Modal (background) */
.modal, .modal1, .modal2 {
  display: none;
  position: fixed;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
  z-index:1000000;
}

/* Modal Content */
.modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 800px;
  z-index:1000000;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/*------------------- Tres Columnas -----------------------*/

.tres-columnas {
  width:30%;
  float: left;
  margin: 1.5%;
  /*text-align: center;
  margin: 2% 1% 1% 4%;*/
}

/*------------------- Formulario -----------------------*/

#envelope{
  width: 100%;
  /*margin: 10px 30% 10px 25%;
  padding:10px 0;
  border: 2px solid gray;
  border-radius:10px;*/
}

#left {
  width: 25%;
}
#right {
  width: 25%;
}

form{
  /*width:80%;
  margin:0% 15%;
  color:#FFFFFF;*/
}
.txt {
  color:#003da6;
  padding:5px;
  font-size:14px;
}
/* Makes responsive fields. Sets size and field alignment.*/
input[type=text]{
  /*margin-bottom: 20px;
  margin-top: 10px;*/
  color:#003da6;
  font-size:14px;
  width:90%;
  padding: 10px;
  margin:6px 0;
  border-radius:5px;
  border:1px solid #ffffff;
  background-color:rgba(255,255,255,0.5);
}
input[type=submit]
{
  margin-bottom: 20px;
  width:90%;
  padding: 10px;
  border-radius:5px;
  border:1px solid #003da6;
  background-color:rgba(0,61,166,1);
  color: #fff;
  font-size:15px;
  cursor:pointer;
}
#submit:hover
{
  background-color:rgba(255,124,40,1);
  border:1px solid #ff7c28;
  webkit-transition: .4s linear;
  -moz-transition: .4s linear;
  -ms-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
}
textarea{
  width:90%;
  /*font-family: 'Calibri', Trebuchet MS, Arial, sans-serif;*/
  color:#003da6;
  font-size:14px;
  padding: 15px;
  margin-top:6px;
  margin-bottom:12px;
  border:1px solid #ffffff;
  background-color:rgba(255,255,255,0.6);
  border-radius:5px;
  resize:none;
}
input[type=text]:focus,textarea:focus {
  border-color: #C7262C;
}

.contacto-background {
  height:720px;
  background-color: #0f4e91;
  background-image: url(../img/contacto-bg.jpg);
  background-position: 0% 0%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /*background-position: 10% 0%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: 50% cover;
  -moz-background-size: 50% cover;
  -o-background-size: 50% cover;
  background-size: 50% cover;*/
}

/*------------------- Footer -----------------------*/
footer{
  max-width:80%;
  margin:0 auto;
  color: #ffffff;
  font-size: 0.9em;
  background: #2e42e1;
  background: -moz-linear-gradient(#51a1ff,#2e42e1);
  background: -webkit-linear-gradient(#51a1ff,#2e42e1);
  background: -o-linear-gradient(#51a1ff,#2e42e1);
  background: -ms-linear-gradient(#51a1ff,#2e42e1);
  background: linear-gradient(#51a1ff,#2e42e1);
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  /*border: solid 1px #003c76;
  padding:12px 0px;margin:0 auto;*/
  margin-bottom: 20px;
  overflow: auto;
}
.productos-lista {
  margin-left: 12px;
}
footer a {
  text-decoration:none;
  color:#FFFFFF;
}

footer a:hover {
  /*text-decoration:underline;*/
  border-bottom:dotted 1px;
}
.google-maps {
  position: relative;
  padding-bottom: 70%;
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.google-maps2 iframe {
  height: 60% !important;
}

/****************** ///////////////// ------------------- Achicar para Dispositivos ///////////////// -----------------------**********************/

@media screen and (max-width: 800px) {

  * {
    margin:0;
    border:0;
    padding:0;
  }
  body {
    font-size: 0.95em;
  }

  #logo img {
    display:none;
  }

  #contenedor {
    width: 100%;
  }
  #contenido {
    width: 98%;
  }
  /* -------- Navegador --------- */
  .menu_bar {
    display:block;
    width:100%;
    height:55px;
    position: fixed;
    padding:0px;
    background: #104e94;
    box-shadow:0 0 20px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow:0 0 20px rgba(0,0,0,0.4);
    z-index:15;
  }

  #menu-mini {
    display:block;
  }

  #menu-mini img {
    width:auto;
    height:50px;
    padding-top: 12px;
  }

  #linea {
    width:100%;
    float:left;
    height:20px;
    padding-top: 80px;
    /*margin: auto;
    position:relative;*/
  }

  .menu_bar .bt-menu {
    display: block;
    padding:0 0 0 10px;
    color: #FFFFFF;
    overflow: hidden;
    /*font-family: 'Oswald', Trebuchet MS, Arial, serif;
    font-size: 12px;*/
    text-decoration: none;
  }

  /*.menu_bar .bt-menu:hover {
  background-color: #d4ccbf;
  }*/

  .menu_bar span {
    float: right;
    font-size: 1em;
  }

  .padding_menu  {
    padding:15px 0px;
  }

  nav {
    width: 60%;
    height: calc(80% - 5px);
    position: fixed;
    right:-100%;
    margin-top: 55px;
    overflow: scroll;
    text-align:left;
    font-size: 14px;
  }

  nav ul li {
    display: block;
    border-bottom:1px solid rgba(255,255,255,.5);
    text-align:left;
  }

  nav ul li a {
    display: block;
  }

  /*nav ul li a:hover {
  color: #ffffff;
  }*/

  nav ul li:hover .children {
    display: none;
  }

  nav ul li .children {
    width: 100%;
    position: relative;
  }

  nav ul li .children li a {
    margin-left:20px;
  }

  nav ul li .children li {
    width:100%;
  }

  nav ul li .caret {
    float: left;
  }


  /* -------- Flexslider ---------  */
  .flex-caption {
    width: 90%;
    padding: 12px;
    font-size: 1em;
    top:25px;
    right:50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }
  .flex-direction-nav li .next {
    right: 5px;
  }
  .flex-direction-nav li .prev {
    left: 5px;
  }
  .flex-caption-galeria {
    width: 100%;
  }
  .flex-direction-nav li a {
    top: 80px;
  }
  .flex-control-nav {
    top: 175px;
  }
  #contenedor {
    height:410px;
  }
  #contenedor-galeria {
    height:100%;
    width: 100%;
  }
  .flexslider .slides li img {
    height:190px;
    /*height:100%;
    width: 100%;*/
  }

  /*------------------- Valores ----------------*/
  #valor {
    width:100%;
    height:200px;
  }
  #valor-tercio {
    width:100%;
    height:200px;
  }
  /*------------------- Servicios ----------------*/

  #servicios p {
    font-size: 0.9em;
  }
  .setentaycinco {
    width: 100%;
  }
  .cincuenta {
    width: 100%;
  }
  .treinta {
    width: 100%;
  }
  .veinticinco {
    width: 100%;
  }
  .sesenta {
    width: 100%;
  }
  .cuarenta {
    width: 100%;
  }
  aside {
    width: 96%;
  }
  #otros {
    width: 100%;
  }
  #otros aside {
    width: 100%;
  }
  .altura650 {
    height:550px;
  }
  .servicio-OK-titulo {
    width: 65%;
    padding:20px;
  }
  .titulo {
    font-size:1.55em;
  }
  .servicio-OK:hover .servicio-OK-text {
    padding:8px;
  }
  .ocultar-leer {
    font-size: 0.7em;
    padding-top: 10px;
    display: block;
  }
  .ocultar-mas {
    display: inline
  }
  /*.servicio1-img, .servicio2-img, .servicio3-img, .servicio4-img, .servicio5-img {
  background-size: 100% 100%;
  }*/

  /*------------------- Staff Personal ----------------*/
  .nombreTop {
    font-size: 2em;
  }
  .nombre {
    font-size: 1.2em;
  }
  .apellidoTop {
    font-size: 4em;
  }
  .apellido {
    font-size: 2.5em;
  }
  .interlineadoChicoTop {
    line-height: 2.5em;
  }
  .interlineadoChico {
    line-height: 1.8em;
  }
  .cargoTop {
    font-size: 1.2em;
  }
  .cargo {
    font-size: 1em;
  }

  /*------------------- Sidebar ----------------*/
  #sidebar {
    width: 100%;
    /*padding: 3%;*/
    margin:auto;
    float: left;
  }
  #ventajas {
    width: 100%;
    /*padding: 3%;*/
    margin:auto;
    margin-top: 100px;
  }

  /*------------------- Formulario -----------------------*/
  #envelope{
    width: 100%;
  }

  form{
    width:80%;
  }
  #left {
    width: 100%;
  }
  #right {
    width: 100%;
  }

  .contacto-background {
    height:1000px;
    background-image: url(../img/contacto-bg-responsive.jpg);
    background-size: 100%;
    background-position: 0% 100%;
  }
  /* -------- Footer ---------  */

  #footer {
    width: 98%;
  }

  .tres-columnas {
    width:100%;
    float: left;
  }
  .google-maps2 iframe {
    height: 90% !important;
  }
}