/*
960px Grid System ~ Core CSS.
Created by the Grid System Generator - v0.94
Learn more ~ http://www.gridsystemgenerator.com/

Based on the Grid System by Natan Smith - http://960.gs/
*/


/* =Containers
--------------------------------------------------------------------------------*/
.container_12
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-color: #eae3c4;
	padding: 10px 0;
	position: relative;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 { width: 60px; }
.container_12 .grid_2 { width: 140px; }
.container_12 .grid_3 { width: 220px; }
.container_12 .grid_4 { width: 300px; }
.container_12 .grid_5 { width: 380px; }
.container_12 .grid_6 { width: 460px; }
.container_12 .grid_7 { width: 540px; }
.container_12 .grid_8 { width: 620px; }
.container_12 .grid_9 { width: 700px; }
.container_12 .grid_10 { width: 780px; }
.container_12 .grid_11 { width: 860px; }
.container_12 .grid_12 { width: 940px; }


/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1 { padding-left: 80px; }
.container_12 .prefix_2 { padding-left: 160px; }
.container_12 .prefix_3 { padding-left: 240px; }
.container_12 .prefix_4 { padding-left: 320px; }
.container_12 .prefix_5 { padding-left: 400px; }
.container_12 .prefix_6 { padding-left: 480px; }
.container_12 .prefix_7 { padding-left: 560px; }
.container_12 .prefix_8 { padding-left: 640px; }
.container_12 .prefix_9 { padding-left: 720px; }
.container_12 .prefix_10 { padding-left: 800px; }
.container_12 .prefix_11 { padding-left: 880px; }


/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1 { padding-right: 80px; }
.container_12 .suffix_2 { padding-right: 160px; }
.container_12 .suffix_3 { padding-right: 240px; }
.container_12 .suffix_4 { padding-right: 320px; }
.container_12 .suffix_5 { padding-right: 400px; }
.container_12 .suffix_6 { padding-right: 480px; }
.container_12 .suffix_7 { padding-right: 560px; }
.container_12 .suffix_8 { padding-right: 640px; }
.container_12 .suffix_9 { padding-right: 720px; }
.container_12 .suffix_10 { padding-right: 800px; }
.container_12 .suffix_11 { padding-right: 880px; }
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* =Body
--------------------------------------------------------------------------------*/

body
{
	background: #f4eed4 url('../img/background_body.jpg') repeat scroll 0 0;	
}

/* =Top
--------------------------------------------------------------------------------*/

#top
{
	background-color: #3c3b36;
	height: 90px;
}

	#top div
	{
		width: 960px;
		height: 90px;
		margin: 0 auto;
		background: #3c3b36 url('../img/background_top.jpg') repeat-x scroll 0 0;	
		position: relative;
	}
	
	#top img#logo
	{
		position: absolute;
		top: 5px;
		left: 15px;
		z-index: 10;
	}
	
	#top img#title_top
	{
		position: absolute;
		top: 20px;
		left: 140px;
	}

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

#menu
{
	background: #d6cda4 url('../img/background_menu1.jpg') repeat-x scroll 0 0;
	height: 50px;
}

	#menu div
	{
		background: #d1c89c url('../img/background_menu2.jpg') repeat-x scroll 0 0;
		width: 860px;
		height: 50px;
		margin: 0 auto;
		padding: 0 50px;
	}
	
	#menu div a.tab
	{
		display: block;
		float: right;
		line-height: 50px;
		font-size: 130%;
		padding: 20px 10px 0 10px;
		color: #3F3E37;
		margin: -20px 5px 0 5px;
		position: relative;
		z-index: 10;
		text-decoration: none;
	}
	
	#menu div a.sel
	{
		background: transparent url('../img/background_tab.jpg') repeat-x scroll 0 0;
	}
	
		#menu div a.tab:hover
		{
			text-decoration: underline;
			color: #5F5C47;
		}
	
		#menu div a.tab span
		{
			line-height: 60px;
			
		}

/* =various
--------------------------------------------------------------------------------*/
		
img.photo_top
{
	border: 3px solid #f4efd7;
	margin: 0 0 10px 0;
}

.w50p
{
	display: inline;
	width: 300px;
	float: left;
	margin: 0 30px 0 0;
}

.h10{height: 10px}
.h20{height: 20px}
.h50{height: 50px}
.h250{height: 250px;}

.left{float: left;}
.right{float: right;}

.margin_r10
{
	margin-right: 10px;
}

#banner
{
	background: transparent url('../img/black_75.png') scroll repeat 0 0;
	width: 950px;
	position: absolute;
	left: 5px;
	top: 70px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

	#banner img
	{
		display: block;
		margin: 10px auto;
		border: 3px solid #363632;
	}
	
	#banner p
	{
		text-align: right;
		margin: 0 10px 10px 10px;
	}
	
	#banner p a
	{
		color: #F4EED4;
	}


.invisible
{
	display: none;
}

.relative
{
	position: relative;
}

h5.left
{
	float: left;
	margin: 0 15px 0 0;
	padding: 5px;
}

h5.sel
{
	background-color: #3F3E37;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

h5.sel a
{
	color: #F4EFD7;
	text-decoration: none;
}

.in
{
	margin: 10px;
}

.in_box
{
	margin: 10px 0;
}

th
{
	text-align: left;
}

p
{
	margin: 0 0 7px 0;
}

a.doc
{
	padding: 0 0 0 15px;
	background: transparent url('../img/mini_icons/document.gif') no-repeat scroll 0 5px;
}

a.mail
{
	float:right;
	position: relative;
    top: -25px;
	padding: 0 0 0 15px;
	margin-right:8px;
	background: transparent url('../img/mini_icons/mail_back.gif') no-repeat scroll 0 5px;
}

a.person
{
	padding: 0 0 0 15px;
	float:right;
	position: relative;
    top: -25px;
	background: transparent url('../img/mini_icons/person.gif') no-repeat scroll 0 5px;
}

a.contatta
{
	padding: 0 0 0 15px;
	margin-left:10px;
	background: transparent url('../img/mini_icons/person.gif') no-repeat scroll 0 5px;
}
.commission{
	text-align:center;
}
.commission h5{
	float:left;
}
.commission font{
	color: #70673B;
    font-size: 17px;
	 font-family: Palatino Linotype,Book Antiqua,Palatino,serif;
	 font-weight:bold;
}

a:hover
{
	text-decoration: none;
}

.thumb
{
	float: left;
	margin: 5px 10px 10px 0;
	border: 1px solid #D1C89C;
}

.thumbMember
{
	display: block;
	margin: 0 auto;
	border: 1px solid #D1C89C;
	padding: 1px;
}

/* =Box
--------------------------------------------------------------------------------*/

.box
{
	background-color: #f4efd7;	
	border: 1px solid #DFD7B5;
	-webkit-box-shadow: 0 0 5px #e3dbba;
	-moz-border-radius: 3px;
}

/* =Forms
--------------------------------------------------------------------------------*/
form .login{
	position:relative;
}
form label
{
	display: block;
	font-weight: bold;
	font-size: 85%;
	line-height: 110%;
}

form div
{
	padding: 3px 0;
}

form div input, form div textarea
{
	padding: 3px;
}

form.login div.text, form.login div.password
{
	margin: 0 30px 0 0;
}

form.login div.text input, form.login div.password input
{
	background-color: #363632;
	border: 2px solid #d1c89c;
	width: 100%;
	padding: 5px 3px 5px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #EFEAD1;
}

form.login div.submit input
{
	background-color: #363632;
	border-width: 1px;
	border-color: #d1c89c;
	color: #EFEAD1;
	padding: 3px 23px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:left;
}

form.login div.text  input.username
{
	background: #363632 url('../img/background_input_user.jpg') no-repeat scroll 5px 7px;
	padding: 5px 3px 5px 23px;
}

form.login div.password input
{
	background: #363632 url('../img/background_input_password.jpg') no-repeat scroll 5px 5px;
	padding: 5px 3px 5px 23px;
}

form.login div.submit input
{
	background: #363632 url('../img/background_input_login.jpg') no-repeat scroll 7px 8px;
}

form.login .error-message
{
	color: #BF6217;
}
/* =Forms2
--------------------------------------------------------------------------------*/
form.login2{
	position:relative;
	float:left;
	width:300px;
}
form label
{
	display: block;
	font-weight: bold;
	font-size: 85%;
	line-height: 110%;
}

form div
{
	padding: 0;
	
}

form div input, form div textarea
{
	padding: 3px;
}

form.login2 div.text, form.login2 div.password
{
	width:180px;
	margin:0;
	padding-top: 3px;
}

form.login2 div.text input, form.login2 div.password input
{
	background-color: #fff;
	border: 2px solid #d1c89c;
	width: 100%;
	padding: 5px 3px 5px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #363632;
	width:150px;
}

form.login2 div.submit input
{
	background-color: #fff;
	border-width: 1px;
	border-color: #d1c89c;
	color: #363632;
	padding: 1px 17px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	
}

form.login2 div.text  input.username
{
	background: #DFD7B5 url('../img/background_input_user.jpg') no-repeat scroll 5px 7px;
	padding: 1px 3px 1px 23px;
}

form.login2 div.password input
{
	background: #DFD7B5 url('../img/background_input_password.jpg') no-repeat scroll 5px 5px;
	padding: 1px 3px 1px 23px;
}

form.login2 div.submit input
{
	background: #DFD7B5 url('../img/background_input_login.jpg') no-repeat scroll 7px 8px;
	position:absolute;
	 right: 16px;
    top: 27px;
}

form.login2 .error-message
{
	color: #BF6217;
}
.reserved
{
	position:absolute;
	top:-139px;
	right:0;
	width:300px;
	z-index:20;
	background-color: #363632;
	border:1px solid transparent;	
	border-color: transparent #565650 #565650 #565650;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.25);
	box-shadow: 0 3px 3px rgba(0,0,0,.25);
	-moz-border-radius: 0 0 3px 3px !important;
	-webkit-border-radius: 0 0 3px 3px !important;
	border-radius: 0 0 3px 3px !important;
}
.in_reserved
{
	color: #EEE;
	margin-top:0;
	margin-bottom:0;
}

.in_reserved a
{
	color: #F4EFD7 !important;
}
.in_reserved h6{
	font-size:13px;
	color:#DFD7B5;
}
.reserved a#remember{
float:left;
font-size:11px;
color:#DFD7B5;

}

/* =FormsPassword
--------------------------------------------------------------------------------*/
a#remember{
float:right;
font-size:12px;
}


form.recupero div.submit input
{
	background-color: #363632;
	border-width: 1px;
	border-color: #d1c89c;
	color: #EFEAD1;
	padding: 3px 23px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #363632 url('../img/background_input_login.jpg') no-repeat scroll 7px 8px;
}

form.recupero div.text  input.mail
{
	background: #363632 url('../img/background_input_user.jpg') no-repeat scroll 5px 7px;
	padding: 5px 3px 5px 23px;
	width:220px;
	color: #EFEAD1;
}


form.recupero .error-message
{
	color: #BF6217;
}

/* =Logos
--------------------------------------------------------------------------------*/

div.logos
{
	height: 80px;
}

div.logos img
{
	position: absolute;
}

div.logos img:hover
{
	opacity: 0.75;
}

img#logo_1
{
	width: 80px;
	top: 0;
	left: 0;
}

img#logo_2
{
	width: 80px;
	top: 0;
	left: 90px;
}

img#logo_3
{
	top: 12px;
	left: 190px;
}

img#logo_4
{
	top: 0;
	left: 410px;
	width: 75px;
}

img#logo_5
{
	top: -12px;
	left: 500px;
	width: 75px;
}

img#logo_6
{
	top: 20px;
	left: 590px;
	width: 140px;
}

img#logo_7
{
	top: 20px;
	left: 740px;
	width: 130px;
}

img#logo_8
{
	top: 10px;
	left: 875px;
	height: 50px;
}

/* =Footer
--------------------------------------------------------------------------------*/

.footer *, .footer
{
	color: #5F5D53;
}

/* =Form
--------------------------------------------------------------------------------*/

form.form div.input input, form.form div.textarea textarea, form.form div.password input
{
	background-color: #FFFCEF;
	border-width: 1px;
	border-color: #DFD7B5 #F4EFD7 #F4EFD7 #CFC7A8;
	font-family: Verdana;
	font-size: 85%;
	color: #303030;
}

.form .error-message
{
	color: #BF6217;
}

.form select, .form input[type="text"]
{
	padding: 5px;
}

.form input[disabled="true"]
{
	background-color: #EAE3C4;
	border: 1px solid #CFC8A8;
}

/* =List
--------------------------------------------------------------------------------*/

ul.list li
{
	padding: 7px 0 0 0;
	
	margin: 0;
	list-style-type: none;
}

#user_box
{
	display: block;
	float: right;
	width: 150px;
	color: #eee;
	padding: 10px;
}

#user_box a
{
	color: #eee;
}

#user_box p
{
	margin: 0;
}

/* =Table_box
--------------------------------------------------------------------------------*/

div.table_box
{
	position: relative;
}

table.list
{
	width: 100%;
	margin: 20px 0;
}

table.list th, table.list td
{
	line-height: 180%;
	padding: 3px 5px;
}

table.list th
{
	color: #70583B;
	text-align: left;
}

table.list tr.alt td
{
	background-color: #ede7cc;
}

table.list tr td
{
}

/* =Search
--------------------------------------------------------------------------------*/

.search
{
	background-color: #F4EFD7;
	padding: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-position: center 0;
	background-repeat: no-repeat;
	border: 1px solid #DFD7B5;
}

.search div
{
	float: left;
	margin: 0 20px 0 0;
}

.search div.clear, .search div.submit
{
	float: none;
}

.search div label
{
	display: block;
	line-height: 150%;
}

.search div.submit input
{
	padding: 3px 10px;
}

.search div.text input, .search textarea, .search select
{
	padding: 3px;
	border-color: #DFD7B5 #F4EFD7 #F4EFD7 #CFC7A8;
	border-width: 1px;
	background-color: #FFFCEF;
}

/* =Profile
--------------------------------------------------------------------------------*/

table.profile td, table.profile th, table.profile td *
{
	line-height: 200%;
}

table.profile td, table.profile th
{
	border-bottom: 1px dotted #EAE3C4;
}

table.profile th
{
	padding: 0 50px 0 0;
}

/* =Flashmessage
--------------------------------------------------------------------------------*/

#flashMessage
{
	margin: 10px;
	background-color: #f4efd7;	
	border: 1px solid #DFD7B5;
	-webkit-box-shadow: 0 0 5px #e3dbba;
	-moz-border-radius: 3px;
	padding: 10px;
	font-size:17px;
	color: #70493B;
}