html, body { height: 100%;}
html { background: url('/css/img/bg-texture.png') center top; }
body { min-width: 960px; font-family: Museo, Arial, sans-serif;  color: #636363; }
body #error { text-align: center; position: relative;}
a {text-decoration: none; color: #5193cb; }

#wrap {min-height: 100%; clear: both; position: relative; top: -235px;}
#main {overflow:hidden;  width: 960px; margin: 0 auto;} 

h1 { margin: 0 0 10px; padding-top: 10px; text-transform: uppercase; font-size: 48px; font-weight: 900;}

footer {background: url('/css/img/footer-bg1.png') no-repeat center; position: relative; margin-top: -435px; height: 200px; z-index:-1;}

header { background: url('/css/img/logo-gradient.png') top no-repeat; }
#logo {text-align: center; color: #6e6e6e; font-size: 13px; text-decoration: none; text-transform: uppercase; display: block; overflow: hidden; margin: auto; padding: 35px; }
#logo img { display: block; margin: auto; margin-bottom: 15px; }

nav { position:relative; left:50%; margin: 0 0 0 -400px; width: 800px; z-index: 1;}
nav ul { overflow: hidden; padding:0; text-align: center; }
nav li { display: inline-block; }
nav li:not(:first-child) { margin-left: 20px; }
nav li a { display: block; padding:5px 5px; font-weight: 700; font-size: 15px; text-decoration: none; text-transform: uppercase; color: #6e6e6e; }
nav li a:hover, 
nav.about li.about a, 
nav.product li.products a, 
nav.offers li.offers a, 
nav.accessories li.accessories a, 
nav.contacts li.contacts a {background: url('/css/img/activebg.jpg') repeat-x center bottom white;}

#langs { width: 50px; height: 125px; padding: 10px 0 0 13px; background: url('/css/img/langs-holder.png') no-repeat left; float: right; margin-top: 100px; position: relative; z-index: 2; }
#langs a, #langs p { display: block; margin: 0px; color:#876855; text-decoration: none; text-align: center; font-weight: 500; font-size: 21px; line-height: 54px; }

#content {padding: 0 30px 50px; margin-top: 40px; position: relative;}
#content .span6 {float: left;}
.span6 {margin-left: 30px; display: block; width: 355px; padding: 25px;}

#special.span6 { background-color: white; color: #636363; position: relative; padding: 25px; margin-left: 20px;}
#special h2 { font-size: 35px; font-weight: 900; margin: 0 0 25px; text-transform: uppercase;}
#special img.logo {height: 30px;}
#special > ul { list-style: none; margin: 0 0 35px; padding: 0;}
#special > ul ul { list-style: disc;}
#special h3 { font-size: 20px; margin: 0px;}
#special h3 span { color: #aaa; font-weight: normal; }
#special h3 a { color: #636363;}
#special .catalogue { padding: 4px; color: white; background-color:#7aa7cd; font-weight: 700; font-size: 15px; text-decoration: none; margin-bottom: 5px; }
#special .price { position: absolute; right:-50px; bottom:-30px; height: 90px; width: 103px; padding: 33px 10px 0; background: url('/css/img/priceBubble.png') no-repeat; text-align: center; font-weight: 700; font-size: 17px; color: inherit; }

#categories.span6 { padding: 0px; color: #636363; margin-left:105px;}
#categories h2 { font-size: 61px; font-weight: 500; margin: -15px 0 0; text-transform: uppercase; background: url('/css/img/catBubble.png') no-repeat; width: 336px; height: 208px; padding: 50px 40px 0 65px; }
#categories strong { display: block; font-weight: normal; font-size: 18px; }
#categories .c1 { color: #e2375b; }
#categories .c2 { color: #ed9700; }
#categories .c3 { color: #4da300; }
#categories .c4 { color: #298dd3; }


#categories .brand { width: 331px; height: 119px; background: url('img/brands.png') no-repeat; margin: -35px 0 0 60px; padding: 0; list-style: none; font-size: 39px; font-weight: 100;}
#categories .brand li { display: none; }

/*
#categories .brand { margin: -60px 0 0 70px; padding: 0; list-style: none; font-size: 39px; font-weight: 100;}
#categories .brand li { margin: 0px; }
#categories .brand span { font-size: 20px;}
*/

#product_pic.span6 { padding:25px 25px 25px 0px; margin-left: 15px; margin-top: 20px; float: left; clear: both;}

#index_contacts.span6{font-size: 27px; color: #636363; margin-left: 140px; margin-top: 90px; position: relative; font-weight: 500; float: right;}
#index_contacts span{font-size: 18px; color: #6e6e6e; font-weight: normal; margin-left: 20px;}
#index_contacts #at{font-size: 150px; color: white; position: absolute; top: -40px; right: 25px; font-family: Arial, sans-serif;}
#index_contacts a{text-decoration: none; color: #636363; margin-left: 20px;}

/* ALL */

.column { float: left; margin-right: 3px;}
.clear{clear: both;}
/* HOME */

#content.site.index { padding: 0; }

/* ABOUT */

#content.about{overflow: hidden;}
#content.about .column{float: left; display: block; margin:35px 0 0 0;}
#content.about .column#text{width: 650px; background: white; padding: 20px;}
#content.about .column#label{width: 210px; margin:80px 0 0 -20px;}
#content.about .column h1{padding: 0px; margin-bottom: 0px;}
#content.about .column p{margin-bottom: 20px;}
#content.about .column p.first{margin-top: 10px;}
#content.about .column p.last{margin-bottom: 10px;}
#content.about #index_contacts{ float: none; margin: 80px auto 50px auto;}

/* ACCESSORIES */

#content.accessories {font-size: 20px;}
#content.accessories .column { width: 49%; }
#content.accessories .column p { margin-right: 30px;}
#content.accessories img { margin-left: -23px; width: 90%;}

/* CONTACTS */

#content.contacts h1 {margin-bottom: 30px; }
#content.contacts p.intro { font-size: 28px; }

#content.contacts #big_contacts {font-size: 27px; color: #636363; line-height: 20px; position: absolute; right: 0; top: 20px; width: 370px;}
#content.contacts #big_contacts span {font-size: 18px; color: #6e6e6e; font-weight: normal; margin-left: 20px;}
#content.contacts #big_contacts #at {font-size: 110px; color: white; position: absolute; top: 0px; right: 85px; font-family: Arial;}
#content.contacts #big_contacts a {text-decoration: none; color: #636363; margin-left: 20px;}

#content.contacts .columns {overflow: hidden; padding-bottom: 100px; }

#content.contacts .contact { width: 445px; color: #818181; overflow: hidden; }
#content.contacts .contact p {margin: 2px;}
#content.contacts .contact img { float: left;}
#content.contacts .contact .info { text-align: center; background: white; margin-left: 155px; height: 144px; }
#content.contacts .contact .info h4 {padding: 40px 0 10px; margin: 0; font-weight: 700; font-size: 24px;}
#content.contacts .contact .info a {color: #5193cb; text-decoration: none;}
#content.contacts .contact .text { background: white; margin: 3px 0; padding:10px;}
#content.contacts .contact .text em {color: #5193cb; font-style: normal;}

/* PRODUCTS */
#content.product h1{margin-bottom: 0px;}
#content .products {padding: 0px;}
#content .products > li.product{list-style: none; overflow: hidden; margin-top: 55px;}
#content .products li.product > * { float: left; }
#content .products li.product .pic{ border-radius: 20px 0 0 20px; overflow: hidden; height: 207px;}
#content .products li.product .info { min-height: 187px; width: 534px; padding:20px 29px 0; background: white; position: relative;}
#content .products .info p {margin: 0; padding: 0 0 10px;}
#content .products .info h2 {font-size: 45px; text-transform:uppercase; font-weight: 900; margin: 0;}
#content .products .info h3 {color: #26abe6; font-weight: 100; font-size: 26px; padding: 0 0 10px; margin: 0;}
#content .products .info h3 span {color: #aaa; }

#content .product .product-content { padding-bottom: 20px; }
#content .product .product-content ul{list-style: disc; padding: 0 0 10px 30px; margin: 0;}
#content .product .product-content li{color: #656565; padding: 0; margin: 0;}

#content .product .images {overflow: hidden; padding: 0 0 50px; margin-left: -10px;}
#content .product .images .image { width: 158px; height: 132px; overflow: hidden; float: left; margin:0 0 10px 10px; border-radius: 18px; text-align: center;}
#content .product .images .image img{max-height: 135px;}

#content .product .badge {position: absolute; height: 26px; padding: 0 10px; line-height: 26px; display: block; text-align: center;}
#content .product .close {bottom:0px; right: 0px; background: #23aee5; color: #fff;}
#content .product .sold {top:0px; right: 0px; background: #e34f73; color: #fff;}
#content .product .details {bottom:0px; right: 0px; background: #eee; }
/*
#content.product .wrapper { padding: 0 0 100px 30px; }
#content.product.index ul { list-style: none; padding: 0; margin: 0; }
#content.product .brands img { height: 30px; }
#content.product .brands > li { text-align: center; background: #fff; border-radius: 10px; padding: 20px 0; margin-bottom: 10px; }
#content.product .products { margin: 15px 0 25px; text-align: left}
#content.product .products > li {overflow: hidden; margin-bottom: 10px; padding: 15px; margin-right: 10%;}
#content.product .products .head { float: left; }
#content.product .products img { height: auto; }
#content.product .products h3 { font-size: 24px; margin: 0 0 0 250px; font-weight: 500;}
#content.product .products a { color: #3372bf; }
#content.product .products .info { margin: 0 0 0 250px; }
#content.product .products .info ul { list-style: disc; padding-left: 20px; }

*/