/*###################################### CASSIOPEA ##################################*/


body {
  padding:0px 0px 20px 0px;
  margin:0px;
  background-color:#FFFFFF;
  background-image:url("../img/sfondo_body.jpg");
  background-position:center top;
  background-repeat:repeat-x;
  color:#36415E;
  font-family:verdana,arial,sans-serif;
  font-size:10px;
  text-align:center;
} 

#contenitore {
  width:750px;
  padding:0px;
  margin:0px auto;
  text-align:left;
}

#testa {
  width:750px;
  padding:0px;
  margin:0px;
}  

#presentazione {
  padding:0px 5px;
  margin:0px;
  height:15px;
  line-height:15px;
  font-size:10px;
  color:#D5E2F0;
  font-weight:normal;
}

#flash {
  width:750px;
  height:119px;
  padding:0px;
  margin:0px;
} 

#menu {
  width:750px;
  height:37px;
  padding:0px;
  margin:0px;
  background-image:url("../img/sfondo_menu.jpg");
  background-position:left top;
  background-repeat:no-repeat;
  position:relative;
} 

#menu .voci a {
  display:block;
  width:81px;
  height:17px;	
  padding:11px 0px 0px 0px;
  color:#908D8D;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  font-size:9px;
  background-image:url("../img/sfondo_pulsante.jpg");
  background-position:center top;
  background-repeat:no-repeat;
  position:absolute;
  top:9px;
}

a.home {
  left:11px;
}

a.chisiamo {
  left:92px;
}

a.servizi {
  left:173px;
}

a.portfolio {
  left:254px;
}

a.contatti {
  left:335px;
}

a.staff {
  left:416px;
} 

#menu .voci a:hover {
  top:1px;		
  width:81px;
  height:42px;
  padding:15px 0px 0px 0px;
  color:#706E6E;
  background-image:url("../img/sfondo_pulsante_hover.jpg");
  background-position:center top;
  background-repeat:no-repeat;
}


#menu .voci a.current {
  top:1px;		
  width:81px;
  height:42px;
  padding:15px 0px 0px 0px;
  color:#706E6E;
  background-image:url("../img/sfondo_pulsante_hover.jpg");
  background-position:center top;
  background-repeat:no-repeat;
}


#lingue {
  position:absolute;
  top:10px;
  right:10px;  
}

#lingue a#en {
  margin-right:5px;
}


#corpo {
  width:737px;
  padding:22px 0px 0px 14px;
  margin:0px;
} 

#contenuto {
  float:left;
  width:486px;	
  padding:0px 0px 10px 0px;
  margin:0px;
  background-color:#FAFAFA;
} 

#topContenutoIn {
  float:left;
  width:486px;	
  height:9px;
  line-height:9px;
  padding:0px;
  margin:0px;
  background-image:url("../img/top_contenuto_in.jpg");
  background-position:left top;
  background-repeat:no-repeat;
} 

  .contenutoIn {
  padding:5px 10px;
  margin:0px;
  min-height:300px;
  height:auto !important;
  height:300px;
}

#briciole {
  width:466px;
  height:19px;
  line-height:19px;
  padding:0px 10px;
  margin:0px 0px 1px 0px;
  background-image:url("../img/sfondo_briciole.jpg");
  background-position:left top;
  background-repeat:no-repeat;
}

#sidebar {
  float:left;
  width:242px;
  padding:0px 0px 0px 8px;
  margin:0px;
  color:#56668E;
} 

#menu2 {
  width:242px;
  padding:0px;
  margin:0px 0px 0px 0px;
}

#menu2 .top {
  width:230px;
  height:18px;
  padding:11px 0px 0px 12px;
  margin:0px;
  background-image:url("../img/top_menu2.jpg");
  background-position:left top;
  background-repeat:no-repeat;
  color:#454C4C;
  font-weight:bold;
}

#menu2 .middle {
  width:242px;
  padding:0px;
  margin:0px;
  background-image:url("../img/sfondo_menu2.jpg");
  background-position:left top;
  background-repeat:repeat-y;
}

#menu2 .middle ul {
  padding:0px;
  margin:0px 0px 0px 6px;
}

#menu2 .middle ul li {
  padding:0px;
  margin:0px;
  list-style-type:none;
  width:231px;
  padding:0px 5px;
  height:19px;
  line-height:19px;
  border-top:1px solid #CACACA;
  border-bottom:1px solid #FFFFFF;
  background-color:#EEEEEE;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:221px;
  min-height:17px;
  height:auto !important;
  height:17px;
} html>body #menu2 .middle ul li { width:221px; min-height:17px; height:auto !important; height:17px; } 


#menu2 .middle ul li a {				   
  margin:0px;
  text-decoration:none;
  color:#454C4C;
}

#menu2 .middle ul li a:hover {
  font-weight:bold;
}

#menu2 .middle ul li a.current {
  font-weight:bold;
}

#menu2 .middle ul li a img {
  vertical-align:middle;
  margin-right:3px;
}


#menu2 .bottom {
  width:242px;
  height:20px;
  padding:0px;
  margin:0px;
  background-image:url("../img/bottom_menu2.jpg");
  background-position:left top;
  background-repeat:no-repeat;
}

#menu2 .middle ul ul {
  padding:0px 0px 0px 20px;
  margin:0px;
}

#menu2 .middle ul ul li {
  padding:0px;
  margin:0px;  
  border:0px;
  width:140px !important;
}

.box {
  width:242px;
  padding:0px;
  margin:0px 0px 8px 0px;	
}

.box .top {
  width:242px;
  padding:0px;
  margin:0px;
  position:relative;
}

.box .top .freccina {
  position:absolute;
  top:12px;
  right:10px;
}

.box .middle {
  width:242px;
  padding:0px;
  margin:0px;
  background-image:url("../img/box_sfondo.jpg");
  background-position:left top;
  background-repeat:repeat-y;
}

.hp .middle {
  background-image:url("../img/box_sfondo2.jpg");
  background-position:left top;
  background-repeat:repeat-y;
} 

.box .middle .contenuto {
  width:224px;
  min-height:50px;
  height:auto !important;
  height:50px;
  padding:0px 3px 0px 4px;
  margin:0px 5px 0px 6px;
  background-image:url("../img/box_sfondo_in.jpg");
  background-position:left top;
  background-repeat:repeat-x;
}

.box .middle .contenuto .testo {
  width:215px;
  padding:5px 0px;
  margin:0px auto;
}

.box .middle .contenuto .testo a {
  color:#56668E;
 font-weight:bold;
 text-decoration:none;
}

.box .middle .contenuto .testo a:hover {
  background-color:#FFFFFF;
}

.box .middle .contenuto .testo p {
  margin:0px;
}

.box .bottom {
  width:242px;
  height:15px;
  padding:0px;
  margin:0px;
  background-image:url("../img/box_bottom.jpg");
  background-position:left top;
  background-repeat:no-repeat;
}

.hp .bottom {
  background-image:url("../img/box_bottom2.jpg");
  background-position:left top;
  background-repeat:no-repeat;
} 

#shortlink {
  width:214px;
  height:38px;
  padding:20px 14px 0px 14px;
  margin:0px;
  background-image:url("../img/sfondo_credits.jpg");
  background-position:left top;
  background-repeat:no-repeat;
}

#shortlink a {
  display:block;
  float:left;
  width:20px;
  height:19px;
  background-position:left top;
  background-repeat:no-repeat;
}

#shortlink a.preferiti {
	background-image:url("../img/agg_preferiti.jpg");
}

#shortlink a.preferiti:hover {
  background-image:url("../img/agg_preferiti_hover.jpg");
}

#shortlink a.segnala {
  background-image:url("../img/segnala_sito.jpg");
}

#shortlink a.segnala:hover {
	background-image:url("../img/segnala_sito_hover.jpg");
}

#shortlink a.credits {
	background-image:url("../img/credits.jpg");
}

#shortlink a.credits:hover {
	background-image:url("../img/credits_hover.jpg");
}

#sidebar #shortlink span {
  color:#454C4C;
  padding:3px 0px 0px 5px;
  font-weight:bold;
}

/* ########################################### ELEMENTI GENERICI ############################################# */


.blocca {
  clear:both;
  height:0px;
  line-height:0px;
  font-size:0px;
  margin:0px;
}

a {
  color:#36415E;
}

a:hover {
  text-decoration:none;
}

.center {
  text-align:center;
}

.right {
  text-align:right;
}

img {
  border:0px;
  padding:0px;
  margin:0px;
} 

h1 {
  padding:0px;
  margin:10px 0px 10px 0px;
	font-size:16px;
	color:#36415E;
}

h2 {
  font-size:11px;
	padding:0px;
	margin:0px 0px 5px 0px;
} 

h3 {
  padding:0px;
  margin:0px;
}

p {
  margin:0px 0px 10px 0px;
	line-height:15px;
} 

p.tornaSu {
  text-align:right;
	margin:15px 10px 5px 0px;
}

p.tornaSu a {
  color:#999999;
	text-decoration:none;
	padding:5px;
}

p.tornaSu a:hover {
  color:#002275;
	background-color:#F2F7FF;
}

.fl {
  float:left;
	margin:0px 5px 5px 0px;
}

.fr {
  float:right;
	margin:0px 0px 5px 5px;
}

table {
  font-size:10px;
}

table.photogallery {
  border-collapse:collapse;
}

table.photogallery td {
  padding:8px;
}

.photogallery {
  margin-bottom:20px;
}

.photogallery table {
  width:450px;
  margin:10px auto 0px auto;
}

.photogallery table td.empty {
  padding:8px;
  width: 60px;
}

.mexerr {
  padding:10px;
  margin:10px 0px;
  background:#E60000;
  color:#FFFFFF;
  font-weight:bold;  
  text-align:center;
}

.mexok { 
  padding:10px;
  margin:10px 0px;
  background-color:#3AB300;
  color:#FFFFFF;
  font-weight:bold;
  text-align:center;
}

/* ################################################# NOTIZIE ################################################ */

#news {
  margin-top:15px;
}

.notizia img {
  float:left;
  margin:0px 5px 5px 0px;
} 

.sepNews {
  clear:both;
  height:18px;
  margin:10px 0px;
  background-image:url("../img/separatore_news.jpg");
  background-position:center top;
  background-repeat:no-repeat;
} 

#news a {
  font-weight:bold;
}

#notizie .notizia {
  line-height:15px;
  margin:20px 0px;
}

#notizie .notizia img {
  float:right;
  margin:0px 0px 5px 10px;
}

#notizie .notizia a {
  font-weight:bold;
}

#notizia p img {
  float:right;
  margin:0px 0px 10px 10px;
}

#notizia img.right {
  float:right;
  margin:0px 0px 10px 10px;
}

#notizia {
  margin-top:21px;
}

ul.correlati {
  padding:0px;
  margin:10px 10px 20px 10px;
}

ul.correlati li {
  padding:0px;
  margin:0px 0px 5px 0px;
  list-style-type:none;
}

/* ################################################ PORTFOLIO ################################################# */

h1 img {
  vertical-align:middle;
}


h1 span {
  font-size:11px;
}

#portfolio h2 {
 font-size:11px;
 margin:0px 0px 10px 10px;
 text-align:center;
 padding:3px;
}

.portfolio {
  border-collapse:collapse;
  margin:0px auto;
  padding:0px;		
} 

.portfolio td {
  padding:0px;
  text-align:center;	
  width:150px;
}

.portfolio .foto {
 border-collapse:collapse;
 margin:0px auto;
}

.portfolio .foto .img {
  width:116px;
  height:116px;				 
  padding:0px;
  text-align:center;
  vertical-align:middle;
  background-image:url("../img/sfondo_foto.jpg");
  background-position:center center;
  background-repeat:no-repeat;
} 

.portfolio .foto .nome {
  width:116px;			
  height:70px;	 
  text-align:center;
  vertical-align:top;
  padding-top:5px;	
} 

/* ############################################## PHOTOGALLERY ################################################# */


#photogallery {
  border-collapse:collapse;
  padding:0px;
  margin:0px;
} 

#photogallery td {
  padding:0px;
  width:150px;
  height:150px;
  text-align:center;
  vertical-align:middle;
  background-image:url("../img/sfondo_foto.jpg");
  background-position:center center;
  background-repeat:no-repeat;	
} 

/* ######################################################## MP3 ################################################ */

#mp3 {
  padding:0px 0px 0px 10px;
	margin:0px;
}

#mp3 li {
  padding:0px;
  margin:0px 0px;
	list-style-type:none;
} 

#mp3 li a {
  text-decoration:none;
} 

#mp3 li a:hover {
  color:#002275;
	background-color:#F2F7FF;
}

#mp3 li a img {
  vertical-align:middle;
	margin-right:5px;
} 

/* ################################################## LINK ###################################################### */

#link {
  padding:0px 0px 0px 10px;
	margin:0px;
}

#link li {
  padding:0px;
  margin:0px 0px;
	list-style-type:none;
} 

#link li a {
  text-decoration:none;
} 

#link li a:hover {
  color:#002275;
	background-color:#F2F7FF;
}

#link li a img {
  vertical-align:middle;
	margin-right:5px;
} 

/* ################################################## CONTATTI ############################################### */

/*** form ***/

form#contatti {
  margin:0px auto;
  padding:20px 0px;
  font-size:11px;
  text-align:left;
}

form#contatti input.hide {
  visibility:hidden;
}

form#contatti p {
  margin:0px;
}

form#contatti fieldset {
  border:0px solid #E4E5E5;
  padding:10px;
  margin-bottom:10px;
} 

form#contatti legend {
  color:#36415E;
  font-weight:bold;
} 

form#contatti .campo {
  margin-top:10px;	
}

form#contatti label {
  padding-bottom:10px;
  color:#666666;
}

form#contatti .campo input {
  border:1px solid #C5CFE0;
  color:#36415E;
  margin-top:3px;
  margin-bottom:10px;
  display:block;
  font-size:11px;	
  width:430px;
  background-color:#FFFFFF;
} 

form#contatti .citta {
  width:345px;
  float:left;
  margin:0px;
  padding-right:16px !important;
  padding-right:10px;
}

form#contatti .citta input {
  margin:0px;
  width:345px;
}

form#contatti .cap {  
  width:71px;
  float:left;
  padding:0px;
  margin:0px;
}

form#contatti .cap input {
  margin:0px;
  width:69px !important;	
  width:71px;
}

form#contatti textarea {
  border:1px solid #C5CFE0;
  color:#36415E;
  margin-top:3px;	
  width:430px;
  height:150px;
  font-family:verdana,arial,sans-serif;
  font-size:11px;
  background-color:#FFFFFF;
  overflow:auto;
} 

form#contatti .pulsanti {
  text-align:center;
} 

form#contatti .pulsanti input {
  width:150px;
  height:25px;
  font-size:10px;
  font-weight:bold;
  color:#36415E;
}


/*** visualizzazione errori ***/ 

form#contatti .campi .errore label {
  color:#E60000;
  font-weight:bold;
  font-size:11px;
}

form#contatti .campi .errore input {
  border:1px solid #E60000;
} 

form#contatti .campi .errore textarea {
  border:1px solid #E60000;
} 


form#contatti #privacy {
  text-align:center;
  font-weight:bold;
  margin:10px auto;
}

form#contatti #privacy input {
  vertical-align:middle;
}

form#contatti #privacy label.errore {
  color:#E60000;
}

form#contatti #privacy label.errore a {
  color:#E60000;
}

/*** messaggi ***/

.mexgrazie {
  border:2px solid #267500;
  background-color:;
  color:#267500;
  font-weight:bold;
  font-size:11px;
  text-align:center;
  margin:10px auto;
  padding:5px;
}

.mexerrore {
  border:2px solid #E60000;
  background-color:; 
  color:#E60000;
  font-weight:bold;
  font-size:11px;
  text-align:center;
  margin:10px auto;
  padding:5px;
}

/* ################################################# CREDITS ################################################### */


#boxCredits {
  margin-top:20px;
}

#boxCredits a {
  text-decoration:none;
} 

#boxCredits a:hover {
  color:#002275;
	background-color:#F2F7FF;
}

/* ################################################# NEWSLETTER ############################################### */

#newsletter {
  margin-top:20px;
}

#newsletter label {
  display:block;
  font-weight:bold;
} 

#newsletter #mail {
  width:300px;
  border:1px solid #E3E8F0;
  background-color:#FFFFFF;
} 

#newsletter .errore label {
  color:#E60000;
}

#newsletter .errore input#mail {
  border:1px solid #E60000;
}

#newsletter .invia {
  width:100px;
  height:25px;
  font-size:10px;
  font-weight:bold;
  color:#36415E;
  display:block;
  margin-top:10px;
} 


/* ################################################## MAPPE ################################################# */

#mappe {
  margin:20px 0px;
}

#mappe a {
  display:block;
  float:left;
  width:125px;
  height:106px;
  border:1px solid #999999;
  margin-right:10px;
}

#mappe a:hover {
  border:1px solid #042B8B;
} 

/* ################################################## STAFF ################################################# */

#staff .staff {
  line-height:15px;
  margin-bottom:30px;
}


#staff .staff img {
  float:right;
  margin:0px 0px 10px 10px;
}

#staff .staff a {
   font-weight:bold;
}

#staff #persona img.foto {
  float:right;
  margin:0px 0px 10px 10px;
}

/* ################################################ FAQ ############################################### */

#faq ol {
  padding:0px;
  margin:10px 10px 10px 30px;
}

#faq ol li {
  padding:0px;
  margin:0px 0px 10px 0px;
}

#faq ol#domande {
  padding-bottom:10px;
  border-bottom:1px solid #F2EFE0;
  margin-bottom:20px;
}

#faq ol#risposte li {
  margin-bottom:20px;
  line-height:15px;
}

#faq ol#risposte li h3 {
  font-size:11px;
  padding:0px;
  margin:0px;
}

#faq ol#risposte .top {
  text-align:right;
  font-weight:bold;
} 

/* ################################################# SERVIZI ################################################ */

#servizi .servizio {
  line-height:15px;
}

#servizi .servizio a {
  font-weight:bold;
}