body{
   font:15px Arial, helvetica,sans-serif;
   padding: 0;
   margin: 0;
   background-color:#f4f4f4; 

}
/*estilos*/
.cotenedor{
   width: 80%;
   margin: auto;
   overflow: hidden;

}
ul{
   margin: 0;
   padding: 0;
      padding-top: 30px;
   min-height: 30px;

}
.botoon1{
   height: 38px;
   background-color: #e8491d;
   border: 0;
   
   
   color: #fff;
}
/*encabezado*/
header{
   background-color: #24282b;
   color: #fff;
   padding-top: 10px;
   min-height: 80px;
   border-bottom: 5px solid #1293d4;
}
header a{
   color:#fff;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 16px;
}
header li{
   float: left;
   display: inline;
   padding: 0 20px 0 20px;

}
header #marca{
   float: left;
}
}
header #marca h1{
   margin: 0;

}
}
header nav{
   float: right;
   margin-top: 10px;

}
header .resaltado, header .actual a{
   color: #1293d4;
   font-weight: bold;

}
}
header a:hover{
   color: #css;
   font-weight: bold;;
}
/*cabecera de imagen*/
#cabecera{
   min-height: 400px;
   background: url('../img/cabecera.jpg') no-repeat center ;

   background-size: cover;
   /*fixed center*/
   min-height: 400px;
   text-align: center;
   color: #fff;
   max-height: 100px;
     
}
#cabecera h1{
   margin-top: 10px;
   font-size: 55px;
   margin-bottom: 10px;
}

#cabecera p{
   font-size: 20px;
}
/*formulario de boletin*/
#boletin{
   padding: 15px;
   color: #fff;
   background: #24282b;

}
#boletin h1{
  float: left;
  margin-top: 0px;
}

#boletin from{
  float: right;
  margin-top: 15px;

}

#boletin input[type="email"]{
   padding: 4px;
   height: 25ps;
   width: 250px;
  }
/*cajas*/
#cajas{
   margin-top: 20px;


}
#cajas{
   float: left;
   text-align: center;
   width: 30%;
   padding: 10px;
   position: relative;
  top: 8em;


}

#cajas  img{
   width: 200px;


}






/*footer o pie de pagina*/

footer{
   padding: 20px;
   margin-top: 20px;
   color: #fff;
   background-color:#1293d4;
   text-align: center;
}