@charset "iso-8859-1";

.clear
{
	clear: both;
	padding-bottom: 1px;	
	margin-bottom: -1px;	
}
.hide, .divider
{
	display: none;
}
.inside
{
	padding: 0 1em;
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}
h1
{
	font-size: 180%;
}
h2
{
	font-size: 160%;
}
h3
{
	font-size: 140%;
}
h4
{
	font-size: 120%;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}

a, a:link, a:visited, a:active
{
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
a img
{
	border-width: 0;
}
code
{
	font-family: "Courier New", Courier, monospace;
}
label
{
	cursor: pointer;
}
table
{
	font-size: 100%;
}
td, th
{
	vertical-align: top;
}
span.strike
{
	text-decoration: line-through;
}

body
{
	padding: 70px 0 20px 0;
	margin: 0 3%;
	min-width: 35em;	
	background-color: #fff;
	color: #000;
	font-size: 100.1%;
}
#pageWrapper
{
	border: solid 1px #000;
	border-width: 1px;
	margin: 0 10px 0 40px;	
	width: auto;
	background-color: #ccc;
	color: #000;
}
#outerColumnContainer
{
	padding: 0 0 0 135px;
}
#innerColumnContainer
{
	width: 100%;
	z-index: 1;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 1;
}
#masthead
{
	background-color: #ddd;
	color: #000;
	border: solid 1px #000;
	left: auto;
	margin: 0 10px -25px 30px;
	padding: 0 10px;
	position: relative;
	text-align: center;
	top: -25px;
	width: auto;
	/* \*/
		position: static;
		margin-top: -25px;
		margin-bottom: 0;
		top: auto;
}
#masthead h1
{
	font-size: 150%;
	left: auto;
	margin: 0 0 -1em 0;
	padding: 0;
	position: relative;
	text-align: right;
	top: -1em;
	width: 100%;
}
#masthead h2
{
	font-size: 300%;
	line-height: 1em;
	margin: 0 0 -0.14em 0;
	padding: 0;
	text-align: center;
}
#content
{
	background-color: #eee;
	color: #000;
	border: solid 1px #333;
	margin: 15px 10px 0 0;
	padding: 0 10px 0 40px;
}
#content h3.pageTitle
{
	border: solid 1px #000;
	border-width: 0 0 1px 0;
	font-size: 200%;
	margin: 0;
	padding: 10px 15px;
}
#contentColumnContainer
{
	margin: 10px 5px 10px 0;
}
#innerContent
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
}
#rightColumn
{
	float: right;
	width: 42.85%;
	margin: 0 -42.85% 0 1px;
}
#leftColumn
{
	float: left;
	left: auto;		
	margin: -50px -24px 0 -155px;
	position: relative;	
	top: auto;		
	width: 179px;
	z-index: 4;
}
#leftColumn .inside
{
	padding: 0;
}
#cornerLogo
{
	width: 180px;
	height: 141px;
	margin: 0 -11px;
	overflow: visible;
	position: relative;
	z-index: 10;
}
#cornerLogo .placeHolder
{
	width: 200px;
	height: 141px;
	border: solid 1px #000;
	background-color: #def5cf;	/* ERA #ddd */
	color: #000;
	position: absolute;
	top: auto;
	left: 0;
}
#cornerLogo .placeHolder p
{
	text-align: center;
}
.leftBlock
{
	background-color: #ddd;
	border: solid 1px #000;
	margin: 25px 0;
	padding: 0 5px;
	z-index: 9;
}
.leftBlock .vnav
{
	margin: -1px 0 5px 0;
}
.leftBlock h3
{
	background-color: #ddd;
	color: #000;
	border: solid 1px #000;
	font-size: 120%;
	margin: -10px 0 0 0;
	padding: 2px 6px;
}
#mainMenu
{
	margin-top: -15px;
}
#mainMenu .vnav
{
	margin-top: 23px;
}
.leftTextBlock
{
	font-size: 88%;
	padding: 0 7px;
}
.leftTextBlock p
{
	margin: 5px 0;
}
#footer
{
	clear: right;
	padding: 10px 24px 10px 34px;
}
#footer p
{
	padding: 0;
	margin: 0;
}

.vnav
{
	margin: 10px 0;
}
.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul
{
	border: solid 1px #000;
	border-bottom-width: 0;
}
.vnav ul li
{
	border-bottom: solid 1px #000;
}
.vnav ul li, .vnav ul li a
{
	margin: 0;
	padding: 0;
	line-height: normal;
	display: block;
}
.vnav ul li a
{
	display: block;
	padding: 2px 5px 3px 5px;
}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
}
.vnav h3
{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}

.hnav
{
	border: solid 1px #000;
	margin: 0;
	padding: 3px 0 4px 0;
	white-space: nowrap;
}
.hnav ul span.divider
{
	display: none;
}
* html .HNAV
{
	padding: 0;	
}
.hnav ul
{
	text-align: center;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.hnav ul li
{
	display: inline;
	white-space: nowrap;
	margin: 0;
}
.hnav ul li a, .hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	margin: 0 -1px 0 0;
	padding: 3px 10px 4px 10px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	cursor: pointer;
}
.hnav ul li a, .hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}

.bottomBorderOnly
{
	border-width: 0 0 1px 0;
}

* html #masthead,
* html #masthead h2,
* html #leftColumn,
       .leftBlock h3, 
* html #rightColumn
{
	position: relative;
}
* html #innerColumnContainer
{
	/* \*/
		position: relative;
}
* html #masthead,
* html #content,
* html #contentColumnContainer,
* html .vnav,
* html .vnav ul li a/**/,
* html .hnav, 
* html .hnav ul li a,
* html .leftBlock,
* html .leftBlock h3
{
	/* \*/
		height: 0.01%;
}
* html div
{
	overflow: visible;
}

/************** COMMENTATO PERCHE' SPOSTA LE DIA
* html body
{
		word-wrap: break-word;
}
*********************************/



/***************** PER DIA ****************/
ul#gallery, ul#gallery li{margin:0;padding:0;list-style-type:none}
ul#gallery{float:left;width:100%}
ul#gallery li{float:left;width:130px;height:130px;line-height:130px;margin:0 2px 2px 0;
    text-align:center;background:url(images/bk.png) no-repeat center center}
ul#gallery img{vertical-align: middle}
ul#gallery a{float:left;width:130px;height:130px;line-height:130px;margin:0 2px 2px 0;
    text-align:center;background:url(images/bk.png) no-repeat center center}
ul#gallery a:hover{float:left;width:130px;height:130px;line-height:130px;margin:0 2px 2px 0;
    text-align:center;background:url(images/bk2.png) no-repeat center center}

/********* ATTENZIONE - AGGIUNTO PER POLYLINE IN GOOGLE MAPS! **************/
v\:* { behavior:url(https://www.irolli.it/styles.css#default#VML); }


table		{
		margin: 0;
		padding: 0;
		font: normal 0.9em tahoma, arial, sans-serif;
		line-height: 1.4em;
		border-collapse: collapse;
		border: 4px solid #ADBBCA;
		color: #4F6480;
		background: #F0F0F0;
		}
		

/*** TABELLE ***/
table caption	{
		margin: 0;
		height: 24px;
		padding: 0;
		color: #4F6480;
		line-height: 2em;
		text-align: left;
		font: bold 100% georgia, serif;
		text-transform: uppercase;
		letter-spacing: 0.14em;
		}
		
thead		{
		color: #fff;
		background: #5E7796;
		}
		
thead tr th	{
		padding: 4px 8px 4px 8px;
		}

		
thead th	{
		border: 4px solid #ADBBCA;
		}

tfoot		{
		background: #fff;
		}
		
tfoot tr td, tfoot tr th, tbody tr td	{
		padding: 4px;
		}
		
tbody tr:hover	{
		background: #fff;
		}
		
tbody tr	{
		border: 4px solid #ADBBCA;
		}
		
tbody th	{
		padding: 8px;
		border: 4px solid #ADBBCA;
		}
		
tbody td	{
		background: #E9ECEE;
		}

tbody tr.odd		{
		background: #C4CFDB;
		}
		
tbody tr.odd td		{
		background: #F0F0F0;
		color: #4F6480;
		}
		
tbody tr.odd:hover		{
		background: #fff;
		}
		
tbody tr th a:link		{
		font: bold 1em tahoma, arial, sans-serif;
		color: #5E7796;
		text-decoration: underline;
		
		}
		
tbody tr th a:visited		{
		font: bold 1em tahoma, arial, sans-serif;
		color: #5E7796;
		text-decoration: none;
		
		}
		
tbody tr th a:hover		{
		font: bold 1em tahoma, arial, sans-serif;
		color: #5E7796;
		text-decoration: none;
		
		}
		
tbody tr th a:active		{
		font: bold 1em tahoma, arial, sans-serif;
		color: #5E7796;
		text-decoration: line-through;
		}
		
tbody tr th a:visited:after {
		content: "\00A0\221A";
		}
		
tbody td a:link		{
		font: normal 1em tahoma, arial, sans-serif;
		color: #808000;
		text-decoration: underline;
		}
		
tbody td a:visited		{
		font: normal 1em tahoma, arial, sans-serif;
		color: #808000;
		text-decoration: none;
		}
		
tbody td a:hover		{
		font: normal 1em tahoma, arial, sans-serif;
		color: #808000;
		text-decoration: none;
		}
		
tbody td a:active		{
		font: normal 1em tahoma, arial, sans-serif;
		color: #808000;
		text-decoration: underline;
		}
			
tbody td a:visited:after {
		content: "\00A0\221A";
		color: #808000;
		text-decoration: none;
		}
		
tbody td + td + td + td a { background: transparent url(https://www.irolli.it/downloadcss244.gif) no-repeat scroll 0 50%; 
		display: block;
		width: 24px;
		overflow: hidden;
		text-decoration: none;
		text-indent: -5000px;
		border: none;
		}
			
tbody td + td + td + td a:hover { background: transparent url(https://www.irolli.it/downloadcss2441.gif) no-repeat scroll 0 50%; 
			display: block;
			width: 24px;
			overflow: hidden;
			text-decoration: none;
			text-indent: -5000px;
			border: none;
			}




/*********** FORM LOGIN **********/
#login {
padding: 1.5em;
width: 350px;
border: 1px solid #676;
background-color: #ded;
text-align: right;
font-size: 8pt;
}

#campoTitolo
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 9pt;
border-top: 1px solid #676;
display: block;
text-align: center;
font-weight: bold;
}

#campoText, #campoTextarea, #campoSelect, #campoButton, #campoCheck
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #676;
color: #232;
background-color: #ffefdf;
}

#campoText, #campoSelect
{
width: 170px;
}

#campoTextarea
{
width: 290px;
}

#campoButton
{
width: 230px;
}

#campoCheck
{
width: 20px;
margin-right: 154px;
}

#campoDestra
{
display: block;
padding: 3px;
}

#campoCentrato
{
display: block;
text-align: center;
padding: 3px;
}





/* PERMETTE DI CREARE 2 COLONNE */
#dueColonneSx, #dueColonneDx, #dueColonneSx2, #dueColonneDx2 {
width: 48%;
text-align: left;
margin: 4px;
background: #aba;
}

#dueColonneSx, #dueColonneSx2 {
float: left;
}

#dueColonneDx, #dueColonneDx2 {
float: right;
}

#dueColonneSx2, #dueColonneDx2 {
background: #bcb;
}



/* PERMETTE DI CREARE 3 COLONNE */
#treColonneSx, #treColonneDx, #treColonneSx2, #treColonneDx2 {
width: 32%;
text-align: left;
margin: 4px;
background: #aba;
}

#treColonneSx, #treColonneSx2 {
float: left;
}

#treColonneDx, #treColonneDx2 {
float: right;
}

#treColonneSx2, #treColonneDx2 {
background: #bcb;
}



/* PERMETTE DI CREARE 2 COLONNE ASIMMETRICHE (35 + 65) */
#dueColonneAsSX, #dueColonneAsDX {
text-align: justify;
margin: 4px;
}

#dueColonneAsSX {
width: 63%;
float: left;
}

#dueColonneAsDX {
width: 33%;
background: #aba;
float: right;
}






/*****
 PROVA AL POSTO DI .header
 preso da #content h3.pageTitle
*********/
#content h4.header
{
display: block;
clear: both;
font-weight: bold;
font-size: 120%;
color: #343;
border-bottom: 1px dashed #343;
padding: 5px 0px 0px 0px;
}


/* ALCUNI COLORI */
.grey {
font-size: 0.9em;
color: #AAA;
}

.white {
color: #FFF;
}

.black {
color: #000;
}

.red {
color: red;
}

.green {
color: green;
}

.redc {
color: red;
font-style: italic;
}

acronym {
cursor: help;
border-bottom: 1px dotted #AAA;
}


/************** COLORI
#676	molto scuro	(sfondo bordi menu')
#454	scurissimo	(sfondo titoli menu')
#aba	chiaro		(sfondo menu)
#cdc	chiarissimo	(sfondo)
*******************************************/



/***************** PROVARLO ************/
#content a.big {
text-decoration: none;
color: #542d21;
border-bottom: 1px solid #AAA;
}

#content a.big {
font-size: 1em;
display: block;
text-align: center;
margin: 0.8em 15em 0.8em 15em;
border: 1px solid #df4800;
background-color: #EFEFEF;
}

#content a.big:hover {
color: black;
background-color: #888;
border-bottom: 1px solid #333;
}

.errore {
text-align: center;
color: red;
border: 1px solid red;
padding: 5px;
margin: 0.5em 5em 0.5em 5em;
}



/***** BLOG *******/
.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #eee;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 80%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}
#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}













.elencobb ul{
font-size: 0.7em;
padding-top: 1px;
padding-bottom: 1px;
list-style-image: url(images/next.gif);
background: #fde2c3;
}

.elencobb li {
margin-left: 10px;
}











#dueColonne, #dueColonne2 {
width: 48%;
margin: 2px;
padding: 2px;
background: #efe;
float: left;
}

#dueColonne2 {
background: #ded;
}

#dueColonne a, #dueColonne2 a {
font-size: .9em;
display: block;
height: 110px;
min-height: 110px;
text-decoration: none;
color: #232;
text-align: right;
margin: 2px;
padding: 2px;
}

#dueColonne2 a {
text-align: right;
}

#dueColonne a:hover, #dueColonne2 a:hover {
background: #cdc;
}



#dueColonne img, #dueColonne2 img, #dueColonne .noimg, #dueColonne2 .noimg {
padding: 5px;
background-color: #fafafa;
border: 3px solid #aaaaaa;
margin: 2px;
float: right;
height: 90px;
}

#dueColonne .noimg, #dueColonne2 .noimg {
width: 120px;
vertical-align: middle;
text-align: center;
font-weight: bold;
color: #343;
font-size: 1.2em;
}

#dueColonne strong, #dueColonne2 strong {
color: #008040;
}

































.bellali
{
	margin: 10px 0;
}
.bellali ul, .bellali ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.bellali ul li
{
	width: 33%;
	background: #efe;
	float: left;
}
.bellali ul li a
{
	text-align: center;
	height: 46px;
	min-height: 46px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	border-left: solid 3px #cdc;
	padding: 6px;
}

.bellali ul li a:hover
{
	background: #cdc;
	border-left: solid 3px #efe;
}

.bellali img {
	float: left;
	height: 46px;
	min-height: 46px;
	padding-right: 8px;
}

a.zanox
{
	text-align: center;
	display: block;
	cursor: pointer;
	text-decoration: none;
	border-left: solid 3px #cdc;
	padding: 6px;
	background: #efe;
	border-left: solid 3px #efe;
}

a.zanox:hover
{
	background: #cdc;
	border-left: solid 3px #efe;
}