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

  /*
Colores:
Gris:#575757;
Verde:#89a355;
naranja muy mu fuerte: #492c02;
naranja mu fuerte:#664008;
naranja fuerte:#a86602; 7b4d08
naranja:#e08600;
naranja claro:#face8c;
azul mu fuerte:#1a3855;
azul fuerte:#12518c; 0f4475
azul:#1475cf;
azul claro:#c1ddf7;
  */

  /*elementos generales*/
h1 {
  	text-align: left;
  	font-family: "GrobbB", Arial, Helvetica, sans-serif,"Trebuchet MS";
  	font-size: 1.8em;
  	color: #000;
    letter-spacing:0.5px;
  }
h2 {
    float:left;
    letter-spacing:1px;
  	text-align: left;
  	font-family: "GrobbB", Arial, Helvetica, sans-serif,"Trebuchet MS";
  	font-size: 1.2em;
  	color: #1a3855;
	}
.titulillo{
    margin-top:15px;
    margin-bottom:15px;
    padding:4px;
    border-radius:10px;
    -ms-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border:2px solid #1475cf;
    background: #eee;
    box-shadow: 1px 4px 4px #000;
    -moz-box-shadow: 1px 4px 4px #000;
    -webkit-box-shadow: 1px 4px 4px #000;
    box-sizing:border-box;
    overflow:auto;
  }
  .titulilloA{
      margin-bottom:15px;
      padding:4px;
      border-radius:10px;
      -ms-border-radius:10px;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
    border:2px solid #1475cf;
    background: #eee;
	box-shadow: 0px 3px 3px #555;
      -moz-box-shadow: 0px 3px 3px #555;
      -webkit-box-shadow: 0px 3px 3px #555;
      box-sizing:border-box;
      overflow:auto;
    }
.titulillo h2{
  float:left;
  display:inline-block;
  margin-right:10px;
  margin-left:10px;
}
.titulillo h3{
  float:left;
  display:inline-block;
}

h3 {
  	text-align: left;
    font-size: 1.2em;
    letter-spacing:1px;
  	font-family: "GrobbM", Arial, Helvetica, sans-serif,"Trebuchet MS";
  	color: #0f4475;
  }

  /* texto Footer*/
h4 {
  	font-family: "GrobbL", Arial, Helvetica, sans-serif,"Trebuchet MS";
  	font-size: 1.2em;
  	color: #fff;
    letter-spacing:0.5px;
    text-shadow: 0px 1px 5px #000;
    -moz-text-shadow: 0px 1px 5px #000;
    -webkit-text-shadow: 0px 1px 5px #000;
  }

  /*Contador*/
h5 {
    float:left;
  	font-family: "GrobbL", Arial, Helvetica, sans-serif,"Trebuchet MS";
  	font-size: 0.9em;
  	color: rgba(0, 0, 0, 0.1);
  }

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

header {
  overflow-x:hidden;
  background: #fff; /* Old browsers */
  width: 100%;
  float: left;
  text-align: center;
  }

  /*header*/

.subheader{
    padding:0.5em;
    width:90%;
    margin:0 auto;
}

.titulogo{
  display:inline-block;
  margin:0;

}

.textlogo{
  margin-top:4px;
  margin-left:5px;
  float:left;
  display:inline-block;
  /*text-shadow: 0px 3px 5px #face8c;
  -moz-text-shadow: 0px 3px 5px #face8c;
  -webkit-text-shadow: 0px 3px 5px #face8c;*/
}

.logo{
  height:40px;
  float:left;
  display:inline-block;
}

.logo img{
  	-webkit-transform:scale(1);
  	-moz-transform:scale(1);
  	-o-transform:scale(1);
  	-ms-transform:scale(1);
  	transform:scale(1);
  	-webkit-transition: all 0.4s ease-out;
    	-moz-transition: all 0.4s ease-out;
  	-o-transition: all 0.4s ease-out;
    	-ms-transition: all 0.4s ease-out;
  	transition: all 0.4s ease-out;
  }

.logo img:hover {
  	-webkit-transform:scale(0.75);
  	-moz-transform:scale(0.75);
  	-o-transform:scale(0.75);
  	-ms-transform:scale(0.75);
  	transform:scale(0.75);
  	-webkit-transition: all 0.4s ease-out;
    	-moz-transition: all 0.4s ease-out;
  	-o-transition: all 0.4s ease-out;
    	-ms-transition: all 0.4s ease-out;
  	transition: all 0.4s ease-out;
  }

hr {
    margin:0;
  	border: 1px solid #e08600;
  }
.negro {
  	border: 1px solid #fff;
  }
.sombra {
  float:left;
  width:100%;
  	border: 1px solid #fff;
    box-shadow: 0px 3px 3px #000;
    -moz-box-shadow: 0px 3px 3px #000;
    -webkit-box-shadow: 0px 3px 3px #000;
  }
.azul {
    	border: 1px solid #1475cf;
    }


.menu{
    margin-left:10px;
    overflow:auto;
  	width: 43%;
  	display: inline-block;
  }
.menu ul li{
  	display: inline;
  	margin-right: 0.5%;
  	height:18%;
  }
.menu ul li a {
  	font-size: 1.3em;
  	letter-spacing: 1px;
  	font-family:  "GrobbM", Arial, Helvetica, sans-serif,"Trebuchet MS";
  	color: #12518c;
    text-decoration: none;
    /*text-shadow: 0px 3px 5px #000;
    -moz-text-shadow: 0px 3px 5px #000;
    -webkit-text-shadow: 0px 3px 5px #000;*/
  	-webkit-transition: all 0.4s ease-in;
  	-moz-transition: all 0.4s ease-in;
  	-o-transition: all 0.4s ease-in;
  	-ms-transition: all 0.4s ease-in;
  	transition: all 0.4s ease-in;
  }
.menu ul li a:hover {
  	/*letter-spacing: 1px;*/
  	font-family:  "GrobbB", Arial, Helvetica, sans-serif,"Trebuchet MS";
  	text-decoration: none;
  	color: #a86602;
    /*text-shadow: 0px 4px 2px #a86602;
    -moz-text-shadow: 0px 4px 2px #a86602;
    -webkit-text-shadow: 0px 4px 2px #a86602;
  	-webkit-transition: all 0.4s ease-out;*/
    -moz-transition: all 0.4s ease-out;
  	-o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
  	transition: all 0.4s ease-out;
  }
.menu ul li a:active {
  	color: #000;
  }
.skyline{
    width:100%;
    float:left;
    overflow:hidden;
    margin-bottom:-6px;
  }
  /*body*/

body {
      overflow-x:hidden;
      /*background:#1a3855;*/
      background: #1a3855 url("../imagenes/web/fondoav3.jpg") center;
      margin: auto;
      text-align: center;
    }

.wrap{
   width:90%;
   max-width:1200px;
   margin:0 auto;
   overflow:hidden;
 }
 .centerT {
   text-align: center;
   float:none;
 }
/*main*/
.main{
   width:70%;
   padding:20px;
 }
.main img{
	width:100%;
   height:auto;
 }
.cazador{
   width:70%;
   padding:20px;
 }
.cazador img{
  height:auto;
 }
.cazador2{
   width:100%;
   padding:20px;
 }
.cazador2 img{
  height:auto;
 }
 .contacto {
   width:100%;
   padding:20px;
 }
 .galeria {
   width:100%;
   padding:20px;
   box-sizing:border-box;
 }
 .galeriaf {
   width:100%;
   padding-left:2%;
   padding-top:2%;
   padding-bottom:1%;
   box-sizing:border-box;
 }

 .visor {
   background-color: #fff;
   border:2px solid #a86602;
   box-sizing:border-box;
   box-shadow: 0px 5px 3px #000;
   -moz-box-shadow: 0px 5px 3px #000;
   -webkit-box-shadow: 0px 5px 3px #000;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   overflow:hidden;
 }
 .visort {
   margin: 0 auto;
   width: 80%;
 }
 .web a{
   font-size:110%;
   color:#1a3855;
   text-decoration: none;
  }
  .web a:visited{
    color:#fff;
   }
   .web a:hover{
     color:#e08600;
    }
    .web a:active{
      color:#e08600;
     }
 /*aside*/

aside {
   width:28%;
   -webkit-box-shadow: 0px 5px 3px #000;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
    border:2px solid #e08600;
    background: #fff;
   padding:20px;
   margin-left:2%;
   float:left;
   box-sizing:border-box;
   box-shadow: 0px 5px 3px #000;
   -moz-box-shadow: 0px 5px 3px #000;
   -webkit-box-shadow: 0px 5px 3px #000;
   margin-bottom:25px;
 }
aside img{
   width:100%;
   height:auto;
   margin-bottom:5px;
   margin-top:5px;
 }
 aside a{
	font-family: "GrobbM", Arial, Helvetica, sans-serif,"Trebuchet MS";
   color: #1a3855;
   text-decoration:none;
 }
 aside li {
    margin-bottom:5px;
 }
aside a:hover{
  font-family: "GrobbB", Arial, Helvetica, sans-serif,"Trebuchet MS";
  color: #e08600;
}
aside a:active{
  color: #fff;
}
aside h2{
  color:#1a3855;
  font-family:  "GrobbB", Arial, Helvetica, sans-serif,"Trebuchet MS";
}
.fonts {
  width:100%;
  max-width:120px;
  margin:auto;
}
/*section*/

 section {
     width:100%;
   	float: left;
     padding:4px;
     border-radius:10px;
     -ms-border-radius:10px;
     -moz-border-radius:10px;
     -webkit-border-radius:10px;
    border:2px solid #1475cf;
    background: #c1ddf7;
box-shadow: 0px 5px 3px #000;

	box-shadow: 0px 5px 3px #555;
     -moz-box-shadow: 0px 5px 3px #555;
     -webkit-box-shadow: 0px 5px 3px #555;
     box-sizing:border-box;
     margin-bottom:10px;
   }
/*article*/
 article {
width:100%;
   	padding:1%;
     box-sizing:border-box;
   	float: left;
    border:2px solid #e08600;
    background: #face8c;
     -moz-box-shadow: 0px 5px 3px #000;
     -webkit-box-shadow: 0px 5px 3px #000;
     box-sizing:border-box;
     margin-bottom:25px;
   }
 article h2{
	width:100%;
     color:#1a3855;
     font-size:1.5em;
     font-family: "GrobbB";
     margin-bottom: 5px;
   }

 article img{
   margin-bottom:5px
 }

 article a{
   font-family: "GrobbB", Arial, Helvetica, sans-serif,"Trebuchet MS";
   color: #1a3855;
   text-decoration:none;
 }
article a:hover{
  font-family: "GrobbB", Arial, Helvetica, sans-serif,"Trebuchet MS";
  color: #e08600;
}
article a:active{
  color: #fff;
}
 .fue {
   width:31.33%;
   margin-bottom:2%;
   margin-right:2%;
   box-sizing:border-box;
 }
 .fue img {
   border:1px solid #a86602;
   width:100%;
   box-sizing:border-box;
 }
 .fue img:hover {
   border:1px solid #c1ddf7;
   box-sizing:border-box;
 }
 .solo{
   color:#1a3855;
   font-size:120%;
   font-family:"GrobbB", Arial, Helvetica, sans-serif,"Trebuchet MS";
 }
.rs img {
   float:left;
   width: auto;
   margin-right:15px;
}

 /*footer*/

 footer {
     background: #1a3855; /* Old browsers */
     width: 100%;
   	 float: left;
   	 margin-top: 1%;
   	 text-align: right;
   }
   .subfooter{
      width:90%;
      max-width:1000px;
      padding:0.5%;
      margin:0 auto;
    }

/*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;
  }
    .aullidos{
      width:70%;
    }
  .wrap{
    width:100%;
  }
  .cazador{
      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%;
    }
    .cazador{
      width:100%;
    }
    .aullidos{
      width:70%;
    }
    .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%;
    }
    .aullidos{
      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;
    }
  }