/*------------------------------------------
Title:			TUSCAMAR VIAGGI
Author:			Andrea Baroni
URL:			http://www.ideacalpyso.com
Created:		19 Jan 2009
Modified:		-
------------------------------------------*/

@import url(styles_page_sections.css);


/******* GLOBALI ***************************/

body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
	border:0px none;
	margin:0px;
	padding:0px;
}

html{
}

body {
	height:100%;
	position:relative;
	font-size:11pt;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #FFF;
	border:0;
	text-align:center;
	background:#4b80bb url(../images/bk_body.jpg) center top no-repeat;
	position:relative;
	z-index:1;
}


a {	color:#ffcc00; text-decoration:none; }

a:hover { color:#FFF; text-decoration:underline; }

p {	padding:0; margin:0 25px 15px 10px; font-size:100%; z-index:20; text-align:justify;}

p img {	float:left; margin: 5px 8px 5px 0;}

.popup p { margin-right:20px; }



hr{ width:90%; height:1px; margin:25px auto 15px; text-align:left; padding:0; border:0px; background-color:#CCCCCC; display:block;}


div.knot{ width:520px; height:25px; margin:25px auto 10px; text-align:center; padding:0; border:0px; background:url(../images/bk_hr.gif) left top no-repeat; }
div.knot hr { display:none; }

img{ border:0; }

ul, ol, dl {
	position: relative;
}
			  
ul { margin:10px 0 25px 35px; padding:0; list-style:square; }

ul li{ margin: 0 0 4px 0; padding:0px; }

iframe { border:0px; margin-left:20px; }



/*----------- TITLES ------*/
h1{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif; text-transform:uppercase;  margin:0 0 20px 10px; padding:0; font-size:100%; font-weight:bold; z-index:20; }

h1.servizi {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_servizi.gif) left top no-repeat; }
h1.serviziE {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_serviziE.gif) left top no-repeat; }
h1.viaggiItalia {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_viaggiItalia.gif) left top no-repeat; }
h1.viaggiItaliaE {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_viaggiItaliaE.gif) left top no-repeat; }
h1.altreDest {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_altreDest.gif) left top no-repeat; }
h1.altreDestE {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_altreDestE.gif) left top no-repeat; }
h1.strutture {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_strutture.gif) left top no-repeat; }
h1.struttureE {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_struttureE.gif) left top no-repeat; }
h1.noleggio {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_noleggio.gif) left top no-repeat; }
h1.noleggioE {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_noleggioE.gif) left top no-repeat; }
h1.cataloghi {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_cataloghi.gif) left top no-repeat; }
h1.cataloghiE {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_cataloghiE.gif) left top no-repeat; }
h1.contattaci {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_contattaci.gif) left top no-repeat; }
h1.contattaciE {width:320px; height:60px; margin:0 0 15px 0; background:url(../images/h1_contattaciE.gif) left top no-repeat; }
h1 span { position:relative; z-index:-1; }

h2 { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:150%; margin:0 0 15px 10px; z-index:20; }
h2.struttura { font-size:220%; margin:0 0 0 10px; }

h3 { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:110%; margin:10px 0 5px 15px; color:#FFF; text-transform:uppercase; z-index:20; }

h4 { font-size:100%; text-decoration:underline; margin:0 0 0 15px; }



/*--------- FORMS ----------*/

form {
	width:430px;
	margin: 0;
	padding:0;
}

label { display:block; width:180px; font-family:Arial, Helvetica, sans-serif; font-size:100%; z-index:10; position:relative;}

input, input.checkbox { width:260px; background:#f8f7eb; border:1px solid #555; margin:0; left:0px; font-size:90%; clear:both; z-index:10; position:relative; padding:3px; }

input.checkbox { width:15px; height:15px; margin-right:5px; border:0; background:#000;}

textarea { width:400px; background:#f8f7eb; border:1px solid #555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; }

input.button { height:24px; font-size:12px; margin:10px 0 0 140px; width:120px; color:#CCCCCC; border:2px solid #222; background:#28497e; cursor:pointer;}

input.button:hover { background:#5d849a; color:#FFF;}



form.ricerca { margin:25px 0 5px 40px; width:500px;}

.ricerca br {
	clear: left;
}

.ricerca label,.ricerca input, .ricerca select {
	display: block;
	width: 150px;
	float: left;
	clear:none;
	margin-bottom: 15px;
}

.ricerca select {
	width: 100px;
}

.ricerca label {
	text-align: right;
	width: 60px;
	padding-right: 20px;
}

.ricerca input {
	height:13px;
	font-size:11px;
}


.ricerca .prov label
{
	margin-left:30px;
	width:50px;
}

.ricerca .prov input
{
	width:110px;
}


.ricerca input.button{
	height:30px;
	width:110px;
	border:1px solid #000;
	font-weight:bold;
	font-size:12px;
	margin:15px 0 0 30px;
	padding:3px 10px;
	cursor:pointer;
	font-size:95%;
	color:#FFF;
}



/*--------- TABELLE ----------*/






/*--------- LISTE ----------*/

ul.prodotti{
	margin:20px 0 0 15px;
	padding:0;
	list-style:none;
}


ul.prodotti li {
	width:524px;
	min-height:155px;
	height:auto !important;
	height:155px;
	margin:0 0 15px 0;
	padding:10px 10px 30px 10px;
	font-size:90%;
	color:#FFF;
	position:relative;
	background:#28497e;
	border: 1px solid #233c57;
}

ul.prodotti li .infoStruttura{ padding-left:150px; }

ul.prodotti li .luogo{ margin:0 0 10px 0; }

ul.prodotti li p { margin:0; }

ul.prodotti li .slideshow img {
	border:2px solid #FFF;
	margin:0;
}

ul.prodotti li .slideshow {
	width:140px;
	height:150px;
	position:absolute;
	top:14px;
	left:10px;
	text-align:left;
}

ul.prodotti li h3 { width:300px; margin:0 0 5px 0; font-size:130%;}


ul.prodotti li .categoria{
	position:absolute;
	top:10px;
	right:10px;
}

ul.prodotti li .durata{
	width:32px;
	height:14px;
	position:absolute;
	top:5px;
	right:10px;
	padding:16px 0 14px 8px;
	color:#000;
	font-size:100%;
	background:url(../images/cal_small.gif);
}

ul.prodotti li .durata .textsmall { font-size:90%; font-style:normal; margin-left:-5px; }



ul.categories{
	list-style:none;
	margin:0;
	margin-left:15px;
	padding:0;
}


ul.categories li{
	width:187px;
	height:15px;
	padding:5px 0 5px 10px;
	margin:0 0 7px 0;
	background:url(../images/bk_categories_li.gif) left top no-repeat;
	font-size:90%;
	
}

ul.categories a{
	color:#EEE;
}

ul.categories a:hover{
	color:#FFF;
	text-decoration:underline;
}





ul.photoList{
	width:700px;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	
}

ul.photoList  li{
	float:left;
	margin:0 20px 0 0;
	padding:0;
	
}

ul.photoList  li img{
	margin:0;
	padding:0;
	border:2px solid #333;
}

ul.photoList  li img:hover{
	border:2px solid #FFF;
}



ul.cataloguesList{
	width:780px;
	margin:0 0 10px 20px;
	padding:5px 0 5px 0;
	position:relative;
	list-style:none;
	border:1px solid #3c6797;
	background:#4576ae;
	float:left;
	min-height:200px;
	height:auto !important;
	height:200px;
}


ul.cataloguesList li{
	float:left;
	height:200px;
	position:relative;
	margin:0 20px 0 5px;
	padding:10px;
	text-align:center;
	font-size:95%;
	text-transform:uppercase;
}

ul.cataloguesList li a:hover { text-decoration:none; }

ul.cataloguesList li img.icon{ border:1px solid #333; }



ul.servizi li{
	margin:0 0 20px 0;
}


/*----------SCHEDA-------------*/

.scheda {
	width:770px;
	margin:-3px 10px 0 10px;
	padding:55px 15px 15px 15px;
	background:#dbe6f1;
	border:1px solid #39618e;
	color:#000;
	position:relative;
}
	
.scheda  p { margin:5px 5px 10px 0; padding:0; }

.scheda  p img {
	border:3px solid #FFF;
	margin:5px 10px 10px 0;
}

.scheda .luogo{
	width:550px;
	height:24px;
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:7px 0 0 10px;
	border-bottom:1px solid #999;
}


.scheda .luogo .regione{
	background:#b2bfce;
	margin:0 0 0 2px;
	font-size:90%;
	padding:2px 10px;
}

.scheda .categoria{
	height:50px;
	width:200px;
	position:absolute;
	right:9px;
	top:7px;
	text-align:right;
}

.scheda .durata{
	width:29px;
	height:20px;
	position:absolute;
	top:6px;
	right:11px;
	padding:18px 8px 12px 8px;
	color:#000;
	font-size:100%;
	background:url(../images/cal.gif);
}

.scheda .durata .textsmall { font-size:90%; font-style:normal; margin-left:-5px; }
	

/*----------PAGNAV-------------*/

.pagnav{
	float:left;
	width:532px;
	text-align:right;
	position:relative;
	margin:0;
	padding:0 6px 15px 0;
	display:inline;
	margin-left:20px;
	font-size:90%;
	background:url(../images/bk_pagnav.gif) right bottom no-repeat;
}


.pagnav_close {
	height:24px;
	width:11px;
	background:url(../images/bk_pagnavul2.gif) right top no-repeat;
	float:right;
}

.pagnav ul {
	float:right;
	height:21px;
	width:auto;
	margin:0;
	padding:0;
	padding-top:3px;
	padding-left:12px;
	font-size:110%;
	background:#3b6492 url(../images/bk_pagnavul.gif) left top no-repeat;
	list-style:none;
}

.pagnav ul li{
	margin:0 2px 0 0;
	padding:2px 6px 0 0;
	float:left;
	height:16px;
	width:20px;
	font-size:90%;
	border-right:1px solid #BBC;
}

.pagnav ul li.last { background:none; }

.pagnav ul li a {
	padding:2px 4px 2px 4px;
}

.pagnav ul li a:hover {
	font-weight:bold;
	text-decoration:none;
	background:#dfe3e8;
}




/*-------- CLASSI ---------*/
/*-------------------------*/





.breadcrumbs {
	position:absolute;
	right:30px;
	top:30px;
	font-size:90%;
	text-align:right;
}


.arrow {
	position:absolute;
	bottom:5px;
	right:5px;
}

.clear_none {
	clear:none;
}

.clear_all {
	clear:both;
}

.arrow img { border:0px; }

.quickCont {
	width:450px;
	margin:0 0 0 5px;
	padding:20px;
	position:relative;
	font-family:Trebuchet MS, Arial, Verdana;
	font-size:90%;
	font-weight:bold;
}

.infoBox {
	width:180px;
	padding:10px;
	border:1px solid #000;
	background:#28497e;
	margin:0 auto 40px;
}

.infoBoxBig {
	padding:10px 0 0 5px;
	width:540px;
	border:1px solid #3c6797;
	background:#4576ae;
	margin:0 0 20px 10px;
}

.bookmarks {
	margin:0 auto 0;
	width:600px;
	margin:0 auto 0;
	margin-bottom:5px;
	padding:0;
	text-align:center;
	font-family:Trebuchet MS, Arial, Verdana;
	font-size:100%;
	font-weight:bold;
}


img.textimage {
	border:4px solid #FFF;
	margin:10px auto 20px;
	display:block;
}


img.textimageNoBorder {
	border:0px;
	margin:10px auto 20px;
	display:block;
}


.textsmall { font-size:80%; font-style:italic; }

.textcoverband { font-size:80%; color:#FFF; }

.textred { color:#990000; }

.textcyan { color:#6699cc; font-weight:bold;}

.textyellow { color:#996600; font-weight:bold;}

.text_escursione { color:#6C0; }

.text_tour { color:#D30; }