@charset "utf-8";
/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {
	padding-bottom: 50px;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	background-color: #E4DEC2;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ----------------------------------------------
	Template Name : CasaOleariaTaggiasca
	Template Code : COT_V_1.0
	Version : 1.0   
	Author : Luca Bordonaro
	Author URI : http://www.ellellestudio.it       
	Last Date Modified : --
 ------------------------------------------------ */
body {
	background-color: #f6f4ea;
}

/* ------------------------  BRAND.HTM  -----------------------------*/
#brand {
	height: 634px;
	width: 804px;
	margin-top: -317px;
	margin-left: -402px;
	border: 1px solid #dfd8c1;
	position: absolute;
	left: 50%;
	top: 50%;
}

/* ------------------------  FINE  --------------------------------*/

hr {
	border:0;
	height: 1px;
	background-color: #ccc;
	margin-top: 10px;
	margin-bottom: 10px;

}
#header {
	background-color: #331f17;
	display: block;
}
#logo {
	height: 150px;
	width: 450px;
	float: left;
	background-image: url(../immagini/logo.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 20px;
}

#menu {
	display:block;
	text-transform:capitalize;
	font-weight:normal;
	float: right;
	width: 330px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 160px;
}

#sidebar {
	float: left;
	width: 200px;
	padding-left: 90px;
}
#mainContent {
	float: left;
	width: 480px;
}
.wrapper {
	width: 920px;
	padding: 20px;
}
#percorso {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: #331F17;
	font-size: 10px;
	line-height: 40px;
	height: 40px;
	padding-left: 20px;
	background-image: url(../immagini/bk_percorso.gif);
	background-repeat: repeat-x;
}


#contentsx {
	float: left;
	width: 420px;
	padding: 20px;
}
#contentdx {
	float: left;
	width: 460px;
	padding: 20px;
}


/*---------------------------------------------------  CLASSI  ----------------------------------------------*/

.clear { clear: both;}
.logo  { float: left; height: 300px;	width: 500px; border: 1px solid #dfd8c1; }
.none  { display: none; }
.banda { width: 100%; }

/*---------------------------------------------------------- FORM  ----------------------------------------------*/

#tx-powermail-pi1_fieldset_1 div {
	display: block;
	float: left;
	width: 220px;
	margin-top: 10px;
	margin-right: 50px;
}
.tx-powermail-pi1 {
	margin-left: 0px;
}


label {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 11px;
	color: #331F17;
	display: block;
	width: auto;
	margin-bottom: 10px;
}
legend {
	visibility: hidden;
}

input, select, textarea {
	width: 200px;
	margin-bottom: 5px;
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 12px;
	color: #4b3c30;
	line-height: 18px;
}

textarea {
	height: 200px;
}



input[type=checkbox]{
	
	height: auto;
	width: auto;
}
input[type=radio]{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F7EEDA;
	height: auto;
	width: auto;
}

input[type=image] {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 23px;
	width: 75px;
	
}
input[type=submit] {
	width: 100px;
	
}

 .tx-powermail-pi1 table{
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 12px;
	color: #4b3c30;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;

}
 .tx-powermail-pi1 td {
	line-height: 30px;
	height: 30px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;

}
.tx-powermail-pi1 p{
	font-weight: bold;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: capitalize !important;
	 }
.tx_powermail_pi1_formconfirmation_back {
	float: left;
	margin-right: 20px;
	display: block;
	height: 23px;
	width: 150px;
}
.tx_powermail_pi1_formconfirmation_submit {
	float: left;
	margin-right: 30px;
	display: block;
	height: 23px;
	width: 120px;
}

ul.powermail_mandatory_list {
	list-style-type:none;
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #8B7969;
	margin-top: 10px;
	padding-top: 20px;
}
ul.powermail_mandatory_list li {
	pading:0;
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.tx-powermail-pi1_mandatory {
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #5A432D;
}
.tx-powermail-pi1_mandatory strong {
	font-weight: normal;	
}
.powermail_mandatory_js{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #C00;	
	}


