/*
Theme Name: 5ThirtyOne Foliage
Theme URI: http://5thirtyone.com/foliage/
Description: Foliage maintains the simplicity of a single column theme
Version: 1.5
Author: Derek Punsalan
Author URI: http://5thirtyone.com/

Do not rip or pass of as your own. I spent a pretty dime of my time on this one. 
Please give credit where credit is due. Respect goes out to the various plugin / 
script authors that I've made use of within Foliage.
*/

* { margin: 0; padding: 0; }
h1, h2, h3, p, pre, blockquote, form, fieldset, ul { margin: 1em 0; }
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; color: #f0f0f0; }
h1 {font-size: 2em;}
h2 {font-size: 1.9em;}
h3 {font-size: 1.6em;}
.entry strong, #bottom strong { color: #5BAC26;}
a {text-decoration: none;}
a:active {outline: none;}
a:link, a:active, a:visited {color: #f0f0f0;}
	a:hover {color: #B2C977;}
p, li { font-size: 1.2em; line-height: 1.5em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #e8e8e8; }
body { font-size: 62.5%; margin: -1.2em 0; background: #00435c; max-width: 100%; }

/* ----------------------------------- navigation */
#header { display: block; width: 67em; height: 40em;  }
#navigation { text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; text-transform: lowercase; }
	#navigation li { float: right; width: 7.5em; list-style: none; }
	#navigation a { color: #FFF; display: block; width: 7.5em; line-height: 3.1em; padding-top: 8em; }
	#navigation a:hover { color: #eee; background: #5bac26; border-bottom: 2px solid #eee; }

/* ----------------------------------- main */
#page { width: 67em; margin: 0 auto; text-align: left; } 
.content { margin-top: -19em; padding: 0 2% 1%; }
.post { position: relative; padding-bottom: 2.5em; }
	* html .post { height: 1%; }
.entrycomments { position: absolute; right: 0; bottom: 0; font-size: 0.9em; }
	.entrycomments a { text-align: center; display: block; padding: 0.3em; line-height: 1.2em; outline: none; }
	.entrycomments a:link, .entrycomments a:visited { color: #4f4f4f; border: 1px solid #4f4f4f; }
	.entrycomments a:hover, .entrycomments a:active { color: #95A566; border: 1px solid #5f5f5f; }
.entry { padding-bottom: 1em; }
	.entry a:link, .entry a:active, .entry a:visited { color: #B2C977; }
	.entry a:hover { color: #73804E; }
	.entry h3 { padding-left: 1.6em; background: url("images/entryleaf.gif") no-repeat top left; margin-top: 1.5em;	}
	.entry ul { list-style-type: none; }
	.entry li { width: 34.5em; }
	.entry ul li { background: url("images/li.gif") no-repeat; padding-left: 1.3em; margin-left: 3em; background-position: 0 0.4em; }
	.entry ol { margin: 0 0 0 5.5em; }
	.entry blockquote p { margin-left: 3em; width: 34em; color: #9f9f9f; }
.entrymeta { font-size: 0.9em; margin: -2.2em 0 2.6em 0; text-transform: lowercase; }

/* ----------------------------------- comments */
.tabbedCommentslive .commentTabhide {display:none;}
.tabbedCommentslive { margin-top: 1em; }
ul.tabbedCommentsnav { 	margin:0;	padding:0; text-transform: lowercase; font-weight: bold; font-size: 1.2em; }
	.tabbedCommentsnav li {	list-style: none; margin: 0; display: inline; }
	.tabbedCommentsnav li a { padding: 0.3em 0.5em; background: #95A566; border-top: 1px solid #484848; border-bottom-color: #444; margin-right: 0.1em; }
		.tabbedCommentsnav li.tabbedCommentsactive a { background-color: #444; }
		.tabbedCommentsnav li a:hover, 
		.tabbedCommentsnav li.tabbedCommentsactive a:hover { color: #f0f0f0; background: #444; }
.tabbedCommentslive .commentTab { background: #444;	padding: 1.2em 0.5em; margin: 0.2em 0 0 0; border: 1px solid #484848; }
.commentlist li { list-style: none; font-size: 1em; margin-bottom: 0.5em; background: #4f4f4f; border-top: 1px solid #555; border-bottom: 1px solid #555; width: 50.8em; }
	.comment { overflow: auto; padding: 0 0.5em 0.6em 0.5em; outline: none; }
	li.alt { background: #3f3f3f; border-top: 1px solid #444; border-bottom: 1px solid #444; }
	li.author { background: #95A566; border-top: 1px solid #626C4A;	border-bottom: 1px solid #626C4A; }
	.commentmeta { text-align: right; color: #f0f0f0; }
	.commentmeta a:link, 
	.commentmeta a:active, 
	.commentmeta a:visited {color: #B2C977;}
	.author a:link, 
	.author a:active, 
	.author a:visited {color: #555;}
	.commentmeta a:hover, 
	li.author a:hover, 
	li.specialguest a:hover {color: #f0f0f0;}
		

/* ----------------------------------- page bottom */
#bottom { width: 100%; background: #95A566 url("images/bottom.gif") repeat-x top left; clear:left }
#bottomwrap { margin: 0 auto; padding-top: 3%; padding-left: 1.5%; width: 67em; }
#bottomwrap a:hover {color: #222;}
	#bottomwrap ul { margin-left: 0.6em; list-style-type: none; }
	#bottomwrap ul li { background: url("images/li_bottom.gif") no-repeat; padding-left: 1.3em; background-position: 0 0.4em; }
.toolshed { padding-left: 1.6em; background: url("images/leaf2.gif") no-repeat top left; margin-top: 1.5em; }
#bottomleft { float: left; width: 22em; position: relative; }
  #bottomnav li a span { display: none; }
	#bottomnav li a:hover span { display: inline; }
#bottomright { float: right; width: 22em; overflow: hidden; }

/* ----------------------------------- misc */
img { background: #4f4f4f; border: 1px solid #95A566; padding: 2px; }
abbr[title] { border-bottom: 1px dotted #999; }
abbr[title]:hover { cursor: help; }
.clear { clear: both; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-smiley { border: 0; }

/* ----------------------------------- comments */
#s { width: 15em; background: #333; border: 1px solid #B2C977; color: #f0f0f0; padding: 0.3em; }
#submit, #searchsubmit, #author, #url, #email, #comment { border: 1px solid #B2C977; background: #333; padding: 0.3em; color: #f0f0f0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em; }
#author, #url, #email, #comment { color: #f0f0f0; border: 1px solid #4f4f4f; }
.commentTab #submit { background: #95A566; border: 1px solid #4f4f4f; color: #f0f0f0; padding: 0.3em 0.3em; font-size: 0.9em; }
	#author, #email, #url { width: 15em; }
	#comment { width: 46.2em; height: 15em; overflow: auto; }
	
/* ----------------------------------- footer */
#footer { text-align: center; padding: 0.5em 0 0.3em; text-transform: lowercase; }
  #footer a:hover { color: #efb; }

/* ----------------------------------- float rules */
.floatleft { float: left; margin: 3px 7px 0 0; }
.floatright { float: right; margin: 3px 0 0 7px; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; } 
* html .fix { height: 1%; }
.fix { display: block; }

/* ----------------------------------- personalizzato siti-internet-roma.it */
.im{float: left; height:150px; width:335px; background: url("images/im-servizi-consulenze-aziendali-roma.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px   }
.im:hover {float: left; height:150px; width:335px; background: url("images/im-servizi-consulenze-aziendali-roma-hover.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px    }
.iso9001 {float: left; height:150px; width:315px; background: url("images/certificazione-di-qualita-iso-9001.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px; margin-bottom:10px;   }
.iso9001:hover {float: left; height:150px; width:315px; background: url("images/certificazione-di-qualita-iso-9001-hover.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px; margin-bottom:10px;    }
.iso14001 {float: right; height:150px; width:315px; background: url("images/certificazione-ambientale-iso-14001.gif") no-repeat scroll left top transparent; margin-right: -16px; margin-left: 20px; margin-bottom:10px;    }
.iso14001:hover {float: right; height:150px; width:315px; background: url("images/certificazione-ambientale-iso-14001-hover.gif") no-repeat scroll left top transparent; margin-right: -16px; margin-left: 20px; margin-bottom:10px;    }
.sa8000 {float: left; height:150px; width:315px; background: url("images/certificazione-etica-sa-8000.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px; margin-bottom:10px;   }
.sa8000:hover {float: left; height:150px; width:315px; background: url("images/certificazione-etica-sa-8000-hover.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px; margin-bottom:10px;   }
.c_d_prodotto {float: right; height:150px; width:315px; background: url("images/certificazione-di-prodotto.gif") no-repeat scroll left top transparent; margin-right: -16px; margin-left: 20px; margin-bottom:10px;   }
.c_d_prodotto:hover {float: right; height:150px; width:315px; background: url("images/certificazione-di-prodotto-hover.gif") no-repeat scroll left top transparent; margin-right: -16px; margin-left: 20px; margin-bottom:10px;    }
.iso22000 {float: left; height:150px; width:315px; background: url("images/certificazione-sicurezza-alimentare-iso-22000.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px; margin-bottom:10px;   }
.iso22000:hover {float: left; height:150px; width:315px; background: url("images/certificazione-sicurezza-alimentare-iso-22000-hover.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px; margin-bottom:10px;   }
.haccp {float: right; height:150px; width:315px; background: url("images/sistema-haccp.gif") no-repeat scroll left top transparent; margin-right: -16px; margin-left: 20px; margin-bottom:10px;   }
.haccp:hover {float: right; height:150px; width:315px; background: url("images/sistema-haccp-hover.gif") no-repeat scroll left top transparent; margin-right: -16px; margin-left: 20px; margin-bottom:10px;    }
.lavoro {float: left; height:150px; width:315px; background: url("images/sicurezza-lavoro-81_2008.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px; margin-bottom:10px;   }
.lavoro:hover {float: left; height:150px; width:315px; background: url("images/sicurezza-lavoro-81_2008-hover.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px; margin-bottom:10px;   }
.ohsas {float: right; height:150px; width:315px; background: url("images/certificazione-OHSAS.gif") no-repeat scroll left top transparent; margin-right: -16px; margin-left: 20px; margin-bottom:10px;   }
.ohsas:hover {float: right; height:150px; width:315px; background: url("images/certificazione-OHSAS-hover.gif") no-repeat scroll left top transparent; margin-right: -16px; margin-left: 20px; margin-bottom:10px;    }
.prog_impresa {float: left; height:150px; width:315px; background: url("images/Progetti-d-impresa-analisi-fattibilita-gestione-finanziamenti-agevolati.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px; margin-bottom:10px;   }
.prog_impresa:hover {float: left; height:150px; width:315px; background: url("images/Progetti-d-impresa-analisi-fattibilita-gestione-finanziamenti-agevolati-hover.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px; margin-bottom:10px;   }
.privacy {float: right; height:150px; width:315px; background: url("images/privacy.gif") no-repeat scroll left top transparent; margin-right: -16px; margin-left: 20px; margin-bottom:10px;   }
.privacy:hover {float: right; height:150px; width:315px; background: url("images/privacy-hover.gif") no-repeat scroll left top transparent; margin-right: -16px; margin-left: 20px; margin-bottom:10px;    }
.gestione {float: left; height:150px; width:315px; background: url("images/controllo-di-gestione.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px; margin-bottom:10px;   }
.gestione:hover {float: left; height:150px; width:315px; background: url("images/controllo-di-gestione-hover.gif") no-repeat scroll left top transparent; margin-left: -16px; margin-right: 20px; margin-bottom:10px;   }


div.wpcf7{width:332px; float:left}
.indirizzo{width:306px; float:left}
.indirizzo p {margin-left:65px}