/* CSS Document */
/* CSS created by Giovanni Ghersi - www.giovannighersi.com - for if&but Network di Comunicazione. June 2008. */
/* You may not reproduce this css design elsewhere without the designer's written permission. However, feel free to study the CSS and use techniques you learn from it elsewhere. */
body {
	background-color: #0c2c37;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #5d5c5a;
	text-align: center;
}
p {
	margin: 5px;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a {
	color: #f7730f;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3 {
	margin: 0;
	padding: 10px 5px 0px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #5d5c5a;
	text-align: left;
}
h3 {
	font-size: 20px;
	margin-bottom: 15px;
}
h4 {
	margin: 0px 10px 0px 0px;
	padding: 10px 5px 0px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #5d5c5a;
	text-align: right;
}
ol {
	text-align: left;
}
#wrapper {
	margin: auto;
	text-align: center;
	width: 861px;
}
#header, #page {
	width: 861px;
	height: auto;
	float: left;
}
#header {
	height: 88px;
}
#page {
	background: url(../media/container.jpg) repeat-y 0px 25px #0c2c37;
}
#footer {
	width: 800px;
	height: auto;
	float: left;
	margin-left: 31px;
	margin-top: 15px;
	display: inline;
	background: url(../media/rigapuntata.png) repeat-x top #fff;
}
#footer p {
	text-align: center;
	font-size: 10px;
	padding-top: 5px;
}
/* ------------ FASCIA ALTA CON LOGO, MENU' DI NAVIGAZIONE E BANNER ------------ */
#logo {
	width: 234px;
	height: 88px;
	background: url(../media/bokki-camping-logo.jpg) no-repeat center;
	float: left;
	margin-left: 30px;
	display: inline;
}
#anniversario {
	width: 100px;
	height: 88px;
	background: url(../media/anniversario-bokki.jpg) no-repeat bottom;
	float: right;
	margin-right: 0px;
}
#bordo-superiore {
	width: 861px;
	height: 25px;
	background: url(../media/bordo-superiore.jpg) no-repeat top;
	float: left;
	margin-top: 0;
}
#bordo-inferiore {
	width: 861px;
	height: 25px;
	background: url(../media/bordo-inferiore.jpg) no-repeat bottom;
	float: left;
}
/* ------------ INIZIO DI FOTOGRAFIA DI SEZIONE E CONTENUTI ----------------- */
#foto-testata {
	width: 800px;
	height: 200px;
	float: left;
	margin-top: 2px;
	margin-left:31px;
	display:inline;
}
#show-foto-testata {
	width: 800px;
	height: 200px;
	float: left;
	margin-left: 31px;
	display: inline;
}
/* ------------ CONTENUTI home page ----------------- */
#home_page_sinistra {
	width: 240px;
	float: left;
	margin-top: 10px;
	margin-left: 31px;
	background-color: #fff;
	display: inline;
}
#home_page_centro {
	width: 240px;
	float: left;
	margin-top: 10px;
	margin-left: 25px;
	background-color: #fff;
	display: inline;
}
#home_page_destra {
	width: 270px;
	float: left;
	margin-top: 10px;
	margin-left: 25px;
	display: inline;
}
#home_page_sinistra img, #home_page_centro img {
	padding: 5px;
	border: 1px #999 dotted;
	text-align: left;
	margin: 4px 0px;
}
#home_page_destra img, .immagine {
	float: right;
	margin-left: 15px;
}
#home_page_destra p {
	text-align: left;
}
#attualita {
	width: 268px;
	height: 108px;
	border: 1px #999 dotted;
	float: left;
	display: inline;
	margin-left: 0px;
	margin-top: 15px;
	background: url(../media/casa-al-bokki.jpg) no-repeat center #fff;
}
#attualita img {
	padding: 4px;
}
/* ------------------- FORMATTAZIONE PAGINE INTERNE ---------------------------- */
#contenuti-campeggio, #contenuti-webcam {
	width: 505px;
	float: left;
	margin-top: 10px;
	margin-left: 31px;
	background-color: #fff;
	display: inline;
}
#contenuti-webcam p {
	text-align: right;
	font-size: 12px;
	margin-left: 0;
}
#contenuti-webcam img {
	float: left;
	margin-right: 10px;
}
/* ---------------- GESTIONE TABELLE DEI PREZZI -------------------------------- */
#tariffe-giornaliere, #tariffe-forfait, #tariffe-casemobili {
	width: 505px;
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	display: inline;
}
div#tariffe-giornaliere {
	background-color: #dfffe0;
}
div#tariffe-casemobili {
	background-color: #ffedcf;
}
div#tariffe-forfait {
	background-color: #d0cfff;
}
table {
	width: 98%;
	margin-top: 5px;
	margin-bottom: 5px;
}
table, td, th {
	border: 1px solid #5d5c5a;
	border-collapse: collapse;
}
td, th {
	padding: 2px;
	text-align: center;
}
.nota {
	font-size: 11px;
	font-weight: normal;
}
.prenota {
border:0;
float:right;
margin-right:0;
margin-top:10px;
}

/* ---------------- PAGINA INTERNA, COLONNA DESTRA -----------*/
#page_interna_destra {
	width: 270px;
	float: left;
	margin-top: 10px;
	margin-left: 25px;
	display: inline;
}
.sliding-text {
	background-color: #dfffe0;
	margin-top: 15px;
}
.sliding-text p {
	text-align: right;
	padding: 5px 10px;
	font-size: 12px;
}
.sliding-text ul li{
	text-align: right;
	padding-right:20px;
}
#styled {
	width: 460px;
	height: 120px;
	border: 1px solid #ccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background: url(../media/textarea-bg.gif) bottom right no-repeat #fcfbfb;
}
/* ------------------- MENU' DI NAVIGAZIONE ---------------------------- */
#activelink {
	border-bottom: 6px solid #f90;
}
#main_nav {
	width: 490px;
	float: left;
	margin-left:60px;
	display: inline;
}
#main_nav ul {
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: 900;
	margin-top: 50px;
}
#main_nav li {
	list-style-type: none;
	float: left;
	white-space: nowrap;
	margin-right: 10px;
}
#main_nav a {
	display: block;
	color: #fff;
	text-decoration: none;
}
#main_nav a:hover {
	color: #fff;
	border-bottom: 6px solid #6c3;
	text-decoration: none;
}

/* --------------------------------- FORMATTAZIONE MODULI -------------------- */


#stylized fieldset{
border: 2px dashed #0c2c37;
background:#fff;
margin-top:10px;
}
#stylized legend{
font-family:Arial, Helvetica, sans-serif;
background:#f60;
padding:2px 5px;
color:#fff;
font-weight:900;
}
#stylized p{
font-size:11px;
color:#666666;
clear:both;
text-align:left;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}

#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input, #stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized select{
font-size:12px;
padding:4px 2px;
margin-left:5px;
}

#stylized .tiny{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:40px;
margin:2px 0 20px 10px;
}

#stylized .invia{
width:60px;
background-color:#f60;
}


#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#fff;
font-size:11px;
font-weight:bold;
}
.errorMessage{ 
	position:absolute;
	color:red;
	padding-left:10px;		
		}
/* --------------------- photo gallery ------------------ */
.section {
    border-top: 1px solid #BBB;
    margin-top: 15px;
	/*
    margin-left: 5%;
    margin-right: 5%;
	*/
    
    
    background-color: white;
}

.section ul {
    list-style: none;
    margin-top: 5px;
}

.section ul li {
    display: inline;
}

.section ul a {
    background-color: #ECECEC;
    border: 1px solid #999999;
    padding: 5px 5px 10px;
    display: block;
    float: left;
    margin: 5px;
}

.section ul a:hover {
    background-color: #FFFFFF;
    border: 1px solid #333333;
}

.section ul a img {
    border: 1px solid #999999;
}

.section ul a.lightbox-enabled img {
    border: 1px dotted #999999;
}

.section span.code {
    font-family: "Courier New", Courier, monospace;
    margin-left: 10px;
    padding-left: 10px;
    font-size: 11px;
    border-left: 1px solid #000;
}

.section .link {
    font-size: 12px;
    font-style: italic;
    padding-left: 10px;
    margin-left: 10px;
}

.section .important {
    text-decoration: underline;
}

.section .title {
    font-weight: bold;
    font-size: 16px;
}

.clear {
    clear: left;
}

.section.header {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    border-top: none;
}

.section.footer {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:800px;
		height:200px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */