/* CSS Document */

body{
background:url(img/sfondo-top.jpg) top center no-repeat #fff;
font-family: "Arial", Helvetica, Verdanda, sans-serif;
font-size:14px;
color:#648f1a;
}
.act{
color:#d1ecf9;
font-size:16px;
font-weight:bold;
}
a.opacity:hover img {
filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity:0.6;
}
a.opacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;

}
/*Angoli arrotondati css */
#container{
width:560px;
margin:auto;
padding-top:20px; 
margin-left:23px;
text-align:left;
}
#container #top_container{
width:560px;
background:url(img/top_text.png) top center no-repeat;
height:13px;
}
#container #text_container {
width:560px;
background:#ecf3df;
min-height: 306px;
height: auto !important;
height: 306px;
}
#container #text_container h1 {
width:519px;
margin:0 auto;
text-align:left; 
padding:4px; 
color:#7ac3e9; 
font-size:18px; 
margin-bottom:3px;
}
#container #text_container img{
margin-left:20px;
}
#container #text_container a{
font-size:16px;
font-weight:bold;
color:#7ac3e9;
text-decoration:none;
}
#container #text_container a:hover{
color:#648f1a;
}
#container #text_container p{
text-align:justify;
width:519px;
margin:0 auto;
line-height:18px;
}
#container #sotto_container{
width:560px;
background:url(img/sotto_text.png) top center no-repeat;
height:13px;
}


/*.rtop, .rbottom{display:block; }
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden;}
.r1{margin: 0 5px; background:#f4f8eb;}
.r2{margin: 0 3px; background:#f4f8eb;}
.r3{margin: 0 2px; background:#f4f8eb;}
.r4{margin: 0 1px; height: 2px; background:#f4f8eb;}
.contain{background:#f4f8eb;text-align:left;min-height: 306px;height: auto !important;height: 306px;}
.contain h1{
width:519px;
margin:0 auto;
text-align:left; 
padding:4px; 
color:#7ac3e9; 
font-size:18px; 
margin-bottom:3px;}
.contain p{
text-align:justify;
width:519px;
margin:0 auto;
line-height:18px;
}
.contain img{
margin-left:20px;
}
.contain a{
font-size:16px;
font-weight:bold;
color:#7ac3e9;
text-decoration:none;
}
.contain a:hover{
color:#648f1a;
}*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------ */

#content {
width:900px;
margin:0 auto;
}
/*------------------------------------------------------------------------Definizione top------------------------------------------------------------------------------- */

#content #top{
position:relative; top:0; left:0;
height:198px;
}
#content #top #destra{
position:absolute; top:0; right:0;
margin-top:175px;
}
#content #top #sinistra{
position:absolute; top:0; left:0;
margin-top:175px;
}
#content #top ul li{
display:inline;
}
#content #top #destra ul li{
margin-left:15px;
}
#content #top #sinistra ul {
margin-left:10px;
}
#content #top #destra ul {
margin-right:10px;
}
#content #top #sinistra ul li{
margin-right:15px;
}
#content #top ul li a{
color:#fff;
font-size:16px;
text-decoration:none;
font-weight:bold;
}
#content #top ul li a:hover{
color:#d1ecf9;
}
/*------------------------------------------------------------------------Inizio del main------------------------------------------------------------------------------- */
#content #main{
background:url(img/sfondo-main.jpg) repeat-x #ecf4df;
}
#content #main #flash{
position:absolute; top:0; 
margin-left:613px;
margin-top:207px;
width:262px;
}
.table_bottom{
margin-top:20px;
margin-left:20px;
width:879px;
}
#content  table tr td #petali{
width:235px;
}
#content  table tr td    #petali h1{
text-align:center;
color:#7ac3e9;
background:#fafcf7;
font-size:20px;
width:150px;
margin:0 auto;
}
.foto{
margin-top:47px;
padding-bottom:0px;
}
.sfondo_quad{
background:url(img/sfondo-quad2.png) top right no-repeat;
}
#content  table tr td  #news{
width:263px;
min-height: 200px;
height: auto !important;
height: 200px;
background: url(img/news.png) 0 15px no-repeat;
}
#content  table tr td  #news #p{
padding:20px;
padding-top:150px;
}
#content  table tr td  #news #p a{
font-size:14px;
color:#648f1a;
text-decoration:none;
}
#content  table tr td  #news #p a:hover{
text-decoration:underline;
}
#content #credits{
position:relative; top:0; left:0; 
background:white;
width:100%;
text-align:right;
padding-top:6px;
padding-bottom:6px;
}
#content #credits ul li{
display:inline;
padding:4px;
font-size:12px;
}
#content #credits ul li a{
color:#87ba30;
text-decoration:none;
font-weight:bold;
}
#content #credits ul li a:hover{
color:#79c3e8;
}
#content #loghi {
position:relative;
width:900px;
background-color:#fff;
}
#content #loghi img{
margin-left:45px;
margin-top:-25px;
margin-bottom:25px;
}
#content #address{
position:relative; top:0; left:0; 
padding-top:6px;
border-top:1px solid #b3d07a;
border-bottom:1px solid #b3d07a;
padding-bottom:6px;
text-align:center;
font-size:12px;
}
#content  #address a{
color:#87ba30;
font-weight:bold;
text-decoration:none;
}
#content  #address a:hover{
color:#79c3e8;
}
.contatti td{
	padding:10px;
}


/*FORM PRENOTAZIONE*/

#contenitore
{
	/*border:1px solid;*/
	width:800px;
	position:relative;
	top:0;
	left:0;
	margin:auto;
}
#contenitore h2
{
	font-size:20px;
	border-bottom:1px solid;
	width:400px;

}
.prenotare
{
	/*height:400px;*/
	width:900px;
}
.prenotare td
{
	padding:20px;
}
.prenotare .perco
{
	margin-left:5px;
}
.oriz
{
margin-right:20px;
}
.little_text
{
	width:35px;
}
.allergia
{
	width:700px;
}
.allergia td
{
	padding:5px;
}
.note
{
	width:800px;
	height:80px;
}
.indirizzo
{
	width:850px;
}
.indirizzo .via
{
	width:400px;
}
.indirizzo td
{
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:0px;
}
.info_classe
{
	width:800px;
}
.info_classe td
{
	padding:20px;
}
.info_scuola
{
	width:900px;
}
.info_scuola #scuola
{
	width:470px;
}
.info_scuola td
{
	padding:20px;
}
.stile_botton
{
 margin-left:20px;
}
#bottoni
{
}
#firma
{
	display:none;
}
/*--------------*/
/*calendar style*/
/* -------------------------------------------------------------------------------------- */
div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: url("img/calendar/normal-bg.gif");
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}

.calendar {
  border-color: #797979;
}

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

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px 2px 3px 2px;          /* Make the buttons seem like they're pressing */
  background: url("img/calendar/title-bg.gif") repeat-x 0 100%; 
  color: #000;
  font-weight: bold;
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("img/calendar/menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead tr { 
  background: url("img/calendar/title-bg.gif") repeat-x 0 100%; 
  color: #000; 
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("img/calendar/title-bg.gif") repeat-x 0 100%; 
  color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #797979;
  padding: 2px;
  text-align: center;
  color: #000;
}

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

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("img/calendar/hover-bg.gif");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 0px 0px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("img/calendar/active-bg.gif"); 
  color: #fff;
  padding: 3px 1px 0px 0px;
  border-bottom: 1px solid #797979;
}
    /* * ****** */
.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("img/calendar/dark-bg.gif"); 
}

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

.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}

.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("img/calendar/dark-bg.gif");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("img/calendar/rowhover-bg.gif");
}

.calendar tbody td.today { 
  font-weight: bold;
  }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("img/calendar/hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

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

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 0px;
  background: url("img/calendar/active-bg.gif"); 
  color: #fff;
}

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

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

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

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

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

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("img/calendar/status-bg.gif") repeat-x 0 0; color: #000;
}

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

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

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

.calendar .combo {
  font-size:10px;
  background: url("img/calendar/normal-bg.gif"); 
  color: #000;
  border-color: #bdbcbc;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
}

.calendar .combo .label,
.calendar .combo .label-IEfix { 
}

.calendar .combo .label-IEfix {
}

.calendar .combo .hilite {
  background: url("img/calendar/hover-bg.gif"); 
  color: #000;
}

.calendar .combo .active {
  background: url("img/calendar/active-bg.gif"); 
  color: #fff;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("img/calendar/dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("img/calendar/normal-bg.gif"); 
  color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

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

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

.calendar td.time span.hilite {
  background: url("img/calendar/hover-bg.gif"); color: #000;
}

.calendar td.time span.active {
  background: url("img/calendar/active-bg.gif"); color: #fff;
}

.calendar .month-left-border { /* Divider line between two monthes */
  border-left:1px solid #797979 ;
}