/* Global css */

/*-----------------
Color palette:
marrone: #28140d
bianco: #ffffff
giallo1: #fdca0b
giallo2: #c7b41f
-----------------*/

body { font-family: Arial, Sans-serif; font-size: 11px; color: #ffffff; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/*** Header ***/

#wrapper_header { background: url(../images/bg_header.jpg) no-repeat center top #28140d; height: 555px; }
#header { width: 977px; height: 357px; margin: 0px auto; position: relative; }
#header h1 a#logo { position: absolute; bottom: 18px; left: 20px; }
#header h1 img#payoff { position: absolute; bottom: 48px; right: 35px; }

/* Header -> Home Page */
#home #wrapper_header { background-image: url(../images/bg_header_home.jpg); height: 264px; }
#home #header { height: 264px; }
#home #header h1 a#logo { bottom: 80px;}
#home #header h1 img#payoff { bottom: 130px;}

/** Nav **/
#nav_home {
	width: 977px; height: 50px; margin: 0px auto; position: relative;
}


#nav_home ul {
	width: 508px; height: 42px; position: relative; z-index: 1; left: 259px; padding-left: 10px;
	background: url(../images/bg_nav_home.png) no-repeat center top transparent;
}
#nav_home ul li { float: left; text-align: center; /* padding-top: 15px; */ height: 28px; }
#nav_home ul li#nav_home { width: 65px; }
#nav_home ul li#nav_josha { width: 178px; }
#nav_home ul li#nav_prodotti { width: 118px; }
#nav_home ul li#nav_tonalita { width: 140px; }
#nav_home ul li a { color: #28140d; font-size: 12px; letter-spacing: 0.5px; line-height: 27px; }
#nav_home ul li a:hover { font-weight: bold; text-decoration: none; }
#nav_home img { position: absolute; bottom: 30px; left: 21px; z-index: 0px; }
 
/** Nav **/
#nav {
	background: url(../images/bg_menu.png) no-repeat center top transparent;
	width: 977px; height: 206px; margin: 0px auto; position: relative;
}
#nav ul {
	width: 508px; height: 42px; position: relative; z-index: 1; left: 259px; padding-left: 10px;
	background: url(../images/bg_nav_pagine.png) no-repeat center top transparent;
}
#nav ul li { float: left; text-align: center; /* padding-top: 15px; */ height: 28px; padding-top: 8px; }
#nav ul li#nav_home { width: 65px; }
#nav ul li#nav_josha { width: 178px; }
#nav ul li#nav_prodotti { width: 118px; }
#nav ul li#nav_tonalita { width: 140px; }
#nav ul li a { color: #28140d; font-size: 12px; letter-spacing: 0.5px; line-height: 27px; }
#nav ul li a:hover { font-weight: bold; text-decoration: none; }
#nav img { position: absolute; bottom: 30px; left: 21px; z-index: 0px; }


/*** / Header ***/



/*** Content ***/

#wrapper_content { background: url(../images/bg_body.jpg) repeat center top #28140d; }
#content { width: 977px; margin: 0px auto; overflow: auto; padding-bottom: 10px; }

/* Content -> Home Page */
#home #wrapper_content { background-image: url(../images/bg_body_home.jpg); }
/* #home #content { height: 780px; } */

#home_nav { width: 987px; margin: 0px auto; position: relative;padding-top:618px; }
/*#home_nav ul { width: 981px; height: 120px; position: absolute; bottom: 41px; left: 3px; border-top: 1px solid #ffffff; }
#home_nav ul li { margin-top: 44px; float: left; height: 62px; }

#home_nav ul li a { 
	display: block; height: 100%; width: 100%; text-indent: -9999px; 
	background: url(../images/menu_home.png) no-repeat left top transparent; 
}

#home_nav ul li#home_nav_josha { width: 418px; padding-right: 74px; }
#home_nav ul li#home_nav_josha a { background-position: 0px 0px; }

#home_nav ul li#home_nav_prodotti { width: 191px; padding-right: 96px; }
#home_nav ul li#home_nav_prodotti a { background-position: -418px 0px; }

#home_nav ul li#home_nav_tonalita { width: 202px; padding-right: 0px; }
#home_nav ul li#home_nav_tonalita a { background-position: -609px 0px; }*/



#content img { float: left; position: relative; padding-top: 10px; padding-left: 35px; }
#content img.central { padding-left: 20px; }

#content p { float: right; width: 615px; text-align: justify; padding: 20px 21px 0px 0px; font-size: 12px; line-height: 17px; 
	letter-spacing: 0.5px; /* Not work in IE7... */
}
#content p span { color: #c7b41f; }

#content .text_column { float: left; width: 260px; padding: 30px 0px 20px 25px; }
#content /* .text_column */ h4 {
	width: 100%; height: 40px; text-align: center; letter-spacing: 0.5px;
	color: #fdca0b; font-size: 14px; line-height: 17px; font-weight: normal;
}
#content .text_column p { width: 100%; font-size: 12px; line-height: 15px; float: none; }

#content #lista_tonalita { float: right; width: 615px; font-size: 11px; line-height: 19px; color: #fdca0b; padding-right: 21px; margin-top: 40px; }
#content #lista_tonalita li { float: left; width: 205px; color: #ffffff; letter-spacing: 0.5px; }
#content #lista_tonalita li a { color: #ffffff; letter-spacing: 0.5px; }

#content a#showcartcol { float: right; width: 615px; font-size: 12px; color: #fdca0b; padding-right: 21px; margin-top: 40px; }

#content #image_gallery {
	float: left; position: relative; width: 320px; height: 482px;
	background: url(../images/cornice_tonalita.png) no-repeat 12px top transparent;
}

#content #image_gallery #image_container { position: absolute; left: 20px; top: 8px; width: 292px; height: 446px; }

#content #image_gallery img { padding: 0px; /* left: 20px; top: 8px; */ position: absolute; }

#content #image_gallery #controller { 
	/* height: 20px; clear: both; width: 85px; margin: 0px auto; padding-left: 10px; padding-top: 15px; */
	height: 20px; width: 85px; position: absolute; bottom: 0px; left: 120px;
}
#content #image_gallery #controller * { float: left; text-align: center; font-size: 10px; }
#content #image_gallery #controller a { width: 15px; color: #fdca0b; }
#content #image_gallery #controller span { width: 55px; }

/*** / Content ***/

/*** Footer_home ***/

#footer_home { width: 977px; height: 50px; margin: 0px auto; border-top: 1px solid #ffffff; }
#footer_home ul { float: left; }
#footer_home ul#social { float: right; padding-right: 2px; }
#footer_home ul li { float: left; padding-left: 8px; padding-right: 8px; margin-top: 10px; border-right: 1px solid #ffffff; }
#footer_home ul li.first { padding-left: 0px; }
#footer_home ul li.last { border-right: 0px; padding-right: 0px; }
#footer_home ul li a { color: #fdca0b; }

/*** / Footer ***/

/*** Footer ***/

#footer { width: 977px; height: 32px; margin: 0px auto; border-top: 1px solid #ffffff; }
#footer ul { float: left; }
#footer ul#social { float: right; padding-right: 2px; }
#footer ul li { float: left; padding-left: 8px; padding-right: 8px; margin-top: 10px; border-right: 1px solid #ffffff; }
#footer ul li.first { padding-left: 0px; }
#footer ul li.last { border-right: 0px; padding-right: 0px; }
#footer ul li a { color: #fdca0b; }

/*** / Footer ***/