*{ margin: 0; padding: 0;  }
body{ font-size: 14px; font-family: 'Ubuntu', sans-serif; }
a{ text-decoration: none; }
ul{ list-style: none; margin: 0; }

.cont{ width: 984px; margin: auto; padding: 0 20px; }
.clearfix{ clear: both; }

#head{ min-width: 1024px; background: #e0e1e3; width: 100%; height: 210px; position: relative; }
#head .head_top_line{ background: url('../img/head_top_line.png') repeat-x; height: 13px; width: 100%; position: absolute; top: 0; left: 0; }
#head .head_bot_line{ background: url('../img/head_bot_line.png') repeat-x; height: 14px; width: 100%; position: absolute; bottom: 0; left: 0; }
#head #logo_top{display: inline-block; width: 514px; height: 99px; background: url('../img/logo_top.png') no-repeat; margin-top: 26px;}
#head #search{ float: right; margin-top: 59px; margin-right: 53px; }
#head #search input{ width: 346px; border-radius: 45px; background: url('../img/search.png') 7px center no-repeat #fff; border: none; padding: 7px 7px 7px 28px;  height: 14px;  }
#head #head_menu { text-align: center; bottom: 35px; position: absolute; width: 984px; }
#head #head_menu li{ display: inline-block; margin-right: 35px; }
#head #head_menu li:nth-last-child{ margin-right: 0; }
#head #head_menu li span{ width: 20px; height: 20px; margin-right: 15px; display: inline-block; }
#head #head_menu li:nth-child(odd) span{ background: #fab300; }
#head #head_menu li:nth-child(even) span{ background: #2b99db; }
#head #head_menu li a{ font-weight: bold; color: #000; font-size: 26px; line-height: 25px; }
#head #head_menu li a label{ cursor: pointer; }


#search_bl{ margin-left: 10px; margin-top: 10px; margin-bottom: 10px; }
#search_bl input{ width: 600px; border-radius: 45px; background: url('../img/search.png') 7px center no-repeat #fff; border: 1px solid silver; padding: 7px 7px 7px 28px;  height: 14px;  }

#clider_home{ min-width: 1024px; height: 471px; overflow: hidden; }
#clider_home li{ text-align: center; }
#clider_home li div{ height: 471px; }

.groupe_title{ font-size: 26px; color: #000; font-weight: bold; }
.groupe_title span{ width: 20px; height: 20px; margin-right: 15px; display: inline-block; background: #fab300; margin-top: 20px; }

.goods { width: 960px; margin: auto; padding-top: 15px; }
.goods li{ float: left; width: 302px; display: inline-block; vertical-align: top; padding-bottom: 15px; margin-right: 27px; }
.goods li:nth-child(4n+3){ margin-right: 0px; }
.goods li img{ height: 181px; width: 302px;  }
.goods li label{ font-size: 17px; text-align: left; }
.goods li label.price{ color: #2b99db; }
.goods li label.title{ color: #000; }
.goods li a label.title{ cursor: pointer; }
.goods li label.bold{ font-weight: bold; }
.goods li.clearfix_li{ clear: both; width: auto; padding: 0; margin: 0; }

#footer{min-width: 1024px; margin-top: 50px; width: 100%; background: #464749; text-align: center; color: #fff; padding: 20px 0; }
#footer #footer_top{min-width: 1024px; height: 5px; position: absolute; margin-top: -25px; width: 100%; background: url('../img/footer.png') repeat-x; }
#footer #footer_menu li{ display: inline; padding: 0 10px; border-right: 2px solid #fff; border-left: 2px solid #fff;  }
#footer #footer_menu li:first-child{ border: none;  }
#footer #footer_menu li:last-child{ border: none;   }
#footer #footer_menu li label{ font-size: 23px; cursor: pointer; }
#footer a{ color: #fff; }

#footer .footer_text { font-size: 18px; margin-top: 15px; color: #fff; }

h1.title{ font-size: 53px; color: #2b99db; font-weight: bold; padding-left: 10px; }
h2.title{ font-size: 53px; color: #2b99db; font-weight: bold; padding-left: 10px; }

.categories { margin: 10px 10px 10px 5px; }
.categories li{ float: left; padding: 0 8px; border-right: 1px solid #000;}
.categories li:last-of-type{ border-right: none;}
.categories li a{ font-size: 14px; color: #000; }
.categories li.active a{ color: #2b99db; }
.categories li a:hover{ color: #2b99db; }

.inner { margin-top: 25px; margin-left: 15px; }
.inner .tov_img{ width: 440px; float: left; }
.inner .goods_info{ margin-left: 465px; }
.inner .goods_info h1{ font-weight: bold; font-size: 17px; color: #464749; }
.inner .goods_info .text{ font-size: 17px; }
.inner .goods_info .text .price{float: left; color: #2b99db; font-weight: bold; }
.inner .goods_info .tags{  margin-top: 10px; }
.inner .goods_info .tags a{  font-size: 17px; font-weight: bold; color: #464749; }
.inner .colors{  margin-top: 30px; height: 70px; }
.inner .colors li{ float: left; width: 64px; margin-right: 22px; }
.inner .colors li img{ width: 64px; }
.inner #order{ display: inline-block; width: 182px; height: 65px; margin-top: 28px; background: url('../img/order.jpg') no-repeat; }

.form{ margin-top: 15px; }
.form label{ font-size: 17px; color: #464749; display: block; }
.form input{ width: 580px; padding: 10px; height: 43px; margin: 15px 0; }
.form textarea{ width: 580px; padding: 10px; height: 160px;  margin: 15px 0; }
.form .blue{ border: 1px solid #2b99db; }
.form .yellow{ border: 1px solid #fab300; }
.form .send{ float: left; background: url('../img/send.jpg') no-repeat; width: 185px; height: 65px; border: none; }
.form .text_send{ margin-left: 200px; }

.eror{ text-align: center; font-size: 50px; margin: 150px 0 150px; font-weight: bold; color: #2b99db; text-shadow: 0 0 5px rgba(0,0,0, 0.6); font-style: italic;  }

.text_cont{ font-size: 16px; }
.pagination{ text-align: center; padding-top: 20px; }
.pagination span{ margin: 0 2px; }
.pagination span a{ border-radius: 5px; font-weight: bold; display: inline-block; padding: 3px 5px; background: #2b99db; color: #fff; font-size: 14px; text-decoration: none; }
.pagination span.current{ border-radius: 5px; font-weight: bold; display: inline-block; padding: 4px 6px; background: #fab300; color: #000; font-size: 12px; }