@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url(menu.css);
@import url(slider.css);
@import url(blog.css);
@import url(info.css);
@import url(sociales.css);
@import url(formulario.css);

*{
    margin: 0;padding: 0;
    box-sizing: border-box;
}
body{
    font-family: 'Open Sans', sans-serif;
}
article{
    margin-bottom: 10px;
}
header{
    width: 100%;height: 170px;
    background: #53938e;color: #000;
    position: fixed; top: 0;left: 0;z-index: 100;border-bottom: 1px solid #000;
}
header img{
    width: 100%;height: 50px;
}
header article{
    font-size: 12px;
}
.contenedor{
    width: 90%; margin: auto;
}
header .contenedor{
    display: table;
}
section{
    width: 100%;margin-bottom: 25px;
}
.cuerpo{
    display: flex;flex-wrap: wrap;justify-content: center;background: #085705;
}
.secizq{
    width: auto;border: 5px solid #fff;border: 5px solid #fff;background: #085705; 
}
.secder{
    height: auto;
}
.secder img{
    width: 100%;margin-top: 20px;
}
.secder p{
    text-align:justify;width: 100%;
}
.secder article{
    margin: 30px 0;
}
footer .contenedor{
     padding: 18px;background: #004c66;color: #fff;text-align: center;font-size: 13px;height: 100%;font-weight: bolder;
}
footer a{
    color: #fff;
}
.copy{
    font-size: 14px;text-align: center;color:darkblue;font-weight: bolder;margin-top: 10px;
}
#boton{
  margin:0 auto;
  background-color:#609ACF;
  background-color:rgba(60,132,198,0.8);
  background-image:-webkit-gradient(linear,0% 0%,0% 90%,from(rgba(28,91,155,.8)),to(rgba(108,191,255,.9)));
  background-image:-moz-linear-gradient(rgba(28,91,155,.8) 0%,rgba(108,191,255,.9) 90%);
  width:10em;
  height:2em;
  -webkit-border-radius:16px;
  -moz-border-radius:16px;
  border-radius:16px;
  border:2px solid #CCC;
  border-color:#8BA2C1 #5890BF #4F93CA #768FA5; 
  -webkit-box-shadow:rgba(66,140,240,0.5) 0px 10px 16px;
  -moz-box-shadow:rgba(66,140,240,0.5) 0px 10px 16px;
  box-shadow:rgba(66,140,240,0.5) 0px 10px 16px;
}
#boton button{
  margin:0 auto;
  display:block;
  overflow:visible;
  width:90%;
  height:60%;
  padding-top:0.3em;
  font:1em/1 "Lucida Sans",Helvetica,Verdana,sans-serif;
  font-weight:600;
  color:#FFF;
  text-shadow:rgba(10,10,10,0.5) 1px 2px 2px;
  text-align:center;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  background-color:transparent;
  background-color:rgba(255,255,255,0.25);
  background-image:-webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255,255,255,.7)), to(rgba(255,255,255,0))); 
  background-image:-moz-linear-gradient(rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 95%);
  border:none;
  cursor:pointer;
}
#info1 {
    color: #000;
    text-align: center;padding: 20px;
    margin-top: 10px
}
#info1 .contenedor{
    display: flex;flex-wrap: wrap;background: #085705;justify-content: center;
}
#info1 h3{
    text-align: left;color: #040450;margin: 10px 0;font-weight: bolder;
}
#info1 a{
    text-align: left;color: #fff;margin: 10px 0;font-weight: bolder;
}
#info1 p{
    margin-top: 10px
}
#info1 img{
    width: 80%;max-width: 300px;
}
.titcuadrado{
	background: #FFF;margin: 10px;
	border-radius: 70px;padding: 5px;
	border: 1px solid #000;
}
iframe{
    width: 200px;height: 300px;
}
.peque img{
    margin: auto;display: block;
}

@media(min-width:480px){
    header{
        background: #53938e;
    }
    .secizq{
        border: 5px solid #fff;
    }
    .secder{
        border: 5px solid #fff;width: 400px;
    }
    .secder img{
        width: auto;padding: 5px;
    }
    iframe{
    width: 350px;height: 520px;
    }
}
@media(min-width:768px){
    header{
        background: #53938e;
    }
    header img{
    width: 100%;height: auto;
    }
    .sociales{
        width: auto;height: 100%;margin-top: 10px;
    }
    .secizq{
        border: 5px solid #fff;
    }
    .secder{
        width: 500px;border: 5px solid #fff;
    }
    iframe{
    width: 550px;height: 460px;
    }
    footer .contenedor{
        justify-content: space-between;
    }
}@media(min-width:1024px){
    header{
        position: absolute;
    }
    .contenedor{
        width: 1000px;
    }
    .secizq{
        height:auto;margin-top: 5px;
    }
    .secder{
        height: auto;margin-top: 5px;
    }
    footer .contenedor{
        height: auto;
    }
}