* { margin: 0; padding: 0; }
a { text-decoration: none; }
img { border: none; }
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }
.hidden { display: none; }
.center { text-align: center; }
.position-relative { position: relative; }
.button { background: #000; color: #fff; font-weight: bold; padding: 7px 20px; }

form fieldset { padding: 20px; border: 1px dashed #818181; }
form fieldset legend { padding: 0 4px; }
form .form-line { padding-bottom: 20px; clear: both; }
form .form-line label { width: 140px; float: left; line-height: 30px; }
form .form-line label.error { float: none; }
form .form-line input[type="text"] { padding: 6px 6px; width: 200px; }
form .form-line .submit { margin-left: 140px; margin-right: 15px; }
form .form-line a.close { color: #818181; text-decoration: underline; }
form .form-line select { width: 212px; }
form .form-line label.error { width: 200px; margin-left: 10px; color: #E21F23; }
form textarea { padding: 6px; font-family: 'Ubuntu'; }

body { font-family: 'Ubuntu'; background: url(../img/body-bg.jpg); }
.wrap { width: 1026px; margin: 0 auto; }
.header { height: 461px; background: url(../img/header-bg.jpg) repeat-x; }
.header .wrap { position: relative; }
.header .logo img { position: absolute; left: 0; top: 20px; }
.header ul.menu { width: 800px; position: absolute; top: 50px; right: 0; list-style-type: none; color: #fff; }
.header ul.menu li { float: left; padding: 0 20px; line-height: 28px; }
.header ul.menu li a { color: #fff; }
.header ul.menu li a.sel { color: #aaa; }
.header .banner { height: 370px; position: absolute; top: 90px; z-index: 1; overflow: hidden; margin: 0; border: 0; background: none; box-shadow: none; }
.header .banner ul { list-style-type: none;  margin: 0; padding: 0; }
.header .banner ul img { height: 370px; }
.header .prod-menu { width: 220px; height: 370px; position: absolute; left: 0; top: 90px; z-index: 2; background: #000; background-color: rgba(0,0,0,0.7); }
.header .prod-menu ul { list-style-type: none; margin: 20px 0 0 15px; line-height: 17px; }
.header .prod-menu ul li { padding-left: 10px; }
.header .prod-menu ul li.sel { background: url(../img/sel-prod-menu.png) no-repeat 0 8px; }
.header .prod-menu ul li a { color: #fff; font-size: 12px; }
.header .product-title { padding: 7px 20px; text-align: center; position: absolute; right: 100px; top: 396px; z-index: 4; background: #000; color: #fff; font-weight: bold; }
.header .sub-banner { width: 100%; height: 25px; position: absolute; top: 435px; background: url(../img/sub-banner-bg.png) repeat-x; z-index: 3; }

.main { font-size: 12px; }
.main .col-1 { width: 680px; float: left; padding-top: 20px; }
.main .col-2 { width: 200px; float: right; padding-top: 20px; }
.main .col-3 { width: 1026px; float: right; padding-top: 20px; }
.main h1 { font-size: 15px; font-weight: normal; margin-bottom: 30px;  color: #900; }
.main h1.tendencies { font-size: 90px; font-weight: bold; }
.main h2 { font-size: 14px; font-weight: normal; margin-bottom: 20px; }
.main p { line-height: 18px; margin-bottom: 15px; }
.main ul { margin-left: 35px; line-height: 18px; margin-bottom: 15px; }
.main .item { position: relative; width: 174px; height: 165px; margin-bottom: 20px; }
.main .item.marked { background: url(../img/arrow-down-red.png) no-repeat 50% 100%; }
.main .item img { position: absolute; z-index: 0; width: 173px; }
.main .item a { position: absolute; display: block; bottom: 24px; width: 173px; line-height: 30px; background-color: rgba(0,0,0,0.7); color: #fff; text-align: center; }
.main .submenu { width: 780px; height: 34px; background: #000; }
.main .submenu li { line-height: 34px; list-style-type: none; padding: 0 20px; float: left; }
.main .submenu li a { color: #fff; }
.main .submenu li.sel { background-color: #fff; }
.main .submenu li.sel a { color: #000; }
.main span { color: #900; display: block; margin-bottom: 20px; font-weight: bold; }

.footer { background: #282423; color: #fff; font-size: 12px; }
.footer .wrap { padding: 20px 0; }
.footer .col-1 { width: 200px; float: left; }
.footer .col-2 { width: 750px; float: right; }
.footer .col-2 ul li { list-style-type: none; float: left; padding: 0 20px; }
.footer .col-2 ul li a { color: #fff; }

.product .gallery { width: 340px; float: left; padding-top: 20px; }
.product .gallery img { width: 90px; height: 90px; float: left; margin: 0 20px 20px 0; }
.product .gallery img.main { width: 310px; height: 310px; }
.product .description { width: 400px; padding: 20px; margin-top:20px; float: left; background: #fff; }
.product .similar-products { width: 200px; float: right; padding-top: 20px; }
.product .similar-products div { margin-bottom: 20px; }
.product .similar-products a { color: #444; }
.product .similar-products img { width: 173px; height: 148px; }

.contact table td { padding: 0 20px 20px 0; vertical-align: top; }
.contact form .message label.error { display: block; margin-left: 140px; }
.contact .google-map { width: 260px; border: 1px solid #777; }
.contact .images { margin-top: 36px;  }
.contact .images img { float: left; height: 160px; }

div.trends { float:left; padding: 0 8px; }
div.trends a.caliente { background-image: url(../img/tendinte/caliente/caliente_th.png); width: 240px; height: 236px; display:block; }
div.trends a.caliente:hover { background-image: url(../img/tendinte/caliente/caliente_th-over.png); }

div.trends a.versailles { background-image: url(../img/tendinte/versailles/versailles_th.png); width: 240px; height: 236px; display:block; }
div.trends a.versailles:hover { background-image: url(../img/tendinte/versailles/versailles_th-over.png); }

div.trends a.equilibre { background-image: url(../img/tendinte/equilibre/equilibre_th.png); width: 240px; height: 236px; display:block; }
div.trends a.equilibre:hover { background-image: url(../img/tendinte/equilibre/equilibre_th-over.png); }

div.trends a.vintage { background-image: url(../img/tendinte/vintage/vintage_th.png); width: 240px; height: 236px; display:block; }
div.trends a.vintage:hover { background-image: url(../img/tendinte/vintage/vintage_th-over.png); }

div.news-outlet { float:left; margin: 0 40px 20px 0; }
div.news-outlet a { color: #900; font-size: 12px; font-weight: bold; text-decoration: underline; }
div.news-outlet a:hover { color: #333; font-size: 12px; font-weight: bold; text-decoration: none; }