@charset "iso-8859-1";

/*

Author: Fabio Lombardo

Copyrights: © 2007 Acquario di Messina CESPOM

*/



/*  

======================================================

			 elementi generali del sito

======================================================

*/



BODY {

	background-image: url(images/sfbody.jpg);

	background-repeat: repeat-x;

	background-color: #003366;

	margin: 0px;

	padding: 0px;

	height: 100%; 	

	font-family: Arial, Helvetica, Verdana, sans-serif;

	color: #FFFFFF;	

	font-size: 14px;

	line-height: 20px;

}







a:link, a:visited{

	color: #ffffff;

	text-decoration: none;

}



a:hover{

	color: #FF0099;

	text-decoration: none;

}



h1{
	font-weight: bold;
	width: 90%;
	height: 23px;
	margin: 1em auto 0.7em auto;
	color: #fff;
	text-align:right;
	text-indent: 10px;
	font-family: "georgia", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: oblique;
}



h1 span{

	color: #9ea8b3;

}



p{

	text-align:left;

	margin: 0em auto;

}

.table{
			
}
.table td {
	border: 1px dashed #0099CC;	
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contenitore{

	background-image: url(images/sftab.jpg);

	background-repeat: no-repeat;

	width: 100%;

	height: 100%;

	padding-top: 0px;

	position: relative;

	

}



#sopra{

	margin: 0px auto;

	width: 100%;

	height: 140px;

	

}



#centro{

	width: 1000px;

	margin-top: 0px;

	text-align: left;

}



#sotto{

	width: 100%;

	height: 270px;

	background-image: url(images/sffooter.jpg);

	background-repeat: repeat-x;

	margin: 0px;

	padding: 0px;

	clear: both;

}

#autore{

	width: 100%;

	height: 100px;

	margin: 0px;

	padding: 0px;

	clear: both;

	background-color: #000000;

	text-align: center;

}



#sotto p

{

	font-size: 11px;

}

	

#sotto b{

	color: #ffffff;

}



.sottofilmato{

	width: 100%;

	float: left;

	height: 170px;

}



#sottomenu{

	width: 750px;

	height: 100px;

	float: left;

	font-size: 10px;

	padding-left: 1.2em;

}

#sottomenu ul{

	margin: 0; 

	padding: 0;  	

}

#sottomenu li {

	display: inline;

	padding-right: 15px;

	list-style-type: none; 

	list-style-image: none; 

}

.sottomenu a{

	cursor: pointer;

 	display: block;

	text-decoration: none;	

	height: 12px;

	width: auto;

	font-size: 9px;

	padding-top: 0px;

}



.sottomenu a:link, .sottomenu a:visited{

	font-family: Arial, Helvetica, Verdana, sans-serif;

	color:#ffffff;

	text-decoration: none;	

	font-size: 9px;



}



.sottomenu a:hover{

	font-family: Arial, Helvetica, Verdana, sans-serif;

	color:#6699ff;

	text-decoration: none;	

	font-size: 9px;

}





#partner{

	height: 100px;

	float: right;

}



/*  

======================================================

				  menu slide superiore

======================================================

*/



.navigation{

	height: 22px;

	width: 100%;

	background: #343434;

}



.navigation dl{

	width: 1000px;

	height: 15px;

	padding-top: 5px;

	margin: 0;

}



.navigation dt{

	text-align: center;

	width:100px;

	height: 15px;

	padding: 3px 2px 0 2px;

	float:left;

	font-size:13px;

	background-image: url(images/separatore.gif);

	background-repeat: no-repeat;

	background-position: 103px;

}



.navigation a{

	cursor: pointer;

 	display: block;

	text-decoration: none;	

	height: 12px;

	width: auto;

	padding-top: 0px;

}



.navigation a:link, .navigation a:visited{

	font-family: Arial, Helvetica, Verdana, sans-serif;

	color:#e5e5e5;

	font-size: 9px;

}



.navigation a:hover{

	font-family: Arial, Helvetica, Verdana, sans-serif;

	color:#6699ff;

	text-decoration: none;

	font-size: 9px;

}



.navigation2{

	height: 30px;

	width: auto;

	background: url(images/bg_menu.gif) repeat-x 0 0;

	border-top: 1px solid #343434;

}



.navigation2 a, .navigation2 a:link, .navigation2 a:visited{

	display: block;

	width: 100px;

	height: 20px;

	margin-top: 10px;

	margin-left: 350px;

	background: url(images/nav.gif) no-repeat 0 100%;

}



.navigation2 a:hover{

	background-position: 0 0;

}

.linked a{

	cursor: pointer;

	display: block;

	text-decoration: none;

	height: 12px;

	width: auto;

	padding-top: 0px;

	color: #6699ff;

}











/*  

======================================================

	 solo per section, gallery e contatti -

======================================================

*/



.sinistra{

	width: 600px;

	float: left;

	overflow: visible;

	text-align: justify;

	padding: 1.0em;

}

.destra{
	width: 300px;
	padding: 1.0em;
	float: left;
	position: absolute;
	left: 650px;
	top: 200px;
}



/*  

======================================================

	 solo per section e gallery - submenu laterale -

======================================================

*/



.submenu{

	width: 300px;

	margin: 0px;

	padding: 0px;

	list-style-type:none;

	background-image: url(images/sftopmenu.gif);

	background-repeat: no-repeat;

}



.submenunolink {

	padding-top: 2px;

	height: 28px;

	display: block;

	text-indent: 30px;

	text-decoration: none;

	background-image: url(images/sfmenuok.gif);

	background-repeat: no-repeat;

	color: #000066;

	font-weight: bold;

}



.submenu li a:link, .submenu li a:visited{

	color: #FFFFFF;

	font-weight: bold;

	padding-top: 2px;

	height: 28px;

	display: block;

	text-indent: 30px;

	text-decoration: none;

	background-image: url(images/sfmenu.gif);

	background-repeat: repeat-y;

	

}



.submenu li a:hover{

	text-decoration: none;

	color: #FF0099;

	font-weight: bold;

	padding-top: 2px;

	height: 28px;

	display: block;

	text-indent: 30px;

	text-decoration: none;

	background-image: url(images/sfmenu.gif);

	background-repeat: repeat-y;	

}







/*  

======================================================

					solo per homepage 

======================================================

*/



#uno{

	width: 280px;

	height: 250px;

	padding-top: 50px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	float: left;

	margin-top: 2em;

	margin-left: 10px;

	font-size:13px;

	background-image: url(images/promo1.jpg);

	background-repeat: no-repeat;

}



#due{

	width: 280px;

	height: 250px;

	padding: 10px;

	float: left;

	margin-top: 2em;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #3399CC;

	background-image: url(images/promo2.jpg);

	background-repeat: no-repeat;

}



#tre{

	width: 300px;

	height: 250px;

	float: left;

	margin-top: 2em;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #3399CC;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #3399CC;

	

}



#due dl{

	padding-top: 40px;

}



#due dt{

	margin:0;

	padding:0;

	font-weight:bold;

	line-height:1.6em;



}



#due dd{

	font-size:13px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #006699;

	margin: 0px;

	padding: 0px;

}



/*  

======================================================

				solo per contatti

======================================================

*/



form {

	width:520px;

	padding-right: 2em;

	padding-left: 2em;

}



form div{

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

}





form b {

	color:#990000

}



form p {

	margin:0.5em 10px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #FFFFFF;

}





fieldset {

	float:left;

	width:420px;

	height: 25px;

}

.input {

	border: 1px dashed #000066;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	width: 400px;

	background-color: #3366CC;

}

label {

	float:left;

	width:220px;

	display: inline;

	margin-left: 10px;

	line-height:20px;

	font-size: 11px;

}

.indirizzo {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-bottom-color: #000066;

	border-left-color: #000066;

}



/*  

======================================================

				solo per fotogallery

======================================================

*/



.img{

	border: 3px solid #FFFFFF;

	margin: 0.5em;

}



/*  

======================================================

					solo per news/progetti 

======================================================

*/

.news{

	width: 600px;

	float: left;

	overflow: visible;

	text-align: justify;

	padding: 1.5em;

}



.news dl{

	padding-top: 20px;

}



.news dt{

	margin:0;

	padding:0;

	font-weight:bold;

	line-height:1.6em;



}



.news dd{

	font-size:13px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #006699;

	margin: 0px;

	padding: 0px;

}

.linknews{

	FONT-SIZE: 9px;

	COLOR: #FFFFFF;

	TEXT-DECORATION: none;

	font-weight: bold;

}



linknews a:link {

	FONT-SIZE: 9px;

	COLOR: #FFFFFF;

	TEXT-DECORATION: none;

	font-weight: bold;

}

linknews a:visited {

	FONT-SIZE: 9px;

	COLOR: #FFFFFF;

	TEXT-DECORATION: none;

	font-weight: bold;

}

linknews a:hover {

	FONT-SIZE: 9px;

	COLOR: #FF0099;

	TEXT-DECORATION: none;

	font-weight: bold;

}



/*  

======================================================

					solo per prenotazioni 

======================================================

*/

#centroprenotazione{

	width: 1000px;

	float: left;

	padding: 1.5em;

	text-align: center;

}



#prenotazione{

	width: 100%;

	float: left;

	text-align: left;

}



#calendario{

	width: 650px;

	float: left;

	margin-top: 2em;

}

#mese{

	padding: 2px;

	margin: 2px;

	width: 100%;

	border: 1px dashed #0099CC;



}



caption { 

	font-weight:bold;

} 



#mese, td, th

{

	border: 1px solid #0099CC;

	border-collapse:collapse;	

}



th {

	font-weight: bold;

	height: 25px;

	width: 100px;

}



td {

	border: 1px dashed #0099CC;

	border-collapse:collapse;

	height: 30px;

	width: 100px;

}

.acceso{

	padding-right: 30px;

	background-color: #006699;

	text-align: right;

	color: #FF0066;

}

.spento{

	padding-right: 30px;

	text-align: right;

	color: #ffffff;

}

.giorno{

	color: #ffffff;

	font-size: 12px;

	font-weight: bold;

}

#visite{

	width: 350px;

	float: left;

	margin-top: 2em;

}

#orari{

	padding: 2px;

	margin: 2px;

	border: 1px dashed #0099CC;

	width: 250px;



}



#orari, td, th

{

	border: 1px solid #0099CC;

	border-collapse:collapse;

	text-align: center;

}



#orari, th {

	font-weight: bold;

	height: 25px;

}



#orari, td {

	border: 1px dashed #0099CC;

	border-collapse:collapse;

	height: 30px;

}



#cambiamese{

	width: 100%;

	float: left;

	margin-top: 2em;

	text-align: center;

}



.but{



    background-image:url('images/sfbut.jpg');

    background-position:center center;

    background-color:CC3399;

    border-size : 1px;

    font-weight : bold;

    border-width : thin;

    border-height : thin;

    color :#ffffff;

    border-color : #0a4792;

}