* { margin: 0; padding: 0;}
html, body { height: 100%;}
body { 
background-color: #fff;
font-family: "Arial"; 
font-size: 11px; 
line-height: 15px; 
color: #e6e6e6;
text-align: center;
}
img { border: 0;}
#distance { 
width: 1px; height: 50%; 
margin-bottom: -282px; 
}
#container {
width: 927px; height: 500px;
position: relative;
background-repeat: no-repeat;
text-align: left;
margin: 0px auto;
}

#containerFlash {
width: 937px; height: 500px;
position: relative;
background-repeat: no-repeat;
text-align: left;
margin: 0px auto;
}

/*
new color #4c4948
*/


.colm-left { width: 170px; float: left; padding: 0 5px 0 0; border-right: 1px #B0BDB4 solid; color: #4c4948; text-align: right;}
.colm-main { width: 620px; float: left;}
.colm-right { width: 130px; float: left;}
.contatti #main .colm-main, .contatti #footer .colm-main { width: 750px;}

a { text-decoration: none;}
a:hover { text-decoration: underline;}
a:active { outline: 0;}
p { padding-bottom: 5px;}
h1 { margin: 0; padding: 0; font-family: "Arial"; font-size: 20px; line-height: 22px; font-weight: normal; color: #e6e6e6;}
h2 { margin: 0; padding: 0 10px 0 0; font-family: "Arial"; font-size: 12px; line-height: 15px; color: #4c4948; font-weight: bold; text-transform: uppercase;}
h3 { margin: 0; padding: 0; font-family: "Arial"; font-size: 17px; line-height: 19px; font-weight: normal; color: #a5d5d7;}
h4 { margin: 0; padding: 0; font-family: "Arial"; font-size: 14px; line-height: 16px; color: #fff; font-weight: bold;}

/*----------------------------------- HEADER begins ------------------------------------------*/
#header { width: 100%; height: 120px;}
#header .colm-left, #header .colm-main, #header .colm-right { height: 120px;}
ul#menu-main { margin: 0; padding: 0;}
ul#menu-main li { margin: 0; padding: 0 0 3px 0; list-style: none;}
ul#menu-main li a { display: block; height: 21px; background-position: right top; background-repeat: no-repeat;}

#logo { float: left; line-height: 0; padding: 30px 0 0 5px;}
#vol { float: right; position: relative; top: 90px; right: 0;}
.contatti #vol { top: 40px; width: 50px; margin-right: -50px; display: inline;}
ul#lang { margin: 0; padding: 0; float: right;}
ul#lang li { margin: 0; padding: 0 5px; display: inline; list-style: none; border-left: 1px #ACACAC solid;}
ul#lang li.first { border: 0;}
ul#lang li, ul#lang li a { font-family: "Arial"; font-size: 12px; line-height: 14px; text-transform: uppercase; color: #ACACAC;}
ul#lang li a:hover { color: #4c4948; text-decoration: none;}
#gender { width: 200px; height: 14px; position: relative; top: 95px; left: 10px; margin: 0 -200px -14px 0; float: left;}
#type { position: relative; top: 95px; right: 10px; float: right;}
#gender ul, #type ul { margin: 0; padding: 0;}
#gender ul li, #type ul li { margin: 0; padding: 0; display: inline; list-style: none; margin: 0 2px; border: 1px #d1d0d0 solid;}
#gender ul li a, #type ul li a { display: block; padding: 2px 4px;}
#gender ul li, #type ul li, #gender ul li a, #type ul li a, #gender ul li a:hover, #type ul li a:hover { font-family: "Arial"; font-size: 10px; line-height: 10px; color: #a5a5a5; text-decoration: none; text-transform: uppercase; float: left;} 
#gender ul li a:hover, #type ul li a:hover, #gender ul li a.active, #type ul li a.active { background-color: #f4f3f3;}
/*----------------------------------- HEADER ends ------------------------------------------*/

/*----------------------------------- MAIN CONTENT begins ------------------------------------------*/
#main { width: 100%; height: 278px; float: left;}
#main .colm-left, #main .colm-main, #main .colm-right { min-height: 278px;}
#main .colm-main { background-color: #949292;}
/*
#bluepage #main .colm-main { background-color: #2e7181;}
#bluepage.contatti #main .colm-main { position: relative; top: -50px; height: 400px;}
*/
#bluepage #main .colm-main { }
#bluepage.contatti #main .colm-main { position: relative; top: -50px; height: 400px;}


/***************************************
#homepage #main .colm-main { background-image: url('../images/bg-main.jpg'); background-repeat: no-repeat;}
****************************************/
#prodottopage #main .colm-main { background-image: url('../images/bg-prodotto-home.jpg'); background-repeat: no-repeat;}
#prodottopage.inner #main .colm-main { background-image: url('../images/bg-prodotto.jpg'); background-repeat: no-repeat;}
a#stinglook { display: block; width: 140px; height: 54px; float: left; margin: 14px 0 0 286px; display: inline;}
ul#menu-right { width: 125px; margin: 0 0 -2px 0; padding: 0; float: right; position: absolute; right: 0; bottom: 102px;}
ul#menu-right li { height: 70px; margin: 0; padding: 0; list-style: none;}
#prodottopage ul#menu-right li { height: 93px;}

ul#menu-right li a { display: block; width: 115px; height: 58px; padding: 10px 5px 0 5px; background-color: rgb(76,73,72); }
ul#menu-right li a:hover { background-color: rgb(49,49,47);}



ul#menu-right li a.active, ul#menu-right li a.active:hover { background-color: #000;}

ul#menu-right li, ul#menu-right li a { font-family: "Arial"; font-size: 12px; line-height: 14px; color: rgb(212,211,211); text-transform: uppercase; text-decoration: none;}
ul#menu-right li a:hover { font-family: "Arial"; font-size: 12px; line-height: 14px; color: rgb(255,255,255); text-transform: uppercase; text-decoration: none;}


#spotlight ul#menu-right li a.active, ul#menu-right li a.active:hover { background-color: rgb(212,211,211); color: rgb(76,73,72); }
#spotlight #main .colm-main { background-color: rgb(212,211,211);  color: rgb(76,73,72);  }
.spotlight_h1 { color: rgb(76,73,72) !important;  }


#prodottopage ul#menu-right li a { display: block; width: 115px; height: 58px; padding: 10px 5px 0 5px; background-color: rgb(255,255,255); }
#prodottopage ul#menu-right li a:hover { background-color: rgb(255,255,255);}
#prodottopage ul#menu-right li, ul#menu-right li a { font-family: "Arial"; font-size: 12px; line-height: 14px; color: rgb(212,211,211); text-transform: uppercase; text-decoration: none;}
#prodottopage ul#menu-right li a:hover { font-family: "Arial"; font-size: 12px; line-height: 14px; color: rgb(77,73,73); text-transform: uppercase; text-decoration: none;}
#prodottopage ul#menu-right li a#previous { background-repeat: no-repeat;background-image: url('../images/previous.gif');}
#prodottopage ul#menu-right li a#previous:hover { background-repeat: no-repeat;background-image: url('../images/previous-hov.gif');}


.box_text_color_scuro   { color: rgb(77,73,73);  }
.box_text_color_chiaro  { color: rgb(147,145,145);  }
.text_color_chiaro_form { color: rgb(212,211,211);  }


ul#menu-right li a span { font-size: 18px; line-height: 20px; font-weight: normal;}
ul#menu-right li a span.small { font-size: 9px; line-height: 11px;}

#prodottopage ul#menu-right li a { height: 79px; text-align: right;}


/*#bluepage ul#menu-right li a:hover { background-color: #2e7181;}*/
#bluepage ul#menu-right li a.active, ul#menu-right li a.active:hover { background-color: rgb(212,211,211); color: rgb(76,73,72); }
#bluepage #main .colm-main { background-color: rgb(212,211,211);  color: rgb(76,73,72);  }
.info { width: 190px; float: left; padding: 30px 0 0 30px; font-family: "Arial"; font-size: 11px; line-height: 15px; color: rgb(76,73,72);}
.info h1 { padding-bottom: 15px;color: rgb(77,73,73); }

#bluepage.contatti ul#menu-right li a.active, ul#menu-right li a.active:hover { background-color:  rgb(76,73,72); color: rgb(212,211,211); }
#bluepage.contatti #main .colm-main { background-color:  rgb(77,73,72);  color: rgb(212,211,211);  }
 


#modello ul#menu-right li a { background-position: center center; background-repeat: no-repeat;}
#modello ul#menu-right li a#next { background-image: url('../images/next.gif');}
#modello ul#menu-right li a#next:hover { background-image: url('../images/next-hov.gif');}
#modello ul#menu-right li a#previous { background-image: url('../images/previous.gif');}
#modello ul#menu-right li a#previous:hover { background-image: url('../images/previous-hov.gif');}
#modello ul#menu-right li a#first { background-image: url('../images/first.gif');}
#modello ul#menu-right li a#first:hover { background-image: url('../images/first-hov.gif');}
.link-line { width: 100%; height: 90px;}
.link-line a { display: block; width: 110px; height: 50px; position: relative;}
.link-line a#junior { top: 4px; left: 286px;}
.link-line a#uomo { top: 33px; left: 60px;}
.link-line a#donna { top: 28px; left: 295px;}
.img { width: 340px; float: left;}
.img img { width: 330px; height: 278px; float: left;}

.img-yama { width: 218px; float: left;}
.img-yama #img-vetrina { width: 207px; height: 278px; float: left;}

.title { width: 240px; float: left; padding: 20px 20px 0 0;}
#modello-img { float: left;}
#modello-img img { width: 620px; height: 278px; float: left;}
.mod { font-family: "Arial"; font-size: 12px; line-height: 15px; color: #4c4948; padding: 20px 10px 0 0;}
.colm-main-inner { padding: 12px 0 0 12px;}
.colm-main-inner ul { margin: 0; padding: 0;}
.colm-main-inner ul li { margin: 0 10px 0 0; padding: 0; display: inline; list-style: none; float: left;}
.colm-main-inner ul li img { border: 1px #aaa8a9 solid;}


.press-img { float: right; position: relative; top: 50px; right: 80px;}
#main .colm-left { padding-top: 30px;}

/* scroller */
#object { width: 270px; overflow: hidden; float: right; margin: 20px 10px 0 0; display: inline;}
#prodottopage #object { margin: 60px 10px 0 0;}
.scrolling_line { width: 10px; float: right;}
#content { width: 240px; float: left;}
.scroll-bg { width: 10px; background-image: url('../images/line.gif'); background-repeat: no-repeat; float: right;}
#scroller { position: relative;}

/* scroller2 */
#object2 { width: 380px; height: 76px; overflow: hidden; float: left; margin: 10px 0; font-family: "Arial"; font-size: 10px; line-height: 11px; color: #fff; clear: both;}
#object2 .scrolling_line { height: 76px; float: left;}
#object2 #content { width: 330px; float: left; margin: 0 0 0 10px; display: inline;}
#object2 .scroll-bg { height: 76px; background: none; background-image: url('../images/line2.gif'); repeat: no-repeat; float: left;}

/* contact */
form#contact fieldset { margin: 0; padding: 0; border: 0;}
form#contact label { padding: 0 0 0 10px; font-family: "Arial"; font-size: 10px; line-height: 16px; color: rgb(212,211,211); float: left;}
form#contact select { border: 0; color: rgb(77,73,72); background-color: rgb(212,211,211);  }
form#contact select option {  color: rgb(77,73,72); background-color: rgb(212,211,211);  }
form#contact input { float: left;}
form#contact input.text-field { width: 100%; float: left; border: 0; height: 20px; font-size: 11px;}
form#contact input#form-submit { width: 123px; height: 27px; background: none; border: 0; background-image: url('../images/sub.gif'); background-repeat: no-repeat; color: #fff; font-size: 0px; line-height: 0px; float: right; cursor: pointer;}
.form-left { width: 400px; height: 360px; float: left; padding: 20px 10px 20px 20px; background-image: url('../images/linea.gif'); background-position: right 15px; background-repeat: no-repeat;}
.form-right { width: 260px; height: 360px; float: left; padding: 20px 0 20px 30px; background-image: url('../images/italy.gif'); background-position: 30px 130px; background-repeat: no-repeat;}
.form-right.subform { background: none;}
.description { font-family: "Arial"; font-size: 12px; line-height: 15px; color: #4c4948; padding: 0 0 10px 0;}
.description_form { font-family: "Arial"; font-size: 12px; line-height: 15px; color: rgb(212,211,211); padding: 0 0 10px 0;}
.form-right .description { color: rgb(212,211,211); padding: 20px 0 0 0;}
.form-item { width: 185px; padding: 0 10px 4px 0; float: left;}
.form-item#item-1  { width: 185px; height: 35px;}
.form-item#item-1b { width: 185px; height: 35px;}
.form-item#item-2  { width: 185px;}
.form-item#item-3  { width: 185px;}

.form-item#item-4 { width: 380px;}
.form-item#item-5 { width: 290px;}
.form-item#item-6 { width: 80px;}
.form-item#item-7 { width: 380px;}
.form-item#item-9 { width: 400px; padding: 0; margin-right: -10px; display: inline;}
.form-left select { width: 170px;}
.form-right select { width: 90px; margin: 50px 0 0 0px; display: inline;}
form#contact label#back { padding: 15px 0 0 0;}
label#back a { display: block; width: 17px; height: 15px; background-image: url('../images/arr.gif'); background-position: left center; background-repeat: no-repeat; float: left; vertical-align: middle;}
#subform { width: 230px; float: left; background-color: rgb(212,211,211); padding: 10px; margin: 10px 0 0 0;color: rgb(77,73,72);}
span.subtitle { width: 100%; float: left; margin: 15px 0 0 0; font-family: "Arial"; font-size: 12px; color: rgb(77,73,72); font-weight: bold;} 
/*----------------------------------- MAIN CONTENT ends ------------------------------------------*/

/*----------------------------------- FOOTER begins ------------------------------------------*/
#footer { width: 100%; height: 35px;}
#footer .colm-left, #footer .colm-main, #footer .colm-right { height: 133px;}
#footer .colm-left-inner { height: 100px; margin-bottom: -65px; position: relative; z-index: 100;}
/*----------------------------------- FOOTER ends ------------------------------------------*/