/* CSS Document */
html, body {padding:0;margin:0;}

body {background-color:#555555;background-image: url(images/bodybck.gif);background-position: top left ;
			background-repeat: repeat-x;font-size:12px;scrollbar-face-color:#ffffff;scrollbar-highlight-color:#ffffff;
			SCROLLBAR-ARROW-COLOR: #000000;SCROLLBAR-TRACK-COLOR: #ffffff;SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
			SCROLLBAR-BASE-COLOR: #ffffff; text-align: center;}

p {margin:0px;	font-family: arial, tahoma, sans-serif; }
hr {	width:60%; height:1px; margin-left:20%; color: #000000;}
div {	margin:0px;	padding:0px;}
h1, h2, h3{font-family:Verdana, Arial, Tahoma, sans-serif;font-weight:lighter;}
a {text-decoration: none;color:#ffffff;}
a:visited {	text-decoration:none; color:#ffffff;}
img {border:0;}
/*CLASSI PERSONALIZZATE*/
.left {float:left;}
.right {float:right;}
.txtcenter {text-align: center;}
.title {text-decoration:underline; font-family: Verdana, Arial, Tahoma, sans-serif; font-size:0.8em;}
.bigger {font-size:large; font-weight:bold;}
.smaller {font-size:small; font-weight:bold;}
.middle {border-left:1px solid #000000; border-right:1px solid #000000;}
.uc {float:right;margin-right: 50px;}
.bold {font-weight:bold;}
.hide {visibility:hidden;}
.h70 {height: 70px;}
.flag{float:left; margin:0px 10px 0px 20px; vertical-align: baseline;  }
.underline{	text-decoration: underline;}
.activepage{text-decoration: underline; }

/*PAGE*/
#page {width:80%;	min-width: 966px; 	/*min-height:620px;*/ background-color:#ffffff;	margin:-15px auto 0;	text-align:left;}
	
/*NAVIGATION*/
#nav {width:100%;height:200px;background-color:#800000;background-image: url(./images/sicily365.png);background-position:32px 0px;background-repeat:no-repeat;}
	#nav li {margin-top:172px;list-style-type:none;display:inline;color:#FFFFFF;margin-right:36px;float:left; 
	font-family: Verdana, Arial, Tahoma, sans-serif;font-size: 18px;font-weight: lighter;}
	#nav li a:hover {	text-decoration:underline;}
/*SHADOW*/
#shadow {width:100%;height:20px;margin-top:0;background-position: top right;background-image: url(images/shadow_bottom.png);background-repeat: repeat-x;}
/*FOOTER*/		
#footer {width:100%;/*height:20px*/;background-color:#800000;border-top:1px solid #000000; border-bottom:1px solid #000000; overflow:hidden;font-family: Verdana, Arial, Tahoma, sans-serif;text-align:center; margin-top: 10px;}
	#footer p {	 margin:4px 5px 8px; font-size:9px;color:#ffffff;}
	
/* link verso sito abritel.fr */
#abritel {/*float:right;*/ margin:10px auto; text-align: center; font-family:Verdana, Arial, Tahoma, sans-serif; font-size: 9px; line-height: 14px;}
	#abritel a:hover {text-decoration: underline;}

/*INIZIO PAGINE*/
		
/*HOME*/
#home {width:100%;height:380px;overflow:auto;text-align:center;}
	#home p {float:left;width:30%;min-width:280px;height:170px;text-align:justify;margin-top:20px;margin-left:2.5%;padding:0;overflow:auto;}
	/*IMAGES in home*/
	#images {float:left;width:100%;height:112px;margin-top:40px;overflow:hidden;text-align:center;}
/*GALLERY page*/
#gallery {width:100%;height:380px;overflow:auto;}
		/*left*/
	#galleryleft {float:left;width:26%;margin-top:40px;margin-left:1%;padding:0 ;overflow:auto;}
	#galleryleft img {margin-right: 10px;margin-left: 20px;}
		/*right*/
	#galleryright {float:right;width:73%;height:99%;overflow:auto;text-align: center;} 
	#galleryright li {float:left; width:100px; list-style-type: none; margin-bottom:10px;margin-right: 10px;}	

/*ACCOMMODATION slide */
#slide { width:100%;}
#slide ul {margin-bottom:30px; }
#slide li { float:left; width:80px; height:53px; list-style-type: none; margin:5px 5px 0 0;}
#slide li img {width:80px; height:53px;}
#ms {clear:both; float:left; margin-top: 20px;}


/*ACCOMMODATION page */
#accommodation {width:100%;height:380px;overflow:auto;}
	#accommodationleft {float:left;width:30%; min-width:295px;margin-top:0;margin-left:1%;padding:0;}
	#accommodationright {float:right;width:60%;height:99%; }
	#accommodationright p {overflow:visible; margin:2%;} 
	#accommodationright img {float:left;margin-right:10px;vertical-align:bottom;}
	#accommodation h2 {margin-left:3%;}
	#accommodation a {text-decoration:underline; color:#000000;	}
	#accommodation a:hover {font-weight:bolder;}
	
#pa01 {float:left; width: 100%;}
#pa01 img{margin-right:15px;}
#pa02 {float:left; width: 100%; text-align: left;}
#pa02 img{margin-left:15px;}
	
#pa03 {float:left; width: 100%;}	
#pa03 img{margin-right:15px;}

#intro {width:80%; padding: 0 10%; height:350px;overflow:auto;margin: 10px 0 20px;}
#intro a:link {color:#000000;}
#intro a:visited {color:#000000;}
#intro > p {margin:15px 100px; font-weight: bold;}
#intro a:hover {color:#000000;text-decoration: underline;}


/*ACCOMMODATION002 page */
#accommodation002 {width:100%;height:380px;overflow:auto;}
	#accommodation002left {float:left;width:30%; min-width:295px;margin-top:0;margin-left:1%;padding:0;overflow:auto;}
	#accommodation002right {float:right;width:60%;height:99%; overflow:auto;}
	#accommodation002right p {overflow:visible; margin:2%;} 
	#accommodation002right img {float:left;margin-right:10px;vertical-align:bottom;}
	#accommodation002 h2 {margin-left:3%;}
	#accommodation002 a {text-decoration:underline; color:#000000;	}
	#accommodation002 a:over {font-weight:bolder;}	
/*INFORMATION*/
#info {width:100%;	height:380px;	overflow:auto;}
 	#info h2 {margin-left:2%;}
	#map_info {float:right; vertical-align: middle; margin: -5px 40px 0px 50px;}
		#info p {overflow:visible;margin:10px 0 10px 30px; }
		#info a {color:#000000; text-decoration:underline;}
		#info a:visited{color:#000000;}
		#info a:hover {font-weight:bolder;}	
/*CONTACTS*/
#contacts {	width:100%;	height:380px;	overflow:auto;}
	#contacts a {color:#000000;text-decoration:underline;}
	#contacts li {float:left;width:31%;margin-left:1%;font-family:arial,tahoma,sans-serif;list-style-type:none;color:#000000;text-align:left;}
	#contacts p {width:100%;text-align:center; }
	#img_contacts {float:left;width:100%;height:112px;margin-top:40px;overflow:hidden;text-align:center;}
/* LINKS */
#links {	width:100%;height:380px;overflow:auto;}
		/*left*/
#linksleft {float:left;width:23%;min-width:200px;height:100%;padding:0 ;background-color:#ffffff;overflow:auto;margin-left:10px;}
	#linksleft img {vertical-align:top;}
	#linksleft a img{text-decoration:none;color:#ffffff;border:0px;}
		/*right*/
#linksright {float:right;width:70%;height:99%;padding:0 1%;margin-left:10px;border-left:1px solid #000000;background-color: #ffffff;overflow:auto;}
	#linksright p {width:95%;float:left;margin-left:1%;text-align:justify;text-indent:0px;background-color:#ffffff;padding:5px;border-bottom: 1px solid #000000;} 
	#linksright li {list-style-type: none;float:left;margin:0px 10px 0px 0px;}
	#linksright img {margin:1px 8px;vertical-align:top;}
	#linksright a img{text-decoration:none;color:#ffffff;border:0px;}
	#linksright a:visited {text-decoration:none;color:#ffffff;border:0px;}
	#linksright a{color:#ffffff;}
/*MAP*/
#map {width:100%;height:380px;overflow:auto;text-align: center;}
	#map li {list-style-type: none; font-size: 1em; margin:5px;}
	#map a {color:#000000; font-size:18px;}
	#map li ul li {list-style-type:none;  margin-left: 100px;}
	

		
		
