﻿body {
background:#0A2670 url(img/gradient.jpg) repeat-x; 
font-family: 'sans serif', arial, calibri;
font-size: 12pt;
margin:0;
padding:0;
}

#header {
background: url(img/header.jpg) no-repeat;
padding:0;
width: 900px;
height:250px;
margin:0 auto;
margin-top:0;
padding-top:0;
}
h1
{margin:0;
padding:0;
width:250px;
float:left;}

h3 {
color:#333;
}

#logoCSAT {
border:0;
margin-top:0;
float:left;}

/*immagini nell'home page*/
#h_dx {
display:inline;
float:right;
margin-top:0;
width:650px;
}


#center {
float:left;
}

#campionati {
border:0;
float:right;
}


#box {
background: url(img/box.jpg) repeat-y;
height: auto;
width: 900px;
margin:0 auto;

}

#menu {
float: left;
width:200px;
text-align:right;
margin-left:20px;
margin-top: -30px;
font-family:verdana;
overflow:hidden;

}
#menu ul {
margin-top:26px;

}
.gallerie {
font-size:11pt;
text-align:right;
}

#menu_gallerie {
text-align:left;
font-size:11pt;

}
#content {

width:680px;
float:left;
margin-top:0;

}
h2 {
background: url(img/box-top.jpg) no-repeat top;
color:#2A166F;
text-align:center;
font-family:arial;
font-size:17pt;
font-weight: 600;

margin:0;
height:auto;
padding:14px 0;
text-transform:uppercase;
}

#testo {
background: url(img/box-repeat.jpg) repeat-y;
width:566px;
margin-top:-130px;
margin-left: 32px;
}


#box-bottom {

background: url(img/box-bottom.jpg) no-repeat;
width:100%;
height:34px;
}

#testo p {
padding: 0 30px;
}
.important {
color: #9F000F;
margin-top: 15px;
}
.bold {
font-weight:bold;
}

#dx {
float: left;
width:240px;
margin-top:0;
margin-left:18px;

}

#footer {
background: url(img/box.jpg) repeat-y;
clear:both;
width: 900px;
height:auto;
text-align:center;
}

#footer img {
text-align:center;
margin-left: auto;
} 

#bottom {
background: url(img/bottom.jpg) no-repeat;
width: 900px;
height: 31px; 
}


#menu li {
list-style: none;
border-bottom: 1px solid #fff;
padding-top:6px;
}

.footer {
margin:0 auto;
padding-top:10px;
width: 750px;
color:#333;
border-top:1px solid #fff;
font-size: 10pt;
}

#webcam-big {
margin:14px 0 0 14px;}

/*LINK*/
a {
font-family:verdana;
text-decoration:none;
color:#2A166F;
}
a:hover {
color:#76C5F0;

}
/*link webcam*/
a.cam {
margin-left:15px;

}
.active {
color: #76C5F0;
}
.inactive {
color: #CCD4D7;
}
li {
list-style: none;
display:block;
}
/* menu fotografia */
.fotografia{
padding:0;
margin:0;
}

#voci {
width:516px;
margin:0 32px;
padding:0;
}


#voci li h4 {
margin-bottom:0;
color:#333;
}

.fotografia li  {
float:left;
margin:5px 0;
font-size:11pt;
width:110px;
}
.fotografia li img  {
border:2px solid #2A166F;}



/*simple viewer*/
#flashcontent {
		height:600px;
		width:500px;
		margin-top:0;
		padding-top:0;
		margin:0px auto;
		
	}
	
.italics {
font-style: italic;
color:#333;

}

/*Sede*/
h3.sede {
margin:10px 0 0 30px;

}
/*protezione civile*/
.center {
margin-left: 243px;
margin-top:7px;
}
.right {
float:right;
}
.left {
float:left;
} 

hr {
visibility:hidden;
clear:both;
margin:0;
padding:0;
}

/*Gallerie*/

.fotografo {
width:100%;
}

/*home*/
ul.in_evidenza {
margin:10px 0;
padding:0;
}
ul.in_evidenza li, ul.iniziative li  {
margin:0 30px 10px;
padding-bottom:10px;
border-bottom: 1px dotted black;

}

/*pag iniziative e materiali */
ul.iniziative {
margin:0;
padding:0;
min-height: 330px;

}

ul.iniziative li img {
margin-top: 10px;
}
ul.iniziative li h4 {
color:#333;
margin:10px 0 3px 0;}

.data{
font-size:10pt;

}
.box-bordo {

}

/*fotostoria*/
.bold {
color:#333;
font-weight: bold;
}
.fotostoria
{
padding:0 30px;
}
ul.sub li  {
margin:0 30px 10px;
padding-bottom:10px;

}
ul.sub {
margin:0;
padding:0;
}


ul.sub li h4 {
color:#333;
margin:10px 0 3px 0;}

.volantino {
float:right;
width:220px;
}

.staff {
width:100%;
}
.allievi {
width:98px;
}
.didascalia {
font-style:italic;}




/*----sponsor campionati */

#sponsor {
position:absolute;
top:140px;
left:0;
width:100%;
background: #FFF;
border:0;

padding-bottom:5px;
text-align:center;
}

#sponsor img {
width:100px;
margin:20px;
border:0;
text-align:center;
}

#sponsor a:hover {
border-bottom: 1px dotted red;
}

#chiudi {
position:absolute;
top:5px;
right:5px;
text-adecoration:none;
color:#333;
font-weight:bold;

}
#chiudi a:hover {
color:#000;
}
