@charset "UTF-8";
/* CSS Document */

html {
}

body {
background:url(images/body.png) top repeat-x;
background-color: #000000;
font-family: "Lucida Grande", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 12px;
color: #ffffff;
line-height: 20px;
}

.home-wrapper {
	height: 630px;
	background: #d7d7d7 url(images/bg_home.gif) repeat-x;
	
}

.home-container {

}

.footer-home {
	color: #ffffff;
	height: 100%;
	font-size: 11px;
}

.home {
padding: 0 0 0 150px;
}

.home-menu {
padding: 20px 0 0 250px;
}



/* ---------- Menu  ---------- */


ul.mainmenu {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #ffffff;
	font-size: 85%;
}

ul.mainmenu li {
    padding: 0;
    float: left;
    margin: 0 10px 0 0 ;
}

ul.mainmenu a {
    text-decoration: none;
	color: #ffffff;
	padding: 0;
	margin: 0;
}

ul.mainmenu a:hover {
    color: #c9a233;
}

ul.mainmenu a.selected {
    color: #e30000;
}

ul.mainmenu a:focus {
    outline: none;
}


/* ---------- navigation ---------- */


ul.navigation {
    list-style: none;
    margin: -7px 0;
    display: block;
    color: #000;
}

ul.navigation li a {
    margin: 0;
    padding: 7px 0 8px 25px;
	background: url(images/submenu.gif) no-repeat;
	width: 185px;
	display: block;
	color: #333;
}

ul.navigation li a:hover {
	color: #fff;
	background: url(images/submenu.gif) -210px no-repeat;
}







/* ---------- Padding & Margin  ---------- */

.pt5 {padding-top: 5px}
.pb5 {padding-bottom: 5px}
.pt10 {padding-top: 10px}
.pb10 {padding-bottom: 10px}
.pt20 {padding-top: 20px}
.pb20 {padding-bottom: 20px}
.pt30 {padding-top: 30px}
.pb30 {padding-bottom: 30px}
.pt40 {padding-top: 40px}
.pb40 {padding-bottom: 40px}
.pt50 {padding-top: 50px}
.pb50 {padding-bottom: 50px}
.pt60 {padding-top: 60px}
.pb60 {padding-bottom: 60px}
.pt70 {padding-top: 70px}
.pb70 {padding-bottom: 70px}
.pt80 {padding-top: 80px}
.pb80 {padding-bottom: 80px}
.pt90 {padding-top: 90px}
.pb90 {padding-bottom: 90px}
.pb100 {padding-bottom: 100px}
.pt100 {padding-top: 100px}
.pt110 {padding-top: 110px}
.pt120 {padding-top: 120px}
.pt130 {padding-top: 130px}
.pt140 {padding-top: 140px}
.pt150 {padding-top: 150px}

.prepend-05 {padding-left: 20px;}



/* ---------- Height  ---------- */

.height10 {height: 10px;}
.height20 {height: 20px;}
.height30 {height: 30px;}
.height40 {height: 40px;}
.height50 {height: 50px;}

.height100 {height: 100px;}

.height200 {height: 200px;}

.height300 {height: 300px;}

.height400 {height: 400px;}





/* ---------- Float  ---------- */

.fl { float:left;}

.fr { float:right;}


/* ---------- Links  ---------- */

a:link {color:#999999;text-decoration:none;}
a:visited {color:#999999;text-decoration:none;}
a:hover {color:#c9a233;text-decoration:none;}

a.active:link {color:#3b3b3b;text-decoration:underline;}
a.active:visited {color:#3b3b3b;text-decoration:underline;}
a.active:hover {color:#c9a233;text-decoration:none;}

a.feature:link {color:#3b3b3b;text-decoration:none;}
a.feature:visited {color:#3b3b3b;text-decoration:none;}
a.feature:hover {color:#c9a233;text-decoration:none;}


/* ----------  Text Style  ---------- */

h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;color:#3b3b3b;}
h2 {font-size:2em;margin-bottom:0.75em;color:#3b3b3b;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;color:#3b3b3b;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;color:#3b3b3b;}
h5 {font-size:1em;font-weight:bold;color:#3b3b3b;}
h6 {font-size:1em;font-weight:bold;color:#3b3b3b;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; text-align:justify;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.text11{
font-size:11px;
line-height: 16px;
font-weight: normal;
}

.text14{
font-size:14px;
line-height: 20px;
font-weight: normal;
}

.text-right{
text-align:right;
}



/* ---------- Colors  ---------- */

.bg-red {
background-color:#ff2727;
}

.bg-green {
background-color:#91db4f;
}

.bg-blue {
background-color:#3f99ff;
}

.bg-yellow {
background-color:#ffe156;
}

.bg-orange {
background-color:#ffad5c;
}

.bg-gray {
background-color:#cccccc;
}



.gray {
color:#aaaaaa;
}

.darkgray {
	color: #717171;
}
.black {
color:#000000;
}

.red {
	color: #ff0000;
}

/* ---------- Misc  ---------- */

.bg-1 {
background:url(images/home01.gif) top no-repeat;
}

.bg-2 {
background:url(images/home02.gif) top repeat-x;
}

.bg-3 {
background:url(images/home03.gif) top no-repeat;
}


.div {
background:url(images/home-div.gif) top no-repeat;
}



.span-5a { 
	width: 210px; 
	float: left;
    margin-right: 10px;
}

.span-10a { 
	width: 410px; 
	float: left;
    margin-right: 10px;
}

.span-22a { 
	width: 890px; 
	float: left;
    margin-right: 10px;
}

.height118 {height: 118px;}

.height125 {height: 125px;}

.height425 {height: 425px;}

.height651 { height: 651px; } 




.height {height: 350px;}



.center {
	text-align: center;
	}



/* ----------  Slider  ---------- */
#slider {
    width: 890px;
    margin: 0;
    position: relative;
}

.scroll {
    width: 430px;
    overflow: auto;
    overflow: hidden;
    position: relative;
    clear: left;
	margin: 0;
}

.scrollContainer div.panel {
    padding: 0 20px 0 0;
    width: 420px;
}

div.panel-inner{
    width: 420px;
}

.hide {
    display: none;
}





.gray {
	background-color: #e2e2e2;
}

.orange {
	color: #E27C1A;
}


.langmenu {
	float: left;
	padding: 0 0 0 30px;
}

.langmenu a {
display: block;

}


.header {
	width: 100%;
	background: url(images/bg_top.gif) repeat-x;
	height: 101px;
}

.footer {
	width: 100%;
	background: url(images/bg_footer.gif) repeat-x;
}

.pb11 {padding-bottom: 11px}
.pt55 {padding-top: 55px}


.gold {
	color: #c9a233;
	font-size: 1.2em;
	font-style: italic;
}

.antichizzati  {
	width: 520px;
	height: 150px;
}

.antichizzati a {
	display: block;
	width: 520px;
	height: 150px;
	background: url(images/link_antichizzati.gif) no-repeat 190px 105px;	
}

.antichizzati a:hover {
	background: url(images/link_antichizzati.gif) no-repeat 190px -25px;	
}

.classici  {
	width: 520px;
	height: 150px;
}

.classici img {
	padding-left: 350px;
}

.classici a {
	display: block;
	width: 520px;
	height: 150px;
	background: url(images/link_classici.gif) no-repeat 120px 105px;	
}

.classici a:hover {
	background: url(images/link_classici.gif) no-repeat 120px -25px;	
}

.rezzonici  {
	width: 520px;
	height: 150px;
}

.rezzonici a {
	display: block;
	width: 520px;
	height: 150px;
	background: url(images/link_rezzonici.gif) no-repeat 190px 105px;	
}

.rezzonici a:hover {
	background: url(images/link_rezzonici.gif) no-repeat 190px -24px;	
}


.sospensioni  {
	width: 520px;
	height: 150px;
}

.sospensioni img {
	padding-left: 350px;
}

.sospensioni a {
	display: block;
	width: 520px;
	height: 150px;
	background: url(images/link_sospensioni.gif) no-repeat 120px 105px;	
}

.sospensioni a:hover {
	background: url(images/link_sospensioni.gif) no-repeat 120px -23px;	
}




.flambeaux  {
	width: 520px;
	height: 150px;
}

.flambeaux img {
}

.flambeaux a {
	display: block;
	width: 520px;
	height: 150px;
	background: url(images/link_flambeaux.gif) no-repeat 190px 105px;	
}

.flambeaux a:hover {
	background: url(images/link_flambeaux.gif) no-repeat 190px -24px;	
}



.applique img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}