/*  
Template name: Colorvoid
Template URI: http://templates.arcsin.se/colorvoid-website-template/
Release date: 2008-04-25
Description: Soft and natural, gray and blue two-column template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* ----------------------------------------
   Standard Elements
------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;

}


body {

	background: #4C7EAF;
	color: #345;
}

a {text-decoration:none; color: #4C7EAF; text-decoration:underline;}
a:hover {color: red;}


h1 {font: bold 16px Trebuchet MS;}
h2 {font: bold 22px Trebuchet MS;}

h3 {font: normal 12px Trebuchet MS; color: white;}

h4 {font: normal 14px Trebuchet MS; text-align:justify;}
h5 {font: normal 14px Trebuchet MS; text-align:center;}
h6 {font: normal 14px Trebuchet MS; text-align:right;}

.pagine_guestbook{font: bold 20px Trebuchet MS; text-align:justify; color:red;}
.testo_home{font: normal 14px Trebuchet MS; text-align:justify;}
.testo_link_storia {font: bold 22px Trebuchet MS;}





hr	{border: 1px solid #4C7EAF;  margin-top:10px; margin-bottom:10px;}

.casella_testo{
border-style: solid;
border-width: 1px;
border-color: grey;
background-color: #c9e9f0;
color:#000000;
font: normal 14px Trebuchet MS;
text-align:center;
width:155px;
padding: 5px 2px 5px 2px;
margin-top:4px;
display:block;
float:left;
}

.bottone{
cursor:pointer;
border-style: outset;
border-width: 4px;
border-color: grey;
background-color: #c9e9f0;
color:#000000;
font: normal 14px Trebuchet MS;
text-align:center;
font-weight:bold;
text-decoration:underline;
padding: 5px 2px 5px 2px;
margin:4px 10px 4px 10px;
display:block;
}

.bottone:hover{
cursor:pointer;
border-style: outset;
border-width: 4px;
border-color: grey;
background-color: #4C7EAF;
color:white;
font: normal 14px Trebuchet MS;
text-align:center;
font-weight:bold;
text-decoration:underline;
padding: 5px 2px 5px 2px;
margin:4px 10px 4px 10px;
display:black;
}

textarea{
border-style: solid;
border-width: 1px;
border-color: grey;
background-color: #c9e9f0;
color:#000000;
font: normal 14px Trebuchet MS;
text-align:left;
width:400px;
height:100px;
padding: 4px 4px 4px 4px;
margin-top:4px;
}


.alby_jr{
background:url(img/history/5_small_off.jpg) no-repeat center center;
display:block;
width:273px;
height:182px;
}
.alby_jr:hover{
background:url(img/history/5_small.png) no-repeat center center;
display:block;
width:273px;
height:182px;
}




.amalfi{
background:url(img/sightseeing/amalfi_off.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}
.amalfi:hover{
background:url(img/sightseeing/amalfi_on.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}

.ravello{
background:url(img/sightseeing/ravello_off.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}
.ravello:hover{
background:url(img/sightseeing/ravello_on.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}

.positano{
background:url(img/sightseeing/positano_off.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}
.positano:hover{
background:url(img/sightseeing/positano_on.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}

.sorrento{
background:url(img/sightseeing/sorrento_off.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}
.sorrento:hover{
background:url(img/sightseeing/sorrento_on.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}

.pompei{
background:url(img/sightseeing/pompei_off.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}
.pompei:hover{
background:url(img/sightseeing/pompei_on.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}

.ercolano{
background:url(img/sightseeing/ercolano_off.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}
.ercolano:hover{
background:url(img/sightseeing/ercolano_on.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}

.vesuvio{
background:url(img/sightseeing/vesuvio_off.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}
.vesuvio:hover{
background:url(img/sightseeing/vesuvio_on.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}

.napoli{
background:url(img/sightseeing/napoli_off.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}
.napoli:hover{
background:url(img/sightseeing/napoli_on.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}

.paestum{
background:url(img/sightseeing/paestum_off.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}
.paestum:hover{
background:url(img/sightseeing/paestum_on.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}

.roma{
background:url(img/sightseeing/roma_off.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}
.roma:hover{
background:url(img/sightseeing/roma_on.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}

.italia_tour{
background:url(img/sightseeing/italia_tour_off.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}
.italia_tour:hover{
background:url(img/sightseeing/italia_tour_on.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}

.italia_origini{
background:url(img/sightseeing/italia_origini_off.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}
.italia_origini:hover{
background:url(img/sightseeing/italia_origini_on.jpg) no-repeat;
display:block;
width:300px;
height:150px;
}


.et{
background:url(img/@_off.png) no-repeat center center;
display:block;
width:300px;
height:259px;
}

.et:hover{
background:url(img/@_on.png) no-repeat center center;
display:block;
width:300px;
height:259px;
}

.tel:hover{
background:url(img/tel_on.png);
width:126px;
height:121px;
}

.cell:hover{
background:url(img/cell_on.png);
width:126px;
height:121px;
}

.email{
background:url(img/email_off.png) no-repeat center center;
display:block;
width:139px;
height:117px;
}

.email:hover{
background:url(img/email_on.png) no-repeat center center;
display:block;
width:139px;
height:117px;
}


.panoramica
{border: 2px ridge grey;
padding: 2px;
margin-bottom: 10px;
margin-top: 5px;
margin-left: -10px;
margin-right: -10px;
}


.bordered
{border: 2px ridge grey;
padding: 2px;
margin:10px;}

.bordered2
{border: 2px ridge grey;
padding: 2px;
margin:1px 0px 1px 0px;}

.NObordered
{margin:0px;}

.bordered_luoghi
{border: 2px ridge grey;
padding: 2px;}
   
   
.sign{
	background:url(img/guestbook/sign.png);
	width:200px;
	height:40px;
}

.sign:hover{
	background:url(img/guestbook/sign_on.png);
	width:200px;
	height:40px;
}
/* ----------------------------------------
  Forms
------------------------------------------- */

#searchsubmit {
	border: 1px solid #BBB;
	background: #EEE;
	font: normal 0.9em Verdana,sans-serif;
	padding: 2px 3px;
}

#menu ul{
 margin-left: 0px;
 padding: 0 0 0 0;
 list-style: none;
 text-align: center;
}

#menu li {
 display: inline;
 text-align: center;
}

#menu .voce{
	display:block;
	height:40px;
	float:left;
}

#menu .home{
	background:url(img/bottoni_menu/home_off.png);
	width:136px;
}

#menu .home:hover{
	background:url(img/bottoni_menu/home_on.png);
	width:136px;
}

#menu .sightseeing{
	background:url(img/bottoni_menu/sightseeing_off.png);
	width:136px;
}

#menu .sightseeing:hover{
	background:url(img/bottoni_menu/sightseeing_on.png);
	width:136px;
}

#menu .transfer{
	background:url(img/bottoni_menu/transfer_off.png);
	width:136px;
}

#menu .transfer:hover{
	background:url(img/bottoni_menu/transfer_on.png);
	width:136px;
}

#menu .vehicles{
	background:url(img/bottoni_menu/vehicles_off.png);
	width:136px;
}

#menu .vehicles:hover{
	background:url(img/bottoni_menu/vehicles_on.png);
	width:136px;
}

#menu .cruise_ports{
	background:url(img/bottoni_menu/cruise_ports_off.png);
	width:136px;
}

#menu .cruise_ports:hover{
	background:url(img/bottoni_menu/cruise_ports_on.png);
	width:136px;
}

#menu .contacts{
	background:url(img/bottoni_menu/contacts_off.png);
	width:136px;
}

#menu .contacts:hover{
	background:url(img/bottoni_menu/contacts_on.png);
	width:136px;
}

#menu .guestbook{
	background:url(img/bottoni_menu/guestbook_off.png);
	width:136px;
}

#menu .guestbook:hover{
	background:url(img/bottoni_menu/guestbook_on.png);
	width:136px;
}

.left {float: left;}
.right {float: right;}
/* ----------------------------------------
   Layout
------------------------------------------- */

/* Main */
#wrapper {
	position:absolute;
	left:50%;
	margin-left: -476px;
	margin-top: 20px;
}

#header {
	width: 952px;
	height: 190px;
	margin: 0 auto;
	background: url(img/testata.png) no-repeat bottom center;
}

#menu {
	width: 952px;
	padding-top:10px;
	background: white;
}

#corpo {
	width: 912px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	background: white;
}

#footer {
	width: 912px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	background: #4C7EAF;
}
#footer a{
	color:yellow;
	font-weight:bolder;
	}
#footer a:hover{
	color:red;
	font-weight:bolder;
	}



/* Navigation */
#navigation {
	background: white url('img/navigation.jpg') no-repeat left bottom;
	padding: 82px 10px 0;
}

/* Tabs */
#tabs ul {
	margin: 0;
	padding: 0;
}
#tabs li {
	display:inline;
	list-style:none;
}
#tabs a {
	background: url('img/tableftc.gif') no-repeat left top;
	float: left;
	font: bold 12px calibri;
	margin-right: 3px;
	padding-left: 4px;
	text-decoration: none;
}
#tabs a span {
	float: left;
	display: block;
	background: url('img/tabrightc.gif') no-repeat right top;
	padding: 5px 10px 5px 6px;
	color: black;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float: none;}
/* End IE5-Mac hack */

#tabs a:hover span {color: #608AAA;}
#tabs a:hover {background-position: 0% -42px;}
#tabs a:hover span {background-position:100% -42px;}

#tabs li.current_page_item a {color: #47A; background-position: 0% -42px;}
#tabs li.current_page_item a span {background-position:100% -42px;}

/* Main Layout */
#main_left {width: 652px;}
#main_right {width: 300px;}