/* CSS Document */

/* Parte Generale */

body	{
	background: #E0DCDC url(img/img01.gif) repeat-x top left;
	font-family:"Times New Roman",Georgia,Serif;
	font-size:16px;
	margin:0;
}

table	{
	border-collapse:collapse;
}

table, td, th, img, div		{
				border:0px solid black;
}

img	{
	max-width:100%;
}

a	{
	text-decoration:none;
	color:black;
}

a:hover	{
	text-decoration:underline;
}

ul	{
	margin:0px;
	padding:0px;
	list-style-type:none;
}



#wrapper	{
		position:relative;
		margin:2.5em auto 0;
		width:100%;
		min-width:320px;
		height:auto;
		background-color:white;
		padding-top:1em;
}

#logo		{
		position:relative;
		margin:0 auto 0;
		max-width:316px;
		width:60%;
}

#barra		{
		margin-top:15px;
		font-size:1.125em;
}

#barra ul li.corrente, #barra ul li:hover	{
					background-color:#009b13;
}

#barra ul li	{
		background-color:#007910;
		color:#ffffff;
		height:29px;
		padding:15px 2% 13px;
}

#barra ul li a	{
		display:block;
		text-decoration:none;
		color:#ffffff;
}

#barra div.collapsible h2	{
				display:block;
				background-color:#007910;
				color:#ffffff;
				margin:0px;
				padding:10px;
				font-size:1.125em;
				cursor: pointer;
}

#barra div.collapsible h2.minus	{
				background-color:#009b13;
}

#barra div.collapsible h2	{
				border-bottom:2px solid white;
}

.largo		{
		letter-spacing:4px;
}

.flag		{
		max-width:30px;
		position:relative;
		margin:auto;
}


.flag img	{
		border:1px solid white;
}

#didascalie, #top, #highlights, #latest	{
							width:100%;
							height:auto;
							border:0px solid black;
							overflow:hidden;
}

#highlights	{
		clear:left;
}

#highlights h2, #latest h2, #top h2	{
					width:100%;
					border-bottom:1px dotted #007910;
					color:#007910;
					text-align:left;
}

.thumb	{
	width:30%;
	height:45%;
	max-width:93px;
	display:block;
	border:0px solid black;
	float:left;
	clear:left;
}

.text	{
	width:65%;
	display:block;
	border:0px solid black;
	float:right;
	clear:right;
}

.text	p	{
		text-align:justify;
		font-size:0.85em;
}

#riepilogo	{
		width:100%;
		background-color:#007910;
		color:#ffffff;
		overflow:auto;
}

h2	{
	padding-left:10px;
	font-size:1.125em;
}

h3	{
	font-size:0.9em;
	text-align:center;
	color:#007910;
	border:0px solid black;
	margin-top:0;
}

h3 a	{
	color:#007910;
}

#follow li	{
		width:8%;
		max-width:30px;
		display:inline-block;
		margin:0 4%;
}

#follow ul	{
		text-align:center;
		height:50px;
}

#crumbs	li	{
		float:left;
		margin:10px 0px 10px 10px;
}

#footer {
	padding: 10px 0px 120px 0px;
	text-align: center;
	color: #8C8B8B;
	font-size:14px;
	font-weight:bold;
	letter-spacing:2px;
	font-style:italic;
}

/* UNA COLONNA */


@media screen and (max-width: 450px) {

#crumbs, #slider, .thumb, #legal, #contact, #follow h2	{
							display:none;
}

.lingua	{
	float:left;
	width:80%;
}

.flag	{
	float:left;
	width:20%;
	clear:right;
}

.text	{
	width:100%;
}

#lang ul, #menu ul	{
			margin-bottom:2px;
}				

#barra #menu li, #barra #lang li		{
						border-bottom:1px dotted #009b13;
}

#follow	{
	width:100%;
	padding-top:20px;
}

#top li, #highlights li, #latest li	{
					width:auto;
					height:auto;
					overflow:hidden;
					margin:0 10% 25px;
					text-align:justify;
}	


}


/* DUE COLONNE */


@media screen and (min-width: 450px) and (max-width: 767px) {

#slider		{
		display:none;
}

#lang	{
	width:48%;
	float:left;
	margin:0px 1%;
}

#menu	{
	width:48%;
	float:right;
	margin:0px 1%;
}

.lingua	{
	float:left;
	width:80%;
}

.flag	{
	float:left;
	width:20%;
	clear:right;
}

#barra	{
	position:relative;
	display:block;
	width:100%;
	height:44px;
	background-color:#007910;
}

#lang ul	{
		position:absolute;
		left:1%;
		top:45px;
		width:48%;
		z-index:+999;
}

#menu ul	{
		position:absolute;
		right:1%;
		top:45px;
		width:48%;
		z-index:+999;
}

#barra #menu li, #barra #lang li		{
						border-bottom:1px dotted #009b13;
}

#top li, #highlights li, #latest li	{
					max-width:450px;
					height:auto;
					overflow:hidden;
					margin:0 10% 25px;
					text-align:justify;
					max-height:116px;
}	

#wrapper	{
		padding-bottom:500px;
}

#riepilogo	{
		position:absolute;
		right:0px;
		bottom:0px;
		text-align:center;
}

#riepilogo div	{
		padding-bottom:25px;
		border-bottom:1px solid #ffffff;
}

}


/* COMPLETO */


@media screen and (min-width: 768px) {

#barra	{
	display:block;
	width:100%;
	overflow:auto;
	background-color:#007910;
}

#barra h2, .lingua	{
			display:none;
}

#barra #lang li {
		text-align:center;
		width:29%;
		float:left;
}

#barra #menu li		{
			text-align:center;
			width:15.6%;
			float:left;
			border-left:1px dotted #009b13;
}

#barra #menu		{
			float:right;
			width:87%;
}

#barra #lang		{
			text-align:center;
			width:13%;
			float:left;
}

/*	#barra #menu li:last-child	{
				clear:right;
}
*/

#legal, #contact, #follow	{
				float:left;
				width:23%;
				margin:10px 5% 10px;
}

#riepilogo	{
		position:absolute;
		right:0px;
		bottom:0px;
		padding-bottom:30px;
}

#riepilogo h2	{
		text-align:center;
}

#contact li	{
		margin-left:25%;
}

#top li, #highlights li, #latest li	{
					max-height:116px;
}


#top	{
	clear:left;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:20px auto;
}

#top	li	{
		float:left;
		width:30%;
		margin-left:2%;
}

#top	li:last-child	{
			float:right;
			width:30%;
			margin-right:2%;
}

h3.caption	{
		color:#ffffff;
		text-align:left;
}

#wrapper	{
		padding-bottom:300px;
}

#highlights	{
		padding-bottom:50px;
}

.nivo-caption 	{
		height:55px;
		overflow:hidden;
}

.nivo-caption	a p	{
			padding-top:0px;
}

@media screen and (max-width: 1000px) {

#highlights	{
		position:relative;
		margin:0 auto;
}

#latest	{
	clear:left;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:20px auto;
}

#latest	li	{
		float:left;
		width:30%;
		margin-left:2%;
}

#latest	li:last-child	{
			float:right;
			width:30%;
			margin-right:2%;
}

}

@media screen and (min-width: 1001px) {

#highlights	{
		float:left;
		width:65%;
}		

#latest		{
		float:right;
		width:30%;
		margin:0 2% 0;
}

#latest	li	{
		width:100%;
		height:auto;
		border:0px solid black;
		overflow:hidden;
		position:relative;
		margin:0 auto 7%;
}

#latest	li:first-child	{
			margin-top:30px;
}

}
				
}