﻿
body {
	font-family: Arial, "Times New Roman", Times, serif;
}

#layoutfot
{
	margin: 970px auto;
	position:absolute;
	font-size:x-small;
}

#layout, #layoutcap
{	
	margin: 0px auto;
	border: 1px solid #000000;
	width: 751px;
	background: url(images/main_bg.jpg) repeat-x;
}
#layout
{
	height: 1000px;
}

#layoutcap
{
	height: 1500px;
}

#descri
{
	position:absolute;
	margin: 30px 0 0 300px;
	font-size:x-large;
	color: #ffffff;
}

#menu
{
	position:absolute;
	margin: 90px 0 0 0;
	height:30px;
	background: url(images/sfondotitlecap.gif) repeat-x;
	width: 751px;
}

#menu ul
{
	list-style:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

#menu li
{
	float:left;
	display:block;
	width:149px;
	border: 0px solid #ffffff;
	border-right: 1px;
	text-align:center;
	font-weight:bold;
	height:25px;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}

#menu li:hover
{
	background: url(images/sfondotitlecapblu.gif) repeat-x;
}

#menu a
{
	color: #ffffff;	
}

#logo
{
	position:absolute;
	width: 750px;
	height: 70px;
	margin: 5px 0 0 5px;		
}

#sinistro
{
	position:absolute;
	margin: 150px 0 0 5px;
	width:170px;
	padding: 0 0 0 0;
}

#viaggi, #newsletter, #prenotazione
{
	position:absolute;
	padding: 0 0 0 0;
	background: #ffffff;
	border: 1px solid #ff0000;
	width:170px;
}

#viaggi
{
	margin: 0 0 0 0;
}

#newsletter
{
	margin: 470px 0 0 5px;
	text-align:center;
	height:110px;
}

#prenotazione
{
	margin: 460px 0 0 0;
	height:120px;
}
#viaggi p, #newsletter p, #prenotazione p, #mascheraprenota p, #disponibilita p, #infoutili p, #meterichieste p, #metealtre p, #titlecapodanno p, #caratteristiche p, #fotocitta p, #quota p, #info p, #partenze p, #programma p, #target p, #infogenerali p, #car2 p
{
	margin: 0px 0 0 0;
	padding: 2px 0 2px 0;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	letter-spacing:1px;
}

#viaggi p, #newsletter p, #prenotazione p
{
		background: url(images/sfondotitlecap.gif) repeat-x;
}

#mascheraprenota p, #disponibilita p, #infoutili p, #meterichieste p, #metealtre p, #titlecapodanno p, #caratteristiche p, #fotocitta p, #quota p, #info p, #partenze p, #programma p, #target p, #infogenerali p, #car2 p
{
		background: url(images/sfondotitlecapblu.gif) repeat-x;
}

#viaggi ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style:none;
}

#viaggi li
{
	margin: 3px 5px 3px 5px;
	padding: 0 0 0 0;
	text-align:center;
	font-size:small;
	border:1px solid #ff0000;
	height:20px;
}

#viaggi li a
{
	color: #ff0000;
}

#mascheraprenota, #disponibilita, #infoutili, #caratteristiche, #fotocitta, #car2
{
	position:absolute;
	width:250px;
	background: #ffffff;
	border: 1px solid #0000ff;
}

#mascheraprenota
{
	margin: 150px 0 0 200px;
}

#caratteristiche, #car2
{
	margin: 240px 0 0 200px;
		height:235px;
}
#fotocitta 
{
	margin: 240px 0 0 480px;
	height: 240px;
}
#fotocitta img
{
	margin: 15px 0 0 15px;
}
#meterichieste, #metealtre
{
	position:absolute;
	background: #ffffff;
	border: 1px solid #0000ff;
}
#meterichieste
{
	margin: 540px 0 0 200px;
	width:525px;
}
#metealtre
{
	margin: 760px 0 0 5px;
	width:720px;
}

#infoutili
{
	margin: 360px 0 0 200px;
	background: url(images/sfondo1.jpg) no-repeat;
	height: 154px;
}

#disponibilita
{
	margin: 150px 0 0 475px;
}
#mascheraprenota ul, #disponibilita ul, #infoutili ul, #meterichieste ul, #metealtre ul, #caratteristiche ul, #contatti ul
{
	list-style: none;
	margin: 3px 5px 3px 5px;
	padding: 0 0 0 0;
}
#infoutili li a
{
	color:#ff0000;
	font-size:small;
}

#infoutili li
{
	float:left;
	display:block;
	width:112px;
	height: 20px;
	margin: 2px 4px 2px 2px;
	text-align: center;
	padding: 5px 0 0 0;
	border:1px solid #ffffff;
	background: #ffffff;
}

#meterichieste li p, #metealtre li p
{
	padding: 98px 0 0 0;
	background:none;
	margin: 0 0 0 0;
}

#meterichieste li, #metealtre li
{
	float:left;
	display:block;
	height: 140px;
	margin: 2px 1px 2px 1px;
	text-align: center;
	padding: 2px 0 0 0;
	border:1px solid #dcdcdc;
	font-size:medium;
}

#meterichieste li
{
	width:124px;
}
#metealtre li
{
	width:114px;
}
#meterichieste li a, #metealtre li a
{
	color: #000000;
}

#mascheraprenota li
{
	margin: 8px 0 8px 0;
	padding: 0 0 0 93px;
	width: 140px;
	height:25px;
}

#caratteristiche li
{
	margin: 8px 0 8px 0;
	padding: 2px 2px 2px 130px;
	width: 103px;
	height:25px;
	border: 1px solid #dcdcdc;
}
#disponibilita li
{
	margin: 1px 0 1px 0;
	padding: 1px 0 0px 200px;
	height:30px;
	border-bottom:1px dotted #ff0000;
}

#mascheraprenota li p, #caratteristiche li p
{
	position:absolute;
	display:block;
	background: #ffffff;
	color: #000000;
	width:95px;
	margin: 0 0 0 -95px;
	padding: 3px 0 0 0;
	text-align:left;
	font-weight:normal;
	letter-spacing:normal;
}

#mascheraprenota li p
{
	width:95px;
	margin: 0 0 0 -95px;
}

#caratteristiche li p
{
	width:120px;
	margin: 0 0 0 -130px;
	font-size:small;
	font-weight:bold;
}


#disponibilita li h1
{
	position:absolute;
	display:block;
	width:180px;
	margin: 0 0 0 -200px;
	padding: 7px 0 0 0;
	font-size:small;
}
.ppre
{
	width:50px;
	display:block;
	margin: 2px 0 2px 5px;
	padding: 0 0 0 0;
	font-size:x-small;
	text-align:left;
	font-weight:bold;
}

.tpre
{
	display:block;
	width:90px;
	margin: -15px 0 2px 60px;
	padding: 0 0 0 0;
}

.txtdispo
{
	height: 20px;
	width:32px;
	border: 1px solid #ff0000;
	font-size:small;
	font-weight:bold;
	text-align:center;
}

.prezzi
{
	color:#000000;
	font-size:medium;
	font-weight:bold;	
}

.testocap
{
	color:#000000;
	font-size:small;
	font-weight:bold;	
}

.dativ
{
	height: 20px;
	width:100px;
	border: 1px solid #ff0000;
	font-size:small;
	font-weight:bold;
	text-align:center;
}
.testoprogtitle
{
	color:#0000ff;
	width:240px;
	display:block;
}
.testoprog
{
	width:240px;
}
.testoinfovarie
{
		font-size:small;
}
#iams, #ipra, #ipar, #iber, #ivie, #ibud, #ibar, #itre, #imon, #iniz
{
	height:140px;
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
}

#iams a, #ipra a, #ipar a, #iber a, #ivie a, #ibud a, #ibar a, #itre a, #imon a, #iniz a
{
	font-weight:bold;
}
#iams, #ipra, #ipar, #iber
{
	width:120px;
}

#ivie, #ibud, #ibar, #itre, #imon, #iniz
{
	width:110px;
}

#iams
{
	background: url(images/iamsterdam.jpg) no-repeat;
}
#ipra
{
	background: url(images/ipraga.jpg) no-repeat;
}
#ipar
{
	background: url(images/iparigi.jpg) no-repeat;
}
#iber
{
	background: url(images/iberlino.jpg) no-repeat;
}
#ibud
{
	background: url(images/ibudapest.jpg) no-repeat;
}
#ivie
{
	background: url(images/ivienna.jpg) no-repeat;
}
#ibar
{
	background: url(images/ibarcellona.jpg) no-repeat;
}
#imon
{
	background: url(images/imonaco.jpg) no-repeat;
}
#iniz
{
	background: url(images/inizza.jpg) no-repeat;
}
#itre
{
	background: url(images/itrentino.jpg) no-repeat;
}

#titlecapodanno, #quota, #info, #partenze, #programma, #target, #infogenerali
{
	width:520px;
	background: #ffffff;
	border: 1px solid #ff0000;
	padding: 5px 5px 5px 5px;
}
#titlecapodanno, #quota
{
	text-align:center;
}
#quota, #info, #partenze, #programma, #target, #infogenerali
{
	margin: 25px 0 0 0;
}

#titlecapodanno
{
	position:absolute;
	margin: 150px 0 0 200px;
}

#dativariabili
{
	position:absolute;
	margin: 480px 0 0 200px;
}

#dativariabili2
{
	position:absolute;
	margin: 500px 0 0 200px;
}
#titlecapodanno h1
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#infoline
{
	width: 350px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	font-size:x-large;
	text-align:center;
	float:left;
}
#infoline i
{
	font-size:small;
}
#boxpreno
{
	text-align:center;
	margin: 5px 0 0 10px;
	padding: 0 0 0 0;
}

#programma ul, #target ul, #infogenerali ul
{
	list-style: none;
	margin: 3px 5px 3px 5px;
	padding: 0 0 0 0;
	width: 510px;
}

#programma li, #target li, #infogenerali li
{
	display:block;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #dcdcdc;
}

#programma li
{
	float:left;
	width:242px;
	text-align:center;
}

#target li, #infogenerali li
{
	width:500px;
	text-align:justify;
	font-size:small;
}

#target li p, #infogenerali li p
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background:none;
	color:#000000;
	font-size:small;
	text-align:left;
	letter-spacing: 0px;
	float:left;
}

#target li p
{
		width: 130px;
}

#infogenerali li p
{
		width: 100px;
}

#car2
{
	text-align:justify;
	padding:2px 2px 2px 2px;
	overflow:scroll;
}

#programma
{
	overflow:auto;
}

#chisiamo, #contatti
{
	position:absolute;
	width:530px;
	margin:150px 0 0 200px;
	height:800px;
	background:#ffffff;
	border: 1px solid #ff0000;
	padding:3px 3px 3px 3px;
}

#chisiamo
{
		text-align:justify;
}

#contatti
{
		text-align:left;
		font-size:small;
}

#chisiamo p
{
	display:block;
	margin: 5px 5px 5px 120px;
	width:300px;
	height:100px;
	text-align:center;
	padding: 0 0 0 0;
}

#chisiamo img
{
	margin: 2px 2px 2px 2px;
	padding: 0 0 0 0;
}

#contatti p
{
	font-size:x-large;
	font-weight:bold;
	color:#ff0000;
	margin: 5px 0 5px 10px;
}
.contorno
{
	display:block;
	width:400px;
	height:60px;
	border:1px solid #ff0000;
	margin: 5px 0 10px 60px;
	padding: 0 0 0 0;
	text-align:center;
}


#contatti li
{
	text-align:justify;
	width:500px;
	padding: 2px 2px 2px 2px;
	margin: 5px 0 5px 0;
}

#contatti li p
{
	font-weight:bold;
	font-size:small;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
