/* CSS Document */

body{
margin: 0px;
padding: 0px;
background:#D89E3B url(../immagini/sfondo_tripoli.jpg) repeat-x top;
}

a img {
border: 0;
}

a:focus { 
outline: 0;
}

a {
text-decoration: none;
}
div{ 
behavior:url(../immagini/iepng_tripoli.htc) ;


}
h2{
	font-size: 15px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}


h4,h4 a{
font-size: 14px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
line-height: 16px;
margin: 0px;
padding: 0px;
font-weight: lighter;
text-align: justify;
}
h4 a:hover{
text-decoration: underline;
}

h3{
font-size: 14px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
line-height: 14px;
margin: 0px;
padding: 0px;
font-weight: bold;
}

#into_container{
width:990px;
background:#fff;
border: 1px solid #666666;
height:1175px;
padding: 0px;
margin:0px auto;
}
#mega_container{
width: 100%;
height: 1175px;
background: url(../immagini/background.jpg) no-repeat top;
margin: 60px auto 0px auto;
padding: 0px;
}


#heading{
	background:#F4F2ED;
	height: 115px;
	width: 970px;
	position: relative;
	float:left;
	display:inline;
	left: 10px;
}
#logo{
height: 169px;
width: 285px;
position: absolute;
z-index: 2;
top: -63px;
left: -20px;

}

#gruppo_tripoli{
height: 169px;
width: 291px;
position: absolute;
top: -58px;
z-index: 1;
left: -45px;


}
#heading h1{
	color: #666666;
	margin:0px;
	padding:0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
}

#heading p{
	color: #666666;
	padding:0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: justify;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#logo_right{
	width: 665px;
	float: right;
	height: 90px;
	padding-top: 10px;
	padding-right: 25px;
	padding-left: 25px;

}
#logo_right2{
	width: 690px;
	float: right;
	height: 80px;
	padding-left:25px;
	padding-top: 10px;

}
#top{
background:#F4F2ED;
height: 40px;
width: 970px;
margin-left: 10px;
border-top: 1px solid #333333;
float:left;
display:inline;
}
#languages {
height: 41px;
width: 200px;
background: #F4F2ED;
float: right;
}
#flags {
height: 15px;
width: 130px;
float: right;
margin: 13px 30px 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
text-transform: uppercase;
color: #666666;
text-align: left;
display:inline;
}
#menu{
width: 970px;
height: 46px;
margin-left: 10px;
display:inline;
background: #F4F2ED url(../immagini/sfondo_menu.gif) repeat-x;
float:left;
}
#menu ul{
list-style-type: none;
margin: 0px 0px 0px 50px;
padding: 0px;
}
#menu li{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 41px;
	text-align: center;
	height: 41px;
	width: 76px;
	top: 5px;
	position: relative;
	padding-right: 34px;
}
#menu li a {
	color: #666666;
	text-decoration: none;
	height: 41px;
	width: 76px;
	display: block;
}
#menu li a:hover{
background: url(../immagini/menu_sfondo_passivo.png) no-repeat center center;
color: #FFFFFF;

}
#menu li.active a {
position: absolute;
height: 52px;
width: 76px;
color: #FFFFFF;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;

background: url(../immagini/sfondo_active2.gif) no-repeat center center;



}
#menu li.active a:hover{
position: absolute;
background: url(../immagini/sfondo_active2.gif) no-repeat center center;
height: 52px;
width: 76px;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
color:#FFFFFF;
text-decoration: underline;

}

#photo{
background: #FFFFFF;
width: 990px;
float:left;
}
#photo_left {
height: 340px;
width: 151px;
margin-left: 10px;
display: inline;
float: left;
}
#photo_center {
height: 340px;
width: 496px;
float: left;
background: #A38B6F;
}

#photo_right {
	height: 340px;
	float: right;
	width: 323px;
	margin-right: 10px;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#imm_conte {
height: 240px;
width: 970px;
margin-top:10px;
background: url(../immagini/stemma_32.jpg) no-repeat #F6F2E9;
background-position: 0px 123px;
float: left;
margin-left:10px;
display:inline;
}


#imm, #imm2, #imm3 {
height: 212px;
width: 303px;
float: left;
border-right:1px solid #fff;

padding:10px 9px 0px 9px;
}



#imm_conte p, #imm_conte p a{
font-size: 12px;
color: #555555;;
font-family: Arial, Helvetica, sans-serif;
line-height: 16px;
margin: 0px;
padding: 0px;
font-weight: lighter;
text-align: justify;
}
#imm_conte p strong a{
	font-size: 13px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#imm_conte p a:hover, #imm_conte p strong a:hover{
	text-decoration: underline;
}
#imm_conte p b{
font-weight: bold;
}

#loghi{
	float:left;
	width:870px;
	background:#F6F2E9;
	padding: 0px 50px 0px 50px;
	margin-top: 10px;
	margin-left:10px;
	display:inline;
	height:260px;

}
#loghi img{
padding:0 10px 0 10px;
float:left;
}
#loghi p{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
}
#footer {
float:left;
width:740px;
background:#F6F2E9 ;	
height: 75px;
padding: 25px 115px 0px 115px;
margin-left:10px;
display:inline;

}

h5, h5 a {
font-size: 13px;
color:#555555;
font-family: Arial, Helvetica, sans-serif;
line-height: 17px;
margin: 0px;
padding: 0px;
font-weight: lighter;
text-align: center;
}
h5 a:hover{
text-decoration: underline;
color: #000000;
}
#imm_conte2 {
float:left;
height:882px;
width: 844px;
border-top: 1px solid #333333;
padding:30px 63px 0px 63px;
margin-left:10px;
display:inline;
background:#F4F2ED;

}
#imm_conte2 h1, #imm_conte3 h1 {
text-transform: uppercase;
color: #555555;
text-align: center;
font-weight: bold;

font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
padding:0px 0px 30px 0px;
margin:0px;

}

#corato_story, #itinerari{
float:left;
width:844px;

}
#part_one{
float:left;
width:504px;
height:290px;
background:url(../immagini/spadaccino.jpg) no-repeat;
background-position:25px 35px;
padding:60px 90px 0px 250px;

}

#part_two{
float:left;
width:504px;
height:280px;
background:url(../immagini/panorama.jpg) no-repeat;
background-position:25px 40px;
padding:70px 90px 0px 250px;
}

#corato_story p, #corato_story p a{
color: #555555;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
text-align: center;

}
#corato_story p strong{
font-weight: bold;

}
#corato_story p a:hover{
text-decoration: underline;
}
#puglia_story{
float:left;
width:844px;
height:700px;

}
#part_one_p{
	float:left;
	width:814px;
	height:150px;
	padding:0px 15px 0px 15px;
	text-align: justify;

}

#part_two_p{
	float:left;
	width:844px;
	height:450px;
	padding:20px 0px 0px 0px;
	margin-top: 20px;
	text-align: justify;
}

#puglia_story p, #puglia_story p a{
color: #555555;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
text-align: center;

}
#puglia_story p strong{
font-weight: bold;

}
#puglia_story p a:hover{
text-decoration: underline;
}
#towns, #towns2, #towns3, #towns4, {
float:left;
width:834px;

}
#towns p b, #towns2 p b, #towns3 p b, #towns4 p b{
font-size: 12px;
line-height: 13px;
text-align: center;
color: #555555;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;

}
#towns p, #towns2 p, #towns3 p, #towns4 p{
color: #555555;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 6px;
text-align: center;
font-weight: bold;
margin:0px;
padding:10px 0px 0px 0px;
}

.imm_itinerari{
float:left;
width:422px;
height: 180px;
}
#itinerari p, #itinerari p a{
font-size: 13px;
line-height: 13px;
color: #555555;
margin: 10px 0px 0px 0px;
padding:0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
#itinerari p a:hover{
text-decoration: underline;
}
#struttura_albergo{
float:left;
width:970px;
height:865px;
background:#F1ECE1;
border-top:solid 1px #000000;
margin-left:10px;
display:inline;
}
#strutt_intest{
float:left;
width:970px;
height:40px;
margin-top:5px;
}
#strutt_intest h1,#strutt_part h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
color: #555555;
text-align: center;
line-height: 40px;
}
#strutt_part {
float:left;
width:540px;
height:670px;
padding:30px 30px 0px 30px;
}
#strutt_part p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: #555555;
	text-align: justify;
}
#strutt_part p strong{
font-weight: bold;
}

#strutt_part2{
float:left;
width:370px;
height:670px;
padding-top:30px;
}

#camere_albergo{
float:left;
height:650px;
width:844px;

}
#testa{
float:left;
width:774px;
height:20px;
padding-left:70px;
}
#camere_albergo h1{
margin:0px 0px 5px 0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 20px;
text-transform: uppercase;
color: #555555;
text-align: center;
}
#descr, #descr2, #descr3, #descr4, #descr5, #descr6{
	float:left;
	width:261px;
	height:260px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#camere_albergo h2, #camere_albergo h2 a{
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #555555;
	font-weight: normal;
	text-transform: none;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}



#camere_albergo h2 a:hover{
text-decoration: underline;
}


#camere_albergo h3{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #555555;
	font-weight: normal;
	text-transform: none;
	text-align:justify;
}
#imm_conte3{
float:left;
height:830px;
width: 844px;
border-top: 1px solid #333333;
padding:30px 63px 0px 63px;
margin-left:10px;
display:inline;
background:#F4F2ED;

}
#servizi, #servizi2, #servizi3, #servizi4{
float:left;
height:140px;
width:844px;


}
#ser h2{
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color:#555555;
text-align: center;
}
#ser h3{
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
color: #555555;
font-size: 14px;
text-transform: none;
font-weight: normal;
text-align: center;
line-height: 17px;


}
#mappa, #mapp, #mapp2, mappa_t{
float:left;
width:844px;
height:300px;
}
#mapp2 p, #mapp2 p a{
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: bold;
margin-top: 10px;
text-align: center;

}
#mapp2 p a:hover{
text-decoration:underline;}
#mapp2 h1{

padding:0px 0px 20px 0px;
margin:0px;

}
#trasp, #trasp2, #trasp3{
float:left;
height:60px;
width:814px;


}
#trasporto, #trasporto2, #trasporto3, #trasporto4{
float:left;
height:70px;
width:844px;



}
#trasporto p, #trasporto2 p, #trasporto3 p, #trasporto4 p{
float:right;
text-align: left;
padding: 0px;
margin: 10px 0px 0px 0px;
color: #555555;
font-family: Arial, Helvetica, sans-serif;
}
#trasp p, #trasp p a, #trasp2 p, #trasp3 p {
color: #555555;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
margin: 10px 0px 0px 0px;
padding:0px;
}
#trasp p a:hover{
text-decoration: underline;
}
#trasp_imm, #trasp_imm3{
float:left;
margin:0px 70px 0px 0px;
padding:0px;
width:55px;
height:60px;
}
#trasp_imm2{
float:left;
margin:0px 65px 0px 0px;
padding:0px;
width:62px;
height:62px;
}
#insegne, #insegne2, #insegne3, #insegne4{
float:left;
width:60px;
height:60px;
margin:0px 0px 0px 120px;
padding:0px;

}
#google{
border: 1px solid #000000;
}

#costi{
float:left;
width:844px;
height:650px;



}
#tab_costi{
width:500px;
height:600px;
float:left;
}
#tab_costi table {
border:1px solid #000000;


}
#imm_costi{
width:344px;
height:570px;
float:left;
padding-top:30px;
}
#costi table td{
border:1px solid #000000;
}
.dl{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
color: #000000;
margin:0px;
padding:0px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
.dt{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
color: #000000;
margin:0px;
padding:0px;
text-align: center;
font-weight: normal;
text-transform: none;
}
#cont_page{
float:left;
width:844px;
height:830px;
background:#F1ECE1;
border-top: 1px solid #333333;
padding:30px 63px 0px 63px;
margin-left:10px;
display:inline;
}
#contact_area  {
width: 400px;
float:left;
margin-left:222px;
display:inline;
margin-top:2px;
	font-family: Arial, Helvetica, sans-serif;
}

.form {
margin: 0 0 10px 0;
width: 400px;
font: normal 13px verdana;
border: 1px solid #aaa;
padding: 6px 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #E5E5E5;
height: 18px;
}

.form2{
margin: 0px;
width: 150px;
font: normal 13px verdana;
line-height:20px;

border: 1px solid #aaa;
padding: 0px;
height:20px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #E5E5E5;
}
.form3{
margin: 0 0 10px 0;
width: 400px;
font: normal 13px verdana;
border: 1px solid #aaa;
padding: 6px 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #E5E5E5;

}
#invia {
	font: normal 14px verdana;
	border: 1px solid #aaa;
	padding: 2px 8px;
	margin: 0;
	cursor: pointer;


-moz-border-radius: 6px;
-webkit-border-radius: 6px;
	background: #B2B2B2;
	float: right;
}

#load_img {
display: none;
line-height: 26px;
}

.error { 
border: 1px solid #ff5c5c
}

.fail {
color: #F80000 
}

.success {
color: #009600
}
#imm_conte2 h1, #cont_page h1{
text-transform: uppercase;
color: #555555;
text-align: center;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
padding:0px 0px 30px 0px;
margin:0px;

}
#sub{
width: 990px;
margin: 0px;
padding: 0px;
float:left;
height:171px;


}
#space{

height:60px;
width:992px;

}
#imm_conte3 h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: center;
	margin-top: 20px;
}
#pat{
	float: left;
	height: 65px;
	width: 270px;
	margin-bottom: 5px;
}
#pat p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 13px;
	margin:0px 0px 7px 0px;
	padding:0px;
}
#pat img{
	margin-right: 10px;
	margin-left: 10px;
}
#testo_right{
	width:600px;
	float:left;
	padding-left:290px;
	padding-top: 10px;
	
}