@import "reset.css";

body {
	background:#fff;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

.clear { clear:both }

a { color:#999; text-decoration:none;}
a:hover { color:#000;}

h1 a {
	text-indent:-9999px;
	background:url(../img/logo_cave.gif) top left no-repeat;
	height:79px;
	width:216px;
	position:absolute;
	top:0;
	left:10px;
	z-index:100;
}

h4 {
}

.container, #footer{
	width:950px;
	display:block;
	margin:0 auto;
	text-align:left;
	position:relative;
}

/*header*/

#header {
	background:url(../img/sfondo_menu.png) repeat-x;
	height:45px;
}

#header .container {
	padding:7px 0 0 0;
}

#header .container #menu ul  {
	display:block;
	position:relative;
}

#header .container #menu ul  {
	float:left;
	display:block;
	width:400px;
}

#header .container #menu ul.right {
	position:absolute;
	top:7px;
	right:0;
	width:200px;
}

#header .container #menu ul li {
	display:inline;
}

/**/

#header .container #menu ul li a  {
	text-indent:-9999px;
	display:block;
	float:left;
	width:62px;
	background:url(../img/menu/home.gif) top left no-repeat;
	height:29px;
}

#header .container #menu ul li a:hover  {
	background:url(../img/menu/home.gif) bottom left no-repeat;
}

#header .container #menu ul li a.menu_consorziati  {
	background:url(../img/menu/consorziati.gif) top left no-repeat;
	width:100px;
}

#header .container #menu ul li a:hover.menu_consorziati  {
	background:url(../img/menu/consorziati.gif) bottom left no-repeat;
}

#header .container #menu ul li a.menu_corsi  {
	background:url(../img/menu/corsi.gif) top left no-repeat;
}

#header .container #menu ul li a:hover.menu_corsi  {
	background:url(../img/menu/corsi.gif) bottom left no-repeat;
}

#header .container #menu ul li a.menu_faq  {
	background:url(../img/menu/faq.gif) top left no-repeat;
}

#header .container #menu ul li a:hover.menu_faq  {
	background:url(../img/menu/faq.gif) bottom left no-repeat;
}

#header .container #menu ul li a.menu_archivio  {
	background:url(../img/menu/news.gif) top left no-repeat;
	width:120px;
}

#header .container #menu ul li a:hover.menu_archivio  {
	background:url(../img/menu/news.gif) bottom left no-repeat;
}

#header .container #menu ul li a.menu_contatti  {
	background:url(../img/menu/contatti.gif) top left no-repeat;
	width:78px;
}

#header .container #menu ul li a:hover.menu_contatti  {
	background:url(../img/menu/contatti.gif) bottom left no-repeat;
}

/*corpo*/

.intro, .consorziati, .corsi, .faq, .archivio_news, .contatti, .news_articolo {
	display:block;
	background:url(../img/sfondo_intro.jpg) top left no-repeat;
	height:295px;
	width:950px;
	margin:20px 0;
	position:relative;
}

/*consorziati*/

.consorziati {
	background:url(../img/sfondo_consorziati.gif) top left no-repeat;
	height:145px;
}

.consorziati p, .faq p {
	position:absolute;
	bottom:13px;
	left:11px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
}

.consorziati p.indirizzi, .faq .risposta {
	position:absolute;
	bottom:12px;
	left:220px;
}

#consorziati .nome{
	width:220px;
	float:left;
	display:block;
}

#consorziati .indirizzo{
	width:660px;
	float:left;
	display:block;
}

#consorziati .indirizzo h3{
	color:#999;
	font-weight:bold;
	font-size:15px;
}

#consorziati .indirizzo ul {
	padding:10px 0 0 0;
}


#consorziati .indirizzo ul li{
	display:block;
	float:left;
	width:250px;
	font-size:11px;
	color:#000;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
}

#consorziati .indirizzo ul li.long{
	display:block;
	float:left;
	width:350px;
	font-size:11px;
	color:#000;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
}

#consorziati .clear, #faq .clear, #archivio .clear, #contatti .clear {
	border-top:1px solid #ccc;
	padding:10px 0 0 0;
}

/*corsi*/

.corsi {
	background:url(../img/sfondo_corsi.gif) top left no-repeat;
	height:145px;
}

.corsi p, .archivio_news p, .contatti p, .news_articolo p {
	position:absolute;
	right:20px;
	top:50px;
	text-align:right;
	width: 298px;
	font-size:12px;
	color:#fff;
}

#corsi .corso {
	float:left;
	width:226px;
	height:250px;
	display:block;
	background:url(../img/corsi_up.gif) top left no-repeat;
	position:relative;
	margin:0 10px 10px 0;
}

#corsi .corso h2 {
	font-size:20px;
	font-weight:normal;
	padding:15px 15px 0 15px;
}


#corsi .corso p{
	padding:15px;
	font-size:12px;
}

#corsi .end{
	background:url(../img/corsi_end.gif) top left no-repeat;
	height:28px;
	width:214px;
	display:block;
	font-size:11px;
	color:#fff;
	padding:12px 0 0 12px;
	position:absolute;
	bottom:0;
	left:0;
	background-color: #FFFFFF;
}


/*faq*/

.faq {
	background:url(../img/sfondo_faq.gif) top left no-repeat;
	height:145px;
}

.faq .risposta{
	position:absolute;
	left:486px
}

#faq .domanda{
	width:450px;
	float:left;
	display:block;
	font-size:15px;
	font-weight:bold;
	padding:10px;
}

#faq .risposta{
	width:450px;
	float:left;
	display:block;
	padding:10px
}

/*archivio news*/

.archivio_news {
	background:url(../img/sfondo_archivio.gif) top left no-repeat;
	height:145px;
}

.news_articolo {
	background:url(../img/sfondo_news.gif) top left no-repeat;
	height:145px;
}

#archivio {
	position:relative;
	display:block;
}

#archivio .news img{
	float:left;
	margin:0 10px 0 0;
}

#archivio .news .leggi{
	display:block;
	background:url(../img/leggi_news.gif) bottom center right no-repeat;
}


#archivio .news {
	width:600px;
}

#archivio .news img{
	float:left;
	margin:0 10px 0 0;
}

#archivio .news .leggi{
	display:block;
}

#archivio .mese, #archivio .anno{
	display:block;
	width:140px;
	background:#ccc;
	position:absolute;
	top:0;
	right:3px;
	padding:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#archivio .mese ul, #archivio .anno ul{
	padding:10px 0 0 0;
}

#archivio .anno{
	display:block;
	position:absolute;
	top:0;
	right:173px;
}

#paginazione {
	padding:10px 0 0 0;
	display:block;
	clear:both;
	width:600px;
}

#paginazione a.active {
	background:#ccc;
	color:#fff;
	padding:5px;
}

#paginazione a.prevnext {
	float:right;
	display:block;
	margin:0 5px;
}

/**/

/*contatti*/

.contatti {
	background:url(../img/sfondo_contatti.gif) top left no-repeat;
	height:145px;
}

#contatti form{
	display:block;
}

#contatti fieldset {
	width:400px;
	float:left;
	display:block;
	padding:0 10px 10px 10px;
}

#contatti fieldset.first p{
	padding:10px 0 0 0;
}

#contatti fieldset.first label{
	width:150px;
	display:block;
	float:left;
	text-align:right;
	padding:0 10px 0 0 ;
	font-size:15px;
	font-weight:bold;
	color:#999;
}

#contatti fieldset.first input{
	padding:5px;
	width:200px;
	border:1px solid #999;
}

#contatti fieldset.second{
	display:block;
	padding:10px 0 0 0;
}

#contatti fieldset.second label{
	font-size:15px;
	font-weight:bold;
	color:#999;
	display:block;
}

#contatti textarea{
	display:block;
	width:400px;
	height:120px;
	padding:5px;
	border:1px solid #999;
	margin:0 0 10px 0;
}

#contatti .button {
	margin:0 auto;
	display:block;
	width:87px;
	}

/**/

.news {
	width:180px;
	float:left;
	display:block;
	padding:0 5px;
	line-height:15px;
}

.news img {
	border:1px solid #000;
}

.news h2 a{
	font-size:15px;
	font-weight:bold;
	color:#000;
	padding:0 0 10px 0;
	display:block;
}

.news span, .news a.leggi{
	color:#CCC;
	font-size:11px;
	font-weight:bold;
}

.news p {
	padding:5px 0;
	font-size:12px;
}

.news a.leggi {
	background:url(../img/leggi_news.gif) center right no-repeat;
	padding:5px 20px 5px 0;
	width:140px;
}

.news a:hover.leggi {
	color:#000;
}

/*rosso*/

#rosso {
	background:#A7050F url(../img/sfondo_menu.png) bottom left repeat-x;
	padding:10px 0;
	margin:20px 0 0 0;
	border-top:1px solid #000;
}

#rosso .evidenza {
	display:block;
	text-indent:-9999px;
	background:url(../img/int_inevidenza.gif) top left no-repeat;
	height:18px;
	padding:0 0 10px 0;
}

#rosso .news {
	width:450px;
	float:left;
	display:block;
	line-height:15px;
}

#rosso .container img {
	float:left;
}

#rosso img a{
	display:block;
}

#rosso .news h2 a{
	font-size:15px;
	font-weight:bold;
	color:#fff;
	padding:0 0 10px 0;
	display:block;
}

#rosso .news span, .news a.leggi{
	color:#CCC;
	font-size:11px;
	font-weight:bold;
	display:block;
}

#rosso .news p {
	padding:5px 0;
	font-size:12px;
	color:#fff;
}

#rosso .news a.leggi {
	background:url(../img/leggi_news_rosso.gif) center right no-repeat;
	padding:5px 20px 5px 0;
	color:#fff;
	width:140px;
}

#rosso .news a:hover.leggi {
	color:#000;
}

#rosso .container form {
	display:block;
}

#rosso .container form label{
	color:#fff;
	font-weight:bold;
	color:#fff;
	display:block;
}

#rosso .container form textarea{
	width:400px;
	display:block;
	margin:10px 0;
}

#rosso .container form textarea{
	width:400px;
}

#rosso .container #map {
	display:block;
	margin:10px 0 0 0;
	float:left;
	width:728px;
}

#rosso .container #info {
	display:block;
	padding:10px;
	float:left;
	width:200px;
	color:#fff;
}

/*footer*/

#footer {
	color:#999;
	font-size:11px;
	margin:10px auto
}