body {
	margin: 0;
	padding: 0;
	background: #E5E5E5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666;
}

blockquote {
	font-style: italic;
}

a {
	color: #135293;
}

a:hover {
	text-decoration: none;
}

h2
{
	color: #FF9523;
	border-size: 0 0 3px 0;
}

.title1 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img07.gif) repeat-x left bottom;
	font-weight: normal;
	font-size: 129%;
	color: #FFFFFF;
}

.title2 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img09.gif) repeat-x left bottom;
	font-size: 227%;
	font-weight: normal;
	color: #135293;
}

.title3, .title4, .title5 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img11.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
}

.title3
{
	color: #FFFFFF;
}

.title4
{
	color: #000000;
}

.title5
{
	color: #CCCCCC;
	
}


.boxed {
	padding: 0px 0px 20px 30px;
}

.boxed p, .boxed ul, .boxed ol {
	line-height: 180%;
}

.orange {
	margin: 20px 30px;
	background: #FF9523 url(images/img10.gif) repeat-x;
	color: #FFFFFF;

}

.orange a {
	color: #FFFFFF;
}

.col-one 
{
	float: left;
	width: 300px;
}

.col-two 
{
	
	float: right;
	width: 300px;
	color: black;
}

.carattere
{
	font-size: 150%;
}

/* box per pagina progetti */
.white {
	margin: 20px 30px;
	/*background: #FF9523 url(images/img10.gif) repeat-x;*/
	/*color: #FFFFFF;*/
}


/* Page */

#page 
{
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF url(images/img01.gif) repeat-y;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 240px;
}

/* Logo */

#logo {
	height: 220px;
	background: #FFFFFF url(images/img02.gif) repeat-y right top;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 0;
	/*text-transform: lowercase;*/
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: #9C9C9C;
}

#logo h1 {
	height: 100%;
	width: 100%;
	/*padding: 100px 0 0 0;*/
	background: url(images/tiaiutoio_logo_200.jpg) no-repeat center center;
	font-size: 36px;
}

#logo h2 {
	padding: 5px;
	font-size: 14px;
}

#logo a {
	color: #9C9C9C;
	text-decoration: none;
}

#banner
{
	/*background: url(images/img08.jpg) no-repeat center center;*/
	height: 220px;
	width: 740px;
	background: #FFFFFF url(images/img01a.gif) repeat;
}

#banner h1 {
	height: 100%;
	/* width: 100%;*/
	width: 740px;
	
	
	
	/* background: url(images/scritta2.png) no-repeat center center;*/
	padding-left: 200px;
	background: url(images/logo_300.png) no-repeat left center;
	font-size: 36px;
}

/* Menu */

#menu {
	padding: 20px;
	background: #85C329 url(images/img04.gif) repeat-x;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	padding: 10px 0;
	background: url(images/img05.gif) repeat-x;
}

#menu li.first {
	background: none;
}

#menu a {
	text-decoration: none;
	font-size: 129%;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

/* Login */

#login {
	padding: 20px;
	background: url(images/img06.gif) repeat-x;
}

#login form {
	margin: 0;
	padding: 20px 0 0 0;
}

#login fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#login label {
	color: #FFFFFF;
}

#inputtext1, #inputtext2 {
	width: 194px;
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#inputsubmit1 {
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#login a {
	color: #FFFFFF;
}

/* Content */

#content {
	float: right;
	width: 740px;
}

/* Footer */

#footer {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	background: url(images/img12.gif) repeat-x;
}

#footer p {
	margin: 0;
	font-size: 85%;
}

#links {
	float: left;
	width: 220px;
	height: 45px;
	padding: 35px 0 0 20px;
	background: url(images/img13.gif) repeat-x;
}

#links a {
	color: #FFFFFF;
}

#legal {
	float: right;
	width: 720px;
	height: 45px;
	padding: 35px 0 0 20px;
}

/*gallery e loghi*/


div#gallery
{
	width: 100%;
	overflow: auto;
    font: 11px Arial,sans-serif
} 

div#gallery dl
{
	float: left;
	width: 140px;
	height: 190px;
    background: url(images/polaroid.jpg); 
	text-align: center;
	color: #555
} 

div#gallery dt
{
	padding: 15px 0 0
}

div#gallery img
{
	display:block;
	margin:0 auto;
	border:1px inset #CCC
} 

div#gallery dd
{
	margin: 0;
	padding: 2px 13px 0px
} 


/* IMAGE GALLERY */
.image 
{
	width:100px;
	height:100px;
	border:1px solid #CCC;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
}
.image div 
{
	width:98px;
	height:98px;
	overflow:hidden;
	position:absolute;
	top:1px;
	left:1px;
}
.image img 
{ 
	border:none;
}




/* lightbox */

.section
{
	/*border-top: 4px solid #3d3d33;*/
	padding: 1.4em 0 3.2em 0;
	overflow: auto;
	width: 100%;
	}
.first
{ 
	border-top: none; 
	padding-top: 0;
}

.thumbnail
{
	padding: 3px 3px 8px 3px;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	

.caption
{ 
	font-size: 0.9em; 
	padding-top: 0.2em;
}



/* Form richiesta dati */

div, input
{
    font-size: 12px;
    font-family: Verdana;
}

div.FrmLabel
{
    float: Left;
    width: 100px;
}

div.FrmInput
{
    text-align: Right;
    width: 150px;
}

div.FrmSubmit
{
    text-align: Right;
    width: 250px;
    margin: 10px 0px 0px 0px;
}



/* form 1*/

form{
	width: 30%;
	min-width: 180px;
	border: 1px solid #9A9FFF;
	padding: 3px
	}
	
fieldset{
	border: 0px solid #000;
	margin: 0;
	padding: 0
	}
	
legend{
	font: bold small-caps 140%/1.3 "Arial Narrow",arial,sans-serif;
    color: #5F78A2
	} 

form div{
	padding: 5px 3%;
	background: #E6E7FD;
	color:#333} 
	
	form label{display: block}
fieldset input,textarea{width: 94%} 
	

/*
per lista di definizione in statuto
*/
dl
{
	width:600px
	}
dt
{
	font-weight: bold;
	color: #36C;
	border-bottom: 3px solid #CF9
}

dd
{
	margin: 0.2em 0 1em;
	color: #444;
	line-height: 1.3em
} 


/* box linkabili */
ul.linkboxes 
{ 
	display: block; 
	overflow: hidden; 
	margin: 20px auto; 
	padding: 10px 0 10px 10px; 
	width: 630px; 
	border: 1px solid #eee; 
	
	min-height:50px;
    height:auto !important;
    height:50px;

}

ul.linkboxes li 
{ 
	display: block; 
	width: 300px; 
	margin-right: 15px; 
	float: left; 
}

ul.linkboxes li a 
{ 
	display: block; 
	border: 1px solid #ddd; 
	background-color: #f5f5f5; 
	text-decoration: none; 
	padding: 5px; color: #444; 
}

ul.linkboxes li a:hover 
{
	border-color: #fc6; 
	background-color: #ffc; 
}

ul.linkboxes li a strong 
{ 
	display: block; 
	font-size: 1.5em; 
	line-height: 1em; 
	margin-bottom: 5px; 
	color: #222; 
}

ul.linkboxes li a:hover strong 
{ 
	color: #f63; 
}

ul.linkboxes span 
{ 
	display: none; 
}

/* immagine parco */
img.imag1
{
	margin: 15px 15px 15px 0;
	padding: 0;
	float: left;
}

img.imag2
{
	margin: 15px 15px 15px 0;
	padding: 0;
	float: right;
}