/*###################################### START GENERIC CLASSES ######################################*/

.clear{
	clear: both;
}

.clearLeft{
	clear: left;
}

.clearRight{
	clear: right;
}

.noMarginLeft{
	margin-left: 0!important;
}

.noMarginRight{
	margin-right: 0!important;
}

.noBorderBottom{
	border-bottom: 0!important;
}

/*###################################### END GENERIC CLASSES ######################################*/









/*###################################### START TEMPLATE STYLES ######################################*/

*{
	margin: 0px;
	border: 0px;
	padding: 0px;
}

body{
	color: #FFF;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body.black{
	background: #292929 url(../images/bgBlack.jpg) center top no-repeat;
}

body.blue{
	background: #224757 url(../images/bgBlue.jpg) center top no-repeat;
}

body.brown{
	background: #351916 url(../images/bgBrown.jpg) center top no-repeat;
}

body.darkBlue{
	background: #002b4d url(../images/bgDarkBlue.jpg) center top no-repeat;
}

body.grey{
	background: #3c3c3c url(../images/bgGrey.jpg) center top no-repeat;
}

body.green{
	background: #1c412f url(../images/bgGreen.jpg) center top no-repeat;
}

body.lilac{
	background: #433b4a url(../images/bgLilac.jpg) center top no-repeat;
}

body.orange{
	background: #61270f url(../images/bgOrange.jpg) center top no-repeat;
}

body.pink{
	background: #664a49 url(../images/bgPink.jpg) center top no-repeat;
}

body.red{
	background: #520100 url(../images/bgRed.jpg) center top no-repeat;
}

body.violet{
	background: #660066 url(../images/bgViolet.jpg) center top no-repeat;
}

body.yellow{
	background: #5d4b27 url(../images/bgYellow.jpg) center top no-repeat;
}

body.fucsia{
	background: #5a0031 url(../images/bgFucsia.jpg) center top no-repeat;
}

#container{
	display: inline;
	float: left;
	width: 100%;
}

#wrapper{
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#header{
	display: inline;
	float: left;
	width: 900px;
	height: 90px;
	background: url(../images/bgHeader.png) center bottom no-repeat;
}

#header h1{
	display: inline;
	float: left;
	width: 366px;
	height: 81px;
	margin: 2px 0 0 272px;
	background: url(../images/logo.png) left top no-repeat;
}

#header h1 a{
	display: inline;
	float: left;
	width: 366px;
	height: 81px;
	position: absolute;
	left: 272px;
	top: 2px;
	z-index: 100;
}

#header h1 span{
	display: none;
}

#contentHome{
	display: inline;
	float: left;
	width: 900px;
	height: 529px;
}

#footer{
	display: inline;
	float: left;
	width: 900px;
	height: 42px;
	padding-top: 25px;
	background: url(../images/bgFooter.png) left top no-repeat;
	text-align: center;
}

#footer a.linkEng{
	background: url(../images/bgLinkEng.gif) left center no-repeat;
	padding-left: 20px;
}

#footer a.linkIta{
	background: url(../images/bgLinkIta.gif) left center no-repeat;
	padding-left: 20px;
}

body.black #footer{
	color: #a1a1a1;
}

body.black #footer a{
	color: #a1a1a1;
	text-decoration: none;
}

body.black #footer a:hover{
	color: #FFF;
}

body.grey #footer{
	color: #141414;
}

body.grey #footer a{
	color: #141414;
	text-decoration: none;
}

body.grey #footer a:hover{
	color: #000;
}

body.blue #footer{
	color: #0c181c;
}

body.blue #footer a{
	color: #0c181c;
	text-decoration: none;
}

body.blue #footer a:hover{
	color: #000;
}

body.orange #footer{
	color: #200e06;
}

body.orange #footer a{
	color: #200e06;
	text-decoration: none;
}

body.orange #footer a:hover{
	color: #000;
}

body.yellow #footer{
	color: #1e190d;
}

body.yellow #footer a{
	color: #1e190d;
	text-decoration: none;
}

body.yellow #footer a:hover{
	color: #000;
}

body.pink #footer{
	color: #332525;
}

body.pink #footer a{
	color: #332525;
	text-decoration: none;
}

body.pink #footer a:hover{
	color: #000;
}

body.violet #footer{
	color: #470347;
}

body.violet #footer a{
	color: #470347;
	text-decoration: none;
}

body.violet #footer a:hover{
	color: #000;
}

body.red #footer{
	color: #cf9d9d;
}

body.red #footer a{
	color: #cf9d9d;
	text-decoration: none;
}

body.red #footer a:hover{
	color: #FFF;
}

body.darkBlue #footer{
	color: #9cb7cb;
}

body.darkBlue #footer a{
	color: #9cb7cb;
	text-decoration: none;
}

body.darkBlue #footer a:hover{
	color: #FFF;
}

body.green #footer{
	color: #1c3c2c;
}

body.green #footer a{
	color: #1c3c2c;
	text-decoration: none;
}

body.green #footer a:hover{
	color: #000;
}

body.brown #footer{
	color: #bcacaa;
}

body.brown #footer a{
	color: #bcacaa;
	text-decoration: none;
}

body.brown #footer a:hover{
	color: #FFF;
}

body.lilac #footer{
	color: #c5c0ca;
}

body.lilac #footer a{
	color: #c5c0ca;
	text-decoration: none;
}

body.lilac #footer a:hover{
	color: #FFF;
}

body.fucsia #footer{
	color: #de93bb;
}

body.fucsia #footer a{
	color: #de93bb;
	text-decoration: none;
}

body.fucsia #footer a:hover{
	color: #FFF;
}

/*###################################### END TEMPLATE STYLES ######################################*/









/*###################################### START MAIN MENU ######################################*/


#nav-one{
	display: inline;
	float:left;
	position:absolute;
	left: 265px;
	top: 53px;
	z-index: 100;
}

.nav, .nav ul {
	display: inline;
	float: left;
	list-style: none;
}

.nav {
  z-index: 100;
}

.liv0{
	display: inline;
	float: left;
	position: relative;
	z-index: 100;
}

.nav li span {
	display: inline;
	float: left;
	position:relative;
	height: 22px;
	padding-top: 15px;
	color: #fbca46;
	font-size: 12px;
}

.nav li a {
	display: inline;
	float: left;
	position:relative;
	height: 22px;
	padding: 15px 12px 0 12px;
	clear:both;
	color: #fbca46;
	font-size: 12px;
	text-decoration: none;
	z-index: 100;
	background: url(../images/bgMainNav.png) left bottom repeat-x;
}

.nav li a:hover, .nav li a.sel {
	color: #FFF;
	background: url(../images/bgMainNavOver.png) left bottom repeat-x;
}

#nav-one li:hover a, #nav-one li.sfHover a{
	color: #FFF;
	background: url(../images/bgMainNavOver.png) left bottom repeat-x;
}

#nav-one li:hover ul, #nav-one li.sfHover ul {
	display: inline;
	float: left;
	width: 226px;
	height: 244px;
}

body.black #nav-one li:hover ul, body.black #nav-one li.sfHover ul {
	background: url(../images/bgSubNavBlack.png) left bottom no-repeat;
}

body.grey #nav-one li:hover ul, body.grey #nav-one li.sfHover ul {
	background: url(../images/bgSubNavGrey.png) left bottom no-repeat;
}

body.blue #nav-one li:hover ul, body.blue #nav-one li.sfHover ul {
	background: url(../images/bgSubNavBlue.png) left bottom no-repeat;
}

body.orange #nav-one li:hover ul, body.orange #nav-one li.sfHover ul {
	background: url(../images/bgSubNavOrange.png) left bottom no-repeat;
}

body.yellow #nav-one li:hover ul, body.yellow #nav-one li.sfHover ul {
	background: url(../images/bgSubNavYellow.png) left bottom no-repeat;
}

body.pink #nav-one li:hover ul, body.pink #nav-one li.sfHover ul {
	background: url(../images/bgSubNavPink.png) left bottom no-repeat;
}

body.violet #nav-one li:hover ul, body.violet #nav-one li.sfHover ul {
	background: url(../images/bgSubNavViolet.png) left bottom no-repeat;
}

body.red #nav-one li:hover ul, body.red #nav-one li.sfHover ul {
	background: url(../images/bgSubNavRed.png) left bottom no-repeat;
}

body.darkBlue #nav-one li:hover ul, body.darkBlue #nav-one li.sfHover ul {
	background: url(../images/bgSubNavDarkBlue.png) left bottom no-repeat;
}

body.green #nav-one li:hover ul, body.green #nav-one li.sfHover ul {
	background: url(../images/bgSubNavGreen.png) left bottom no-repeat;
}

body.brown #nav-one li:hover ul, body.brown #nav-one li.sfHover ul {
	background: url(../images/bgSubNavBrown.png) left bottom no-repeat;
}

body.lilac #nav-one li:hover ul, body.lilac #nav-one li.sfHover ul {
	background: url(../images/bgSubNavLilac.png) left bottom no-repeat;
}

body.fucsia #nav-one li:hover ul, body.fucsia #nav-one li.sfHover ul {
	background: url(../images/bgSubNavFucsia.png) left bottom no-repeat;
}

#nav-one li:hover ul h2, #nav-one li.sfHover ul h2 {
	display: inline;
	float: left;
	width: 50px;
	padding-left: 20px;
	color: #fbca46;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

#nav-one li:hover ul a, #nav-one li.sfHover ul a {
	display: inline;
	float: left;
	width: 156px;
	height: 18px;
	padding: 0;
	background: none;
	color: #fbca46;
	line-height: 18px!important;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
}

#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {
	color: #FFF;
}

.nav ul {
	display: inline;
	float: left;
	clear:both;
	list-style: none;
	width: auto;
	position: absolute;
	top: -999em;
	left: 1px;
	z-index: 100;
}

.nav li:hover ul,.nav li.sfHover ul {
	left: -9px;
	top: 37px;
}

.nav ul li {
  display: inline;
  float:left;
  border: 0;
  position:relative;
  z-index: 100;
}

.nav ul a {
  display: inline;
  float:left;
  width: 226px;
  color: #fbca46;
  border-bottom: 0;
  white-space: nowrap;
}

/*###################################### END MAIN MENU ######################################*/









/*###################################### START SCROLLABLE CONTENT ######################################*/

.scroll-track{
	width:10px;
	height:10px;
	background: url(../images/bgScrollBar.png) center top repeat-y;
}


body.black .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerGrey.png) center top no-repeat;
	cursor:pointer;
}

body.grey .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerGrey.png) center top no-repeat;
	cursor:pointer;
}

body.blue .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerBlue.png) center top no-repeat;
	cursor:pointer;
}

body.orange .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerOrange.png) center top no-repeat;
	cursor:pointer;
}

body.yellow .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerYellow.png) center top no-repeat;
	cursor:pointer;
}

body.pink .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerPink.png) center top no-repeat;
	cursor:pointer;
}

body.violet .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerViolet.png) center top no-repeat;
	cursor:pointer;
}

body.red .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerRed.png) center top no-repeat;
	cursor:pointer;
}

body.darkBlue .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerDarkBlue.png) center top no-repeat;
	cursor:pointer;
}

body.green .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerGreen.png) center top no-repeat;
	cursor:pointer;
}

body.brown .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerBrown.png) center top no-repeat;
	cursor:pointer;
}

body.lilac .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerLilac.png) center top no-repeat;
	cursor:pointer;
}

body.fucsia .scroll-handle{
	width:10px;
	height:14px;
	background: url(../images/scrollerFucsia.png) center top no-repeat;
	cursor:pointer;
}

/*###################################### END SCROLLABLE CONTENT ######################################*/









/*###################################### START CONTENT ######################################*/

#flashHome{
	display: inline;
	float: left;
	position: absolute;
	width: 900px;
	height: 404px;
	left: 0;
	top: 66px;
	z-index: 100px;
}

#flashBanners{
	display: inline;
	float: left;
	width: 900px;
	height: 134px;
	margin-top: 395px;
}

#contentInside{
	display: inline;
	float: left;
	width: 900px;
	height: 450px;
	overflow: hidden!important;
}

#contentInside h2{
	display: inline;
	float: left;
	width: 470px;
	height: 42px;
	margin: 28px 0 10px 30px;
}

#contentInside h2 span{
	display: none;
}

body.black #contentInside{
	background: url(../images/bgBlackInside.jpg) left top no-repeat;
}

body.black #contentInside.bgNewsFilosofia{
	background: url(../images/bgNewsFilosofia.jpg) left top no-repeat;
}

body.grey #contentInside{
	background: url(../images/bgGreyInside.jpg) left top no-repeat;
}

body.grey #contentInside h2{
	background: url(../images/heShe/logo.gif) left top no-repeat;
}

body.blue #contentInside{
	background: url(../images/bgBlueInside.jpg) left top no-repeat;
}

body.blue #contentInside h2{
	background: url(../images/biocoral/logo.gif) left top no-repeat;
}

body.orange #contentInside{
	background: url(../images/bgOrangeInside.jpg) left top no-repeat;
}

body.orange #contentInside h2{
	background: url(../images/soleado/logo.gif) left top no-repeat;
}

body.yellow #contentInside{
	background: url(../images/bgYellowInside.jpg) left top no-repeat;
}

body.yellow #contentInside h2{
	background: url(../images/sleekCurly/logo.gif) left top no-repeat;
}

body.pink #contentInside{
	background: url(../images/bgPinkInside.jpg) left top no-repeat;
}

body.pink #contentInside h2{
	background: url(../images/eudermique/logo.gif) left top no-repeat;
}

body.violet #contentInside{
	background: url(../images/bgVioletInside.jpg) left top no-repeat;
}

body.violet #contentInside h2{
	background: url(../images/colorMelange/logo.gif) left top no-repeat;
}

body.red #contentInside{
	background: url(../images/bgRedInside.jpg) left top no-repeat;
}

body.red #contentInside h2{
	background: url(../images/freerange/logo.gif) left top no-repeat;
}

body.darkBlue #contentInside{
	background: url(../images/bgDarkBlueInside.jpg) left top no-repeat;
}

body.darkBlue #contentInside h2{
	background: url(../images/antalya/logo.gif) left top no-repeat;
}

body.green #contentInside{
	background: url(../images/bgGreenInside.jpg) left top no-repeat;
}

body.green #contentInside h2{
	background: url(../images/smoothing/logo.gif) left top no-repeat;
}

body.brown #contentInside{
	background: url(../images/bgBrownInside.jpg) left top no-repeat;
}

body.brown #contentInside h2{
	background: url(../images/chromatique/logo.gif) left top no-repeat;
}

body.lilac #contentInside{
	background: url(../images/bgLilacInside.jpg) left top no-repeat;
}

body.lilac #contentInside h2{
	background: url(../images/regenMask/logo.gif) left top no-repeat;
}

body.fucsia #contentInside{
	background: url(../images/bgFucsiaInside.jpg) left top no-repeat;
}

body.fucsia #contentInside h2{
	background: url(../images/3action/logo.gif) left top no-repeat;
}

#imageContent{
	display: inline;
	float: left;
	width: 400px;
	height: 540px;
	position: absolute;
	left: 500px;
	top: 0px;
	z-index: 0;
}

#imageContent .icoDetails{
	display: inline;
	float: right;
	width: 40px;
	height: 108px;
	margin-top: 110px;
	padding-top: 10px;
	background: url(../images/bgIcoDetails.png) left top no-repeat;
}

#imageContent .icoDetails a span{
	display: none;
}

#imageContent .icoDetails a{
	display: inline;
	float: right;
	width: 30px;
	height: 30px;
}

#imageContent .icoDetails a.btnPrint{
	background: url(../images/bgBtnPrint.png) 0 0 no-repeat;
}

#imageContent .icoDetails a.btnPrint:hover{
	background: url(../images/bgBtnPrint.png) 0 -30px no-repeat;
}

#imageContent .icoDetails a.btnPdf{
	background: url(../images/bgBtnPdf.png) 0 0 no-repeat;
}

#imageContent .icoDetails a.btnPdf:hover{
	background: url(../images/bgBtnPdf.png) 0 -30px no-repeat;
}

#imageContent .icoDetails a.btnHome{
	background: url(../images/bgBtnHome.png) 0 0 no-repeat;
}

#imageContent .icoDetails a.btnHome:hover{
	background: url(../images/bgBtnHome.png) 0 -30px no-repeat;
}

#imageContent img{
	display: inline;
	float: left;
	margin: 119px 0 0 25px;
}

#textContent {
	display: inline;
	float: left;
	position: relative;
	width: 470px;
	height: 115px;
	margin-left: 30px;
	overflow: auto;
	line-height:16px;
}

#textContent.textCorporate {
	width: 420px;
	height: 388px;
	margin-top: 30px;
}

#textContent.textCorporate h3{
	font-size: 18px;
	color: #fbca46;
}

#textContent.textCorporate a{
	font-weight: bold;
	color: #fbca46;
	text-decoration: none;
}

#textContent.textCorporate a:hover{
	color: #fff;
}

#textContent.textAccessori {
	height: 420px;
	width: 840px;
	margin-top: 30px;
	color: #fbca46;
}

#textContent.textAccessori h3{
	font-size: 18px;
	color: #fbca46;
}

#textContent.textAccessori .boxAccessori01 {
	display: inline;
	float: left;
	width: 145px;
	margin-top: 10px;
	text-align: center;
}

#textContent.textAccessori .boxAccessori02 {
	display: inline;
	float: left;
	width: 150px;
	margin-top: 10px;
	text-align: center;
}

#textContent.textAccessori .boxAccessori03 {
	display: inline;
	float: left;
	width: 170px;
	margin-top: 10px;
	text-align: center;
}
#textContent.textAccessori .boxAccessori05 {
	display: inline;
	float: left;
	width: 170px;
	margin-top: 10px;
	text-align: center;
}

#textContent.textAccessori .boxAccessori04 {
	display: inline;
	float: left;
	width: 200px;
	margin-top: 10px;
	text-align: center;
}

#textContent h3{
	font-size: 14px;
	font-weight: normal;
	color: #fff;
}

#textContent h4{
	font-size: 11px;
	font-weight: normal;
	color: #fbca46;
}

body.grey #textContent h4{
	color: #a0a5a9;
}

body.blue #textContent h4{
	color: #63acc8;
}

body.orange #textContent h4{
	color: #803512;
}

body.yellow #textContent h4{
	color: #ffcc66;
}

body.pink #textContent h4{
	color: #feb8b8;
}

body.violet #textContent h4{
	color: #ff00ff;
}

body.red #textContent h4{
	color: #cc0000;
}

body.darkBlue #textContent h4{
	color: #247cbf;
}

body.green #textContent h4{
	color: #46a04b;
}

body.brown #textContent h4{
	color: #824f49;
}

body.lilac #textContent h4{
	color: #917ea0;
}

body.fucsia #textContent h4{
	color: #e2007a;
}

#linksContent {
	display: inline;
	float: left;
	position: relative;
	width: 475px;
	height: 22px;
	margin: 8px 0 0 -5px;
	font-size: 14px;
	color: #fbca46;
	line-height:18px;
}

#linksContent a {
	padding: 0 5px;
	color: #fbca46;
	text-decoration: none;
}

#linksContent a:hover {
	color: #fff;
}

#flashContent {
	display: inline;
	float: left;
	width: 470px;
	height: 250px;
	margin-left: 30px;
}

/*###################################### END CONTENT ######################################*/









/*###################################### START FORM ######################################*/
.textField{
        display: inline;
        float: left;
        width: 220px;
        height: 12px;
        margin-top: 6px;
        padding: 2px;
        color: #444444;
        font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        font-size: 11px;
}

textarea{
        display: inline;
        float: left;
        width: 220px;
        height: 40px;
        margin-top: 6px;
      	padding: 2px;
        color: #444444;
        font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        font-size: 11px;
}

label{
        display: inline;
        float: left;
        width: 150px;
        height: 10px;
        margin-top: 6px;
}

input.btnInvia {
        display: inline;
        float: right;
        width: 90px;
        height: 20px;
        margin: 16px 46px 5px 0;
        border: 0;
        padding: 0;
        color: #353631;
        font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        cursor: pointer;
		background:#FFFFFF;
}

input.btnInvia:hover {
		color: #fccd03;
}

input.btnCancella {
        display: inline;
        float: right;
        width: 90px;
        height: 20px;
        margin: 16px 5px 5px 0;
        border: 0;
        padding: 0;
        color: #353631;
        font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        cursor: pointer;
		background:#FFFFFF;
}

input.btnCancella:hover {
   	   color: #fccd03;
}

fieldset.formdata {
        display: inline;
        float: left;
        width: 548px;
}

 fieldset.formprivacy {
        display: inline;
        float: left;
        width: 350px;		              
}

/*###################################### END FORM ######################################*/









/*###################################### START DOVE SIAMO ######################################*/

#map{
	display: inline;
	float: left;
	border: 2px solid #fbca46;
	margin:135px 20px 0 0;
	width: 365px;
	height: 371px;
}

/*###################################### END DOVE SIAMO ######################################*/