@charset "utf-8";
/* CSS Document */

.orbit-caption .list{ font-size:.78em; text-transform:uppercase; font-weight:bold}
.orbit-caption strong{ font-size:1.2em;}
.orbit-caption h3{ font-size:2.4em; line-height:auto; display:inline-block; font-weight:normal; color:#333}
h1{color:#DF0026; font-size:1.8em; margin:0; line-height:120%; padding:0; font-family:"Georgia", Times New Roman, Times, serif; font-weight:400}
h1#pageTitle{color:#000; font-size:1.8em; }

h2{color:#DF0026; font-size:1.5em; margin:0; line-height:120%; padding:0; font-family:"Georgia", Times New Roman, Times, serif; font-weight:normal}
h3{font-weight:normal; color:#DF0026;}

.s_font{  margin-bottom:20px;}


.s_font a{ color:#666; line-height:120%; font-size:.8em}
p  {font-size:.85em}
p.productos { font-size: .78em; color:#999}
p.productos a {color:#999}
p.productos a:hover {color:#DF0026;}

#marcas { border-top: 1px solid #eee; padding:20px 10px; min-height:120px; background:#FFF}
#marcas .orbit-container{ background:#FFF;}

#logo-header{text-align:left; padding:16px 0}
#header-data {padding:7px 0px; text-align:left; line-height:110%}
#header-data span{ font-size:0.78em}
#header-data h1{ font-family: 'Open Sans', sans-serif; font-size:1.3em; font-weight:500}


/* Cambios 2020 */

header div.medium-4 .info {
   float: right;
   color: #686868;
}

header div.medium-4 p {
   margin: -5px;
}

header div.medium-4 p.txt {
   font-size: 10px;
   font-weight: bold;
}

header div.medium-4 p.mail {
   font-size: 15px;
   font-weight: bold;
   color: #ff2727;
   margin-top: 5px;
}


header div.medium-4 p img {
   width: 25px;
   height: 25px;
   margin-right: 5px;
   margin-top: -4px;
}

header div.medium-4 p.num {
   font-size: 22px;
   font-weight: bold;
}

header div.medium-4 p.dir {
   font-size: 12px;
   margin-top: 5px;
}

a.float {
    position:fixed;
    width:60px;
    height:60px;
    bottom:20px;
    right:20px;
    background-color:#25d366;
    color:#FFF !important;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
}

a.float:hover {
      color: #FFF !important;
  }

a.float:before {
    color: #FFF !important;
}

.my-float {
    margin-top:16px;
}

@media screen and (max-width: 600px) {
   header #logo-header img {
      margin-left: 15px;
   }
   header div.medium-4 .info {
      padding-right: 15px;
   }
}