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

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700);


* {margin:0;padding:0;}
#sios{text-indent: -10000px;}

p {font-family:'PT Sans', sans-serif, Tahoma; font-size:16px; color:#022946;}
p a {font-family:'PT Sans', sans-serif, Tahoma; font-size:16px; color:#1968a1; text-decoration:none;}
p a:hover {text-decoration:underline;}
h1 {font-family: 'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:30px; color:#055d9d; font-weight:400;}
h2 {font-family: 'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:24px; color:#055d9d; font-weight:400;}
h3 {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:24px; color:#333333;  font-weight:400;}
h3 a {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:24px; color:#333333;  font-weight:400; text-decoration:none;}
h3 a:hover {color:#F00728;}
h4 {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:24px; color:#023153;  font-weight:400;}
.rojo {color:#F00728;}

#top {width:100%; background-image:url(images/fondo-top.jpg); padding-bottom:15px;}
#interior {max-width:1350px; margin-left:auto; margin-right:auto; height:auto;}
#interior2 {max-width:1350px; margin-left:auto; margin-right:auto; height:auto; background-color:#FFF; text-align:center;}
#top_izq {width:100; text-align:center; margin-top:10px;}
#top_izq img {width:100%; max-width:352px; max-height:90px;}
#top_der {width:100; text-align:center; margin-top:10px; margin-bottom:5px; font-family:'PT Sans', sans-serif, Tahoma; font-size:18px; color:#FFF;}
#top_der a {font-family:'PT Sans', sans-serif, Tahoma; font-size:18px; color:#FFF; text-decoration:none;}
#top_der a:hover {color:#a6faff;}
#top_der h1 {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:36px; color:#FFF; font-weight:400; text-align:center}
#top_der h2 {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:24px; color:#FFF;  font-weight:400;}
.clear {clear:both;}

#menu {width:100%; height:auto; background-color:#055d9d;}

#banner {width:100%; background-image:url(images/background-banner.jpg); overflow:auto;}

#contenido {width:100%; background-image:url(images/back.jpg); overflow:auto;}
.contenido-color {background-color:#FFF;}
.margen {padding:2%;}
#contenedor {width:100%; height:auto;}
#cuadro {width:100%; background-color:#ede9e9; border:1px solid #ede9e9; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:22px; color:#055d9d;  font-weight:400; text-align:center;margin-bottom:35px; letter-spacing: 1pt;}
#cuadro2 {width:100%; background-color:#ede9e9; border:1px solid #ede9e9; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:22px; color:#055d9d;  font-weight:400; text-align:center;margin-bottom:35px;letter-spacing: 1pt;}
#cuadro3 {width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom:10px; text-align:center}
#cuadro4 {width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom:10px; text-align:center}
#cuadro5 {width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom:10px; text-align:center}
#cuadro6 {width:100%; text-align:center;}
#cuadro7 {width:100%; text-align:left;}
#cuadro a {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:22px; color:#000;  font-weight:400; text-decoration:none;}
#cuadro2 a {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:22px; color:#000;  font-weight:400; text-decoration:none;}
#cuadro a:hover {color:#a6faff;}
#cuadro2 a:hover {color:#a6faff;}
#cuadro img {width:100%; max-width:430px; max-height:245px;}
#cuadro3 img {width:100%; max-width:430px; max-height:322px;}
#cuadro4 img {width:100%; max-width:310px; max-height:255px;}
#cuadro5 img {width:100%; max-width:300px; max-height:300px;}
#cuadro6 img {width:98%; padding:5px; max-width:700px; max-height:448px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border: 1px dashed #023153;}
#cuadro7 img {width:100%; max-width:600px; max-height:103px;}
.margen_cuadrod {margin-right:0;}
.margen_cuadroi {margin-left:0;}

#pie {width:96%; height:auto; background-color:#023153; text-align:center; padding:2%;}
#pie h1 {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:18px; color:#FFF; font-weight:400; letter-spacing: 1pt; text-align:center;}
#pie h1 a {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:18px; color:#FFF; text-decoration:none; font-weight:400;}
#pie h1 a:hover {color:#a6faff;}
#pie h2 {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:20px; color:#FFF; font-weight:400;}
#pie h2 a {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:20px; text-decoration:none; font-weight:400;}
#pie p {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:18px; color:#FFF; padding-top:5px; padding-bottom:5px;}
#pie p a {font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:18px; color:#FFF; text-decoration:none;}
#pie p a:hover {color:#000;}
.facebook {color:#203c77;}
.twitter {color:#0c97ec;}
.instagram {color:#fec96d;}
.google {color:#5c0c02;}
.youtube {color:#850303;}
.linkedin {color:#0077b5;}
.pinterest {color:#8c070d;}
.strong {font-weight:700;}

#pieee {width:100%; height:auto; background-color:#01192b; text-align:right; font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:11px; color:#FFF; padding-top:5px; padding-bottom:5px; letter-spacing: 1pt;}

.pieee_alinear {text-align:right;}
#pieee a {text-align:right; font-family:'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:11px; color:#FFF; text-decoration:none;}
#pieee a:hover {color:#a6faff;}

.titulo {width:98%; padding-left:2%; padding-top:5px; padding-bottom:5px; background-color:#EC0B2C; font-family:'PT Sans', sans-serif, Tahoma; font-size:36px; color:#FFF;}

#izquierda {display:none;}
#derecha {width:100%; text-align:center;}
#derecha2 {width:100%; text-align:center;}
.centrar {text-align:center;}
#iconos {width:100%; text-align:center;}
#iconos img {width:100%; max-width:198px;}

#contacto {width:100%;}
label {display:block; text-align:left;}
input {width:90%;margin-bottom:20px;height:40px;}
textarea {width:90%;margin-bottom:20px;}
.btnsubmit {width:150px;height:45px;border:none;background-color:#055d9d;color:#FFF;cursor:pointer;padding:10px;margin-bottom:20px;}

#izq-cont {width:98%; background-color:#01192b; float:left; padding:1%; color:#FFF;}
#izq-cont h1 {font-family:'PT Sans', sans-serif, Tahoma; font-size:18px; color:#abd5e7;  font-weight:400; padding-bottom:10px; margin-bottom:0px; text-align:center;}
#izq-cont h2 {font-family:'PT Sans', sans-serif, Tahoma; font-size:14px; color:#FFF;  font-weight:400; padding-bottom:10px; text-align:center;}
#izq-cont h2 a {font-family:'PT Sans', sans-serif, Tahoma; font-size:14px; color:#FFF;  font-weight:400; text-decoration:none;}
#izq-cont h2 a:hover {color:#abd5e7;}

#der-cont {width:100%; float:left; text-align:left; background-color:#FFF;}
#der-cont h1  {background-color:#FFF; padding-bottom:10px; padding-top:15px;} 

#cuadro-abajo {width:94%; padding:2%; margin:1%;background-color:#023153; text-align:center; font-family: 'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:24px; color:#FFF; font-weight:400; text-align:center;}
#cuadro-abajo2 {width:95%; padding:2%; margin:1%;  margin-right:0;  text-align:center; font-family: 'Yanone Kaffeesatz', sans-serif, Tahoma; font-size:24px; color:#023153; font-weight:400; text-align:center; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border: 1px dashed #023153; background-image:url(images/fondo-robots.png);}
#cuadro-abajo p {font-size:16px; color:#FFF;}

@media screen and (min-width:50em) {
#top_izq {width:49%; text-align:left; float:left; margin-top:10px; margin-bottom:5px; padding-left:1%;}
#top_der {width:49%; text-align:right; float:left; margin-top:10px; margin-bottom:5px; padding-right:1%;}
#top_der h1 {text-align:right;}
#cuadro {width:32%; float:left; text-align:left; background-color:#055d9d; border:1px solid #055d9d; color:#FFF; margin-left:1%;}
#cuadro2 {width:23.5%; float:left; text-align:left; background-color:#055d9d; border:1px solid #055d9d; color:#FFF;}
#cuadro3 {width:23.5%; float:left;}
#cuadro4 {width:23.5%; float:left;}
#cuadro5 {width:23.5%; float:left;}
#cuadro3 img {border:1px solid #055d9d; background-color:#055d9d;}
#cuadro2 img {width:100%; max-width:317px; max-height:245px;}
.margen_cuadrod {margin-right:1%;}
.margen_cuadroi {margin-left:1%;}
.margen_cuadrod2 {margin-right:1.2%;}
.margen_cuadroi2 {margin-left:1.2%;}
h1 {font-size:42px;}
h2 {font-size:36px;}
h3 {font-size:26px;}	
h3 a {font-size:26px;}
h4 {font-size:30px; font-weight:400;}
#pie h1 {font-size:24px;}
#pie h1 a {font-size:24px;}
#izquierda {display:block; width:23%; float:left; text-align:center;}
#derecha {width:75%; padding-left:2%; float:left; text-align:left;}
#derecha2 {width:75%; padding-left:2%; float:left; text-align:right;}
#iconos {width:19%; float:left; padding-right:1%;}
#contacto {width:50%; float:left;}
#izq-cont {width:18%;}
#der-cont {width:80%;}
#izq-cont h1 {text-align:left;}
#izq-cont h2 {text-align:left;}
#cuadro-abajo {font-size:30px;}
#cuadro-abajo2 {font-size:30px;}
	
}
.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
    margin-top: 13px;
    color: #fff;
}