/* CSS Document */

/* =Global styles */

html,body{margin: 0;padding:0;}

body {
	font: 75% Arial, Verdana, sans-serif;
	/*color:#716966;*/
	color:#615a56;
	text-align:center;
}

A:link {text-decoration: none; color:#CE4924}
A:active {text-decoration: none; color:#CE4924}
A:visited {text-decoration: none; color:#CE4924}
A:hover {text-decoration: underline; color:#CE4924}

#content-nav ul li A:link {color:#716966}
#content-nav ul li A:active {color:#716966}
#content-nav ul li A:visited {color:#716966}
#content-nav ul li A:hover {text-decoration: none; color:#716966}

#nav ul li A:link {font-weight:bold;color:#fff}
#nav ul li A:active {font-weight:bold;color:#fff}
#nav ul li A:visited {font-weight:bold;color:#fff}
#nav ul li A:hover {font-weight:bold;color:#fff;text-decoration:none;}


#navTop ul li A:hover {text-decoration:none;color:#d6603c;}

#content-nav h2 a {text-decoration: none;}





/* Some generic styles */
.leftDiv {
	float:left;
}

.rightDiv {
	float:right;
}

div.end {
	clear:both;
	font-size:0em;
}

img {border:0;}



/* =Headings */
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}


/* H1 */


/* H2 */
#contentHome h2 {
	color:white;
	font-size:130%;
	position:relative;
	top:250px; 
	left: 185px;
}

#content-nav h2 {
	font-size: 120%;
	font-weight:bold;
	color:#CE4924;
	margin-left:20px;
}


/*H3 */
#contentHome h3 {
	color:white;
	font-size:120%;
	position:relative;
	top:250px; 
	left: 185px;
}

div#content-main-left h3, div#content-main-left-big h3 {
	position:relative;
	margin-bottom:5px;
	color:#CE4924;
	font-size:120%;
}

/*H4 */
div#content-main-left h4, div#content-main-left-big h4 {
	font-size:100%;
}

#contentHome h4 {
	color:white;
	font-size:120%;
	position:relative;
	top:350px; 
	left: 185px;
}


/*H5 */
div#content-main-left h5, div#content-main-left-big h5 {
	font-weight:bold;
	font-size:100%;
}




/* =LISTS */

/* Navigation bar LANGUAGES */

div#navTop ul {
	margin: 0; 
	padding: 0;
	list-style: none;
}

div#navTop ul li {
	padding:0 0 0 0.5em;
	font-weight:bold;
	display:inline;
}

div#navTop ul li.selected {
	color:#d6603c;
}

div#navTop ul li a {
	color:#615a56;
	
}




/* Navigation bar BOTTOM */
div#nav{
	
}

div#nav ul {
	margin: 0; 
	padding: 0;
	list-style: none;
}

div#nav ul li {
	text-align:center;
	float:left;
	
}

div#nav ul li a{
	display: block; 
	width: 125px;
	background: #D55A35;
	border-top: 1px solid #B84C34;
	border-bottom: 1px solid #B84C34;
	border-left: 1px solid #B84C34;
	padding:0.5em 0;
}

div#nav ul li a.last{
	border-right: 1px solid #B84C34;
}

div#nav ul li a.lastSelected{
	border-right: 1px solid #B84C34;
	background: #B2200B;
}

div#nav ul li a:hover{
	background: #B2200B;
}

div#nav ul li a.selected{
	background: #B2200B;
}


/* Navigation bar LEFT */
#content-nav ul {
	margin:20px 0 0 0;
	padding:0;
	list-style: none;
	color:#CE4924;
}

#content-nav li {
	margin:0.2em 0;
}

#content-nav li a {
	display: block; 
	padding-left:55px; 
	width: 180px; /* IE 5.x only uses the first width declaration */
	voice-family: "\"}\""; /* box model hack by Tantek: IE 5.x stops here due to a CSS parsing bug */
	voice-family: inherit;
	width: 129px; /* All conforming CSS user agents will see and use the second width declaration */
	
}

#content-nav li a:hover {
	background:#fadfc6;
}

#content-nav li a.selected {
	background:#fadfc6;
}

#content-nav li span {
	color:#CE4924;
	font-weight:bold;
}

#content-nav li.secondLev span {
	color:#615a56;
	font-weight:bold;
}

#content-nav li.secondLev a {
	display: block; 
	padding-left:65px;
	width: 180px; /* IE 5.x only uses the first width declaration */
	voice-family: "\"}\""; /* box model hack by Tantek: IE 5.x stops here due to a CSS parsing bug */
	voice-family: inherit;
	width: 119px; /* All conforming CSS user agents will see and use the second width declaration */
}



/* List in content */
#content-main-left ul, #content-main-left-big ul {
	margin:0;
	padding:0 0 0 15px;
}

/* List in table */
td ul {
	/*position:relative;
	left:-15px;*/   /* per layout senza list type */
	margin:0;
	padding:0;
	/*list-style:none;*/
	font-size:85%;
}

td ul li {
	padding:-10px;
}







/* =LAYOUT */

div#container {
	margin: auto;
	text-align: left;
	width:750px; /* IE 5.x only uses the first width declaration */
	voice-family: "\"}\""; /* box model hack by Tantek: IE 5.x stops here due to a CSS parsing bug */
	voice-family: inherit;
	width:757px; /* All conforming CSS user agents will see and use the second width declaration */
}

div#header {
	padding-top: 2em;
}

div#header .leftDiv {
	float:left;
	padding: 0 0 0.2em 0;
}

div#header .rightDiv {
	float:right;
	padding: 3.8em 0 0 0;
}



/* =Content area */

/* WHO WE ARE  */
div#content{
	background: #D6603C url(../layout/who_we_are_bg.jpg) no-repeat top;
	padding: 6em 0 5.3em 0;
}

/* PRODUCT background */
div#contentProduct{
	background: #D6603C url(../layout/product_bg.jpg) no-repeat top;
	padding: 6em 0 5.3em 0;
}

/* PRODUCT - SIZE background */
div#contentProductSize{
	background: #D6603C url(../layout/size_bg.jpg) no-repeat top;
	padding: 6em 0 5.3em 0;
}

/* PRODUCT - SIZE background */
div#contentProductDetails{
	background: #D6603C url(../layout/details_bg.jpg) no-repeat top;
	padding: 6em 0 5.3em 0;
}

/* NO IMG background */
div#contentNoImg{
	background: #D6603C url(../layout/no_img_bg.jpg) no-repeat top;
	padding: 6em 0 5.3em 0;
}


div#content-nav {
	float:left;
	width:185px;
	/*background: #F6C39A;
	border-right: 3px solid #D6603C;*/
	padding:26px 0 0 0;
	height:264px;
}

div#content-main {
	float:left;
	width:545px;
	/*background: #FADFC6;*/
	padding:0 0 0 10px;
	height:264px;
}


div#content-main-left {
	float:left;
	padding:26px 0 0 20px;
	width:50%;
}

div#content-main-left p {
	margin-top:0;
}


div#content-main-left-big {
	float:left;
	padding:26px 0 0 20px;
}
div#content-main-left-big p.small {
	margin-top:0;
	font-size:85%;
}

div#content-main-left-big td.small {
	font-size:85%;
}

div#content-main-left-big div.borderBottom {
	background: url(../layout/horizontal_line.gif) repeat-x;
}


div#content-main-left-big div.subDiv01 {
	float:left;
	width:16%;
}

div#content-main-left-big div.subDiv02 {
	float:left;
	width:40%;
}

div#content-main-left-big div.subDiv03 {
	float:right;
	width:40%;
	text-align:left;
}

div#content-main-left-big div.subDiv01 p, div#content-main-left-big div.subDiv02 p, div#content-main-left-big div.subDiv03 p { 
	margin-top:0;
	margin-bottom:0.8em;
	font-size:85%;
}

div#content-main-left-big div.gallery img {
	padding:1px;
	border:1px solid #f6c39a;
	margin: 0 4em 1em 0;
}





div#content-main-right {
	float:right;
}

div#content-right {
	float:right;
	/*background: #F6C39A;
	border-left: 3px solid #D6603C;*/
	padding:36px 0 0 0;
	height:254px;
	width:16px;
}







/* TABLE */
table {
	table-layout: fixed;
	width: auto;
	border-spacing:5px;
	font-size:90%; /* IE 5.x only uses the first width declaration */
	voice-family: "\"}\""; /* box model hack by Tantek: IE 5.x stops here due to a CSS parsing bug */
	voice-family: inherit;
	font-size:100%; /* All conforming CSS user agents will see and use the second width declaration */
}

th {
	text-align:left;
	vertical-align:top;
}

td {
	text-align:left;
	vertical-align:top;
}

td.img {
	width:85px;
}




/* HOME
---------------------------*/
div#contentHome{
	background: #D6603C url(../layout/home_bg.jpg) no-repeat top;
}

div#contentHome-main {
	position: relative;
	height:426px;
}



/* FOOTER */

div#footer{
	font-size: 90%;
	text-align:center;
	padding-top:0.5em;
}

/* FORM */

form {margin:0;padding:0;}

fieldset {
	padding:0.3em;
	margin:0.3em 0;
	border: 1px solid #D6603C;
	width:30em;
}

fieldset legend {
	font-weight:bold;
	color:#615a56;
}

fieldset div.firstSection input {
	position: relative;
	display: inline;
	margin: 0 0 0.5em 0;
	border: 1px solid #615a56;
}

fieldset div.firstSection label {
	clear: both;
	float: left;
	display: inline;
	width: 8em;
}

fieldset textarea {
	border: 1px solid #615a56;
}

input.submitType{
	width:5em;
	background: #D55A35;
	border: 1px solid #B84C34;
	color:white;
	margin-top:0.3em;
}