/*-------------------------------------------------------
* Filename: stylesheet.css
* Website: http://www.metagrafica.it
* Author: Marco Morroni
* Description: Layout del sito Zampini.com.
-----------------------------------------------------*/

/*Reset globale*/	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 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; 
	font-size: 100%; 
}

.clearfix:after {
	content : ".";
	display : block;
	clear : both;
	visibility : hidden;
	line-height : 0;
	height : 0;
}

.clearfix {
	display : inline-block;
}

html[xmlns] .clearfix {
	display : block;
}
	
* html .clearfix {
	height : 1%;
}

html {
	background: #fcd9d2 url('../../images/background-bottom.jpg') repeat-x scroll 0 bottom;
}

body {
	font:normal 12px/20px "Tahoma","Verdana", Helvetica, sans-serif; 
	color:#5c5c5c;
	margin:0;
	line-height:18px;
	text-align: center;
	background: transparent url('../../images/background-top.jpg') repeat-x scroll 0 0;
}

img, div, input { behavior: url("includes/css/iepngfix.htc") }

a {
	color:#739900;
	text-decoration:none;
}
	
a:hover {
	color:#000;
	text-decoration:none;
}

p {
	padding:8px 0 5px 0;
	margin:0;
}

/*Allineamenti e floats*/	
.floatright {
	float:right;
}

.floatleft {
	float:left;
}
 
.textleft {
	text-align:left;
}

.textright {
	text-align:right;
}

.textcenter {
	text-align:center;
}

/*Titoli (heading)*/
h1, h2, h3, h4, h5, h6 {
	color:#333333;
	font-weight:bold;
	font-family: "tahoma", "Lucida Sans", "Lucida Sans", "Trebuchet MS", sans-serif;
}

h1 {
	font-weight:normal;
	font-size: 12pt;
	color: #7a7a7a;
	margin:32px 16px 0 15px;
	text-align: right;
	float: right;
	line-height: 14pt;
}

h2 {
	font-size: 20px;
	letter-spacing: 0.7pt;
	color: #6092c4;
	margin: 0;
	padding: 0;
	line-height: normal;
}

h3 {
	font-size: 17px;
	color: #6092c4;
	margin: 0 0 5px 0;
	padding: 0;
}

h4 {
	font-size: 20px;
	letter-spacing: 0.7pt;
	color: #6092c4;
	margin: 0;
	padding: 0;
	line-height: normal;
}

h5 {
	font:normal 13px "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif;
	margin:0 0 5px 0;
}

h6 {
	font:normal 11px "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif;
	margin:0 0 5px 0;
}

/*Struttura della pagina*/
div#container {
	width: 969px;
	text-align: center;
	margin:0 auto; /* margine negativo altezza footer */
	background: transparent url('../../images/content-background.png') repeat-y top center;
}

/*Header*/
div#header {
	width:969px;
	height:239px;
	background: transparent url('../../images/header.gif') repeat-y top center;
	margin-top: 0px;
}

div#header .toptext {
	overflow: hidden;
	height: 108px;
}

div#header a.headmail {
	color: #7a7a7a;
}

div#header span {
	padding: 5px;
}

div#header img.logoheader {
	float: left;
	margin-top: 25px; 
	margin-left: 18px;
}

div#title {
	padding: 5px;
	border: 1px solid #e15c59;
	background-color: #fcd9d2;
	margin: 20px 12px;
	height: 93px;
}

div#header img.titleimage {
	float: left;
	background:#FFFFFF;
	padding:5px;
}

div#header div.titleavatar {
	float: left;
	height: 93px;
	width: 102px;
	overflow: hidden;
	padding-left: 45px;
}

div#header img.titleavatar {
	width: 102px;
	height: 118px;
}

div#titletext {
	float: left;
	width: 400px;
	text-align: left;
	padding:  6px 0px 0px 32px;
}

/*Footer*/
div#footer {
	margin: 0 auto;	
	width: 969px;
	height: 127px;
	background: transparent url('../../images/footer.gif') repeat-y top center;
}

div#copyright {	
	padding: 1px 0 12px 0;
	font-size: 8pt;
	color: #ffffff;
	clear: both; 
	width: 927px;
	text-align: center;
	margin: 10px auto 0 auto;
}

div#copyright a {	
	color: #ffffff;
}

div#copyright a:hover {	
	color: #739900;
}

div#menubottom {	
	padding: 50px 0 12px 0;
	font-size: 10pt;
	color: #ffffff;
	clear: both; 
	width: 927px;
	text-align: center;
	margin: 0 18px;
}

div#menubottom span {	
	padding: 0 5px;
}

div#menubottom a {	
	color: #ffffff;
}

div#menubottom a:hover {	
	color: #739900;
}

/*CSS per il menu*/
div#navigation {
	position: relative;
	width: 969px;
	height: 55px;
	overflow: hidden;
	background: transparent url('../../images/menu.gif') no-repeat top center;
}
 
div#navigation ul {
	padding: 0;
	margin: 0;
	font-size: 14pt;
}

/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
div#navigation ul li {
	float: left;
	list-style: none;
	background: transparent url('../../images/menu-border.jpg') no-repeat scroll right 3px;
}

div#navigation ul li span {
	font-size: 7pt;
	display: block;
}

div#navigation ul li a {
  position: relative;
	z-index: 10;
	display: block;
	float: left;
	overflow: hidden;
	color: #999999;
	padding: 9px 0;
	width: 161px;
}

div#navigation ul li a:hover {
	color: #ffffff;
}

div#navigation ul li a.current {
	color: #ffffff;
}

div#navigation li.background {
  background: url('../../images/scroll.png') no-repeat top center;
  z-index: 8;
  position: absolute;
  visibility: hidden;
  width: 121px;
  height: 48px;
}

/*corpo e generici*/
div#content {
	width: 969px;
	margin: 0;
	padding: 0;
}

div#content1 {
	width: 969px;
	margin: 0;
	padding: 0;
}

div#content img.borded {
	border:1px solid #dddddd;
	background:#FFFFFF;
	padding:3px;
}

a.continua {
	font-weight: bold;
	color:#739900;
	text-decoration:none;
}
	
a.continua:hover {
	color:#6092c4;
	text-decoration:none;
}

div.box {
	line-height: 11pt;
	font-size: 8pt; 
	background-color: #eaeaea;
	padding: 10px;
	width: auto;
}

div#content img.imgbase {
	float: left; 
	border: 0; 
	padding: 0; 
	margin: 0;
}

ul.lists{
	margin:0;
	padding:10px 0 10px 10px;
	list-style:none;
	display : inline-block;
}
	
ul.lists li {	
	padding:3px 5px 3px 10px;
	background:url('../../images/bullet.jpg') left 10px no-repeat;
}

ul.normal{
	margin:0;
	padding:10px 0 10px 10px;
	list-style:none;
	display : inline-block;
}
	
ul.normal li {	
	padding: 5px 10px 10px 20px;
	background:url('../../images/bullet.png') left 10px no-repeat;
}

ul.email{
	margin:0;
	padding:10px 0 10px 10px;
	list-style:none;
	display : inline-block;
	font-family: Arial; 
}
	
ul.email li {	
	padding: 6px 0px 0px 18px;
	background:url('../../images/bullet.png') left 10px no-repeat;
	color:#5c5c5c;
	cursor: pointer;
	font-weight: bold;
}

ul.email li:hover {	
	color: #739900;
}

ul.email li.current {	
	color: #739900;
}

div.minibox {
	padding: 3px 5px 0 70px;
}

div.grid {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.leftbar {
	border:1px solid #cecece;
	padding:10px;
	margin:20px 0 0 20px;
	background-color: #e8e8e8;
}

.text {
	margin:20px 0 20px 0;
}

blockquote {
	margin:0 0 15px 10px;
	padding: 0;
	font-size: 8pt;
}

ul.submenu{
	margin:0px;
	padding:0;
}

ul.submenu li {
	margin-left:0px;
	list-style-type:none;
}

ul.submenu li a {
	height:100%;
	font:normal 10px Arial, Helvetica, sans-serif;
	margin:3px 0;
	border:1px solid #d5d9cd;
	text-decoration:none;	
	text-transform:uppercase;
}

ul.submenu li a:link, ul.submenu li a:visited {
	background:#ffffff;
	display:block;
	padding:6px 0px 6px 10px;	
	text-decoration:none;
}

ul.submenu li.current a {
	background:#FFF2EF;
	color:#000;	
	text-decoration:none;
	padding:6px 0px 6px 10px;	
}

ul.submenu li a:hover {
	background:#FFF2EF;
	padding:6px 0px 6px 10px;	
	text-decoration:none;
}

/* Form contatti*/
.cssform p {
	background:#fff; 
	margin: 0 0 8px 0; 
	padding:5px 5px 5px 55px;  
	border:1px solid #cecece; 
	list-style-type:none;
	clear: left;
	height: 1%;
}


.cssform p:hover {
	border:1px solid #aaa;  
	background:#f5f5f5;
	} 

.cssform fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.cssform label {
	margin-top: 3px;
	float: left;
	margin-left: -50px; /*width of left column*/
	padding-right: 7px;
	text-align: left;
	width: 165px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform label span {
	color: #CC0000;
	padding-left: 3px;
}

.cssform input {
	padding:3px 5px;
	width: 267px;
}

.cssform textarea {
	width: 407px;
	height: 110px;
	padding:5px;
	margin-left: 0px;
}

.cssform select {
	padding:3px 5px;
	width: 277px;
}

.cssform input, .cssform textarea, .cssform select {
	border:#cccccc solid 1px;
}

#sendmessage {
	float: right; 
}

div#msg img {
	vertical-align: middle;
	margin-right: 6px;
}

div.msg-success {
	color: #008000;
	border: 1px solid #008000;
	background-color: #f9ffef;
	padding: 10px;
	margin: 10px;
}

div.msg-error {
	color: #c00000;
	border: 1px solid #c00000;
	background-color: #ffefef;
	padding: 10px;
	margin: 10px;
}

div#buttons input {
	border: 2px solid rgb(96, 146, 196);
	margin: 0pt auto;
	padding: 2px 10px;
	background: transparent url(../../images/btn-bkg.gif) repeat-x scroll left top;
	font-family: Arial;
	color: rgb(112, 104, 100);
	font-weight: bold;
}

/*.contactform form, 
#contactform form ul { 
	margin:10px 0 0 0px; 
	padding:0px; 
	color:#333333; 
	}

.contactform ul li {
	background:#fff; 
	margin: 0 0 5px 0; 
	padding:5px 5px 10px 5px;  
	border:1px solid #cecece; 
	list-style-type:none;
	} 

.contactform ul li:hover {
	border:1px solid #aaa;  
	background:#f5f5f5;
	} 

.contactform label {
	display:block; 
	width:180px; 
	padding-left:10px;

	}

.inputbox {
	padding:5px 0 5px 15px;
	}

.inputs {
	width:256px;
}

.small {
	width:127px;
}


a.read {
display:block;
width:100px;
font-family:Arial, Helvetica, sans-serif;
padding:0 0 0px 20px;
margin:0 0 5px 0;
text-transform:uppercase;
font-size:10px;
}

*  Readmore *
a.read  	 {background: URL(../images/readmore.gif) left center no-repeat; }
a.read:hover {background: URL(../images/readmoreo.gif) left center no-repeat; text-decoration:none; }


*******************************************************
  				Error / Success / Notice	
*******************************************************

.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{background: #ccfcd1;border: 1px solid #60a400;}
.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
	.notes, .notice, .success, .error 
		{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
	.notes span, .notice span, .success span, .error span 
		{font-weight: bold;font-size: 1.2em;padding: 2px 40px;}
	.notes p, .success p, .error p, .notice p 
		{margin: 0px;padding: 0px 40px;}*/
