/* CSS RESET */
*{font-size:1em;outline:none;margin:0;padding:0}code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}dfn,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}caption,th,td{text-align:left}html{line-height:1.3;font-family:arial, sans-serif} html{font-family:sans-serif} q{quotes:"\201C""\201D""\2018""\2019"}ul,ol,dir,menu{list-style:none}sub,sup{vertical-align:baseline}a{color:inherit}
font,basefont{color:inherit;font:inherit;font-size:100%}center,*[align]{text-align:inherit}s,strike{text-decoration:inherit}img{border:none;margin:0}ol{list-style-type:decimal}body{background-color:transparent}tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}table[border],.content table[border]{border-collapse:separate;border-spacing:0}nobr{white-space:normal}marquee{overflow:visible;-moz-binding:none}blink{text-decoration:none}
html{font-size:125%}body{font-size:50%}a{text-decoration:underline}strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:700}cite,em,dfn{font-style:italic}code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%}pre{white-space:pre}pre *{font-size:100%;white-space:pre}del{text-decoration:line-through}ins,dfn{border-bottom:1px solid #000}small,sup,sub{font-size:85%}big{font-size:125%;line-height:80%}abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}sup{vertical-align:super}sub{vertical-align:sub}blockquote{padding-left:2.2em}hr{display:none;}:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}*[lang|='en'] q:before{content:'\201C'}*[lang|='en'] q:after{content:'\201D'}*[lang|='en'] q q:before{content:'\2018'}*[lang|='en'] q q:after{content:'\2019'}input,select,button{cursor:pointer}input[type='text'],input[type='password']{cursor:text}input[type='hidden']{display:none}
table{border-collapse:collapse;border-spacing:0;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
blockquote { font-size: 0.8em; }

/* LAYOUT */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; }
.noborder { padding: 0px; }
a img { border: 0px; }

/* HEADER */
#header #menu2 { text-align: right; padding: 3px 5px 6px; border-bottom: 1px solid #ffffff; color: #ffffff; }
#header #menu2 a { border-bottom: 1px dotted #ffffff; color: #ffffff; text-decoration: none; padding: 1px; }
#header #menu2 a:hover { text-decoration: none; background-color: #ffffff; }
#header .space { height: 6px; overflow: hidden; background-position: top right; background-repeat: no-repeat; }
#header #logos { height: 86px; background-position: left; background-repeat: no-repeat; border-bottom: 1px solid #ffffff; }
#header #logosBg { height: 86px; background-position: right; background-repeat: no-repeat; position: relative; }
#header #logos #logo_sx { position: absolute; top: 18px; left: 45px; }
#header #logos #logo_dx { position: absolute; top: 8px; left: 365px; }
#header #headerMenu { font-size: 16px; font-weight: bold; height: 25px; background-position: right; background-repeat: no-repeat; line-height: 25px; padding-left: 12px; }
#header #headerMenu a { text-decoration: none; padding: 0px 8px; }

/* BODY */
#wrapper { float: right; margin-left: -300px; width: 100%;}
#menu { float: left; width: 300px; background-color: #E9E9E9; }
#content { margin-left: 300px; padding: 10px; }
#footer { border-top: 6px solid #828282; padding: 10px; overflow: hidden; clear: both; }

/* MENU */
#menu ul { margin: 10px 10px 20px 30px; padding: 0px; }
#menu ul li{ margin-bottom: 10px; }
#menu a.selected { font-weight: bold; }
#menu li a { border-bottom: 1px dotted #000000; color: #000000; text-decoration: none; padding: 1px; }
#menu li a:hover { border-bottom: 1px solid #ffffff; color: #ffffff; }

/* CONTENT */

/* footer */
#footer .footer_logo { float: left; margin-right: 20px; }
#footer .col1,
#footer .col2 { float: left; font-size: 11px; padding: 0px; line-height: 17px; }
#footer .col2 { position: absolute; left: 42%; }
#footer .col3 { position: absolute; right: 2%; }
#footer a { border-bottom: 1px dotted #000080; color: #000080; text-decoration: none; padding: 1px; }
#footer a:hover { background-color: #000080; color: #ffffff; text-decoration: none; padding: 1px; }

/* Page elements */
h3 { padding: 0px; margin: 0px 0px 15px 0px; font-size: 24px; line-height: 24px; font-weight: normal; }
h4 { padding: 3px; margin: 0px 0px 10px 0px; font-size: 14px; background-color: #F5F5F5; border-bottom: 1px solid #CCCCCC; color: #333333; }
h5 { padding: 3px; margin: 0px 0px 15px 0px; font-size: 12px; background-color: #F5F5F5; border-bottom: 1px solid #CCCCCC; color: #666666; }
p { margin: 0px; padding: 0px; line-height: 1.8em; }
ul { margin: 10px 0px 0px 30px; padding: 0px; line-height: 1.8em; list-style: square; }
hr.clear{ display: block; clear: both; border: none; background-color: transparent; }
div.clear { height: 0px; overflow: hidden; clear: both; }
.source { margin-top: 3px; font-style: italic; font-size: 11px; }
#wrapper #content form { margin: 0px; padding: 0px; }
input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
#wrapper #content .grid a { border-bottom: 0px; text-decoration: none; padding: 0px; }
#wrapper #content .grid a:hover { background-color: #cccccc; padding: 0px; }
#function_icons { float: right; margin-top: 3px; }
#function_icons a { margin-right: 5px; border-bottom: 1px dotted #000080; color: #000080; text-decoration: none; padding: 1px; }
#function_icons a:hover { background-color: #000080; color: #ffffff; text-decoration: none; padding: 1px; }
#function_icons a img { border: 0px; vertical-align: text-bottom; }
.img_sx { display: block; float: left; margin-right: 15px; margin-bottom: 10px; }

/* fieldset */
fieldset { margin: 0px 0px 15px 0px; padding: 5px; color: 000000; }
legend { margin: -5px 0px 5px -5px; color: #000000; }
legend img { cursor: pointer; }
/* search form */
.tree_search div { float: left; white-space: nowrap; margin-right: 10px; height: 25px; }
.play_search div { float: left; white-space: nowrap; margin-right: 10px; height: 25px; }
.fountain_search div { float: left; white-space: nowrap; margin-right: 10px; height: 25px; }

/* stats */
.stats { position: absolute; border: 1px solid; background-color: #FFFFFF; padding: 10px; z-index: 100; white-space: nowrap; color: #000000; }

/* table form */
.table_form { border-collapse: collapse; border: 1px solid #cccccc; font-size: 12px; }
.table_form th { font-weight: normal; text-align: right; padding: 2px; }
.table_form td { padding: 2px; }
.table_form .separator td { border-top: 1px solid #cccccc; padding: 0px; }
.table_form .evidence { background-color: #e5e5e5; }

/* gallery */
.gallery div { float: left; margin-right: 10px;}
.gallery a img { border: 0px; }

/* tree page */
.float_right { float: right; padding-left: 10px; margin-bottom: 10px; width: 400px; }
.float_right  a { border-bottom: 1px dotted #000080; color: #000080; text-decoration: none; padding: 1px; }
.float_right  a:hover { background-color: #000080; color: #ffffff; text-decoration: none; padding: 1px; }
.suggestion { position: absolute; background-color: #FFFFCC; border: 2px solid #999999; padding: 3px; font-weight: normal; color: #000000; }
.units { position: absolute; width: 350px; text-align: right; }
.graph { width: 390px; overflow: hidden; }
.graph img { margin-left: -15px; }

/* trees */
#header { background-color: #F16B25; }
#header #menu2 { background-color: #F6901F;}
#header #menu2 a:hover { border-bottom: 1px solid #F16B25; color: #F16B25;}
#header .space { background-color: #F6901F; background-image: url(../images/header_bg_1_trees.gif);}
#header #logos { background-image: url(../images/logos_bg_trees.gif); }
#header #logosBg { background-image: url(../images/header_bg_2_trees.gif); }
#header #headerMenu { background-color: #F6901F; background-image: url(../images/header_bg_3_trees.gif); color: #fbc88f; border-bottom: 2px solid #f16b25; }
#header #headerMenu a { color: #fbc88f; }
#header #headerMenu a:hover , #header #headerMenu a.current { color: #FFFFFF; }
#menu ul li{ list-style-image: url(../images/list_img_trees.gif); }
#menu li a:hover { background-color: #F16B25; }
h3 { color: #F16B25; border-bottom: 1px solid #F16B25; }
fieldset { border: 1px solid #F6901F; }
.text_block{ overflow: hidden; }
#wrapper #content a { border-bottom: 1px dotted #F16B25; color: #F16B25; text-decoration: none; padding: 1px; }
#wrapper #content a:hover { background-color: #F16B25; color: #ffffff; text-decoration: none; padding: 1px; }
#wrapper #content table a:hover { background-color: transparent; }

/* plays */
body.plays #header { background-color: #6db62c; }
body.plays #header #menu2 { background-color: #83c14c;}
body.plays #header #menu2 a:hover { border-bottom: 1px solid #6db62c; color: #6db62c;}
body.plays #header .space { background-color: #83c14c; background-image: url(../images/header_bg_1_plays.gif);}
body.plays #header #logos { background-image: url(../images/logos_bg_plays.gif); }
body.plays #header #logosBg { background-image: url(../images/header_bg_2_plays.gif); }
body.plays #header #headerMenu { background-color: #83c14c; background-image: url(../images/header_bg_3_plays.gif); color: #c1e0a6; border-bottom: 2px solid #6db62c; }
body.plays #header #headerMenu a { color: #c1e0a6; }
body.plays #header #headerMenu a:hover , body.plays #header #headerMenu a.current { color: #FFFFFF; }
body.plays #menu ul li{ list-style-image: url(../images/list_img_plays.gif); }
body.plays #menu li a:hover { background-color: #6db62c; }
body.plays h3 { color: #6db62c; border-bottom: 1px solid #6db62c; }
body.plays fieldset { border: 1px solid #83c14c; }
body.plays #wrapper #content a { border-bottom: 1px dotted #6db62c; color: #6db62c; text-decoration: none; padding: 1px; }
body.plays #wrapper #content a:hover { background-color: #6db62c; color: #ffffff; text-decoration: none; padding: 1px; }
body.plays #wrapper #content table a:hover { background-color: transparent; }

/* fountains */
body.fountains #header { background-color: #4a94d2; }
body.fountains #header #menu2 { background-color: #65a4d9;}
body.fountains #header #menu2 a:hover { border-bottom: 1px solid #4a94d2; color: #4a94d2;}
body.fountains #header .space { background-color: #65a4d9; background-image: url(../images/header_bg_1_fountains.gif);}
body.fountains #header #logos { background-image: url(../images/logos_bg_fountains.gif); }
body.fountains #header #logosBg { background-image: url(../images/header_bg_2_fountains.gif); }
body.fountains #header #headerMenu { background-color: #65a4d9; background-image: url(../images/header_bg_3_fountains.gif); color: #b2d2ec; border-bottom: 2px solid #4a94d2; }
body.fountains #header #headerMenu a { color: #b2d2ec; }
body.fountains #header #headerMenu a:hover , body.fountains #header #headerMenu a.current { color: #FFFFFF; }
body.fountains #menu ul li{ list-style-image: url(../images/list_img_fountains.gif); }
body.fountains #menu li a:hover { background-color: #4a94d2; }
body.fountains h3 { color: #4a94d2; border-bottom: 1px solid #4a94d2; }
body.fountains fieldset { border: 1px solid #65a4d9; }
body.fountains #wrapper #content a { border-bottom: 1px dotted #4a94d2; color: #4a94d2; text-decoration: none; padding: 1px; }
body.fountains #wrapper #content a:hover { background-color: #4a94d2; color: #ffffff; text-decoration: none; padding: 1px; }
body.fountains #wrapper #content table a:hover { background-color: transparent; }


#gallery , #description { width: 460px; float: left; margin-bottom: 10px; }
#description { height: 200px; overflow: auto; }
#gallery_fontane { display: inline; padding: 0px 10px 10px 0px; }
#gallery_fontane img { margin-right: 10px; }
.fountain_text u { font-size: 1.2em; }
.fountain_text p { margin-bottom: 5px; }
#gallery_giochi {
	margin-top: 10px;
}
#gallery_giochi h5 {
	background-color: transparent;
	border: none;
	color: #6DB62C;
	margin-bottom: 2px;
}
div.game {
	float: left;
	margin: 0px 4px 4px 0px;
	padding: 2px;
	border: 2px solid #e9e9e9;
	text-align: center;
	width: 200px; height: 200px;
}
div.game img {
	width: 200px;
}
div.game span {
	display: block;
	font-size: 9px;
	margin-bottom: 2px;
}

html,body{ margin: 0; padding: 0; height: 100%; }
div#body_container{ position: relative; height: 100%; width: 100%; overflow-x: hidden; background-image: url(../images/menu_bg.gif); background-position: 0px 0px; background-repeat: repeat-y; }
body>div#body_container{ height: auto; min-height: 100%; }
div#wrapper{ padding-bottom: 100px; }
div#footer{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: #FFFFFF; }


















