@import url("reset.css");
@import url("fuentes.css");

  /*elementos generales*/
h1 {
  	text-align: left;
  	font-family: "GrobbB", Times new roman, Arial, Helvetica, sans-serif,"Trebuchet MS";
  	font-size: 2.2em;
  	color: #fff;
    letter-spacing:0.5px;
  }
h2 {
    float:left;
    letter-spacing:1px;
  	text-align: left;
  	font-family: "GrobbM", Times new roman, Arial, Helvetica, sans-serif,"Trebuchet MS";
  	font-size: 1.8em;
  	color: #fff;
	}


h3 {
  	text-align: left;
    font-size: 1.4em;
    letter-spacing:1px;
  	font-family: "GrobbM", Times new roman, Arial, Helvetica, sans-serif,"Trebuchet MS";
  	color: #fe8886;
  }


p {
  letter-spacing: 1px;
  text-align: justify;
  font-size: 1.15em;
  line-height:22px;
  font-family: Times new roman, Arial, Helvetica, sans-serif,"Trebuchet MS";
  color: #fff;
}


  /*body*/

body {
      /*background:#000;*/
      background: #000 url("../imagenes/inicio/fondocazador2.jpg");
      margin: auto;
      text-align: center;
    }

.wrap{
   width:80%;
   max-width:1200px;
   margin:0 auto;
   overflow:hidden;
 }
section{
     background:rgba(0,0,0,0.8);
     padding:10px;
     border-radius:15px;
     -ms-border-radius:5px;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
     border:2px solid #000;
     box-shadow: 0px 5px 3px #000;
     -moz-box-shadow: 0px 5px 3px #000;
     -webkit-box-shadow: 0px 5px 3px #000;
     box-sizing:border-box;
     margin-bottom:10px;

}

/*media screen*/

@media screen and (max-width:1370px) {
  .wrap{
     width:80%;
     max-width:1200px;
     margin:0 auto;
     overflow:hidden;
   }
   .subfooter{
      width:80%;
      padding:0.5%;
      margin:0 auto;
    }
    .subheader{
        padding:0.5em;
        width:80%;
        margin:0 auto;
    }
   h1 {
      font-size: 1.6em;
   }
   .menu{
    margin-left:5px;
     width: 50%;
     margin:0;
   }
   .menu ul li a {
     font-size: 1.2em;
     margin-right: 0;
   }
   .logo img{
     width:90%;
   }
   h2{
     font-size: 1.2em;
   }
   h3{
     font-size: 1.2em;
   }
   p {
     font-size: 1.2em;
   }

 }

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

  .menu{
    width: 100%;
    margin-left:0px;
    margin:0;
  }
  h1 {
    font-size: 2.1em;
  }
  .menu ul li a {
    font-size: 1.6em;
    letter-spacing: 1px;
  }
  h2{
    font-size: 1.2em;
  }
  h3{
    font-size: 1.2em;
  }
  article h2{
    font-size: 1.2em;
  }
  p {
    font-size: 1em;
    line-height:16px;
  }
  aside li {
    padding-bottom:4px;
  }
  .visort {
    width: 80%;
  }
}

@media screen and (max-width:800px) {
  h1 {
    font-size: 1.8em;
  }
  .galeria {
    width:100%;
    padding:20px;
    box-sizing:border-box;
  }
  .wrap{
    width:100%;
  }

  .main{
    width:100%;
  }
  aside{
    width:100%;
    margin-top:5%;
    margin-left:0%;
  }
  .banner {
    display:none;
  }
  .subheader{
    padding-top:5px;;
    width:100%;
  }
  .subfooter{
    width:90%;
  }
  .menu{
    width: 100%;
  }
  .menu ul li a {
    font-size: 1.6em;
    letter-spacing: 0px;
  }
  .menu ul li{
    margin-right: 0.1%;
  }
  h2{
    font-size: 1em;
  }
  h3{
    font-size: 1em;
  }
  article h2{
      font-size: 1em;
    }
  p {
    font-size: 1em;
    line-height:18px;
  }
  .galeriaf {
    width:100%;
    padding:2%;
    box-sizing:border-box;
  }
  .fue {
    width:48%;
    margin-right:1%;
    margin-bottom:1%;
  }
  aside li {
    display: inline-block;
     margin-bottom:5px;
     margin-left: 5px;
     margin-right: 5px;
  }
  aside p {
    font-size: 1.2em;
  }
  .visort {
    width: 90%;
  }

}

@media screen and (max-width:550px) {
    .wrap{
      width:100%;
    }
    .visort {
      width: 100%;
    }
    h2{
      font-size: 0.9em;
    }
    h3{
      font-size: 0.9em;
    }
    article h2{
        font-size: 0.9em;
      }
    aside{
      display:none;
    }
    .subheader{
      width:100%;
    }
    .subfooter{
      width:90%;
    }
    .menu{
      width: 100%;
    }
    .menu ul li a {
      font-size: 1.2em;
    }
    .menu ul li{
      margin-right: 0.1%;
    }
    .textlogo {
      margin-top:4%;
      font-size: 1.4em;
    }

    p {
      font-size: 0.8em;
      line-height:16px;
    }
    h4 {
      font-size: 0.8em;
    }

  }

@media screen and (max-width:360px) {
    .logo img{
      width:70%;
    }
    h1 {
      font-size:0.6em;
    }
    .textlogo {
      margin-top:0px;
      margin-left:-5px;
    }
    .logo {
      height:auto;
    }
    .wrap{
      width:100%;
      padding:2px;
    }
    .galeria {
      width:100%;
      padding:20px;
      box-sizing:border-box;
    }
    h2 {
      font-size: 0.9em;
    }
    h3 {
      font-size: 0.9em;
    }
    article h2{
        font-size: 1em;
      }
    aside{
      display:none;
    }
    .subheader{
      padding:2px;
      width:95%;
    }
    .subfooter{
      width:95%;
    }
    .menu{
      width: 100%;
      display: inline-block;
      clear: both;
    }
    .menu ul li a {
      font-size: 1em;
      letter-spacing: 0px;
    }
    .menu ul li{
      margin-right: 0%;
    }

    h2{
      font-size: 0.8em;
    }
    h3{
      font-size: 0.8em;
    }
    p {
      font-size: 0.8em;
      line-height:14px;
    }
    h4{
      font-size:0.8em;
    }
    .titulillo h2{
      float:left;
      margin-right:5px;
      margin-left:0px;
    }
  }