/* CSS Document */

div {
	border: 0;
	margin: 0;
	padding: 0;
}

p {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	background-color:trasparent;
	background-repeat: no-repeat;
	color: Black;
	font-size: .75em;
	font-family:    verdana, Georgia, sans-serif, Courier, Geneva,   Arial,      Times New Roman, Helvetica;
	border: 0;
	margin: 0 0 0 0;
	padding: 0;
	

}

#sfondo {


	
}

h4 { font-weight:lighter}

#photodiv1 {
	width: 1222px;
	margin: 0 auto;
}
#header {
	width: 100%;

	
	
}

#header_cont {
	width: 900px;
	background-color: trasparent;
	margin: 0 auto;
}

#header_logo {
	background-color: trasparent;
	float: left;
}

#header_img {
	background-color: trasparent;
	margin: 0 auto;

}

#trasp {
	height: 24px;
}

#immagine_testata {


}




#header_cont {
	width: 800px;
	background-color: trasparent;
	margin: 0 auto;
}




#content {
	width: 100%;
	
		
		

}

#contenuto {
	width: 800px;
	background-color: trasparent;
	margin: 0 auto;
	padding-top:5px;
}

#ombra_su {
	width: 100%;
	background-color: trasparent;
	margin: 0 auto;
	background-image:url(img/ombra_top.jpg);
	height: 10px;
	background-repeat:repeat-x;
}

#angolosx {
	height:10px;
	float:left;
}

#angolodx {
	height:10px;
	float:right;
}

#ombra_lati {
	width: 100%;
	background-color: trasparent;
	margin: 0 auto;
	background-image:url(img/ombra.jpg);
	background-repeat:repeat-y;
	
}

.ombra_sotto {
	width: 800px;
	background-color: trasparent;
	height:20px;
	margin:0 auto;
	background-image: url(img/ombra_sotto.png);
	background-repeat:repeat-x;
	
}

#pagina {
	width: 800px;
	background-color: #FFFFFF;
	margin: 0 auto;
	
}

#bacheca {
	width: 650px;
	background-color: #fff;
	margin: 0 auto;

	
	
}


#fotosquadra{


background-color:#000000;
height:400px;
padding-top:20px;
width:100%;
}

#percorso {
	width: 100%;
	background-color: #fff;
	height:20px;
	
}

#capitolo {
	width: 96%;
	margin: 0 auto;
	background-image:url(img/sfondo_capitolo.jpg);
	background-repeat:repeat-x;
	
	height:23px;
	
}

.titolo_capitolo {
	font-size: 1.5em;
	padding-top: 2px;
	padding-left: 6px;
	color:#0b672d;
	
}


.testo {
	font-size: .9em;
	width: 600px;
	background-color: #fff;
	float:right;
	padding-right: 30px;
	color: #666666;
	
	
}
.ingombro {
	font-size: .9em;
	width: 600px;
	background-color: #fff;
	float:right;
	padding-right: 30px;
	color: #666666;
	
	
}

.testo_percorso {
	padding-top: 4px;
	padding-right: 15px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}

.link_percorso {
	color:#666666;
	
}

#contenuto_vero {
	width: 100%;
	background-color: #fff;
	padding-top:1px;
		padding-left:60px;
	
	min-height: 600px;

	
	
}
#contenuto_vero1 {
	width: 100%;
	background-color: #fff;
	padding-top:1px;

	
	min-height: 600px;

	
	
}

#contenuto_vero_tabelle {
	width: 630px;
	background-color: #fff;
	padding-top:1px;
	float:right;
	min-height: 600px;

	
	
}



.paragrafo_blu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	color:#22368a;
	line-height:1.8em;
	
}

.paragrafo_verde {
float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	color:#0E7D2E;
	line-height:1.8em;
	
}

#colonna {
	width: 150px;
	float:left;
	background-color: #ffffff;
	padding-left:20px;
	
}

#colonna_contenuto {
	width: 238px;
	margin:0 auto;
	background-color: #fff;
	
	
}

#allinea_colonna {
	width: 100%;
	background-color: #fff;
	height:21px;
}

.colonna_titolo {
	width: 234px;
	background-color: #fdf7e9;
	border:2px solid #bababa;
	border-width: 2px;
}






div.ripulitura {
	font-size: .01em;
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
	background-color:trasparent;
	min-height:20px;
}





/*inizio css footer
	background-image:url(img/stripe5.gif);
	background-repeat:repeat-x;*/

#footer {
	width: 100%;
	height:180px;
	background-color: trasparent;
}

#content_footer {
	width: 892px;
	margin:0 auto;
}

#contenuto_footer {
	width: 650px;
	float:left;
	padding-top:12px;
}

#capitolo_footer {
	width:96%;
	margin: 0 auto;
	
	
	height:15px;
	border-bottom: 1px solid #2e392b;
	
}

.titolo_capitolo_footer {
	font-size: .8em;
	font-family: verdana,Georgia, "Times New Roman", Times, serif;
	padding-top: 1px;
	padding-left: 6px;
	color:#fff;
	text-align:center;
	
}

#pagina_footer {
	width:96%;
	margin: 0 auto;
	
	background-color: trasparent;
	margin-top: 2px;
	height:115px;
	
}

.colonna_link_footer {
	width: 127px;
	background-color: #trasparent;
	float:left;
	padding-left:78px;
	padding-top:10px;
	
}

.link_footer {
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	

	
}

#colonna_footer {
	width: 242px;
	float:right;
	padding-top:12px;
}

#cap_colonna_footer {
	width:98%;
	margin: 0 auto;
	
	
	height:15px;
	border-bottom: 1px solid #2e392b;
	
}

#cont_colonna_footer {
	width:98%;
	margin: 0 auto;
	
	background-color: trasparent;
	margin-top: 2px;
	height:115px;
	
	
}

#paragrafo_grigio {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	background-color: trasparent;
	padding-left:15px;
	padding-right:5px;
	padding-top:5px;
	color:#8d928b;
	line-height:1.6em;
	text-align:center;
	
}
/*fine css footer*/






/*tabelle*/

.tabellasquadra {	
	table-layout : fixed;
	width:558px;

	border-collapse:separate;
	

}

table.tabellasquadra td{

	background-color: #fff;

border: 1px  solid #336699;

text-align:center;

font-size:.8em;
	color: #3079bf;
	padding-top:6px;
	padding-bottom:6px;

}


.tabellasquadra2 {	
	table-layout : fixed;
	width:460px;
	margin-left: 30px;
	border-collapse:separate;
	

}

table.tabellasquadra2 td{



border: 1px  solid #336699;

text-align:center;

font-size:.8em;
	color: #3079bf;
	padding-top:6px;
	padding-bottom:6px;

}



.tabellasquadra1 {	
	table-layout : fixed;
	width:640px;

	border-collapse:separate;
	

}

table.tabellasquadra1 td{

	background-color: #fff;

border: 1px  solid #336699;

text-align:center;

font-size:.8em;
	color: #3079bf;
	padding-top:6px;
	padding-bottom:6px;

}

.foto {
border:none;

}























/** MENU 1 ** roll-over basato solo sui colori **/
ul.menuu { 
	list-style: none; /* elimino i punti elenco */
	margin: 0; 
	padding: 0; /* elimino i rientri delle liste */

}

ul.menuu li a {
	border-bottom : 1px solid #0b672d;
	font-size: 1em;
	display: block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration: none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	padding: 0 1em; /* lascia spazio far il bordo del menu e il testo del link */
	line-height: 2em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
}

ul.menuu li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

li a:link, li a:visited { 
	background: #fff;
	color: #999999;
} /* colori per il link */

ul.menuu li a:hover, ul.menuu li a:active { 
	background: #0b672d;
color: #ffffff;

} /* colori per l'effetto roll-over */

/*
li {
	list-style: none;
	border : 1px solid #AAB9EA;
	padding-top: 5px;
	padding-left: 2px;
} */













/* News */
/***********************************************************************/
.linknews {color: #0b672d; font-size: .9em; }
.title {color: #0b672d; font-size: 1.1em; }
.pnews {color: #0b672d; border-bottom:1px solid #CCCCCC;  padding-bottom: 5px; font-size:.9em;}
.pnews1 {color: #0b672d;  padding-top: 50px; font-size:.9em; text-align:right;}

#contentright_home {width: 300px; float: right; padding-top:30px; margin: 0; height:500px;}
#contentleft_home {width: 300px; float: left; padding-top:30px; margin: 0;}

.entry {padding: 0; margin: 0;}
.news_date {position: relative; float: left; padding: 0 4px 0 0 ; margin: 0 20px 0 0; background-image: url("img/date_bgb.gif"); background-position: top left; background-repeat: no-repeat; width: 48px; height: 51px; text-align: center; }
.news_date_b {position: relative; float: left; padding: 0 4px 0 0 ; margin: 0 20px 0 0; background-image: url("img/date_bg_b.gif"); background-position: top left; background-repeat: no-repeat; width: 48px; height: 51px; text-align: center; }

p.month {margin: 0; padding: 8px 0 0 0; color: #707274; text-transform: uppercase; font-family: georgia; line-height: .95em;}
p.day {margin: 0; padding: 0; color: #707274; font-family: georgia;  line-height: .95em; font-size: 2em;}

.news_item {float: left; padding: 0; margin: 0; width: 460px; }
.news_itemhome {float: left;   width: 204px; height:91px; }
.news_itemhomefull {float: left; padding: 0; margin: 0; width: 350px; }
.news_item_view {float: left; padding: 0; margin: 0; width: 810px; }
.news_item h2 {padding: 0 0 0.2em 0;}

.news input {background: url("img/input_bg.gif"); border:1px #fff solid; padding:4px 2px; margin:0 0 8px 0; color: #6a757d; font-size: 11px; width: 220px; text-align: left; vertical-align: middle;}

#contactform {position: relative; float: right; width: 350px; margin: 0; padding: 0;}
#commentform {position: relative; float: left; width: 680px; margin: 20px 0 0 0; padding: 0;}
#commentform h3 {font-size: 1.6em; padding: 0 0 1em 0;}

#contactintro {position: relative; float: left; width: 250px; margin: 0; padding: 0;}
input { background: #f1efef; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #606060; }
select { background: #f1efef; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #606060; }
textarea { background: #f1efef; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#606060; padding: 6px;}
form { padding: 0px; margin: 0 0 2px 0; }

#guidelines {position: relative; float: right; width: 320px;}
.contact {width: 292px; margin: 0 0 20px 0; padding: 0; }
.contact span { background: #ccc; padding: 10px; color: #cc3300; display: block;}
.contact span h3 { padding: 0px; margin: 0px; }
.contact span p { padding: 0px; margin: 0px;}
.contact span a {color: #cc3300; text-decoration: underline; }

.contact form {padding: 0; margin: 0;}
.contact form fieldset {border: none; padding: 0px; margin: 0px;}
.contact form p {padding: 3px 0px 0px 0px; margin: 0px; color: #626262; line-height: 1.2em;}
.contact form label {display: block; padding: 0 0 4px 0;}
.contact form label em {font-weight: bold; color: #63482A; font-style: normal;}

.contact form input {background: url("/images/input_bg.gif"); border:1px #ccc solid; padding:4px 2px; margin:0 0 8px 0; color: #6a757d; font-size: 11px; width: 290px; text-align: left; vertical-align: top;}
.contact form input:hover, .contact form textarea:hover {background-color: #fff;}
.contact form input:focus, .contact form textarea:focus {background-color: #fff;}
.contact form textarea {background: url("/images/input_bg.gif"); border:1px #ccc solid; padding:4px 2px; margin:0 0 8px 0; color: #6a757d; font-size: 11px; width: 290px; text-align: left; vertical-align: top;}

.contact ul { padding: 5px 0px 5px 15px; margin: 0px; }
.contact li { font-size: 10px; padding: 0px; margin: 0px; }

#submit { position: relative; width: 119px; height: 31px; border:0px #cedc28 solid; padding:0px; margin:0 0 8px 0;  vertical-align: top;}
#submitquicksearch { position: relative; width: 57px; height: 59px; border:0px #cedc28 solid; padding:0px; margin:0 0 8px 0;  vertical-align: top;}
.button:hover {border:0px #cedc28 solid;}
.button:focus {border:0px #3a535e solid;}

.searcharea form input {background: url("/images/input_bg.gif"); border:1px #ccc solid; padding:2px 2px; margin:0 0 8px 0; color: #6a757d; font-size: 11px; text-align: left; vertical-align: top;}
.searcharea form input:hover {background-color: #fff;}
.searcharea form input:focus {background-color: #fff;}


#btnSendMessage {position:relative; float: left; margin:0; padding: 0; border:none; width:89px;height:21px;  }
#btnSearch {position:relative; float: right; margin:0; padding: 0; border:none; width:21px; height:21px; }


#contacttop {width: 346px; height: 29px; float: right; padding: 0; margin: 0 0 0 20px; background-color: #fff; background-image: url("/images/contact_topbg.gif"); background-position: top right; background-repeat: no-repeat;  }
#contactbot {width: 346px; height: 29px;float: right; padding: 0; margin: 0 0 0 20px; background-color: #fff; background-image: url("/images/contact_botbg.gif"); background-position: bottom right; background-repeat: no-repeat; }
#contactentry {width: 292px; float: right; padding: 0 20px; margin: 0 0 0 20px; background-color: #fff; border-left: 7px solid #E3E3DB; border-right: 7px solid #E3E3DB;}

#contententrytop {width: 439px; height: 30px; float: right; padding: 0; margin: 0 25px 0 0; background-color: #fff; background-image: url("/images/contententry_topbg.gif"); background-position: top right; background-repeat: no-repeat;  }
#contententrybot {width: 439px; height: 30px;float: right; padding: 0; margin: 0 25px 0 0; background-color: #fff; background-image: url("/images/contententry_botbg.gif"); background-position: bottom right; background-repeat: no-repeat; }
#contententry {width: 383px; float: right; padding: 20px; margin: 0 25px 0 0; background-color: #fff; border-left: 7px solid #E3E3DB; border-right: 9px solid #E3E3DB;}
#contententry p {color: #626262}
#contententry h2 {padding: 0 0 20px 0;}
#entry {position: relative; float: left; width: 236px; padding:0; margin:0;}


#subthumbs {position: relative; float: left; margin: 0; padding: 10px 0 0 0;}
.thumbs {position: relative; float: left; padding: 0; margin: 0 4px 6px 0; background-color: #EAEBEE; border: 1px solid #a7a7a7;}
.thumbshome {position: relative; float: left; padding: 1px; margin: 0 4px 6px 0; background-color: #EAEBEE; border: 3px solid #D7D7D4;}
.cardshome {position: relative; float: left; padding: 1px; margin: 0 4px 6px 0; }
.thumbsnews {position: relative; float: left; padding: 1px; margin: 0 14px 6px 0; background-color: #EAEBEE; border: 3px solid #D7D7D4;}
p.caption {font-size: .9em; padding: 8px 0 0 0; margin: 0;font-style: italic; text-align: right;}
p.caption_left {font-size: .9em; padding: 8px 0 0 0; margin: 0;font-style: italic; text-align: left;}
.portfolio_image_right {position: relative; float: left; padding: 0; margin: 0 20px 10px 0; text-align: left;}


.roundcont { background-color: #Fff; color: #fff; }
.roundtop {background: url(img/tlb.gif) no-repeat top right; }
.roundbottom {background: url(img/tlb.gif) no-repeat bottom right; }
img.corner {width: 15px; height: 15px; border: none; display: block !important;}
.roundcontent {padding: 0 12px 0 12px; margin: 0;}
.roundcontent h2 {padding: 0 0 .5em 0; }

.box { background-color: #F1EFEF; padding: 10px; margin: 0; }

#comments {margin: 30px 0 30px 0; padding: 0; position: relative; float: left;}

.commententry {position: relative; float: left; padding: 10px; margin: 0 0 10px 0; width: 660px; background-color: #F2F2F2; border: 1px solid #E4E4E4; }
.commententry_b {position: relative; float: left; padding: 10px; margin: 0 0 10px 0; width: 660px;  }
.comment_mike {position: relative; float: left; padding: 10px; margin: 0 0 10px 0; width: 660px; background-color: #F2F2F2; border: 1px solid #E4E4E4; }


p.comments {font-size: .9em;}




.badge {position: absolute; left: 650px; top: 63px; display:block; height:84px; width:85px; text-indent:-9999px; background-image: url("img/badge_takeaview.gif"); background-position: top right; background-repeat: no-repeat; }
.searcharea {position: relative; float: right; padding: 0 20px 0 0; margin: 20px 0 0 0;}

#searchinput {position: relative; float: right; width: 200px;margin-top:10px}
#searchgo {position: relative; float: right; width: 30px; margin-top:10px}


.shopitem, .carditem {position: relative; float: left; padding: 0 0 20px 0; margin: 0 0 20px 0; width: 340px;  background-image: url("/images/shopitem_bg.jpg"); background-position: bottom left; background-repeat: no-repeat;}
.shopitem h3 {padding: 0 10px 10px 10px; height: 34px;}
.shopimage {position: relative; float: left; width: 130px; padding: 0 0 0 10px;}
.shopinfo {position: relative; float: right; width: 175px; padding: 0 10px 0 0;}
.shopbuttons {position: absolute; top: 100px; left: 10px;}

.shopcardsbuttons {position: relative; left: 10px; width: 134px; float: left;}

.shopbuttons p {padding: 0 0 .4em 0;}

.carditem h3 {padding: 0 10px 10px 10px;}
.cardimage {position: relative; float: left; padding: 0 0 0 10px;}

.infoline {position: relative; float: left; width: 175px;}
.infoline p {line-height: 1.4em; color:#626262; margin: 0; padding: 0 0 .2em 0;}
.linehead {position: relative; float: left; width: 60px;}
.lineentry {position: relative; float: left; width: 115px;}
.lineentry p {color: #000000;}

.roundcontent form input {background: url("/images/input_bg.gif"); border:1px #ccc solid; padding:4px 2px; margin:0 0 8px 0; color: #6a757d; font-size: 11px; width: 150px; text-align: left; vertical-align: top;}


/*tabella*/

.tabella1 {
	table-layout : fixed;
	
	background : white;
	border-collapse : separate;
	border-spacing : 5px;
	padding: 2px;
}

table.tabella1 td {
background-color: #fff;
border: 1px  solid #11662f;
text-align:center;
font-size:.8em;
color:#000;
padding-top:4px;
padding-bottom: 4px;
padding-left:4px;
padding-right:4px;
}


.tabella2 {
	
}

table.tabella2 td {

font-size:.9em;

}
table.tabellasquadra2 td{



border: 1px  solid #11662f;

text-align:center;

font-size:.8em;
	color: #666666;
	padding-top:6px;
	padding-bottom:6px;

}

.tabella3 {
	table-layout : fixed;
	width:80%;
	background : #ffffff;
	
	
}

table.tabella3 td {
table-layout: auto;
background-color: #ffffff;
border: 1px  solid #000000;
text-align:center;
color:#666666;
}

.tabella_statistiche {
	
	width:99%;
	background : #ffffff;
	
	
}

table.tabella_statistiche td {

background-color: #ffffff;
border: 1px  solid #000000;

color:#666666;
}

.cella {	
	width: 100px;

		
}

.tabella2 {

	
}

table.tabella2 td {

font-size:.9em;
color: #666666;


}



















/* Horizontal menu for the CMS CSS Menu Module */





#menu_vert {

margin:0 auto;



}



/* The wrapper clears the floating elements of the menu */



/* Fix for Opera 8 */

.clearb { clear: both; }

#menuwrapper { 

   /* Fix for Opera 8 */ 

   /*   overflow: hidden;  */ 

  	width: 800px;

	background-color: trasparent;

	margin: 0 auto;

	padding-left: 4px;

}





/* Set the width of the menu elements at second level. Leaving first level flexible. */







/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 

   list-style: none; 

   margin: 0px; 

   padding: 0px; 

   

}

#primary-nav ul { 

   position: absolute; 

   top: auto; 

   display: none; 

   

}

#primary-nav ul ul { 

   margin-top: 1px;

   margin-left: 0px;

   left: 100%; 

   top: 0px; 

}

	

#primary-nav li {
	font-family:arial,"Courier New", Courier, monospace;

 

   float: left; 

   

}

#primary-nav li li { 

   margin-left: 0px;

   margin-top: -1px;

   float: none; 

   position: relative; 

}



/* Styling the basic apperance of the menu elements */

#primary-nav a { 

  display: block; 

  text-align:center;display:block;font-size:11px;font-weight:bold;text-decoration:none; color:#000000;

  padding-left:4px; padding-right:4px; line-height:2.3em;

   background-image: url(img/sep.jpg);
   background-repeat:repeat-x;
   border-left: 1px solid #000000;

   width:90px; height:25px;
   color:#000000;

}



#primary-nav a:hover { color:#fff; background:trasparent;background-image:url(img/sep1.jpg);    background-repeat:repeat-x;

  

}



#primary-nav ul a, #primary-nav ul a:active { background:#22368a; color:#ffffff; height:auto; line-height:1.4em; padding:5px 2px; width:92px; font-size:10px;font-weight:bold; }	





#primary-nav ul a:hover{color:#22368a; background:#d8d9df;}

#primary-nav ul a.menuparent:hover{color:#ffffff; background:#0E7D2E;}



#primary-nav li li { border:1px solid #ffffff; border-width:0 1px 2px  1px;}



#primary-nav ul ul a, #primary-nav ul ul a:active {color:#ffffff; background:#0E7D2E;}



#primary-nav ul ul a:hover {color:#22368a; background:#d8d9df;}



/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */



#primary-nav li.menuactive { 



}





/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent,

#primary-nav ul li.menuparent a.menuparent

 { 

/* arrow for menuparents  url(uploads/images/images/cms/arrow.gif)*/

   background-image: url(immagini/drop.gif); 

   background-position: bottom right; 

   background-repeat: no-repeat; 

}





/* Styling the apperance of menu items on hover 



#primary-nav li:hover, 

#primary-nav li.menuh, 

#primary-nav li.menuparenth, 

#primary-nav li.menuactiveh { 

   background-color: #E7AB0B; 

}*/





/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */



/* 

just add 

#primary-nav li:hover ul ul, 

#primary-nav li.menuparenth ul ul ul,

for fourth level 

*/

#primary-nav ul, 

#primary-nav li:hover ul, 

#primary-nav li:hover ul ul, 

#primary-nav li.menuparenth ul, 

#primary-nav li.menuparenth ul ul { 

   display: none; 

}



/* add 

#primary-nav ul ul ul li:hover ul, 

#primary-nav ul ul ul li.menuparenth ul,

for fourth level

*/

#primary-nav li:hover ul, 

#primary-nav ul li:hover ul, 

#primary-nav ul ul li:hover ul, 

#primary-nav li.menuparenth ul, 

#primary-nav ul li.menuparenth ul, 

#primary-nav ul ul li.menuparenth ul { 

   display: block; 

}





/* IE Hacks */

#primary-nav li li { 

   float: left; 

   clear: both; 

}

#primary-nav li li a { 

   height: 1%; 

}


/* End of 'stileortomenu' */



