@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.dropdown-toggle:active, .open .dropdown-toggle {
  background:#cc0000 !important; 
  color:#FFF !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #cc0000 !important;
    color: #FFF !important;
    background-image: none;
}

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}



.navbar-default {
    background: rgba(255,255,255,0.8);
    border: 1px solid transparent;
}

.navbar {
   background: rgba(255,255,255,0.8);
   border: 1px solid transparent;
}
.navbar-default .navbar-nav li > a{
    color: #cc0000;
    font-weight: bold;
    font-size: 16px;
}

 .navbar-default .navbar-nav > .active > a, 
 .navbar-default .navbar-nav > .active > a:hover, 
 .navbar-default .navbar-nav > .active > a:focus {
      color: #FFF;
      background: #cc0000;
 }

 .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  color: #FFF !important;
  background: #cc0000;
 }

.navbar-default .navbar-nav > li > a:hover{
    color: #FFF;
    background-color: #cc0000;
}


.thumbnailM:hover{
  background-color: #cc0000 !important;
  color: #FFF !important;
}

.thumbnailM{
  background: rgba(255,255,255,0.5) !important;
  box-shadow:none !important;
  padding-left: -20px !important;
}

.selectH{
  background-color: #cc0000;
  color: #fff; 
}

.dselectH{
  background-color: transparent;
  color: #cc0000; 
}

#Landscaping{
  /*background: url(../img/mulch1.jpg) no-repeat center center;*/
  background-color: #FFF;
}

.prod-title {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

.certi {
    font-size: 15px;
    font-weight: bold;
    text-align: center
}

.descPro{
  text-align: justify;
  font-size: 15px;
}

.price{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.medida{
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

/*body:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url(../img/Mulch1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }*/

#Contact{
  /*rojo*/
  background-color: #cc0000;
  color: #FFF;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:25px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}


.telefono{
    padding:7px; 
    font-size:20px; 
    background: #cc0000;
    border-radius: 50%;
    color:#fff;
  }

.numero{
  font-weight: bold;
  font-size: 27px;
  color: #cc0000;
}

.telefono1{
    padding:7px; 
    font-size:10px; 
    background: #cc0000;
    border-radius: 50%;
    color:#fff;
  }

.numero1{
  font-weight: bold;
  font-size: 17px;
  color: #cc0000;
}

.telefono-xs{
  margin-top: 15px;
}

#footer>div>a{
  color: #FFF;
}

.telefonof{
    padding:7px; 
    font-size:20px; 
    background: #FFF;
    border-radius: 50%;
    color:#cc0000;
  }

.numerof{
  font-weight: bold;
  font-size: 25px;
  color: #FFF;
}

.numero:hover{
  color: #cc0000; 
  text-decoration: none;
}

.numerof:hover{
  color: #FFF; 
  text-decoration: none;
}

.textfooter{
  color: #FFF;
}

.telefonoc{
    padding:5px; 
    font-size:15px; 
    background: #FFF;
    border-radius: 50%;
    color:#cc0000;
  }

.numeroc{
  font-weight: bold;
  font-size: 15px;
  color: #FFF;
}

.numeroc:hover{
  color: #FFF; 
  text-decoration: none;
}

.contacto{
  font-weight: bold;
  font-size: 15px;
  color: #FFF;
}

.contacto:hover{
  color: #FFF;
  text-decoration: none;
}

#contactoT, #contactoT:hover{
  font-size: 30px;
  text-decoration: none;
  color: #FFF;
}

.loginC{
  background: url(../img/bann1.jpg);
  width: 100%;
  height: 100%;
}

.loginCW{
  background: url(../img/bann0.jpg);
  width: 100%;
  height: 100%;
}


.divlogin{
    background-color: rgba(255, 255, 255, 0.5);
    border-radius:5px;
    margin-bottom: 20px;
  }

.divlogin2{
  margin: 20px;
}

#titlesesion{
  font-size:24px; 
  color:#333;
  font-weight: bold;
  margin-top: 10px;
}

#titlesesion:hover{
  text-decoration: none;
}
.forgotPass{
  text-align: right;
  margin-top: 10px;
}

.forgotPass>a{
  color: #333;
}

.not-available{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      background: #ffbf00;
      padding: 2px;
      color: #fff;
      margin-top: 20px;
      font-size: 14px;
     }

    .premium{
      position: absolute;
      bottom: 0;
      right: 0;
      border-right: 25px solid #0c8e3a;
      border-top: 25px solid transparent;
      border-left: 25px solid transparent;
      border-bottom: 25px solid #0c8e3a;
     }

     .premium span{
      color: #FFF;
      position: absolute;
      margin-left: -10px; 
      font-size: 8px;
      font-weight: bold;
      -webkit-transform: rotate(-45deg);  
        -moz-transform: rotate(-45deg);  
        -ms-transform: rotate(-45deg);  
        -o-transform: rotate(-45deg);  
        transform: rotate(-45deg); 
     }

     .product{
      position: relative;
     }



   @media (min-width: 480px) {

     .not-available{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      background: #ffbf00;
      padding: 5px;
      color: #fff;
      margin-top: 20px;
      font-size: 18px;
     }

     .premium{
      position: absolute;
      bottom: 0;
      right: 0;
      border-right: 40px solid #0c8e3a;
      border-top: 40px solid transparent;
      border-left: 40px solid transparent;
      border-bottom: 40px solid #0c8e3a;
     }

     .premium span{
      color: #FFF;
      position: absolute;
      margin-left: -17px; 
      font-size: 14px;
      font-weight: bold;
      -webkit-transform: rotate(-45deg);  
        -moz-transform: rotate(-45deg);  
        -ms-transform: rotate(-45deg);  
        -o-transform: rotate(-45deg);  
        transform: rotate(-45deg); 
     }
   }

   .deliver{
      background: #ffbf00;
      font-size: 18px;
      font-weight: bold;
      color: #FFF;
      padding: 10px;
      text-align: center;
   }

   .woodname{
      font-size: 16px;
      padding-top: 10px;
      font-weight: bold; 
   }

   .woodprice{
      font-size: 16px;
      padding-top: 10px;
      font-weight: bold; 
   }

   @media (min-width: 768px){
      #SendButton{
        height: 60px !important;
      }
    }

    @media (max-width: 768px){
      #slider .carousel-inner>div>img{
        width: 400px; 
      }
    }