/* gestione mini siti*/

.mw{
	display:block !important; 
	text-align:left !important;
}

#web_frame{
display:block;
background:#fff url(../images/miniweb/bg_tarta.gif) no-repeat left bottom;
width:495px !important;
width:503px;
border:solid 4px #FFB711;
position:relative;
overflow:hidden;
padding:0px 0px 100px 0px ;
}


/*top*/
#web_top{
	display:block;
	width:495px;
	background: url(../images/miniweb/bg.gif) no-repeat right top;
	margin: 0px 0px 20px;
	padding: 0px;
	height: 130px;
}
#web_top img{
	display:block;
	width:140px;
	height: 130px;
	margin: 0px;
}

#web_sx {
	display:block;
	width:140px;
	margin: 0px 10px 0px 0px; 
	padding:0px;
	overflow:hidden;
	float:left;
}
#web_sx strong{
	display:block;
	width:30px;
	float:left;
	border:none;
	margin:0 9px !important;
	margin:0 5px;
	}

#web_sx i {
	display:block;
	width:90px;
	height:20px;
	
	float:left;
	border:none;
}
#web_sx  i.voto0{background: url(../images/elementi/tarta_arancio.gif) no-repeat 0px 0px;}
#web_sx  i.voto1{background: url(../images/elementi/tarta_arancio.gif) no-repeat 0px -38px;}
#web_sx  i.voto2{background: url(../images/elementi/tarta_arancio.gif) no-repeat 0px -76px;}
#web_sx i.voto3{background: url(../images/elementi/tarta_arancio.gif) no-repeat 0px -114px;}
#web_sx i.voto4{background: url(../images/elementi/tarta_arancio.gif) no-repeat 0px -152px;}
#web_sx li  i.voto5{background: url(../images/elementi/tarta_arancio.gif) no-repeat 0px -190px;}





ul#web_menu{

	display:block;
	width:140px;
	margin:30px 0px;
	padding:0px;
	list-style-type:none;
	text-align:right !important;
	font-size:10px;
	text-transform:uppercase;
	clear:both;
}
ul#web_menu li{
display:block;
width:140px;
	margin: 0px;
	padding:0px;
text-align:right !important;
	font-size:10px;
	text-transform:uppercase;
	overflow:hidden;
}


ul#web_menu li strong{
display:block;
float:left;
margin: 0px 0px 0px 10px; 
}




ul#web_menu li a{
	background:#FFB711;
	font-weight:bold;
	color:#786A08;
	width:120px !important;
	width:130px;	
	display:block;
	margin: 0 0 2px auto ;
	padding:2px 5px;
	list-style-type:none;
	text-align:right;
}
ul#web_menu li a:hover{
	background:#786A08;
	color:#FFB711;
}


#intro,
#struttura,
#photo,
#commenti,
#attivita,
#tariffe,
#contatti,
#dovesiamo,
#agenda
{
	display:block;
	width:340px;
	padding:0px;
	margin:0px;
	float:left;
}
/*intro*/
#img_intro{
display:block;
width:340px; 
height:247px;
margin:0;
padding:0;
}
/*intro*/
/*struttura*/
#web_frame h2{
display:block;
text-align:left;
background:#fff;
margin: 0 0 10px;
}
#web_frame p{
display:block;
margin:8px;
padding:0px;
}
/*struttura*/
/*foto*/
#web_frame #photo{
text-align:center;
}
#web_frame #photo #large,#web_frame #photo #thumbnail {
display:block;
height:250px;
width:340px !important;
border:none;
margin:0px;
padding:0px;
overflow:hidden;
float:none !important;
text-align:center;
}
#web_frame #photo #large img{
display:block;
width:283px;
height:220px;
margin:0 auto;
border:none;
}
#web_frame #photo #thumbnail img{
display:inline;
width:55px;
border:none;
}
/*foto*/
/*commenti*/
#commenti p strong,#commenti p i {
float:none !important;

}
#commenti .giudizi{
width:300px !important; 
background:#eee;
}
/*/commenti*/
/*dove*/
#dovesiamo p strong,#dovesiamo p span,#dovesiamo p strong{

display:inline !important;
float:none !important;
}
#dovesiamo p a{
margin:5px 0px;

}

/*/dove/*


/*gestione caledario*/

#calendariocont{
background:#FFF;
display:block !important;
position:relative;
display:block;
width:207px;

}

#calendariocont .calendar,  #calendariocont .calendar table{
	background:#fff;
	width:205px !important;
	border:solid 1px #FF8C0A  !important;
  font-size: 10px  !important;
  color: #000  !important;
  cursor: default !important;
	font-family:  Arial, Helvetica;
	text-align:center;

}





/* The main calendar widget.  DIV containing a table. */
/* colore delle date speciali */
#calendariocont .special {  
/*color: #0ff;*/
 color: #f00;
font-weight: bold; }

#calendariocont  div.calendar { position: relative; }



/* Header part -- contains navigation buttons and day names. */

#calendariocont .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  				/* They are the navigation buttons */
  
  background:#FF9A23;
  color:#fff;	 				    /* Make the buttons seem like they're pressing */
  text-align: center;    
  padding: 2px;  
   border-bottom:solid 1px #FFB867;
}

#calendariocont .calendar .nav {
  background: #FF8C0A url(/images/elementi/menuarrow.gif) no-repeat 100% 100%;
  color:#00285B;

}

#calendariocont .calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  font-size:11px;
  text-align: center;
	background:#FF9A23;
  color: #fff;
  padding: 0px;
	font-family: Arial, Helvetica; 
	border-bottom:solid 1px #FFB867;
}

#calendariocont .calendar thead .headrow { /* Row <TR> containing navigation buttons */
  color: #000;
  
}

#calendariocont .calendar thead .daynames { /* Row <TR> containing the day names */
  background: #fff;
}

#calendariocont .calendar thead .name { /* Cells <TD> containing the day names */
	text-align: center;
	padding: 2px;
	width: 15px;
	border:none;
	font-size:12px;
	font-weight:bold;
	color:#000;
  
}

#calendariocont .calendar thead .weekend { /* How a weekend day name shows in header */
  color: #000;
}

#calendariocont .calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #FFB867;
  color: #000;


}

#calendariocont .calendar thead .active { /* Active (pressed) buttons in header */
 background-color: #FFB867;
  padding: 0px 0px 0px 0px; 
   color: #000;
}

/* The body part -- contains all the days in month. */

#calendariocont .calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family:  Thaoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	background:#fff;
	color: #0A934A;
	text-decoration: none;
	text-align: center;
	width: 15px;
	border:none;
	margin:0px;
	padding:2px 3px ;  
}
#calendariocont .calendar tbody .day.othermonth {

  color: #1170AB;
}
#calendariocont .calendar tbody .day.othermonth.oweekend {
  color: #fff;
}

#calendariocont .calendar table .wn {

  padding: 2px 0px 2px 0px;
  border:none;
  border-right:solid 1px #FF8C0A;
	color:#0B793E;
	

}

#calendariocont .calendar tbody .rowhilite td {
  background: #FFE5C7; 
}

#calendariocont .calendar tbody .rowhilite td.wn {
 background: #FFE5C7;
}

#calendariocont .calendar tbody td.hilite { /* Hovered cells <TD> */

  padding: 1px 3px 1px 1px;
  border: 1px solid #FF8C0A;
}

#calendariocont .calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #FFE5C7;
  padding: 0px 0px 0px 0px;
}

#calendariocont .calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  color: #0A934A;
}

#calendariocont .calendar tbody td.weekend { /* Cells showing weekend days */
   font-weight: bold;
}

#calendariocont .calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
   border:solid 1px #FF8C0A;
}

#calendariocont .calendar tbody .disabled { color: #999; }

#calendariocont .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
  border:none;
}

#calendariocont .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

#calendariocont .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #FFB867;
  color: #fff;
}

#calendariocont .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #FFB867;
  color: #000;
  border-top: 1px solid #FF8C0A;
  padding: 1px;
}

#calendariocont .calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #FFB867;
  border:none;
  color: #000;
  padding: 1px;
}

#calendariocont .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #FFB867;
  padding: 0px 0px 0px 0px;
}

/* Combo boxes (menus that display months/years for direct selection) */

#calendariocont .calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 103px;
  cursor: default;
   border:none;
  background: #FFDCB4;
  color: #000;
  font-size: 10px;
  z-index: 100;
  margin:0px 2px;
}

#calendariocont .calendar .combo .label,
#calendariocont .calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

#calendariocont .calendar .combo .label-IEfix {
  width: 25px; float:left;
}

#calendariocont .calendar .combo .hilite {
  background: #FFB867;
}

#calendariocont .calendar .combo .active {
   background: #FFB867;
  font-weight: bold;
}

#calendariocont .calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #FFB867;
}

#calendariocont .calendar td.time .hour,
#calendariocont .calendar td.time .minute,
#calendariocont .calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

#calendariocont .calendar td.time .ampm {
  text-align: center;
}

#calendariocont .calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

#calendariocont .calendar td.time span.hilite {
  border-color: #000;
  background-color: #FFDCB4;
  color: #000;
}

#calendariocont .calendar td.time span.active {
  border-color: #f00;
  background-color: #FFDCB4;
  color: #000;
}
/*legenda*/
#legenda p{
display:block;
width:100%;
margin:0 0 5px;
overflow:hidden;
}
#legenda p span{
display:block;
width:10px;
height:10px;
border:solid 1px #CCCCCC;
float:left;
margin: 0 5px;
}
#legenda p.pi span{background:#FF4E00;}
#legenda p.li span{background:#FFF;}
#legenda p.oc span{background:#DBF4F8;}
/*legenda*/