/*
Theme Name: Responsive Web Site

Description:  Tema realizzato in Html5, Responsive. 
Version: 1.0
Author: Andrea Marchetti
Site: http://www.marchettidesign.net
https://www.marchettidesign.net/2012/09/come-costruire-un-sito-web-responsive/
*/

/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11 p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }


/*** General ***/
body {color: #666;font: 16px/28px;font-family: 'Open Sans', sans-serif;background: #e2e2e0;}

	/* Typography */
	a 			{color: #000;text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	a:hover 	{color: #000000;}/* colore titolo quando si passa sopra */
	a:active	{outline: none;}
	p, dl, hr, h1, h2, h3,
	ol, ul, dd, pre, table, fieldset {margin-bottom: 20px;}
	h1, h2, h3, h4 {text-shadow: 0 1px 0 #fff;}
	h6 {text-shadow: 0 1px 0 #fff;}
	
	h1 			{font-weight: bold; font-size: 40px;}
	h2 			{font-size: 14px;}
	h3 			{font-size: 26px;letter-spacing: 1px; color: black;}
	h4 			{font-size: 15px;margin-bottom: 15px; color: black;}
	h5 			{font-size: 10px; color: white;}
	h6 			{font-weight: normal; font-size: 16px; font-style: italic; color: black;} 
	h7 			{font-weight: normal; font-size: 12px; font-style: italic; color:#484848; text-align:justify;}
	h8 			{font-weight: bold; font-size: 20px; color: black;} 
	h9 			{font-weight: normal; font-size: 20px; font-style: italic; color: black;}
	h10 			{font-weight: normal; font-size: 16px; font-style: italic; color: black;} 	
	h11 			{font-weight: normal; font-size: 12px; font-style: italic; color: blue; text-align:justify;}
	
				
	/* Structure */
	#wrapper 		{width: 960px;margin: 0 auto;background:#fff;}
	#header 		{width: 920px;float:left;padding: 20px 20px 20px 20px; background:#FFFFFF;} 	/* colore pannello testata */
	#mainmenu		{width: 100%;float:left;background: #888;}  /* colore bordo grigio */
	#main 			{width: 920px;float:left;padding: 20px 20px 20px 20px;}
	#content 		{width: 620px;float:right;}
	#sidebar 		{width: 270px;float:right;}
	#footer			{width: 920px;float:left;padding: 5px 20px 10px 20px;background:#666;}

      /* footer height */


/*** Header ***/
#site-title a 			{font-family: arial; font-weight: 400; font-size:45px; text-transform:uppercase;float: left;color: red;}
#site-title a:hover 	{background: none;}


/*** Menu ***/
#mainmenu ul 		{margin: 0px 0 0px 0px;float:left;width:100%; list-style: none;}
#mainmenu ul li 	{float: left;margin: 0 0px 0 0;position: relative;}
#mainmenu a 		{color: #fff; display: block;font: 14px;padding: 14px 20px;font-family: oswald; text-transform:uppercase;}
#mainmenu a:hover {background:#666;}
	
	/* Search */
	.search{float: right;margin-top:-15px;}
	.top-search{width:160px!important;color:#999;float:right;background:#eee;border:none;padding:10px;}
	
	/* Button Responsive Menu*/
	.btn-responsive-menu{display: none;float: right;padding:5px;cursor:pointer;margin:  -15px 20px 0 0;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background:#333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
	.icon-bar 			{display: block;width: 18px;height: 2px;margin:5px;background-color: #f5f5f5;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

	.show{display:block!important}

	
/*** Post ***/
.post 					{padding: 0px 0 0px 0;}


	/* Post title */
	.post .entry-title 	{margin-bottom: 20px;}
	.post .entry-title a{display: block;font-size: 38px;line-height:40px;font-weight: bold;letter-spacing: -1px;}
	.post .entry-content{line-height:25px;}
	.index-thumb		{width:100%;height:auto;margin-bottom:10px;}
	
	hr{border-bottom: 1px solid #ccc;border-top:none;border-left:none;border-right:none;margin:25px 0 20px 0;}
		

/*** Sidebar ***/
#sidebar {}

	/* Lists in widgets */
	.widget h3			{}
	.widget li 			{line-height: 35px;list-style-type:none}


/*** Footer ***/
#footer 				{color: white;}
#footer a 				{font: 5px;}


/*** Misc ***/ 
.alignleft  	{margin: 0 20px 20px 0;}
.alignright 	{margin: 0 0 20px 20px;}
.clear 		{clear: both;}
.sep 		{padding: 0 5px;}
.hide 		{display: none;}
.alert {
  background-color: #fef9c7;
  border-color: #fcdd4a;
  color: #3b3601;
  border-radius: 0 5px 5px 0;
  padding: 10px 14px;margin:0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}



/* The Magic Float Center Code */
.float_center {
  float: right;

  position: relative;
  left: -50%; /* or right 50% */
  text-align: left;
}
.float_center > .child {
  position: relative;
  left: 50%;
}

div.split2 div{
    float: left;    
    width: 50%;
    width: 50%;
    padding: 0 2%
    }


    
.table-responsive table td {width: 24%; word-break: break-all;}
@media only screen and (max-width: 768px) {
    .table-fluid table, 
    .table-fluid thead, 
    .table-fluid tbody, 
    .table-fluid th, 
    .table-fluid td, 
    .table-fluid tr { display: block; }
    .table-fluid thead tr { position: absolute; left: -9999px; top: -9999px; }
    .table-fluid tr th { background: #337ab7; border: 1px solid #337ab7 !important; color: #fff;}
    .table-fluid tr td { border: none; border-bottom: 1px solid #eee; padding-left: 2%; position: relative; text-align: left; white-space: normal;}
    .table-fluid tr td:before { font-weight: bold; left: 6px; padding-left: 10px; position: absolute; text-align: left; top: 6px; white-space: nowrap; width: 70%; }
    .table-fluid tr td:before { content: attr(data-title); }
}

.rettangolo {
	width:100%;
	height:30px;
	background:grey;
}