* {
    /*border: 0;*/
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.banner{
   /*outline: 2px red solid;*/
   position: relative;
   width: 100%;
    /*height: 407px;*/
    height:530px;
    background: url('../img/uno.jpg') center;
    background-size: cover;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    overflow: hidden;

}

.fondo{
  width: 100%;
  height: 530px;
  /*background-color: rgba(0,0,0,.5);*/
  background-color: rgba(19,41,58,.1);
  overflow: hidden;
}
.contenlogocorreo{
  /*border: 2px red solid;*/
  width: 75%;
  margin:0 auto;
  overflow: hidden;
}
figure{
  /*border: 2px red solid;*/
  margin-left: 3%;
  width: 18%;
}
.correoarriba{
  margin-top: 7%;
  background-color: rgba(255,255,255,.5);
}
.textocorreoarriba{
  margin-top: 7%;
}
.textocorreoarriba a{
  /*vertical-align: top;*/
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  margin-top: 7%;
  /*margin-right: %;*/
  /*vertical-align: top;*/
}
.iconoarriba{
  color: #333333;
}

.contenmenutexto{
  /*border: 2px red solid;*/
  width: 75%;
  margin:0 auto;
  overflow: hidden;
}
.vertical-menu {
    width: 200px;
    margin-left: 3%;
}

.vertical-menu a {
    background-color: #eee;
    color: black; 
    display: block; 
    padding: 12px; 
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.vertical-menu a:hover {
    background-color: #ccc;
}

.vertical-menu a.active {
    background-color: #80CDCE;
    color: white;
}
.texto-banner{
  /*border: 2px red solid;*/
  /*font-family: 'Roboto Slab', serif;*/
  font-family: 'Fjalla One', sans-serif;
  font-size: 38px;
  background-color: rgba(255,255,255,.5);
  /*margin-right: 2%;*/
}
.texto-banner2{
  /*border: 2px red solid;*/
  font-family: 'Roboto Slab', serif;
  /*font-family: 'Fjalla One', sans-serif;*/
  color:  #000;
  font-size: 35px;
  background-color: rgba(255,255,255,.5);
  /*margin-right: 2%;*/
}
.boton{
  /*border: 2px red solid;*/
  clear: both;
  height: 80px;
  /*overflow: hidden;*/
  text-align: center;
}
.boton a{
  padding: 20px 40px;
  background: #80CDCE;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#80CDCE));
   background: -webkit-linear-gradient(top, #3e779d, #80CDCE);
   background: -moz-linear-gradient(top, #3e779d, #80CDCE);
   background: -ms-linear-gradient(top, #3e779d, #80CDCE);
   background: -o-linear-gradient(top, #3e779d, #80CDCE);
   color: white;
   font-size: 24px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
    -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;

}
.boton a:hover {
   border-top-color: #28597a;
   background: #80CDCE;
   color: #fff;
   }
.boton a:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px 0px 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
      margin-top: 30px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

.banner2{
  height: 250px;
  width: 100%;
  background-color: #80CDCE;
  overflow: hidden;
  text-align: center;
}
.banner2:hover{
  background-color: #58B6B0;
}
.banner2:hover p{
  color: #fff;
}
.banner2 p{
   font-family: 'Roboto Slab', serif;
  /*font-family: 'Fjalla One', sans-serif;*/
  color:  #000;
  font-size: 40px;
  margin-top: 7%;
}
.seccionmercados{
  width: 100%;
  overflow: hidden;
  margin-bottom: 4%;
}
.contenmercados{
  /*border: 2px red solid;*/
  width: 85%;
  margin: 0 auto;
  margin-top: 3%;
}
.uno{
  /*border: 2px red solid;*/
  width: 25%;
  float: left;
}
.unopuntouno{
  text-align: center;
}
.unopuntodos{
  text-align: center;
  margin-top: 5%;
}
/*--------------FOOTER----------*/
footer{
  width: 100%;
    background:#000000;
    font-family: 'Oswald', sans-serif;
    height: 140px;
    /*font-size: 20px;*/
    overflow: hidden;
    clear: both;

}
footer p{
  /*border: 2px red solid;*/
    width: 50%;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    margin-top: 1%;
    color: #fff;
}

/*------------nosotros-------------*/
.textonosotros{
  margin-top: 5%;
}
.mvv{
  margin-top: 4%;
}
.box {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    text-align: right;
    display: block;
    margin-top: 60px;
}
.box:hover .box-icon {
  background-color: #000;
}
.box-icon {
    /*background-color: #57a544;*/
    background-color:#58B6B0;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.info h4 {
    font-size: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.info > p {
    color: #717171;
    font-size: 16px;
    padding-top: 10px;
    text-align: justify;
}
.info > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.elegir{
  width: 100%;
  height: auto;
  background-color: #F2F0F0;
  overflow: hidden;
  margin-top: 5%;
  padding-bottom: 5%;
}
.h1por{
  color: #2F2E2E;
  margin-top: 5%;
}


/*-----------------servicios--------------*/


/*este esta en el css que se llama set2.css*/

/*----------------contacto----------------*/

.contenformmapa{
  width: 100%;
  /*border: 2px red solid;*/
  margin-bottom: 3%;
  overflow: hidden;
}

.form1{
  /*border: 2px red solid;*/
  width: 40%;
  margin-left:4%;
}

input, textarea, button { margin-top:10px }

/* Required field START */

.required-field-block {
    position: relative;   
}

.required-field-block .required-icon {
    display: inline-block;
    vertical-align: middle;
    margin: -0.25em 0.25em 0em;
    background-color: #E8E8E8;
    border-color: #E8E8E8;
    padding: 0.5em 0.8em;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0.325em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    transition: background 0.1s linear;
    font-size: 75%;
}
  
.required-field-block .required-icon {
    background-color: transparent;
    position: absolute;
    top: 0em;
    right: 0em;
    z-index: 10;
    margin: 0em;
    width: 30px;
    height: 30px;
    padding: 0em;
    text-align: center;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.required-field-block .required-icon:after {
    position: absolute;
    content: "";
    right: 1px;
    top: 1px;
    z-index: -1;
    width: 0em;
    height: 0em;
    border-top: 0em solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 0em solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

.required-field-block .required-icon .text {
  color: #B80000;
  font-size: 26px;
  margin: -3px 0 0 12px;
}
.mapa{
  /*border: 2px red solid;*/
  margin-top: 3%;
  margin-right: 5%;
}