/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #D8D6C8 url(../images/body.jpg) 50% 0 repeat-x;	
	font: normal 16px Arial, Helvetica, sans-serif;
	text-align: justify;
}

a {
	color: #900;
	outline: none;
}

a img { outline: none; border:none;  }

ul {
	color: #c00;
} 
ul li {
	padding: 4px 0;
	color: #333;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
}

#header {
	font-size: 14px;	
	height: 40px;
	padding: 30px 0;
}

#header .logo {
	float: left;
	width: 320px;
	height: 40px;
}

#header ul.menu {
	float: left;
	margin: 0;
	width: 600px;
	height: 20px;
	padding: 10px 0 10px 40px;
	list-style: none;
	line-height: 20px;
}

#header ul.menu li {
	float: left;
	padding: 0 0 0 30px;
}

#header ul.menu li a {
	color: #000;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	letter-spacing: 1px;	
}

#header ul.menu li a:hover { color: #666; }
#header ul.menu li.active a { color: #900; }

#content {
	background: url(../images/ombra-content.png) 50% 100% repeat-x;
}

#content .left {
	float: left;
	width: 320px;
	margin: 70px 80px 70px 0;
	line-height: 180%;
}

#SkypeButton_Call_garnisanlorenzopinzolo_1_paraElement {margin-top:-10px !important; margin-left:-30px !important; height:32px !important;}

#content .right {
	float: left;
	width: 520px;
	padding: 20px;
	margin: 70px 0;
}

#content .right img { display: block; }

#content .black {
	background: url(../images/nero-trasparente.png) 0 0 repeat;
}

h1 {
	margin: 0;
	padding: 0;
	font: normal 24px Georgia, "Times New Roman", Times, serif;
	color: #900;
	letter-spacing: -1px;
}

#gallery {
	position: relative;
	height: 640px;
}

#map {
	position: relative;
}

#form_itinerario {
	 padding: 10px 20px;
	 background: #900;
	 color: #fff;
}

#directionsPanel {
	 width:480px;
	 margin-bottom:10px;
	 background: #fff;
	 background: rgba(255,255,255,.35);
	 padding: 20px;
	 font-size: 14px;
}

#directionsPanel table {
	width: 480px;
}

.shadow {
	position: absolute;
	left: 0;
	width: 100%;
	height: 18px;
	background: url(../images/ombra-su.png) 0 0 repeat-x;
	z-index: 99999;
}

.shadow-bottom { bottom:0; } 

.shadow-top {
	top: 0;	
	background-image: url(../images/ombra-giu.png);
}

table.tariffe {
	border-collapse: collapse;
	width: 100%;
}

table.tariffe td, table.tariffe th {
	border: 1px solid #900;
	padding: 1px 5px;
}

table.tariffe th {
	background: #900;
	color: #FFF;
}

form.contatti label {
	float: left;
	width: 520px;
	padding: 0 0 5px 0;
	position: relative;
}

form.contatti label input.text, form.contatti label textarea {
	float: right;
	width: 350px;
	font: 12px Arial, Helvetica, sans-serif;
	border: 0;
	padding: 5px;
	background: rgba(255,255,255,.5);
	border-bottom: 1px solid #900;
	border-right: 1px solid #900;
}

form.contatti label input.text { height: 18px; }
form.contatti label textarea {
	height: 100px;
	resize: vertical;
}

#footer {
	color: #333;
	font-size: 12px;
	padding: 50px 0 20px;
	text-shadow: 1px 1px 0 #fff;
	line-height: 150%;
	clear: both;
}
#footer .apt{
	float:left; width:230px;
}

#footer .testo{
	float:left; width:730px;
}

#footer a { color: #333; }

#footer .credits {
	padding: 30px 0 0 0;	
	margin: 0;
	text-align: right;
}

#footer .fb-like {
	float: left;
	width: 150px;
	padding-bottom: 15px;
	padding-top:15px;
}