/*
Name: Studio Commercialista Associato Meroni Carissimi
Design Studio: if&but Network di Comunicazione - http://www.ifbut.com
Version: 1.0
Author: David Perel
Project Manager: Giovanni Ghersi
*/

/*TABLE OF CONTENTS
Search these titles to jump to their relevant sections
------------------------------------------------------	
COMING SOON
---------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/*- RESET ---------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }

/*--*********************************************************************************--------*/
/*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/
/*-------------------------------------------------------------------------------------------*/
.no_ie{clear:both; border-bottom: 2px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; }
	.no_ie h1{font-size: 22px;}
	.no_ie p{margin: 0px; padding: 0px;}
	.no_ie a{color: #a60000; text-decoration: underline;}
	.no_ie a:hover{color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
html{margin: 0px; padding: 0px}
body{margin: 0px; padding: 0px; font-size: 10pt; color: #333; background: #849db5 url(../media/layout/bg.jpg) repeat-x; font-family: Georgia, "Times New Roman", Times, serif; width: 100%;}

h1, h2, h3, h4, h5{font-family: Georgia, "Times New Roman", Times, serif}

p{color: #303030; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; line-height: 20px; font-size: 12px;}

h1{color: #425266; font-weight: lighter; font-size: 35px; font-style: italic; margin: 0px; padding: 0px 0px 5px 0px;} 
h2{color: #222; font-weight: bold; font-size: 12px; margin: 0px; padding: 0px 0px 8px;}
h3{color: #69819F; font-size: 11px; text-transform: uppercase; margin: 0px; padding: 0px 0px 10px;}
h4{color: #333; font-size: 10pt; margin: 0px; padding: 4px 0px 10px 0px;}
h5{color: #333; font-size: 8pt; margin: 0px; padding: 4px 0px 10px 0px;}
h6{color: #333; font-size: 7pt; margin: 0px; padding: 4px 0px 10px 0px;}
ul,ol{list-style: disc; margin: 0px 20px 10px; padding: 0px 10px 0px; font-size: 8pt;}
ol{list-style: decimal;}
li{line-height: 23px;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--- Links ---*/
a.std_link, a{color: #425266; text-decoration: underline;}
a.std_link:hover, a:hover{color: #000; text-decoration: none;}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float:left;}
.floatright{float:right;}
.image-left{float:left; padding: 0px 10px 10px 0px;}
.image-right{float:right; padding: 0px 0px 10px 10px;}

/*--- Text ---*/
.t_justify{text-align:justify;}
.t_center{text-align: center;}
.t_right{text-align: right;}
.bold{font-weight: bold;}
.pink{color: #f36;}

/*--- Forms ---*/
textarea, input{font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 8pt; padding: 4px;}
.txt{color: #fff; font-weight:bold; float: left; width: 80px; text-align:left; padding: 4px; margin-right: 10px;}
.note{border: 1px solid #e2c822; background:#fff9d7; color: #000; font-weight: bold; padding: 5px; text-align:center; width: 90%; margin: auto; margin-bottom: 15px;}
.note a{color: #f60; text-decoration:none;}
.success{border-bottom: 1px solid #060; border-top: 1px solid #060; background-color: #d6f5c2; color: #060; font-weight: bold; padding: 5px; text-align:center;}
.no_display{display: none;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{width: 980px; margin-left: 20px;}
#left_bar{float: left; width: 340px; margin-right: 20px;}
	#menu_bar{background: #333; border: 1px solid #222; margin: 20px 0px;}
	#menu_footer{background: #222; border: 1px solid #000;}
		#menu_footer .content{padding: 20px 40px;}
		#menu_footer h4, #menu_footer p{color: #999; font-size: 11px; font-style: italic;}
		#menu_footer a {color: #849db5;}

#right_bar{float: left; width: 620px;}
	.content p {text-align:justify;}
	#content_container{background: #fff; margin-bottom: 20px; border: 1px solid #617998;  border-top: none;}
	#content_footer{background: #68819f; border: 1px solid #617998; padding: 20px 40px; margin-bottom: 30px;}
		#content_footer p.copyright, #content_footer p.designedby{float: left; width: 49%; font-size: 11px; font-style: italic; margin: 0px; padding: 0px; color: #d5dce4;}
		#content_footer p.designedby{float: right; text-align: right;}
		#content_footer a{color: #d5dce4;}
		#content_footer a:hover{color: #fff;}
#brochure p{text-align:right; margin-right:40px;  font-size:10px;}

#brochure img{ vertical-align:middle; margin-left:5px; border:0;}
#brochure a{text-decoration:none;}

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h1.logo{margin: 40px 35px 10px;}
	h1.logo a{background: url(../media/layout/meroni_carissimi.gif) no-repeat; display: block; width: 257px; height: 39px; overflow: hidden; text-indent: -9999px;}
h2.slogan{margin: 0px 35px 5px; color: #777; text-transform: uppercase; font-weight: lighter;}
	h2.slogan a{color: #999;}
	
	/*------------------------------------------------------*/
	/*- MENUS ----------------------------------------------*/
	ul#menu{list-style: none; padding: 0px 0px 40px; margin: 0px;}
		ul#menu li{clear: both; border-bottom: 1px solid #3f3f3f;}
		ul#menu li a{color: #fff; font-style: italic; font-size: 13px; font-weight: lighter; display: block; padding: 8px 40px; text-decoration: none;}
		ul#menu li a:hover{text-decoration: underline;}
		ul#menu li:last-child{border: none;}
		.activelink{font-weight:900; text-decoration:underline;}


/*-------------------------------------------------------------------------------------------*/
/*- CONTENT ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#right_bar .content{padding: 40px;}


/*-------------------------------------------------------------------------------------------*/
/*- SUB PAGE --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

/* ------------------- ACCORDION ------------------ */
.VEACCORDION { padding-top: 2px; width:538px; }
    .VEACCORDIONHEADER { background-color: #efefef; height:25px;}
	.VEACCORDIONHEADER p{ color: #69819F; font-size:12px; font-weight:900; padding-left:4px; text-align:left;}
    .VEACCORDIONHEADERACTIVE { background-color:#b4c0d0;  color: #fff; }
    .VEACCORDIONHEADER, .VEACCORDIONHEADERACTIVE { padding: 3px; cursor: pointer;/* border-left: 1px solid #203050; border-right: 1px solid #203050; */ }
	.VEACCORDIONHEADERACTIVE p{ color:#333; font-size:12px; font-weight:900; padding-left:3px; margin-bottom:10px; text-align:left; }
    .VEACCORDIONCONTENT { padding: 0px; height: 0px; margin-bottom: 2px; overflow: hidden; }
    .VEACCORDIONCONTENTACTIVE { padding: 4px; margin-bottom: 2px; overflow: hidden; background-color: #fff; }
    .VEACCORDIONCONTENT, .VEACCORDIONCONTENTACTIVE { border-bottom: 1px solid #000; }
	
	/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- COMMENT AND CONTACT FORMS ------------------------------------------------------------------------------------*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
#dataentry{ background-color:#ecfcfc; padding:10px;}
#dataentry div.txt{clear: both; margin-bottom: 5px; font-weight: normal; color: #333;}
#dataentry input{padding: 5px; width: 250px; margin-bottom: 10px;}
#dataentry textarea{padding: 5px; width:250px; height:80px;}
#dataentry .bottone{height:30px; padding:2px; margin:5px 10px 0px 0px; width:80px; color:#fff; background:#036;}
.image_decoration{padding:3px; border:1px solid; background-color:#fff; float:left; margin-right:5px;}
.errorMessage{
	position:absolute;
	color:red;
	padding-left:5px;
	font-size:11px;
	font-weight:900;
	}