@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900,100,100italic,300italic,400italic,500italic,700italic,900italic");

body{
  background: #ffffff;
  font-size: 12px;
  color: #6C5A6C;
  padding-bottom: 0 !important;    
  line-height: 1.5em;

}
#contacto{
  background: url(../img/design/bg-contacto.webp);
  background-size: cover;
}
a,
a img {
  outline: 0 !important;
}
a:hover{
  text-decoration: none;
}
.menu-parent{
  background: #ff0000;
  border-radius: 20px;
  height: 30px;
  margin: 10px 0;
  padding-top: 5px;
  text-align: center;
}
.menu-parent a{
  border-radius: 10px;
  color: #FFF;
}
img{
  pointer-events: none;
  max-width: 100%;
}
thead{
  background: #DDD;
}


#app {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
.transparente {
  opacity: 0!important;
}

.usb-container {
  background: #fff;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  min-height: 570px;
}

.usb-image {
  min-height: 250px;
}
.usb-image img {
  max-width: 250px;
  display: block;
  margin-bottom: 10px;
}

.usb-info h3 {
  margin-bottom: 8px;
  font-size: 20px;
  color: #333;
}
.usb-container li{
  padding: 5px 0;
  font-size: 14px;
}
.usb-container li a.activo{
}

.color-text {
  margin-top: 8px;
  font-weight: 500;
}

.note {
  font-weight: normal;
  font-size: 13px;
  color: #888;
}

.color-dots {
  margin: 6px 0 12px;
}

.dot {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

.green { background-color: #00c853; }
.yellow { background-color: #ffeb3b; }
.red { background-color: #f44336; }

.capacity-label {
  font-weight: 500;
  margin-bottom: 6px;
}

.capacity-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.chip {
  padding: 6px 12px;
  background: #f1f1f1;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #ccc;
}
.chip:hover {
  background-color: #e0e7ff;
  cursor: pointer;
}
.delivery-info p {
  font-size: 14px;
  margin-bottom: 6px;
  color: #333;
}

.btn-quote {
  display: inline-block;
  margin-top: 16px;
  background: #ee1c1e;
  color: #fff;
  padding: 10px 50px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
  text-decoration: none;
}

.btn-quote:active,
.btn-quote:focus,
.btn-quote:hover {
  color: #fff!important;
  background: #c40000;
  text-decoration: none;
}


.btn-default2 {
  display: inline-block;
  margin-top: 16px;
  background: white;
  color: #333;
  padding: 10px 50px;
  border-radius: 8px;
  border: 1px solid #AAA;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
  text-decoration: none;
}

.btn-default2:active,
.btn-default2:focus,
.btn-default2:hover {
  color: #666!important;
  background: #EEE;
  text-decoration: none;
}


.more-prods-item{
  float: left;
  width: 100px;
}
.float-left{
  float: left;
}
.bordered{
  border: 1px solid #999;
}
.border-bottom{
  padding: 5px 0;
  border-bottom: 2px solid #FFF;
}
.text-sm{
  font-size: .8em;
}
#xeions a,
#xeions a:hover,
.color-primary{
  color:#FF0000;
}
.color-general{
  color: #666;
}
.color-blanco{
  color: #fff;
}
.bg-grey-1{
  background: #1e181a;
}
.bg-grey-2{
  background: #292526;
}
.bg-grey-3{
  background: #312d2e;
}
.bg-grey-4{
  background: #393536;
}

.text-justify{
  text-align: justify;
}
.ancho-200px{
  max-width: 200px;
}
.padding-v-20{
  padding-top: 20px;
  padding-bottom: 20px;
}
.iframexl{
  height: 900px;
  width: 100%;
}
.text-lg{
  font-size: 1.5em;
}
.margen-top-20{
  margin-top: 20px;
}
.margen-top-50{
  margin-top: 50px;
}
.header1{
  border-top: 4px solid #FF0000;
  position: relative;
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
}
.header1 {
  position: relative;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  overflow: hidden;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0); 
}
.header1:after {
    content: "";
    position: absolute;
   
    background: url("../img/design/shadow-center.png") no-repeat;
    background-size: 75%;
    background-position: top center;
    display: block;
    width: 100%;
    opacity: .25;
    height: 72px;
    pointer-events: none;
    z-index: 4; 
}
.ancho-100{
  width: 100%;
}
.banner-wrapper{
  width: 100%;
  padding: 10px 90px 10px 0;
  border-bottom: 1px solid #ECECEC;
  background: #F6F6F6;
  text-align: right;
  color: #666;
  font-weight: 300;
  font-family: "Roboto";
  font-size: 13px;
}
.container{
  max-width: 1026px;
}
textarea{
  resize:none;
}
/** info-top **/
#info-top{position: relative; right: 0; padding: 0;}
#info-top ul{margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: top;}
#info-top ul li{padding: 0 10px 0 10px; display: inline; border-right: 1px solid #A09999;}
#info-top ul li em{padding: 0 10px 0 0; display: inline;}
/** Header **/
#header-menu{
  max-height: 98px;
} 

  #logo img{
    padding: 20px 0 0 0;
    margin: 0 45px 0 0;
    position: relative;
  }

  /** Navigation **/
  .navbar { 
    text-align: right;
    color: #666;
    font-weight: 300;
    font-family: "Roboto";
    display: inline-block;

  }
  .navigation a {
    color: #FF0000;
  }

  .navbar ul li {
    display: inline;
    position: relative;
    border-top: 1px solid white;
    text-align: center;
    height: 100%;
    padding: 14px 0 28px 0;
    margin: 10px 0 0 0;
  }
  .navbar ul li:hover {
    border-bottom: 4px solid #E9E9E9;
  }
  .navbar ul li.selected {
    border-bottom: 4px solid #FF0000;
  }

  .navbar ul li a{
    text-align: center;
    color: #666;
    font-weight: 300;
    font-family: "Roboto";
    font-size: 14px;
  }

  .navbar ul li a:hover {
    color: #482222;
    background: none;
  }

  html body div.header1 div.container div#header-menu div.col-md-9 div.navbar div.collapse {
    padding: 0;
  }

  .dropdown:hover .dropdown-menu {
    display: block;
  }

  .navbar .navbar-collapse ul.nav li.dropdown ul.dropdown-menu{
    background: none;
    border: 0;
    box-shadow: none;
  }
  .navbar .navbar-collapse ul.nav li.dropdown ul li{
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 160px;
    clear: both;
  }
  .navbar .navbar-collapse ul.nav li.dropdown ul li:hover{
    border-bottom: none;
  }
  .navbar .navbar-collapse ul.nav li.dropdown ul li:first-child a{
    border-top: none;
  }
  .navbar .navbar-collapse ul.nav li.dropdown ul li a:last-child a{
    border-bottom: none;
  }
  .navbar .navbar-collapse ul.nav li.dropdown ul li a{
    background-color: #FFFFFF;
    border: medium none;
    color: #333;
    font-size: 12px;
    line-height: normal;
    padding-bottom: 1em;
    padding-top: 1em;
    text-align: left;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding-left: 5px;
    transition: background-color 250ms linear;
  }
  .navbar .navbar-collapse ul.nav li.dropdown ul li a:hover{
    text-decoration: none;
  }

  .navbar-nav li.dropdown ul li.dropdown ul{
    display: none !important;
  }
  .navbar .navbar-collapse ul li.dropdown ul.dropdown-menu li.dropdown.open ul{ 
    display: inline-block !important;
    left: 160px;
    top: -8px;
  }

  /** Left Menu **/
  .left-menu h1{
    color: #666;
    font-weight: 400;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #ececec;
  }
  .left-menu ul li{
    border-bottom: 1px dotted #E0E0E0; 
    list-style: none;
  }
  .left-menu ul li a{
    color: #666;
    font-family: "Roboto";
    font-weight: 300;
  }
  .left-menu ul li a.selected{
    background: #EEEEEE;
  }
 /** Slider **/
#myCarousel {
  position: relative;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  overflow: hidden;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0); 
}
#myCarousel:before {
    content: "";
    position: absolute;
    top: 0;
    background: url("../img/design/shadow-center.png") no-repeat;
    background-size: 75%;
    background-position: top center;
    display: block;
    width: 100%;
    opacity: .25;
    height: 72px;
    pointer-events: none;
    z-index: 4; 
}
  #myCarousel img{max-height: 350px;}

/** Slider Text **/
.flexslider_text h5{font-size: 14px;}
.footer div.inner-footer-banner div.container div.row div.col-md-12 div.flexslider_text ol.flex-control-nav{display: none;}
/** Boxes **/
#boxes{position: relative; padding-bottom: 35px;}
.col-md-4 .image {
  position: relative;
  z-index: 2;
  margin: auto;
  width: 88px;
  height: 88px;
  border: 8px solid white;
  line-height: 88px;
  border-radius: 50%;
  background: #FF0000;
  padding-left: 18px;
  padding-top: 15px;
  vertical-align: middle; }
  .col-md-4 .image i {
    font-size: 36px !important;
    color: white !important; }
.col-md-4 .info {
  margin-top: -24px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid #e0e0e0;
  padding: 15px 0 10px 0; 
  text-align: center;
  font-size: 14px;
}
  .col-md-4 .info .title {
      font-size: 16px;
      color: #444444;
      font-weight: 700; 
  }
    .col-md-4 .info p {
      line-height: 1.5em; 
  }
    .col-md-4 .info > * {
      margin: 20px; 
  }
  .col-md-4:hover {
    position: relative; 
  }
    #boxes:hover:after {
      content: "";
      display: block;
      position: absolute;
      right: -3px;
      bottom: 20px;
      opacity: .5;
      background: url("../img/design/shadow-right.png") no-repeat;
      height: 150px;
      width: 150px;
      pointer-events: none; 
  }
  .first-box:hover:after{bottom: -14px;}
    .col-md-4:hover .image {
      background: #333333; 
    }
    .col-md-4:hover .info {
      background: #FF0000;
      border-color: #FF0000;
      color: white; 
  }
    .col-md-4:hover .info .title {
      color: white; }
      .col-md-4 .info .more a{color: #FF0000;}
    .col-md-4:hover .info .more a {
      color: white; }

/** Line Head Title **/
.carousel-heading{
  margin-bottom: 25px; 

}
.carousel-heading h2{
    *zoom: 1;
    color: #444444;
    font-weight: 700;
    font-size: 16px; }
    .carousel-heading h2:after{
      content: " ";
      display: table; 
    }
    .carousel-heading h2:after {
    clear: both; 
  }

  .carousel-heading h2 span{
    display: block;
      float: left;
      height: 100%;
      padding-right: 8px;
  }
.carousel-heading h2 .background {
    overflow: hidden;
    background: url("../img/design/heading.png") repeat-x;
    background-position: 0 50%;
    height: 18px; 
}
.navbar-nav>li>a{
  padding-left: 13px;
  padding-right: 13px;
}

  /** Title of Carousel **/
  #myCarousel.carousel div.carousel-inner div.item div.container div.carousel-caption{top: 5%; text-align: left;}

  #myCarousel.carousel div.carousel-inner div.item div.container div.carousel-caption p a.btn{
    background-color: #F9F9F9;
      background-image: linear-gradient(to top, #F7F7F7 0%, #FFFFFF 100%);
      border: 1px solid #DDDDDD;
      border-radius: 3px;
      box-shadow: 0 1px 1px 0 rgba(192, 192, 192, 0.25);
      color: #FF0000;
      cursor: pointer;
      display: inline-block;
      font-size: 11px;
      font-weight: bold;
      padding: 8px 16px;
      transition: all 0.2s ease-in-out 0s;
  }
/** Gallery Main **/
ul#gallery-main{margin: 0; padding: 0; list-style: none;}
ul#gallery-main  li{
  margin: 0 20px 10px 0;
  float: left;
  padding: 0 0 10px 0;
  max-width: 232px;
  height: 280px;
  border-bottom: 1px solid #D9D9D9;
  text-align: center;

}
ul#gallery-main  li:hover{border-bottom: 1px solid #FF0000;}
ul#gallery-main  li.last{margin: 0;}

  html body div.container div.row div.carousel-heading div.col-md-12 div.flexslider_gallery ol.flex-control-nav{display: none;}

  ul#gallery-main li h3.title{  
    color: #333333;
      font-size: 16px;
      font-weight: 700;
  }
  ul#gallery-main li p{
    color: #888888;
  }

  ul#gallery-main .image{height: 165px; position: relative;}
  ul#gallery-main > li .image:hover:after {
      content: "";
      display: block;
      position: relative;
      margin-top: -135px;
      margin-left: -18px;
      opacity: .5;
      background: url("../img/design/shadow-left.png") no-repeat;
      height: 150px;
      width: 150px;
      pointer-events: none; 
  }

  ul#gallery-main  li img{max-width: 100%; height: auto;}
/** Gallery Page **/
.gallery-content ul, .galler-content li{list-style: none; margin: 0; padding: 0;}
.gallery-content ul li{
  margin: 0 0 50px 20px;
  display: inline-block;
  padding: 0 0 10px 0;
  max-width: 250px;
  vertical-align: top;
  border-bottom: 1px solid #D9D9D9;
  text-align: center;
}
.gallery-content ul li:hover{border-bottom: 1px solid #FF0000;}
.gallery-content ul li img{max-width: 100%; height: auto;}

.gallery-content ul li.first{margin: 0 0 10px 0;}

  .gallery-content ul li h3.title{  
    color: #333333;
      font-size: 16px;
      font-weight: 700;
  }
  .gallery-content ul li p{
    color: #888888;
  }

  .gallery-content ul > li .image{min-height: 190px; position: relative; float: left; width:100%;}
  .gallery-content ul > li .image:hover:after {
    content: "";
    display: block;
    position: relative;
    margin-top: -135px;
    margin-left: -18px;
    opacity: .5;
    background: url("../img/design/shadow-left.png") no-repeat;
    height: 150px;
    width: 150px;
    pointer-events: none; 
}
.info{height:250px
}

       
/** Single Page MAIN**/

.title h2{
    *zoom: 1;
    color: #444444;
    font-weight: 700;
    font-size: 16px; 
}
    .title h2:after{
      content: " ";
      display: table; 
    }
    .title h2:after {
    clear: both; 
  }

  .title h2 span{
    display: block;
      float: left;
      height: 100%;
      padding-right: 8px;
  }

.title h2 .background {
    overflow: hidden;
    background: url("../img/design/heading.png") repeat-x;
    background-position: 0 50%;
    height: 18px; 
}
.single-page-left .description{
  border: 1px solid #E5E5E5;
  padding: 25px;
  font-size: 12px;
}

.single-page-right .description{
  border-top: 4px solid #009bdf;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 35px 25px 25px 25px;
  font-size: 12px;
  font-weight: bold;
  height: 175px;
  background: rgba(249, 249, 249, 0.52) url('../img/design/recomendations.png') no-repeat 97% 90%;
}
.single-page-right .description span.poz{font-weight: bold; color: #5A5A5A; font-size: 15px;}
  .single-page-right .description:hover{background: #FF0000 url('../img/design/recomendations-hover.png') no-repeat 97% 90%;; color: #fff;}
  .single-page-right .description:hover h3{color: #fff; }
  .single-page-right .description:hover:after {
      content: "";
      display: block;
      position: absolute;
      right: -18px;
      bottom: -14px;
      opacity: .5;
      background: url("../img/design/shadow-right.png") no-repeat;
      height: 150px;
      width: 150px;
      pointer-events: none; 
  }

  .single-page-right .description h3{font-size: 15px; color: #FF0000; font-weight: bold;}
  .single-page-right .img{position: relative; margin-top: -65px; margin-left: 25px; margin-bottom: 25px;}
  .single-page-right .img img{padding: 3px ; background: #E5E5E5; width: 86px; height: 86px; border: 1px solid #E5E5E5;}

    /** Flexslider for news 'single-page-right' **/

    html body div.container div.row div.col-md-6 div.flexslider ol.flex-control-nav{display: none;}
    html.no-js body div.container div.row div.col-md-6 div.flexslider ul.flex-direction-nav{

    }

/** Sponsors **/
.sponsors{clear: both;}
.sponsors{
  margin-bottom: 25px; 

}
.sponsors h2{
    *zoom: 1;
    color: #444444;
    font-weight: 700;
    font-size: 16px; }
    .sponsors h2:after{
      content: " ";
      display: table; 
    }
    .sponsors h2:after {
    clear: both; 
  }

  .sponsors h2 span{
    display: block;
      float: left;
      height: 100%;
      padding-right: 8px;
  }
.sponsors h2 .background {
    overflow: hidden;
    background: url("../img/design/heading.png") repeat-x;
    background-position: 0 50%;
    height: 18px; 
}
/** Subpage **/
.banner-subpage{
  min-height: 100px;
  position: relative;
  z-index: -10px;
  background: url('../img/design/subpage_top.png') no-repeat;
  background-position: top center;
  border-bottom: 1px solid #ececec;
}

  /** Subpage Text **/
  h2{font-size: 20px; }
  .title-page{
    padding-top: 20px;
    font-size: 26px;
    color: #414141;
    font-family: "Roboto";
    font-weight: 400;}
  .navigation{
    text-align: right;
    padding-top: 40px;
    padding-right: 0px;
    font-size: 16px;
  }

  /** Subpage News **/
  .news{
    padding: 40px 0;
    border-bottom: 1px solid #ececec;
  }

  .news h2{
    color: #434343;
    padding: 10px 0;
    font-weight: 400;
    font-family: "Roboto";
  }
  .news .read-more{float: right;}

  /** Contact Page **/
  html body div.container div.row div.contact-form{
    vertical-align: top;
    display: inline;
    position: relative;
    margin-top: -30px;
  }

    .contact-form h1.h1-contact{font-size: 20px; padding-bottom: 20px; margin: 0;}
    .contact-form h1 span{
      display: block;
      float: left;
      height: 100%;
      padding-right: 8px;
    }
    .contact-form h1 .background {
        overflow: hidden;
        background: url("../img/design/heading.png") repeat-x;
        background-position: 0 50%;
        height: 18px; 
    }

  .form-contact label{
    max-width: 350px;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
  }
  .form-contact input, .form-contact textarea{
      -moz-box-sizing: border-box;
      -moz-font-feature-settings: inherit;
      -moz-font-language-override: inherit;
      background: #f7f4ed;
      border: 1px solid rgba(0, 0, 0, 0.2);
      color: inherit;
      display: block;
      font-family: inherit;
      font-size: 15px;
      font-size-adjust: inherit;
      font-stretch: inherit;
      font-style: inherit;
      font-variant: inherit;
      font-weight: inherit;
      line-height: inherit;
      margin-bottom: 24px;
      outline: medium none;
      padding: 10px 14px;
      width: 100%;
  }

  .form-contact textarea{min-height: 130px;}



.form-contact form#formCMSFORM .formROW a#formSUBMITBUTTON.more-button{
  background-color: #F9F9F9;
  background-image: linear-gradient(to top, #F7F7F7 0%, #FFFFFF 100%);
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(192, 192, 192, 0.25);
  color: #FF0000;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 26px;
  margin-top: 20px;
  float: right;
  transition: all 0.2s ease-in-out 0s;
}
/** Footer **/
.footer{
  width: 100%;
  height: 100%;
  clear: both;
  padding: 20px 0 0 0;
  background: #F0F0F0;
  margin: 10px 0 0 0;
  position: relative;
  color: #fff;
}
.inner-footer-banner{
  width: 100%;
  padding: 0;
  background: #FF0000;
}
.inner-footer-banner h1{
  margin-top: 0
}

.center-footer{
  width: 100%;
  background: #484647;
  padding: 30px 0 60px 0; 
  color: #A3A3A3;
}

  .center-footer .title{
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
      color: #FFFFFF;
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 20px;
      padding-bottom: 10px;
  }

  .center-footer a{
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    font-weight: 400;
    color: #A3A3A3;
    text-decoration: none;
  }
  .center-footer ul{margin: 0; padding: 0; list-style: none;}
    .center-footer ul li{padding: 0 0 5px 0;}
    .center-footer ul li:hover a{color: #fff;}
  
    .center-footer ul li:before{
        font-family: "FontAwesome";
        margin-right: .5em;
    }

    .center-footer .image{width: 62px; height: 62px;  position: relative; overflow: hidden;}
    .center-footer img{
      max-width: 100%; 
    }

    html body div.footer div.center-footer div.container div.row div.col-xs-6 ul.gallery-footer{padding: 0; margin: 0; max-width: 300px;}
    .center-footer .gallery-footer li{padding: 0 0 25px 25px; display: inline-block; vertical-align: top;}

    .footer .bottom-footer .navigation ul li.dropdown ul.dropdown-menu{
      display: none;
    }
.bottom-footer{
  width: 100%;
  background: #3E3C3D;
  padding: 10px 0 10px 0;
}
.bottom-footer div.container div.row div#copyrights.col-xs-12 a.url-seenet{
  text-decoration: none;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  color: #fff;

}
.bottom-footer div.container div.row div#copyrights.col-xs-12 a.url-seenet:hover{color: #FF0000;}
.bottom-footer .navigation{padding-top: 0;}
.bottom-footer .navigation ul li{display: inline-block; font-variant: top;}
.bottom-footer .navigation ul li a{
  padding: 0 10px; 
  font-size: 12px; 
  color: #A3A3A3; 
  font-weight: bold; 
  text-decoration: none;

  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.bottom-footer .navigation ul li a:hover{
  background: red;
  color: #fff;
}


/** mian_slide **/
.main-slide{
    height: 550px;
    left: 0;
    position: relative;
    width: 1245px;
}

  html.js body div.flexslider ul.slides li.flex-active-slide div.main-slide-image{
    height: 550px;
  /** 
    -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -o-background-size: cover !important;
      background-size: cover !important;
  **/
  }

.flexslider_gallery ul.flex-direction-nav{display: none;}
.footer div.inner-footer-banner div.container div.row div.col-md-12 div.flexslider_text ul.flex-direction-nav li a.flex-prev{
  left: -40px;
}

#langz {
  display: inline-block;
  margin-left: 15px;
  text-align: right;
}




/* -------------------------------------------------
          XML SITE MAP
------------------------------------------------- */
urlset{
  background: url(../img/design/logo-white.png) no-repeat top center #ea2a2a;
  padding-top: 100px;
}
url {
  background: #fff;
  display: block;
  padding: 10px
}
loc{
  display: block;
  margin: 0 auto;
  width: 1200px;
}


.bg-test1{
  background: #00F;
}

.moreinfo{
  opacity: 0;
  background: #e8f1fa;
  border-radius: 5px 0 0 5px;
  height: 100%;
  width: 40px;
  padding-top:30%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.moreinfotext{
  font-size: 1.1em;
  margin-left: -45px;
  width: 130px;
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari */
    transform: rotate(270deg); /* Standard syntax */  
}
.linea:hover .moreinfo{
  opacity: 1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.uk-button-primary{
  background-color:#FF0000!important;
  background-image:-webkit-linear-gradient(top,#FF0000,#ee1111)!important;
  background-image:linear-gradient(to bottom,#FF0000,#ee1111)!important;
  color:#FFF!important;
  border-color:rgba(0,0,0,.2);
  border-bottom-color:rgba(0,0,0,.4);
  text-shadow:0 -1px 0 rgba(0,0,0,.2)
}
.uk-button-primary:focus,.uk-button-primary:hover{
  background-color:#dd2222!important;
  color:#fff;
  background-image:none!important;
}
.uk-button-primary.uk-active,.uk-button-primary:active{
  background-color:#ee0000!important;
  color:#fff;
  background-image:none!important;
  border-color:rgba(0,0,0,.2);
  border-top-color:rgba(0,0,0,.4);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.2)
}
.btn-danger{
  background-color:#dd2222!important;
}



/* Cotización */ 
  .uk-modal-close.uk-close {
    font-size: 20px; /* cambia según tu necesidad */
    width: 20px;
    height: 20px;
  }
  #cotizar-fixed{
    position: fixed;
    top:50vh;
    right:0px;
    margin-top: -128px;
    height: 256px;
    width: 79px;
    z-index: 100;
  }
  #cotizar-fixed a{
    display: block;
  }

  .custom-select{
    background-color: white !important;
    color: #000;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px;
  }

  .select-wrapper {
    position: relative;
    display: inline-block;
  }

  .select-wrapper select {
    width: 100%;
  }

  .select-wrapper::after {
    content: "▼";
    position: absolute;
    top: 50%;
    right: 10px;
    pointer-events: none;
    transform: translateY(-50%);
    font-size: 12px;
    color: #666;
  }


  .formEMAIL,
  .formTEXTAREA,
  .formTEXTFIELD{
    font-size: 16px!important;
    padding: 10px;
    height: 40px;
  }
  .uk-form-icon {
    position: relative;
    display: inline-block;
  }

  .uk-form-icon > i {
    transform: translateY(-80%);
    color: #666;
    pointer-events: none;
    font-size: 16px!important;
  }


  /* PLACEHOLDER */
    .formEMAIL::-webkit-input-placeholder,
    .formTEXTAREA::-webkit-input-placeholder,
    .formTEXTFIELD::-webkit-input-placeholder {
      color: #666!important;
    }
    .formEMAIL:-moz-placeholder,
    .formTEXTAREA:-moz-placeholder,
    .formTEXTFIELD:-moz-placeholder {
      color: #666!important;
    }
    .formEMAIL::-moz-placeholder,
    .formTEXTAREA::-moz-placeholder,
    .formTEXTFIELD::-moz-placeholder {
      color: #666!important;
    }
    .formEMAIL:-ms-input-placeholder,
    .formTEXTAREA:-ms-input-placeholder,
    .formTEXTFIELD:-ms-input-placeholder {
      color: #666!important;
    }


/* ----------- WHATSAPP     */
  #whatsicon,
  #whatsselector{
    position: fixed;
    bottom: 10px;
    right: 10px;
  }
  #whatsselector{
    background-color: white;
    border: 1px solid #666;
    border-radius: 5px;
    bottom:0;
    box-shadow: 0 0 15px rgba(0,0,0,.8);
    height:auto;
    overflow:hidden;
    right:5px;
    width:260px;
  }
  .whats-ejecutivo{
    border-bottom: 1px solid #999;
    padding: 10px;
  }
  .whats-cargo{
    font-size: 13px;
    color: #999;
  }
  .whats-nombre{
    color: #333;
    font-size: 15px;
    font-weight: 600;
  }
  .whats-estado{
    font-size: 13px;
  }