/*
	Theme Name: abqUEdkF_dest
	Text Domain: abqUEdkF_dest
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;	
	font-size: 13px;
    font-family: regular;
    color: #3a3a75;
}
b
{
    font-family:bold;
}
img
{
	border:none;
}
:focus{
	outline:0px;
}
@font-face {
    font-family: 'light';
    src: url('fonts/light/lato-light-webfont.eot');
    src: url('fonts/light/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/light/lato-light-webfont.woff2') format('woff2'),
         url('fonts/light/lato-light-webfont.woff') format('woff'),
         url('fonts/light/lato-light-webfont.ttf') format('truetype'),
         url('fonts/light/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'regular';
    src: url('fonts/regular/lato-regular-webfont.eot');
    src: url('fonts/regular/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/regular/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/regular/lato-regular-webfont.woff') format('woff'),
         url('fonts/regular/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/regular/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bold';
    src: url('fonts/bold/lato-bold-webfont.eot');
    src: url('fonts/bold/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bold/lato-bold-webfont.woff2') format('woff2'),
         url('fonts/bold/lato-bold-webfont.woff') format('woff'),
         url('fonts/bold/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/bold/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.right {
    float: right;
}
.left {
    float: left;
}



.aligncenter {
    margin: 0 auto;
    text-align: center;
    display: inherit;
	max-width:100%;
     width:auto;
	height:auto;	
}
.bx-prev {
    background: url("images/left.png") !important;
    background-repeat: no-repeat;
    left: -30px;
}
.bx-next {
    background: url("images/right.png") !important;
    background-repeat: no-repeat;
    right: -30px;
}
.ls-defaultskin {
    padding: 3px !important;
  
}
h3
{
    font-size: 15px;
    padding-top: 10px;
    font-weight: normal;
    font-family: bold;
}
.breadcrumbs
{
    color: #000;
    padding-bottom: 15px;
    font-family: regular;
    font-size: 14px;
}
.breadcrumbs a
{
    color:#000;   
    font-family: light;
    font-size: 14px;
}
.breadcrumbs  span   span
{
    color: #000;
    font-family: light;
    font-size: 14px;
    background: url("images/separator.jpg");
    background-repeat: no-repeat;
    padding-left: 12px;
    background-position: left;
    margin-left: 2px;
}

h1
{
    color: #000;
}

.clear
{
	clear:both;
}
#containerFade
{
    width: 100%;
    height: 350px;
    background: url(images/fade.png);
    background-position: 1px 1290px;
    position: absolute;
    bottom: 0px;
}
.center-nav
{
	width: 970px;
    padding-left: 35px;
    padding-right: 35px;
    margin: 0 auto;
    background: #fff;	
}

.ul-table-product > div
{
    background: #3A3A75;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    font-size: 11px;
    color: #fff;
    float: left;
}

.ul-table-product > div a
{
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-family: bold;
    margin-left: 20px;
    width: 160px;
    float: left;
    background: url("images/li.png");
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: left center;
}

.ul-table-product ul 
{
    float: left;
    width: 560px;
}

.ul-table-product-li-use
{
    float: left;
    width: 43%;
    color: #fff !important;
    font-size: 12px;
    margin-right: 10px;
    font-family: light;
    text-align: justify;
}

.ul-table-product-li-use-only
{
    float: left;	
    width: 95%;
    color: #fff !important;
    font-size: 12px;
    margin-right: 10px;
    font-family: light;
    text-align: justify;
}

.ul-table-product-li-other
{
    float: left;
    width: 12%;
    color: #fff !important;
    font-size: 12px;
    margin-right: 22px;
    font-family: light;
    text-align: right;
}

.ul-table > div
{
    background: #3A3A75;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    font-size: 11px;
    color: #fff;
    float: left;
}
.ul-table > div a
{
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-family: bold;
    margin-left: 20px;
    width: 160px;
    float: left;
    background: url("images/li.png");
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: left center;
}

.ul-table > div a:hover
{
    text-decoration: underline;
}
.ul-table ul 
{
    float: left;
    width: 565px;
}

.ul-table ul li
{
    float: left;
    width: 115px;
    color: #fff !important;
    font-size: 11px;
    margin-right: 20px;
    font-family: light;
    text-align: center;
}

.ul-li-model
{
    float: left;
    width: 23%;
    color: #fff !important;
    font-size: 11px;
    margin-right: 20px;
    font-family: light;
    text-align: center;	
}

.ul-li-use
{
    float: left;
    width: 30%;
	height: auto;
    color: #fff !important;
    font-size: 11px;
    margin-right: 20px;
    font-family: light;
    text-align: center;		
}

.ul-li-use-only
{
    float: left;
    width: 70%;
    color: #fff !important;
    font-size: 11px;
    margin-right: 20px;
    font-family: light;
    text-align: center;		
}

.ul-li-other
{
    float: left;
    width: 12%;
	height: auto;
    color: #fff !important;
    font-size: 11px; 
    font-family: light;
    text-align: center;	 
}

.ulSearch li {
    list-style: none;
    color: #333333;
}
.ulSearch li a {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 95%;
    font-size: 13px;
    color: #000;
    display: block;
    padding-left: 15px;
    font-family: regular;
    background: url("images/liblack.png") #f5f5f5;
    background-repeat: no-repeat;
    background-position: left;
    border-left: 20px solid #f5f5f5;
    margin-bottom: 1px;
}
.margin-none
{
	margin:0px !important;
}
}
#container-top
{
	width:100%;    
        z-index: 999999;
	height:65px;
}
#nav
{
	height:65px;
	float:left;
}
#search
{
	height:65px;
	float:right;
        position:relative;
}
#nav  > ul > li
{
	float:left;
	list-style:none;
}
#nav  > ul > li > a
{
    text-decoration: none;
    text-transform: uppercase;
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 28px;
    float: left;
    background: url("images/nav.png");
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 12px;
    font-family: bold;
    padding-bottom: 24px;
}
#nav  > ul > li > a:last-child
{
    padding-right: 0px !important;
    background:none !important;
}
#nav  > ul > li:hover .sub
{
	visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}
.sub
{
	visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s,opacity 0.5s linear;
}
.sub li:hover .sub-container-nav
{
	visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}
.sub-container-nav
{
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s,opacity 0.5s linear;
}
.padding-none
{
	padding-left:0px !important;
}
.input-search
{
    border: 1px solid #78797C;
    width: 250px;
    margin-top: 15px;
    padding-left: 10px;
    font-size: 13px;
    font-family: bold;
    color: #3a3a75;
    float: right;
    height: 30px;
}
.btn-search {
    background: url("images/search.png");
    border: none;
    color: transparent;
    height: 35px;
    cursor: pointer;
    background-repeat: no-repeat;
    width: 40px;
    position: absolute;
    right: 0px;
    margin-top: 15px;
}
.isotipo
{
    float: left;
    width: 45px;
    margin-top: 4px;
    margin-right: 15px;
    display:none;
}
#section
{
	width:1040px;
	margin:0 auto;
        background:#fff;
       position: relative;
}
#container-logo
{
      width: 200px;
      height: 300px;
      float: left;
      text-align:center;
      background:#fff;
}
.logo
{
	margin-top: 30px;
	margin-bottom:10px;
}
#container-slider
{
    width: 800px;
    height: 300px;
	float: right;
	z-index:-1;
}
#container-brands
{
    width: 1000px;
    height: 90px;
    margin-top: 25px;
    margin-bottom: 25px;
}
#container-brands li
{
    width: 185px;
    height: 90px;
    list-style: none;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
#container-brands li img
{
    width: 185px;
    height: 90px;
}


#container-category
{
    width: 1000px;
}
#container-category > ul > li
{
    width: 310px;
    float: left;
    list-style: none;
    margin-right: 35px;
    text-align: center;
    cursor:pointer;
}
.img-hover
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;    
}

.title-category
{
    background: #357130;
    background: -moz-linear-gradient(top, #357130 0%, #1b3d20 100%);
    background: -webkit-linear-gradient(top, #357130 0%,#1b3d20 100%);
    background: linear-gradient(to bottom, #357130 0%,#1b3d20 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357130', endColorstr='#1b3d20',GradientType=0 );
    color: #fff;
    font-weight: normal;
    font-family: bold;
    font-size: 15px;
    text-transform: uppercase;
    padding-top: 18px;
    padding-bottom: 15px;
    border-radius: 4px;
}
.img-category
{
    width: 290px;
    height: 310px;
    margin: 0 auto;    
    position: relative;    
   background: #000;
}
.img-category > img
{
    width: 290px;
    height: 310px;
}
.background-2
{
     background: url("images/background2.png") !important;
}
.background-3
{
     background: url("images/background3.png") !important;
}
.content-category
{
    width: 260px;
    background: url("images/background1.png");
    margin: 0 auto;
    box-shadow: 0px 4px 5px #979696;
    padding-top: 25px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;    
    position: absolute;
    bottom: 0px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
}
#container-category > ul > li:hover .content-category
{
    max-height: 200px;
    padding-bottom: 14px;
}
.content-category h2
{
	color: #fad004;
    font-weight: normal;
    font-size: 15px;
    float: left;
    font-family: bold;
}
.content-category > a
{
    color: #fff;
    float: left;
    padding-left: 10px;
    text-decoration: none;
    padding-top: 1px;
    background: url("images/vineta.png");
    background-repeat: no-repeat;
    background-position: left;
    margin-right: 10px;
    font-family: bold;
    font-size: 14px;
    margin-left: 10px;
}
.content-category > a:hover
{
   text-decoration:underline;
}
.content-category ul 
{
	margin-top:5px;
}
.content-category ul li
{
    float: left;
    list-style: none;
    margin-right: 20px;
}
.content-category ul li a
{
    color: #fff;
    padding-left: 10px;
    text-decoration: none;
    background: url("images/vineta.png");
    background-repeat: no-repeat;
    background-position: left;
    font-family: light;
    font-size: 14px;
}
.content-category ul li a:hover
{
    text-decoration:underline;
}
.content-category hr
{
    width: 100%;
    height: 1px;
    background: #8C8C8C;
    border: none;
}

#container-post
{
    width: 880px;
    height: 200px;
    margin: 0 auto;
    margin-top: 30px;
}
#container-post > ul > li
{
    width: 250px;
    height: 180px;
    float: left;
    list-style: none;
    border: 5px solid #88A2A6;
    margin-left: 15px;
    margin-right: 15px;    
    position: relative;
    cursor:pointer;
    background:#272756;
}
.img-post
{
    width: 250px;
    height: 180px;
}
#container-post > ul > li:hover .img-post
{
    opacity: 0.80;
}
.container-description {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    bottom: 0px;
    z-index: 999;
    background: url("images/background-post.png");
}
.title-post
{
    color: #fad004;
    float: left;
    padding-left: 10px;
    text-decoration: none;
    background: url("images/vineta-color.png");
    background-repeat: no-repeat;
    background-position: left;
    margin-left: 10px;
    font-family: bold;
    font-size: 14px;
}
.excerpt-post
{
	color: #fff;
    padding-left: 20px;
    padding-top: 2px;
    padding-right: 10px;
    font-family: light;
    font-size: 14px;
}
.excerpt-post p
{
	margin:0px;
	padding:0px;
}
.metaslider .slides img {
    width: 110% !important;
    display: block !important;
    height: 450px !important;
}
#container-form
{
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    position:relative;
}
.backgroundForm1
{
    background: url("images/form.jpg") !important;
    background-size: cover !important;
    transition:  background 2s ease 0s;
}
.backgroundForm2
{
    background: url("images/form2.jpg") !important;    
    background-size: cover !important;
    transition:  background 2s ease 0s;
}
body
{
    overflow-x: hidden;
}
#form
{
    width: 840px;
    margin:0 auto;
}
#form h2
{
    color: #fad004;
    font-size: 20px;
    font-family: bold;
    position:relative;
}
#left-form
{
    width: 400px;
    float: left;
	margin-top:15px;
}
#right-form
{
    width: 400px;
    float: right;
	margin-top:15px;
}
#left-detail .select-form
{
     border: 1px solid #B5B5B5 !important;
    padding-left: 3% !important;
    width: 99.5% !important;
}

.select-form
{
    border: none;
    width: 100%;
    background: url(images/form.png);
    font-size: 13px;
    font-family: regular;
    margin-bottom: 4px;
    height: 35px;
    padding-left: 5%;
    color:#C9C9C9;
}
.input-form
{
    border: none;
    width: 95%;
    background: url("images/form.png");
    font-size: 13px;
    font-family: regular;
    margin-bottom: 4px;
    height: 30px;
    padding-left: 5%;
    color:#c2c2c4;
}
.textarea-form
{
    border: none;
    width: 94.5%;
    background: url("images/form.png");
    font-size: 13px;
    font-family: regular;
    margin-bottom: 12px;
    padding-left: 5%;
    padding-top: 10px;
    height: 60px;
    resize: none;	
    color:#c2c2c4;
}
.send-form
{
    background: url("images/send.png");    
    background-repeat: no-repeat;
    border: none;
    color: transparent;
    width: 150px;
    height: 45px;
    float: left;
    cursor:pointer;   
    position: relative;
    z-index: 999;
}
#container-footer
{
    width: 100%;
    background: url("images/footer.jpg");
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 120px;
}
#footer
{
    width: 1000px;
	margin:0 auto;
}
#footer h2 {
    color: #fad004;
    font-size: 20px;
    font-family: bold;
    float: left;
    padding-top: 10px;
}
#social
{
	float:right;
}
.line-footer
{
	width:100%;
	height:1px;
	background:#535353;
	margin-top:10px;
}
.ul-footer > li
{
width: 220px;
    float: left;
    list-style: none;
    margin-top: 20px;
    margin-right: 25px;
}
.ul-footer li h3
{
    font-size: 15px;
    font-family: regular;
    color: #fff;
    font-weight: normal;
    padding-bottom: 15px;
}
.ul-footer > li ul li
{
    font-size: 13px;
    font-family: light;
    color: #fff;
    font-weight: normal;
    display: block;
    margin-bottom: 5px;
    padding-left: 22px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.ul-footer > li ul li div
{
    width: 95px;
    text-align: center;
    color: #fff;
}


.ico1
{
    background: url("images/iconos/ico1.png");
    background-repeat: no-repeat;
}
.ico2
{
    background: url("images/iconos/ico2.png");
    background-repeat: no-repeat;
    background-position: left top;
}
.ico3
{
    background: url("images/iconos/ico3.png");
    background-repeat: no-repeat;
    background-position: 0px 4px;
}
.ls-shadow
{
	display:none !important;
}
#container-detail
{
    width: 750px;
    background: #fff;
    float: right;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 30px;
    padding-bottom: 40px;  
}
#container-detail  b
{
    font-family: bold;
    display: block;
    margin-bottom: 10px;
    text-shadow: 1px 0px 0px #000; 
}


#container-detail li
{
    list-style: none;
    color: #333333;
}
strong
{
    font-family: bold;
    font-weight: normal !important;
}
.contenido_tabs li
{
     margin-left: 25px;
     color:#7b7b7d;
     list-style: initial !important;
}
h1
{
    font-weight: normal;
    font-size: 20px;
    font-family: bold;
    padding-bottom: 15px;
}
#left-detail
{
    width: 470px;
    float: left;
    padding-top:5px;
}
#right-detail
{
    width: 260px;
    float: right;
    margin-top: 5px;
}
.excerpt-detail
{
    text-align: justify;
    color: #000;
    margin-top: -15px;
    margin-bottom: 10px;
    font-family: light;
    font-size: 14px;
}
.ul-tabs > li {
    list-style: none;
    display: inline-block;
    list-style: none;
    color:#000;
}
.ul-tabs {
    font-size: 0px;
}
.ul-tabs > li > a {
    float: left;
    text-decoration: none;
    font-size: 15px;
    text-align: left;
    padding-left: 20px;
    padding-right:20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    background: #3A3A75;
    margin-right: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.ul-tabs > li > a:hover {
    background: #000 !important; 
    color:#fff !important;
}
.active_tab a {
    background: #000  !important;
    color:#fff !important;
}
.contenido_tabs
{
    width: 435px;
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #3A3A75;
	color:#202020;
}
.prev-detail
{
    color: #000;
    text-decoration: none;
    margin-top: 10px;
    float: left;
    background: url("images/prev.png");
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: 0px 4px;
    font-size: 14px;
    font-family: bold;
}
.zoomTint
{
   background-color:#fff !important;
}
.prev-detail:hover
{
    text-decoration: underline;
}
.thumbails-detail
{
    width: 100%;
    background: #fff;
    border: 1px solid #828282;
    text-align: center;
}
.thumbails-detail img
{
    width: 100%;
    height:auto;
    margin-bottom:-3px;
}
.title-form
{
	color: #3a3a75;
    font-size: 18px;
    font-family: bold;
    padding-top: 20px;
    letter-spacing: -1px;
    padding-bottom: 8px;
}   
.input {
    width: 95%;
    font-size: 14px;
    font-family: light;
    margin-bottom: 4px;
    height: 30px;
    padding-left: 4%;
    color: #000;
    background: #fff !important;
    border: 1px solid #B5B5B5;
}
.textarea {
    width: 445px;
    font-size: 14px;
    font-family: light;
    margin-bottom: 5px;
    padding-left: 4%;
    color: #000;
    height: 80px;
    padding-top: 10px;
    resize: none;
    background: #fff !important;
    border: 1px solid #B5B5B5;
}
.send
{
    background: #000;
    border: none;
    color: #fff;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: regular;
    text-transform: uppercase;
    letter-spacing: 0px;
    height: 45px;
    cursor: pointer;
    font-family: bold;
}
#detail-nav
{
    width: 240px;
    float: left;
}
.imgMaps
{
     width: 240px;
}
.title-nav
{
    background: #3A3A75;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    width: 240px;
}
#container-nav
{
    width: auto;
    background: #EFEDED;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#container-nav li
{
	list-style:none;
}
#container-nav li a
{
	text-decoration:none;
	color: #fff;   
}
#container-nav li a:hover
{
	text-decoration:underline;
}
#container-nav > ul > li > a
{
    color: #000;
    text-transform: uppercase;
    display: block;
    background-position: left;
    font-size: 13px;
    padding-top: 8px;
    padding-bottom: 5px;
}
.sub-nav > li > a
{
    background: #807F7F;
    width: 95%;
    display: block;
    padding-left: 5%;
    padding-top: 8px;
    padding-bottom: 5px;
    font-size: 13px;
    border-bottom: 1px solid #666565;
}
.sub-sub-nav > li > a
{
    background: #585858;
    width: 90%;
    display: block;
    padding-left: 10%;
    padding-top: 8px;
    padding-bottom: 5px;
    font-size: 13px;
    border-bottom: 1px solid #666565;
}
.sub-sub-sub-nav > li > a
{
    background: #404040;
    width: 85%;
    display: block;
    padding-left: 15%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    border-bottom: 1px solid #666565;
    line-height: 14px;
}
.background 
{
    position: relative;
    top: 0px;
    width: 100%;
    background-size:cover  !important;
}
.more
{
    float: right;
    padding-top: 5px;
    padding-right: 8px;
    cursor: pointer;
    padding-bottom: 2px;
    padding-left: 15px;
}
.ul-brands li
{
    float: left;
    width: 220px;
    height: 220px;
    margin-right: 30px;
    list-style: none;
    margin-top: 20px;
}
.img-brands
{
    width: 220px;
    height: 100px;
}
.img-brands img
{
    width: 220px;
    height: 100px;
}
.img-brandsCat
{
    width: 220px !important;
    height: 150px !important;
}
.img-brandsCat img
{
    width: 220px !important;
    height: 150px !important;
}
.text-brands
{
    padding-top: 10px;
    padding-bottom: 10px;
    color:#000;   
	text-align: justify;
    /*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
}
.view-brands
{
     background: url("images/view.png") #000;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 4px;
    float: right;
    font-family: bold;
    text-decoration: none;
    color: #fff;
    padding-left: 10px;
}
.ul-category li
{
    float: left;
    width: 220px;
    height: 140px;
    margin-right: 30px;
    list-style: none;
	position:relative;
    margin-top: 20px;
}
.ul-category li img
{
    width: 220px;
    height: 140px;
}
.ulCategory li
{
    float: left;
    width: 220px;
    height: 228px;
    margin-right: 30px;
    list-style: none;
    margin-top: 20px;
}
.ulCategory li a
{
   text-decoration:none;
}
.ulCategory  li img
{
    width: 220px;
    height: 140px;
}
.imgCategory
{
    width: 220px;
    height: 140px;
    position:relative;
}


.description-category {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    bottom: 0px;
    z-index: 999;
    background: url("images/layer.png");
}
.description-category h2{
    color: #fff;
    background: url("images/li.png");
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: 0px 4px;
    margin-left: 10px;
    font-family: regular;
    font-weight: normal;
    font-size: 14px;
    padding-right: 10px;
}
.thumbails-subcategory
{
    width: 260px;
    height: auto;
    border: 1px solid #C3C3C3;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
	text-align: justify;
}
.thumbails-subcategory  img
{
    width: 260px;
    height: auto;
    margin-bottom: -2px;
}

.background-gray
{
	
	background: #606062; /* Old browsers */
	background: -moz-linear-gradient(top, #606062 0%, #1f1e21 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #606062 0%,#1f1e21 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #606062 0%,#1f1e21 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606062', endColorstr='#1f1e21',GradientType=0 ); /* IE6-9 */
}
.background-brown
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6a5e38+0,38331f+100 */
	background: #6a5e38; /* Old browsers */
	background: -moz-linear-gradient(top, #6a5e38 0%, #38331f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #6a5e38 0%,#38331f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #6a5e38 0%,#38331f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a5e38', endColorstr='#38331f',GradientType=0 ); /* IE6-9 */
}
#form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #fff;
}
#form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #fff;
}
#form ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #fff;
}
#form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #fff;
}
#form :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #fff;
}
span.wpcf7-not-valid-tip {
    color: #EC0D0D !important;
    font-size: 14px !important;
    display: block !important;
    font-family: light !important;
    margin: 0px !important;
    margin-top: -4px !important;
    margin-bottom: 4px !important;
    text-align: left;
}

div.wpcf7-validation-errors {
    border: none !important;
    font-family: light !important;
    font-size: 14px !important;
    padding-left: 0px;
    margin-left: 0px;
    float: left;
    color: #fff !important;
    margin-top: 15px;
}
div.wpcf7-mail-sent-ok {
    border: none !important;
	font-family: light !important;
    font-size: 14px !important;  
	color: #fff !important;
    padding-left: 0px;
    margin-left: 0px;
    float: left;
    margin-top: 0px;
}
#right-detail  span.wpcf7-not-valid-tip {
    color: #D94A03 !important;
}
#right-detail  div.wpcf7-validation-errors {
    color: #000 !important;
}
#right-detail  div.wpcf7-mail-sent-ok {
    color: #000 !important;
}
.ul-video li
{
    float: left;
    height: auto;
    margin-top: 20px;
    width: 100%;
}
.video
{
    width: 700px;
    height: auto;
}
.video  iframe
{
    width: 220px !important;
    height: auto !important;
}
.video  img
{
    width: 220px !important;
    height: auto !important;
}
.title-video
{
    font-weight: normal;
    font-size: 15px;
    font-family: bold;
    padding-top: 10px;
}
.title-videoIframe
{
    font-weight: normal;
    font-size: 14px;
    font-family: bold;
    padding-top: 10px;
}
.liIframe-Video
{
    width: 240px !important;
    margin-right: 10px;
    height: 225px !important;
}
.liIframe-Video iframe
{
    width: 100% !important;
    height: 150px !important;
}
#contact #left-form
{
    width: 340px !important;
    float: left !important;
    margin-top: 15px !important;
}
#contact .select-form
{
      background: #fff !important;
      border: 1px solid #B5B5B5;
}
#contact .input-form
{
      background: #fff !important;
      border: 1px solid #B5B5B5;
}
#contact .textarea-form
{
      background: #fff !important;
      border: 1px solid #B5B5B5;
}
#contact .send-form {
    background: #3A3A75 !important;
    border: none;
    color: #fff !important;
    width: 150px;
    height: 45px;
    float: right;
    cursor: pointer;
    font-size: 13px !important;
    text-transform: uppercase;
    font-family: bold;   
	box-shadow: 2px 2px 3px #B5B5B5;
}
#contact select
{
    color:#000 !important;
}

#mapa
{
       width:auto;
       margin-top:10px;
       height: 250px;  
       border: 25px solid #E3E3E3;
}

#contact div.wpcf7-validation-errors {
    color: #000 !important;
}

#contact ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #000;
}
#contact :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #000;
}
#contact ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #000;
}
#contact :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #000;
}
#contact :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #000;
}
.sub
{
    position: absolute;
    top: 65px;    
	z-index: 99999999;
}
.sub > li
{
	list-style:none;
}
.sub > li > a
{
    background: #464646;
    display: block;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 12px;
    border-bottom: 1px solid #272727;
    z-index: 99999;
    position: relative;
    color: #fff;
    text-decoration: none;
    padding-right: 20px;
    width: 174px;
}
.sub > li > a:hover
{
    background: #7F7F7F;
}
.sub-container-nav
{
    width: 580px;
    padding-bottom: 20px;
    background: #fff;
    position: absolute;
    left: 214px;
    z-index: 999;
    padding-left: 25px;
    padding-top: 20px;
    padding-right: 25px;   
    margin-top: -120px;
    box-shadow: 0px 4px 15px #777777;
}
.sub-container-nav h2
{
	color: #000;
    font-family: bold;
    font-size: 18px;
}
.sub-container-nav h2
{
	color: #000;
    font-family: bold;
    font-size: 18px;
}
.sub-container-nav li
{
    list-style: none;
    width: 185px;
    float: left;
    height: 80px;
    margin-right: 5px;
    margin-top: 5px;
}
.sub-container-nav li img
{
    width: 80px;
    height: auto;
    margin-top: 15px;
    float: left;
}
.sub-container-nav li h2
{
    padding-top: 35px;
    float: left;
    padding-left: 5px;
    font-family: bold;
    font-size: 13px;
    font-weight: normal;
    width: 95px;
}
.nav-movil
{
	display:none;
}
.selectItem
{
    width: 243px;
    float: left;
}
.selectItem select
{
    width: 235px;
    font-family: regular;
    color: #000;
    height: 25px;
    padding-left: 5px;
    border: none;
    margin-top: 5px;
    background:#F4F4F4;
}
#containerDepInfo
{
    width: 478px;
    float: left;
    position:relative;
}
.titleDep
{
    font-size: 13px;
    font-family: regular;
    color: #fff;
    font-weight: normal;
    background: #000 !important;
    width: 95%;
    border: none !important;
    height: 35px !important;
    line-height: 35px;
    padding-left: 5%;
    text-transform: uppercase;
}

#containerDepInfo > div
{
    width: 48%;
    height: 30px;
    background: #3A3A75;
    float: left;
    padding-left: 2%;    
    display: table;
    padding-right: 1px;
}
#containerDepInfo > div  > span
{
    color: #fff;   
    display: table-cell;
    vertical-align: middle;
}
#containerDepInfo > ul > li 
{
    float: left;
    width: 100%;

}
#containerDepInfo > ul > li:hover div
{
     background:#606164;
     border: 1px solid #606164;
}
#containerDepInfo > ul > li:hover div span
{
     color:#fff !important;
}

#containerDepInfo > ul > li > div
{
    width: 228px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    padding-left: 2%;
    display: table;
    border: 1px solid #D2D2D2;
    margin-right: -1px;
    margin-bottom: -1px;
    background: #fff;
}
#containerDepInfo > ul > li > div > span
{
    color: #000;
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
    letter-spacing: -0.5px;
}
#containerInfoDep
{
    width: 280px !important;
    height: auto !important;
    background: #fff !important;
    position: absolute;
    right: -277px;
    border: none !important;
    top: 0px;
    padding: 0px !important;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s,opacity 0.5s linear;
}
#containerInfoDep li
{
    padding-left: 5%;
    padding-top: 3px;
    padding-bottom: 4px;
    border: 1px solid #D2D2D2;
    margin-bottom: -1px;
    font-size: 12px;
    font-family: light;
    color: #000;
}
#containerInfoDep li strong
{    
    padding-right: 5px;
    color: #3A3A75;
    font-weight: normal;
    font-family: regular;
    font-size: 12px;
}
#containerDepInfo > ul > li:hover  #containerInfoDep
{
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}
.phothoDep
{
    width: 100%;
    border: none !important;
    margin-top: -1px;
    background:none !important;
    z-index: 9999;
    position: relative;
}
.phothoDep img
{
    width: 100%;
    height: auto;
    margin-bottom: -3px;
    margin-top: -1px;
}
#containerDep
{
    width: 100%;
    background: #EFEDED;
    padding-top: 30px;
    padding-bottom: 40px; 
}
#containerDep span
{
    font-size: 13px;
    color: #000;
    font-family: light;
} 
#containerDep a
{
    display: block;
    padding-left: 15px;
    background: url("images/item.png");
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    margin-left: 30px;
    margin-bottom: 8px;
    color: #000;
    font-size: 12px;    
    text-transform: uppercase;
}
#containerDep a:hover
{
    text-decoration:underline;
}
.viewvVideo
{
    background: #3A3A75;
    color: #fff;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    float: right;
    margin-right: 10px;
    border-radius: 25px;
    font-family: light;
}
#containerThumbails 
{
    width: 270px;
}
#containerThumbails ul li
{
    width: 82px;
    height: 82px;
    list-style: none;
    float: left;
    margin-top: 5px;
    border: 1px solid #828282;
    margin-right: 5px;
}
#containerThumbails ul li img
{
    width: 100%;
    height: 82px;
}
.esconderzoom
{
  display:none;
}
.zoomWindow {
    left: -495px !important;
    border: 1px solid rgb(136, 136, 136) !important;
    margin-top:-1px;
}
.lineCat
{
    width: 100%;
    height: 1px;
    background: #b8b8b8;
    margin-top: 8px;
    margin-bottom: 8px;
}
.containerBlog-Post
{
	width:480px;
	float:left;
}
.containerBlog-Post li
{
	width:100%;
	list-style:none;
	margin-bottom:20px;
}
.containerBlog-Post li h2
{
	font-weight: normal;
    font-size: 18px;
    font-family: regular;
    letter-spacing: -0.5px;
    padding-top: 10px;
}
.containerImage-Post 
{
    float: left;
    margin-right: 10px;
    width: 250px;
	height:170px;
	overflow:hidden;
}
.containerImage-Post  img
{
    max-width: 250px;
    width: 100%;
    height:auto;
}
.containerExcerpt-Post
{
    font-size: 14px;
    font-family: light;
    color: #171717;
}
.containerBlog-Post li a
{
	background: #1A1A1A;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    font-family: light;
    text-decoration: none;
    font-size: 15px;
}
.containerSidebar-Post
{
	width:250px;
	float:right;
}
.containerSidebar-Post h2
{
    font-weight: normal;
    font-family: regular;
    letter-spacing: -0.5px;
    padding-top: 10px;
    font-size: 15px;
    border: 1px solid #393973;
    padding: 8px;
    text-align: center;
}
.contentCat-Post {
    padding-top: 15px;
    padding-bottom: 15px;
}
.contentCat-Post ul {
    margin-left: 15px;
}
.contentCat-Post li {
border-bottom: 1px dashed #e8e8e8;
    padding-bottom: 4px;
    padding-top: 2px;
    list-style-type: disc !important;
}
.contentCat-Post li a {
    font-family: light;
    color: #58585a;
    font-size: 14px;
    text-decoration: none;
}
.contentCat-Post li a:hover {
    text-decoration: underline;
}
.contentCat-Post li span {
    font-family: light;
    color: #393973;
    font-size: 13px;
    display: block;
    text-align: right;
}
.contentShare
{
	display:block;
	text-align:center; 
	padding-top: 15px;
}
.containerComments
{
	display:block;
        margin-top:40px;    
        width: 480px;
        float: left;
        margin-bottom:20px;
}
#respond  p
{
    margin-top: 8px;
    margin-bottom: 0px;   
}
.commentlist  p
{
    margin-top: 10px;
    margin-bottom: 10px;   
    color: #404040;
    font-family: light;
    font-size: 14px;
}
.containerComments label
{
    width: 100%;
    font-size: 14px;
    font-family: light;
    margin-bottom: 4px;
    display: block;
    font-style: italic;
    color: #000;
}
.containerComments input
{
    width: 97%;
    font-size: 14px;
    font-family: light;
    margin-bottom: 4px;
    display: block;
    font-style: italic;
    color: #000;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #dedede;
    padding-left: 3%;
}
.containerComments textarea
{
    width: 96.5%;
    font-size: 14px;
    font-family: light;
    margin-bottom: 4px;
    display: block;
    font-style: italic;
    color: #000;
    height: 60px;
    border-radius: 2px;
    border: 1px solid #dedede;
    padding-left: 3%;
    padding-top:10px;
    resize:none;
}
.form-submit input
{
    width: 300px !important;
    background: #323265 !important;
    color: #fff !important;
    border: none !important;
    height: 40px !important;
    border-radius: 20px !important;
    padding: 0px !important;
    margin: 0 auto !important;
    font-size: 17px !important;
    cursor: pointer !important;
}
.comment-respond h3
{
    background: #323265;
    color: #fff;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
    font-family: bold;
    font-size: 15px;
    display: block;
    font-style: italic;
}
.comment-notes
{
   display:none;
}
#comments
{
    background: #636363;
    color: #fff;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
    font-family: light;
    font-size: 15px;
    padding-right: 20px;
}
.commentlist
{
    background: #F6F6F6;
    padding: 15px;
    margin-bottom: 10px;
}
.comment-reply-link
{
    background: #636363;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    border-radius: 3px;
    color: #f9f9f9;
    font-family: light;
    text-decoration: none;
    font-size: 14px;
}
.fn
{
    font-family: bold;
    font-size: 14px;
    font-style: normal;
}
.fn a
{
    font-family: bold;
    font-size: 14px;
    font-style: normal;
}

.comment-awaiting-moderation
{
    background: #F9F9F9;
    color: #404040;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: light;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    text-align: center;
}

.comment-author {
    background: url(images/comment.png);
    padding-left: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #4D4D4D;
    font-family: bold;
    background-position: left center;
    background-repeat: no-repeat;
}
.comment-meta commentmetadata a
{
    color: #808080;
    text-decoration: none;
    padding-top: 5px;
    float: left;
    width: 100%;
    padding-bottom: 5px;
    text-align: right;
    font-size: 13px;
}
.children
{
    background: url(images/commentIcono.png) #fff;
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 10px;
    padding-top: 20px;
    padding: 20px;
}
.children .children
{
    padding: 10px;   
    background: none;
    padding-left: 20px; 
    padding-right: 20px;
    margin-top: 10px;
    border: 1px solid #eaeaea;
}



@media screen and (min-width:2800px){

   #positionBottom
   {
       position: absolute;
       bottom: 0px;
       width: 100%;
   }

}
@media screen and (max-width:1025px){
.containerComments
{
	width:100%;
}
	.containerBlog-Post {
		width: 60%;
	}
	.containerImage-Post {
		width: 100%;
		height: 150px;
	}
	.containerBlog-Post li h2 {
		display: inline-block;
		width: 100%;
	}
	.containerBlog-Post img {
		width:100% !important;
		height:auto !important;
		margin-right: 0px !important;
		margin-bottom: 0px !important;
	}
		
	
	
	
	
	.containerSidebar-Post {
		width: 35%;
		float: right;
	}
	.center-nav {
		width: 650px !important;
	}
	#search	
	{
		display:none;
	}
	#section {
		width: 650px !important;
	}
	#container-logo {
		width: 120px;
	}	
	#container-logo img{
		width: 120px;
	}
	#container-slider {
		width: 520px;
		height: 300px;
		float: right;
	}	
	#container-brands
	{
		display:none;
	}	
	#container-category {
		width: 650px;
		margin-top:10px;
	}	
	#container-category ul {
		text-align: center;
	}
	#container-category > ul > li {
		width: 200px;
		float: none;
		margin-right: 10px;
		display: inline-block;
	}
	.img-category {
		width: 200px;
		height: auto;
	}
	.img-category img {
		width: 200px;
		height: auto;
	}
	.content-category {
		width: auto;
		height: 160px;	
	}
	#container-post {
		margin-top: 20px;	
		width: 625px;
	}
	#container-post > ul > li {
		width: 190px;
		height: 180px;
		float: left;
		border: 4px solid #88A2A6;
		margin-left: 5px;
		margin-right: 5px;
		display: inline-block;
	}	
	.img-post {
		width: 100%;
		height: auto;
	}		
	.title-category {
		font-size: 13px;	 
		border-radius: 0px;
	}	
	#form {
		width: 620px;
	}	
	#left-form {
		width: 48%;
	}	
	#right-form {
		width: 50%;
	}	
	#footer {
		width: 650px;
	}
	.ul-footer > li {
		width: 25%;
	}
	.ul-footer li ul li {
		font-size: 12px;

	}
	.sub-container-nav
	{
		display:none;
	}	
	#container-top {
		background: #3A3A75;
	}
	.center-nav {
		background: none;
	}
	#nav > ul > li > a
	{
		color:#fff;
		background: url("images/nav-movil.png");
		background-repeat: no-repeat;
		background-position: right center;
	}
	#container-logo {
		width: 130px !important;
	}
	#container-logo img {
		width: 100px;
	}
	#container-detail {
		width: 600px;
		margin-top:10px !important;
	}
	#container-detail {
		width: 370px;
		float: right;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.title-nav {
		margin-top: 10px;
	}
	#detail-nav {
		margin-bottom: 0px;
	}	
	.ul-category li {
		width: 180px;
		height: auto;
		margin-right:5px;
	}
	.ul-category li img {
		width: 100%;
		height: auto;
	}
	.ulCategory  li {
		width: 180px;
		height: auto;
		margin-right:5px;
	}
	.ulCategory  li img {
		width: 100%;
		height: auto;
	}
	.logo-itn
	{
		background:red;
		width:240px !important;
	}	
		
	.ul-tabs > li > a {
    font-size: 13px;
    width: auto;
    padding-left: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-right: 1px;
    padding-right: 10px;
	}
	.ul-tabs > li > a:hover {
		background:#3A3A75 !important; 
	}	
	.active_tab a {
		background:#3A3A75 !important; 
	}	
	#left-detail {
		width: 100%;
		float: left;
	}
	.contenido_tabs {
		width: auto;
		font-size: 13px;	
	}
	#right-detail {
		width: 80%;
		float: left;
		margin-top: 5px;
	}
	.input {
		font-size: 13px;
		margin-bottom: 2px;
		height: 24px;
	}
	.ul-brands li {
		float: left;
		width: 175px;
		height: 200px;
		margin-right: 5px;
	}
	.img-brands {
		width: 100%;
		height: auto;
	}	
	.img-brands  img {
		width: 100%;
		height: auto;
	}
	.send-form {
		float: left !important;
	}
	#mapa iframe {
		width: 85% !important;
	}
	.ul-video li {
		height: auto;
		margin-right: 10px;
	}
	.title-video {
		text-align: left;
	}
	.text-brands {
		padding-top: 5px;
		padding-bottom: 5px;
	}	
	.video {
		width: 170px;
		height: auto;
	}		
	.video iframe{
		width: 170px !important;
		height: auto !important;
	}	
	.shadows
	{
		display:none;
	}

}
@media screen and (max-width:700px){

	.containerSidebar-Post {
		width: 100%;
	}	
	.containerBlog-Post {
		width: 100%;
	}
	.containerBlog-Post  li {
		margin-bottom: 10px !important;
	}
	.contenido_tabs {
		padding-left: 0px;
		padding-right: 0px;
	}
	#container-detail li {
		width: 100%;
		margin-bottom: 1px;
	}
	.ul-tabs > li > a {
		font-size: 13px;
		width: 100%;
		padding-left: 0px;
		padding-top: 12px;
		padding-bottom: 12px;
		margin-right: 0px;
		padding-right: 0px;
		text-align: center;
	}

	.breadcrumbs a {
		float: left;
	}

	.thumbails-subcategory {
		width: 100%;
		margin-right: 0px;
	}
	.thumbails-subcategory img {
		width: 100%;
	}
	.ul-table-product ul {
		width: 80%;
	}
	.ul-table-product ul li {
		width: 25% !important;
		text-align: center;
	}
	.ul-products li {
		width: 20% !important;
		margin-right: 0px;
		font-size: 11px;
	}
	.ul-table-product > div a {
		font-size: 10px;
		margin-left: 0px;
		width: 20%;
		background: none;
		padding-left: 0%;
	}
	#container-post > ul > li {
		overflow: hidden;
	}
	.section-fixed {
		top: initial !important;  
	  margin-bottom: 10px !important;
	}
	.top-fixed {
		position: relative !important;
	}
	.containerMaps img {
		width: 100%;
		height: auto;
		border: none !important;
	}
	.containerMaps{
		width: 100% !important;
	}
	.textarea
	{
	   width:95%;
	}
	.sub > li > a
	{
	  width:auto;
	}
	.nav-movil
	{
		display: block;
		background: #000;
		padding-top: 15px;
		padding-bottom: 15px;
	}	
	.nav-movil img
	{
		float: right;
		margin-right: 5%;
	}
	.center-nav {
		width: 100% !important;  
                padding-left: 0px;
                padding-right: 0px;
	}
	#nav > ul > li {
		width: 100%;
	}
	#nav {
		height:auto;
	}
	#nav > ul > li > a {
		width: 95%;
		background: #3A3A75;
		padding-left: 5% !important;
		padding-right: 0px !important;
		padding-top: 12px;
		padding-bottom: 12px;
	}	
	#nav > ul > li > a:hover {
		background: #000 !important;	
	}
	#section {
		width: 100% !important;
	}
	#container-logo {
		width: 100% !important;
		height:auto !important;
	}
	#container-logo img {
		width: 120px;
	}	
	.btn	
	{
		display: block;
                margin: 0 auto;
	}
	#container-slider {
		display: none;
	}
	#container-category {
		width: 100%;
	}
	#container-category > ul{
		font-size:0;
	}
	#container-category > ul > li {
		margin-right: 0px;
		margin-left: 0px;
		width: 50%;
	}
	.img-category {
		width: 100%;
		font-size: 0;
	}	
	.img-category img {
		width: 100%;
	}
	#container-post {
		margin-top: 10px;
		width: 100%;
		height:auto;
		font-size: 0;
	}
	
	#container-post > ul > li {
		width: 30%;
		height: 190px;
		border: 4px solid #88A2A6;
		margin-left: 1px;
		margin-right: 1px;
		display: inline-block;
	}
	.excerpt-post {
		font-size: 13px;
	}
	.title-post {
		background: none;
		margin-left: 0px;
		font-size: 13px;
	}
	.excerpt-post {
		padding-left: 10px;
	}
	#form {
		width: 90%;
	}
	#form h2 {
		font-size: 18px;
	}	
	#footer {
		width: 90%;
	}
	.ul-footer > li {
		width: 40%;
		margin-right:2%;
	}
	.ul-footer > li ul li {
		font-size: 13px;
		font-family: regular;
	}	
	.ul-footer > li h3 {
		font-size: 15px;
		font-family: bold;
	}
	.sub
	{
		width: 100%;
	}
	#nav {
		display: none;
	}
	.logo {
		margin-top: 20px;

	}
	#container-detail {
		width: 90%;
		float: right;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 25px;
		padding-bottom: 20px;
		margin-bottom: 5px;
	}	
	#right-detail {
		width: 100%;
	}
	.thumbails-detail {
		width: 220px;	
	}
	#detail-nav {
		width: 100%;
	}
	.title-nav {
		width: 100%;
	}
	#container-nav {
		width: auto;
	}
	.maps
	{
		display:none;
	}

	#contact #left-form  {
		width: auto !important;

	}
		
	


}


@media screen and (max-width:500px){

	#container-post > ul {
		text-align:center;
	}
	#container-post > ul > li {
		width: 250px;
		height: 200px;
		border: 4px solid #88A2A6;
		margin-left: 1px;
		margin-right: 1px;
		display: inline-block;
		margin: 0 auto;
		float: none;
		margin-bottom:5px;
	}

}

@media screen and (max-width:462px){

	.ul-brands li {
		float: none;
		width: 45%;
		height: 200px;
		margin-right: 5px;
		float: left;
	}


}




@media screen and (max-width:450px){
	.ul-video li {
		width: 80%;
		height: auto;
		margin-right: 10px;
		float: none;
		margin: 0 auto;
	}
	.video {
		width: 100%;
		height: auto;
	}	
	.video  iframe{
		width: 100% !important;
		height: auto;
	}
	#left-form {
		width: 100%;
	}
	.input-form {
		margin-bottom: 5px;
	}
	#right-form {
		width: 100%;
		margin-top: 0px;
	}
	.ul-footer > li {
		width: 100%;
		margin-right: 0px;
		margin-top: 20px;
	}	
	.ul-footer > li ul li {
		font-size: 13px;
		font-family: light;
	}	
	#container-footer {
		background: #191919;
	}
	#container-category > ul > li {
		width: 80%;
	}
	#container-category > ul > li {
		width: 92%;
		margin-bottom: 10px;
	}
	
}


@media screen and (max-width:350px){
	.thumbails-subcategory {
		width: 205px;
		height: auto;
	}	
	.thumbails-subcategory  img{
		width: 100%;
		height: auto;
	}
	.ul-brands li {
		float: none;
		width: 80%;
		height: 200px;
		margin-right: 5px;
		float: none;
		margin:0 auto;
	}	

	#section {
		width: 95% !important;
	}
	#container-category > ul > li {
		width: 100%;
	}
	.content-category {
		box-shadow: 0px 0px 0px #979696;
	}
	#container-category > ul > li {
		width: 100%;
		margin-bottom: 5px;
	}
	#container-post > ul > li 
	{
		width: 225px;
	}

}