/*
	FileName ....... : Layout.css
	TemplateName ... : Atmosfera 2
	Copyright ...... : 2012, ObjectWeb Srl - Tutti i diritti riservati
	Version ........ : 1.0.0
	Note ........... : CSS relativi all'impaginazione dei contenuti principali
*/



/* Global Document Formatting
------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
} 

/* [custom-rule] [language: en-GB] [group: Background] [groupOrder: 1] [property: background-image] [label: Background image:] [filePattern: HtmlBackground*.jpg] */
/* [custom-rule] [language: en-GB] [group: Background] [groupOrder: 1] [property: background-repeat] [label: Background repeat:] */
/* [custom-rule] [language: it-IT] [group: Sfondo] [groupOrder: 1] [property: background-image] [label: Immagine di sfondo:] [filePattern: HtmlBackground*.jpg] */
/* [custom-rule] [language: it-IT] [group: Sfondo] [groupOrder: 1] [property: background-repeat] [label: Ripetizione sfondo:]  */
html {
   background-image: url("Images/HtmlBackground.jpg");
   background-position: center top;
   background-repeat: repeat;
   background-attachment: fixed;
	height: 100%;
}

body {
	height: 100%;
}

/* Opera fix */
body:before {
	content: "";
	float: left;
	height: 100%;
	margin-top: -32767px;
	width: 0;
}

form {
	height: 100%;
}

#wrap {
	min-height: 100%;
	width: 100%;
}

#main-container {
	clear: both;
	margin: -15px auto 0px;
	overflow: auto;
	width: 986px;
	
	/* [FixedFooter] - Dev'essere uguale ad altezza footer + padding di stacco desiderato (15px) */
	padding-bottom: 95px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Menu
------------------------------------------------------------------------------------------------- */
#menu-container {
   background: url("Images/MenuBackground.png");
}
/* ---------------------------------------------------------------------------------------------- */



/* Header
------------------------------------------------------------------------------------------------- */
#header-container {
   background-image: url("Images/HeaderContainerBackground.png");
   height: 200px;
}

/* [custom-rule] [language: en-GB] [group: Header] [groupOrder: 2] [property: background-image] [label: Background image:] [filePattern: HeaderBackground*.png] */
/* [custom-rule] [language: en-GB] [group: Header] [groupOrder: 2] [property: height] [label: Height:] */
/* [custom-rule] [language: it-IT] [group: Testata] [groupOrder: 2] [property: background-image] [label: Immagine di sfondo:] [filePattern: HeaderBackground*.png] */
/* [custom-rule] [language: it-IT] [group: Testata] [groupOrder: 2] [property: height] [label: Altezza:] */
#header {
   background-image: url("Images/HeaderBackground.png");
   background-position: 0 0;
   background-repeat: no-repeat;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
}

#logo-container {
	float: left;
	height: 100px;
	width: 320px;
}

/* [custom-rule] [language: en-GB] [group: Header] [groupOrder: 2] [property: display] [label: Logo:] */
/* [custom-rule] [language: it-IT] [group: Testata] [groupOrder: 2] [property: display] [label: Logo:] */
#logo-container a {
	display: block;
	height: 100px;
	padding: 0 10px;
	width: 300px;
}

#logo-container img {
	height: 100px;
	width: 300px;
}

#header-sections-container {
	float: left;
	height: 80px;
	padding: 10px;
	width: 260px;
}

#header div#header-title-container {
	clear: both;
	height: 85px;
	width: 600px;
}

/* [custom-rule] [language: en-GB] [group: Header] [groupOrder: 2] [property: color] [label: Title color:] */
/* [custom-rule] [language: it-IT] [group: Testata] [groupOrder: 2] [property: color] [label: Colore titolo:] */
#header h1#header-title {
	color: #2F2B18;
	font-size: 30px;
	font-weight: bold;
	padding-left: 20px;
}

/* [custom-rule] [language: en-GB] [group: Header] [groupOrder: 2] [property: color] [label: Slogan color:] */
/* [custom-rule] [language: it-IT] [group: Testata] [groupOrder: 2] [property: color] [label: Colore slogan:] */
#header h2#header-slogan {
	color: #DEDEDE;
	font-size: 24px;
	font-style: italic;
	padding-left: 20px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Breadcrumbs
------------------------------------------------------------------------------------- */
#breadcrumbs-container {
	/*display: none;*/
	padding: 0 10px;
}

#breadcrumbs-description {
}

#breadcrumbs-items {
}
/* ---------------------------------------------------------------------------------------------- */



/* Body
------------------------------------------------------------------------------------------------- */
#body-container {
   background: url("Images/BodyContainerBackground.png") repeat-y;
	overflow: hidden;
	padding: 0 3px;
	width: 980px;
}

#top {
	margin: 10px;
}

#top-sections-top {
}

#top-sections-middle	{
}

#top-sections-bottom {
}

#middle {
	margin: 10px 0;
}

#middle-sections-top {
}

#middle-sections-middle {
	height: 100%;
}

#middle-sections-middle:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

#middle-sections-bottom {
}

#middle:after {
}

#bottom {
	margin: 10px;
}

#bottom-sections-top {
}

#bottom-sections-middle	{
}

#bottom-sections-bottom	{
}
/* ---------------------------------------------------------------------------------------------- */



/* Footer
------------------------------------------------------------------------------------------------- */
#footer-container {
   background: url("Images/FooterBackground.png");
	clear: both;
   color: #080808;
	position: relative;
	
	/* [FixedFooter] - Altezza footer */
	height: 80px;

	/* [FixedFooter] - Dev'essere uguale ad altezza footer per posizionamento a fondo pagina */
	margin-top: -80px;
} 

#footer {
	margin: 0 auto;
	width: 980px;
}

#footer:after {
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
}

#footer-html {
	float: left;
	height: 20px;
	padding: 5px 20px;
	width: 450px;
}

#footer-html a {
}

#footer-html a:hover {
}

#footer-copyright {
	float: right;
	height: 20px;
	padding: 10px 20px 5px;
	text-align: right;
	width: 450px;
}

#footer-sections-container {
}

#footer-bottom {
}
/* ---------------------------------------------------------------------------------------------- */