@charset "utf-8";
/* CSS Document */
//@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,700,400);

* {
    margin:0;
}
body, td, th, textarea {
    font-family: Arial, Helvetica, sans-serif,"undotum";
    font-size: 12px;
    color: #333;
}
body {
    background: #d8d8d8 url(../img/bg-body.png) repeat-x;
}
a {
    color: #336112;
}
a:visited {
    color: #678f4b;
}
a:hover {
    text-decoration: none;
    color: #008F00
}
a img{
    border:0
}
cite { color: #999;  font-size: 1.1em;}
.float-left {float:left}
.float-right {float:right}
.clear {clear:both}
.p_a {padding:10px}
.p_l {padding-left:10px}
.p_r {padding-right:10px}
.p_t {padding-top:10px}
.p_b {padding-bottom:10px}
.m_a {margin:10px}
.m_l {margin-left:10px}
.m_r {margin-right:10px}
.m_t {margin-top:10px}
.m_b {margin-bottom:10px}

p{  line-height: 1.5em;
  padding-bottom: 0.8em;
  margin: 0;
  font-size: 1.2em;}

#header {padding: 0 10px 0; text-align: center; margin-bottom: 0}
#header #logo{float: left; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; }
#header #logo h1{
    margin-top: 20px;
    font-size: 3em;
    color: #fff;
    text-shadow: -2px -2px 1px #000, 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000;
}
#header #slogan{
    font-size: 2.5em;
    margin-top: 12px;
    color: #000;
    display: block;
}
#header #atencion-comercial{float: right; margin-top: 8px}

.navbar-header{
    float: none
}
@media (max-width: 768px) {
  #header #logo{float: none; display: block}
}
@media (max-width: 500px) {
  #header #logo h1{
    font-size: 1.6em;
    margin: 21px 0 28px;
  }
  #header #slogan{
    font-size: 1.8em;
    margin-top:38px
  }
}

.navbar-toggle{
    background-color: #ccc; border-color:#666; float: none;margin-top: 22px
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}
@media (min-width: 768px){
    
    ul#menu{list-style: none; margin: 8px 0 2px; padding:0}
    ul#menu li{display: inline; float: left;position: relative;}
    ul#menu li a{
        color: #000;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 16px;
        background: #e4e4e4 url(../img/bg-menu.png) repeat-x 0 0;
        float: left;
        text-decoration: none;
        height: 43px;
        margin-right: 10px;
        font-weight: bold;
        font-style: italic;
        padding: 10px 23px 0;
        cursor:pointer;
        border:1px solid #000;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        margin-top: 13px;
    }
    ul#menu li a:hover,ul#menu li.active a{background: url(../img/bg-menu.png) repeat-x 0 100%}

    ul#menu li ul{position: absolute; z-index: 10000; padding: 0;left:0;top: 45px; width: 200px; background-color: #292929; display: none; border:1px solid #000; border-top: 0}
    ul#menu li:hover ul {display: block; margin-top: 10px}
    ul#menu li ul li,ul#menu li ul li a{display: block; float: none}
    ul#menu li ul li a,ul#menu li.active ul li a{
        font-size: 14px; font-weight: normal;
        text-transform: none;color: #fff; padding: 5px 8px; height: auto; background: none; border: 0; 
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
    ul#menu li ul li a:hover{background: #2e5d00; color: #fff;height: auto; padding-top: 5px}
}
@media (max-width: 768px){
    ul#menu li a:hover{
        background-color: #999; color:#fff
    }
    ul#menu li a{
        color:#2e5d00; font-weight: bold; font-style: italic; 
        font-size: 1.7em;
        line-height: 24px;
        border-bottom: 1px solid #ccc;
    }
}
#subpages {
    background-color: #d0d0d0;
    padding: 5px 10px;
    border: 1px solid #989898;
    border-top:0;
    margin: -10px 0 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#subpages a{
    font-weight: bold;
    font-size: 14px; font-family: "Open Sans", sans-serif;
    padding: 0 5px
}
ul.pages li{
    list-style: none;
    padding: 0 0 5px;
    line-height: 16px;
    width: 220px;
    
}
/*revisar*/

#container {
    margin:0 auto;
    width:852px
}
#content {
    background:#fff url("../img/bg-content.png") repeat-x 0 0;
    border: 1px solid #6f6f6f;
    border-top: 0;
    border-bottom: 0;
    padding: 20px 15px 20px;
    position: relative
}
/*
#main {
    float: left;width: 595px; position: relative
}*/
@media (min-width: 992px){
    .productos {
      float: right
    }
}
#main ul{
    padding-left: 20px
}
#slider{margin-bottom:10px}
#slider img{
    width: 100%
}
@media (max-width: 540px){
    #slider img{
        display: none
    }
}
h1,h2 {font-size: 1.8em; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin: 5px 0;}
h2{font-size: 1.6em}
h3{font-size: 1.2em}

.titlebar{
    background-color: #336112; color:#feee00; text-transform: uppercase; padding:8px 15px;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: italic; font-weight: bold;
    font-size: 1.5em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.titlebar2{
    background-color: #999; color:#fff; text-transform: uppercase; padding:5px 8px;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: italic; font-weight: bold;
    font-size: 16px;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*#sidebar {padding: 0;float: left; width: 210px; margin-right: 15px}*/

#categories-inner{
    background: #244900; padding: 10px 5px;
    -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#categories-inner h2{
    font-style: italic;
    color:#fff;
    text-shadow: 1px 1px 1px #000;
    margin: 0 0 5px;
    text-align: center;
}
#categories-inner ul{
    list-style: none;
    padding: 0;
    margin:0
}
#categories-inner ul li a:hover{
    color: #fff
}
#categories-inner ul li a.catlast{
    border-bottom: 0;
}
#categories-inner ul li.active a.index{
    background: #a3bd31;
    color:#333; 
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#categories-inner ul li.active a.index2{
    background: #a3bd31;
    color:#333
}
#categories-inner ul li.active ul{display:block}
#categories-inner ul li a{
    color: #fff; font-size: 14px; font-family: "Roboto Condensed", sans-serif; font-style: italic; text-decoration: none; padding:5px 8px;
    border-bottom: 1px solid #4f7a2d;
    display: block
}
#categories-inner ul li a:hover{
    color: #ccc;
}
#categories-inner ul li ul{
    display: none;
    background-color: #222; padding: 0 3px;
    -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;    
}
#categories-inner ul li ul a{
    color: #fff; font-size: 13px;
}
#categories-inner ul li ul a:hover,#categories-inner ul li ul a.selected{
    color: #E8B100
}

.tabla{
    border-collapse: collapse;
    width: 100%;
    *width: 95%;
}
.tabla td,.tabla th{padding: 6px 8px;color: #333;text-align:center; font-size: 11px; font-family: "Tahoma";}
.tabla .left{text-align: left}
.tabla .right{text-align: right}
.tabla th{background-color: #BE9D0E;font-weight: bold; color: #fff; padding-bottom: 5px}
.tabla tr.altrow td{background-color:#ffefa7;border-bottom:1px solid #dcb50b;border-top:1px solid #dcb50b}
.tabla .total{border-top: 3px solid #000; border-bottom: 1px solid #000;text-align: right}

.product {
    background: url(../img/bg-product-home.png) repeat-x 0 100%;
    padding-bottom: 7px;
    border:1px solid #c6c6c6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 10px;
}
.last{margin-right: 0}
.product h1{
    background: #434343;
    padding: 7px 9px;
    border-bottom: 1px solid #1f1f1f;
    font-size: 1.4em;
    font-family: "Roboto Condensed", sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    text-align: left
}
.product .home-description{
    padding:3px 10px;
    text-align: left;
}
.product-description{
    min-width: 200px;
    float: left;
    width: 70%;
}
@media (min-width: 768px) and (max-width:960px){
    .clear2{
        clear: both
    }
}
@media (min-width: 768px){
    .clear4{
        clear: both
    }
}
.marcas{text-align: center}

@media (max-width:600px){
    .marcas img{width: 100%}
}

#full_image{width: 190px; margin:0;}
#visor{
    width: 191px;
    margin: 10px 10px 2px 5px;
    float: left;
}
.price{
    float: right;
    font-size: 11px;
    text-align: center;
    margin-right: 10px
}
#location {
    background-color: #006100;
    padding:7px 10px;
    margin-bottom: 5px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#location a{
    font-weight: bold; font-style: italic;
      color: #FFEF00;
  text-decoration: underline;
}
.box{
    border:1px solid #ccc;margin-bottom:10px;
    padding:8px; background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.box .thumb{float: left;
  width: 25%;
  min-width: 120px;
  margin-right: 3%;
  text-align: center;}
.box .thumb img{
    min-width: 120px;
  max-width: 169px;
  width: 95%;
}
@media (max-width: 515px){
    .product-description {
      width: 100%;
    }
    .box .thumb{
        width: 100%
    }
}
.box .btn{
    font-style: italic
}
.highlight{
    border:2px solid #feee00;
}
#sharebar{
    float: right; padding: 10px; font-size: 11px
}
.price span{
    background-color: #feee00;
    color: #336112;
    font-weight: bold; font-size: 18px; padding:5px 6px;
    border: 2px solid #336112;
    display: inline-block; margin: 3px 0
}
.thumbhome{
    max-height: 171px;
}
.homenew {
    border-bottom: 1px dotted #CCC;float: left;margin-top: 5px;text-align: justify;
  padding-bottom: 10px;
}
.homenew h2 a{text-decoration:none}
.homenew h2 a:hover{text-decoration: underline}
.homenew a.imagethumb img{width: 100%; opacity: 0.8}
.homenew a.imagethumb:hover img{opacity: 1}
.homenew a.imagethumb{max-height: 180px; display: block; overflow: hidden; margin: 5px 0}
.fb_iframe_widget {
  margin-top: 24px;
}
.subtitle{
    margin: 10px 0 5px; padding: 0 3px 3px;
     border-bottom: 1px dotted #ccc
}
/*controlar para abajo*/

footer .container {background-color: #302e30;padding: 15px 20px 10px;color: #cecece;}
footer a{color: #88be32}
footer .container div {float: left}
footer #logokd {float: right}
@media (max-width: 500px) {
  footer .container div,footer #logokd {
    float: none;
  }
  footer{text-align: center}
}

#pedido-form{border:1px solid #ccc; background: url(../img/bg-form-pedido.jpg) no-repeat 100% 100%;padding:5px 10px; -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    max-width: 550px;
}
#pedido-form #btn-enviar{
    float: right; margin-right: 97px
}
#contactform{
    background: #e2e2e2 url(../img/bg-contact.jpg) no-repeat 100% 0;
    padding: 10px;
    max-width: 600px
}
.input {
    float: left;
    width: 220px;
    margin-bottom: 3px;
    overflow: auto
}

.input label{
    display: block;
    padding:3px;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0
}
.input .textinput, .input .textarea, .input .selectinput{
      border: 1px solid #BDBDBD;
  background: #fff;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #666;
  font-size: 1.4em;
  width: 95%
}
@media (max-width: 500px) {
    .input{width: 100%}
    .input .textinput, .input .textarea, .input .selectinput{
        width: 100%;
    }
}
.input .selectinput {height: 28px; width: 185px}
.input .textinput:focus, .input .textarea:focus{
    color: #333;
    border:1px solid #666
}
.input .textarea{max-width: 432px; width: 100%}
.input input.error,.input textarea.error{
    background: #FFDDDD none
}

span.requerido {font-family: "Tahoma"; font-weight: bold; color: #c00}
label.error{
    color: #DE0000;
    display: block;
    font-size: 11px;
    padding: 3px 0;
    font-weight: normal
}
.input .textarea {
    height:60px;
}
.box-error,.box-ok{
    padding: 0 20px;
    color: #333;
    font-family: Arial;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.box-ok{background: #DEFFBB; border-color: #95db00 }
.ico-ok,.ico-error{
    background: url(../img/ico-ok.png) no-repeat 0 50%;
    padding: 10px 45px 15px;
    
}
.ico-error{
    background: url(../img/admin-error-big.png) no-repeat 0 50%;
}
.box-error img,.box-ok img{float: left;margin-right: 10px}
.box-error h4,.box-ok h4{margin: 7px 0;font-size: 14px}

#bg-visor {float: left; width:293px; color: #bababa; background-color: #3f4245;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 8px;margin-right: 10px;}
.loading{background: #3f4245 url(../img/ajax-loader-mini.gif) no-repeat 50% 50%;}
.paginacion{display: flex; justify-content: center; padding: 10px 5px 5px;}
.paginacion span {padding: 8px}
.paginacion b,.paginacion a {
    background-color: #244900;
    color: #FFF;
    margin-right: 5px;
    padding: 8px 12px;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.paginacion b{
    background-color: #626262;
}
.news {padding:10px}
.news .thumb img{float: left;width: 257px;  margin-right: 15px; opacity:0.8; filter:alpha(opacity=80)}
.news .thumb img:hover{opacity:1; filter:alpha(opacity=100)}
.news .detail{}
.news {border-bottom: 1px dotted #ccc; margin-bottom: 10px;padding-bottom: 10px;}
.news h1 {border: 0; margin: 0; line-height: 16px}
.news h1 a{text-decoration: none;font-size: 16px}
.date {float: right; margin:10px; padding: 5px 8px; background-color: #666; color:#fff; -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.new_info{color:#999; font-size:11px;padding: 3px}
.thumb-big{float: left; margin: 10px 10px 10px 0; width: 100%; max-width: 280px}

.numbers{text-align: center;margin:3px 5px 0 0;line-height: 23px;}
.numbers a{
    padding: 5px 8px; font-size: 11px; background-color: #666; color: #fff; text-decoration: none; font-weight: bold;
}
.numbers a:hover{
    background-color: #2e5d00;
}

.thumbs a {height: 70px; margin: 0 10px 10px 0; width: 105px; float: left; overflow: hidden; -webkit-box-shadow: 2px 2px 3px 0px rgba(109, 109, 109, 1);
-moz-box-shadow:    2px 2px 3px 0px rgba(109, 109, 109, 1);
box-shadow:         2px 2px 3px 0px rgba(109, 109, 109, 1);}
.thumbs a img{width: 107px;float:left;opacity:0.9; filter:alpha(opacity=90);}
.thumbs a img:hover{opacity:1; filter:alpha(opacity=100)}

.btn {
    background: #2e5d00; font-family: 'Roboto Condensed', sans-serif; font-size: 1.2em;
    color: #fff !important; text-decoration: none;display: inline-block;padding:5px 15px; margin: 5px 0;
    -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.btn:hover, .btn:focus{background: #448107}
input.btn {padding: 5px 10px;border:0;cursor: pointer; float: right}

small {font-size: 11px}
span.bold{font-weight: bold}
span.italic{font-style: italic}
span.underline{text-decoration: underline}
.left {text-align: left}
.right {text-align: right}
.full {text-align: justify}
.center {text-align: center}