HTML {background: url(images/bg.jpg) repeat top left #09c;}
BODY {font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; background: url(images/bgtop.jpg) repeat-x top left;font-size:80%; color: #000000; margin: 0 0 10px 0; text-align:center}
a:link, a:visited {color:#291770; text-decoration:none;}
a:hover {text-decoration:underline}

/* struttura */
div#container {margin:0 auto;position:relative;width: 990px; text-align:center;padding-top:170px;background: url(images/bgcontainer.png) repeat-y 240px 0;}

div#sx {float:left;text-align:center;width:245px;background: url(images/sxbg.jpg) repeat-y top left #fff;padding:10px 0 0 0}
div#content {margin-left:245px;padding:180px 25px 0 20px;text-align:justify;background: url(images/bgcontent.png) repeat-y top right;min-height: 500px;height: auto !important;height: 500px}

div#topfoto {position:absolute;top:70px;left:231px;text-align:center;width: 730px !important; width /**/: 759px;height:234px !important; height /**/: 264px;padding:10px 10px 20px 19px;background: url(images/topfoto.png) repeat top left;}
div#topfoto #fototitle {position:absolute;bottom:13px;right:20px;text-align:center;width:177px !important; width /**/: 180px;height:57px !important; height /**/:82px;background: url(images/scotch.png) no-repeat 0 0;color:#291770;font-size:12px;padding:25px 0 0 3px}
div#topfoto #fototitle h1 {font-style:italic}

div.wide {margin: 0;clear:left;}

div#bot {margin:0 auto;width: 730px !important; width /**/:990px;padding:91px 10px 0 250px;height: 30px !important; height /**/:121px;clear:left;background: url(images/bot.png) no-repeat bottom right;font-size:11px; color:#fff}
div#bot a:link, div#bot a:visited {color:#fc0}

/* mappatura logo */
ul#mlogo {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	width:990px;height:183px;
	left: 0;
	top: 0;z-index:1;}
	
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:0;top:0;
background: url(images/pngtop.png) no-repeat top left;
width:325px;height:183px;
}
li#home, li#arrivare, li#servizi,li#contatti {top:0;height:54px;}
li#home {left:450px;width:110px}
li#arrivare {left:560px;width:178px}
li#servizi {left:738px;width:108px}
li#contatti {left:846px;width:121px}

li#home a, li#arrivare a, li#servizi a, li#contatti a {background: url(images/sprite.png) no-repeat}
li#home a:link, li#home a:visited {background-position:0 0;}
li#home a:hover {background-position:0 -55px;}

li#arrivare a:link, li#arrivare a:visited {background-position:-110px 0;}
li#arrivare a:hover {background-position:-110px -55px;}

li#servizi a:link, li#servizi a:visited {background-position:-292px 0;}
li#servizi a:hover {background-position:-292px -55px;}

li#contatti a:link, li#contatti a:visited {background-position:-400px 0;}
li#contatti a:hover {background-position:-400px -55px;}

#mlogo a {display:block;
width:100%;
height:100%}
.alt {display:none}

/* sx */
h2#sxcase, h2#sxricerca, h2#fotogallery {font-size: 18px; background: url(images/sprite.png) no-repeat;display:block}
h2#sxcase, h2#sxricerca {width: 100%;height: 35px; line-height: 35px}
h2#sxcase {background-position: 25px -123px}
h2#sxricerca {background-position: -307px -123px}
h2#fotogallery {background-position: 0 -208px;width: 219px;height: 47px; line-height: 47px}
h2#sxcase span, h2#sxricerca span, h2#fotogallery span {position: relative;z-index:-1} 


ul#menu {margin: 0;padding:0 10px 0 15px; list-style:none;text-align:left; font-size:14px;width: 220px !important; width /**/:245px;font-weight:bold}
ul#menu li a {display:block;text-align:left;line-height:27px;height:27px;width: 208px !important; width /**/:220px;padding-left:12px;margin:0}
ul#menu li {display:inline}
ul#menu li a:link, ul#menu li a:visited {background: url(images/sprite.png) no-repeat 0 -171px;text-decoration:none; color:#000;}
ul#menu li a:hover {background: url(images/sprite.png) no-repeat -320px -171px;text-decoration:none;color:#f60} 

div#cerca {width: 220px !important; width /**/:245px;font-size:13px;font-weight:bold;text-align:left;background: url(images/sxbot.jpg) no-repeat bottom left;padding:0 10px 14px 15px}
div.sxcercasx, div.sxcercadx {float:left;margin-bottom:10px}
div.sxcercasx {width:80px;}
div.sxcercadx {width:140px;}

/* content */
div#lastminute {margin: 10px auto;width: 680px !important; width /**/:700px;height: 175px !important; height /**/:265px;padding:90px 10px 0 10px;background: url(images/scotch.png) no-repeat 0 -115px;text-align:left}
div#lastminute div {width: 160px !important; width /**/:170px;float:left;text-align:center;font-size:12px;padding:0 5px}
div#lastminute div p {margin:6px 0 0 0}

div.elencostrutture {margin: 10px auto;width:700px;text-align:left}
div.elencostrutture div {float:left;margin-bottom:10px;padding:5px 10px 0 10px;width: 330px !important; width /**/:350px;height:100px !important; height /**/:105px;background: url(images/scotch.png) no-repeat -360px 0;}
div.elencostrutture div .imgsx {float:left;margin-right:5px}

div#pdf {color:#999;font-weight:bold;width: 651px !important; width /**/:700px;height: 34px !important; height /**/:50px;padding:16px 49px 0 0;background: url(images/sprite.png) no-repeat 359px -256px;text-align:right}
div#pdf a:link, div#pdf a:visited {color:#09c;text-decoration:none}
div#pdf a:hover {text-decoration:underline}

table#tariffe {padding:0;margin:10px 0;border-collapse:separate;width:700px;border:1px solid #09c;text-align:center}
table#tariffe th {background-color:#09c;color:#fff;height:30px;background: url(images/tariffeth.png) repeat-x top left;vertical-align:center;font-size:120%}
table#tariffe td {vertical-align:top}
table#tariffe table td {border:1px solid #ddd}
table#tariffe td.prezzo {font-weight:bold;background-color:#eee}
table#tariffe td#note {width:250px;background: url(images/note.jpg) no-repeat bottom right;text-align:left;padding:5px 10px}
table#tariffe table {width:100%;border:0}


div#title {margin: 10px auto 5px auto;width: 593px !important; width /**/:602px;height: 26px !important; height /**/:28px;padding:2px 0 0 9px;background: url(images/toptitle.gif) repeat top left #333;text-align:left}
div#title h2 {font-size:19px;color:#fff}

div#contatti {margin:15px auto;font-weight:bold;width:460px !important; width /**/: 700px;padding:0 120px;text-align:right;background: url(images/contatti.png) no-repeat 140px 280px #fff;height:400px}

div#trasporti {margin:15px auto;width: 700px}
div#trasporti a {font-weight:bold}
div#trasporti div#aereo, div#trasporti div#treno {float:left}
div#trasporti div#nave, div#trasporti div#transfert {float:right}
div#trasporti div#aereo, div#trasporti div#treno, div#trasporti div#nave, div#trasporti div#transfert {margin:10px 0;border:1px solid #ccc;width:320px !important; width /**/: 340px;height:320px !important; height /**/: 340px;padding:10px;}
div#trasporti div#aereo {background: url(images/aereo.jpg) no-repeat bottom right;}
div#trasporti div#treno {background: url(images/treno.jpg) no-repeat bottom right;}
div#trasporti div#nave {background: url(images/nave.jpg) no-repeat bottom right;}
div#trasporti div#transfert {background: url(images/bus.jpg) no-repeat bottom right;font-size:90%}




/* form e img  div {border: 1px solid #000000} */ 
.verde {color:#669933}
.red {color:#ff0000;font-weight:bold}
.center {text-align:center}
.right {text-align:right}
ul {margin:10px 0 10px 20px;padding:0 0 0 5px}
acronym {cursor:help;border-bottom:1px dashed #3366cc;text-decoration:none}
.imgdx {float:right;margin-left:10px}
.imgsx {float:left;margin-right:10px}
h1 {font-size:23px;color:#f60}
h1 em {color:#291770;font-style:normal}
h2 {font-size:19px;color:#09c}
h1, h2, h3 {display:inline;font-weight:normal;font-family:"trebuchet ms"}
hr {margin: 0 auto; width:95%; height:1px; color:#009900}
img {border:0}
form {margin:0}
input.text,  textarea, select  {font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;font-size:13px;color: #333; border: 1px solid #09c; background-color: #fff;}
input.text {width: 250px; height:18px}
textarea {width:250px;height:163px}
select {width: 135px}
input[type="submit"] {
	background: #09c;
	border: 1px solid #291770;
	color: #fff;
	margin-top:10px;
	width:auto;
	padding: 2px 10px;
	font-weight:bold
}