HTML {background: url(images/bg.jpg) repeat top left #D6B68B;}
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:#3B839B; text-decoration:none;}
a:hover {text-decoration:underline}
/* struttura */
div#containerc {margin:0 auto;position:relative;width: 990px; text-align:center;background: url(images/sxbg.jpg) no-repeat 10px 0;}
div#container {margin:0 auto;position:relative;width: 990px;text-align:center;background: url(images/bgcontainer.png) repeat-y 219px 0;}
div#top {margin:0 auto;position:relative;width:990px;height:73px}
div#sx {position:absolute;top:0;left:0;text-align:right;background: url(images/sxcorner.jpg) no-repeat top right;width:238px;min-height: 756px;height: auto !important;height: 756px;padding-top:38px}
div#content {margin: 0 0 0 238px;padding:0 30px 0 12px;text-align:justify;background: url(images/bgcontent.jpg) no-repeat top right;min-height: 880px;height: auto !important;height: 880px;}
div#tophome {width:659px;text-align:center;height: 200px !important; height /**/:225px;padding-top:25px;background: url(images/tophome.jpg) no-repeat top left;color:#000}
div#topfoto {position:relative;width:659px;height: 225px;margin-bottom:18px}
div.toplampedusa {background: url(images/topfoto.jpg) no-repeat top left;}
div.toplinosa {background: url(images/toplinosa.jpg) no-repeat top left;}
div.toplampione {background: url(images/toplampione.jpg) no-repeat top left;}
div#topfoto ul {position:absolute;right:6px;bottom:10px;margin: 0;padding:0; list-style:none;text-align:left; font-size:11px;height:21px}
div#topfoto ul li a {display:block;text-align:left;background: url(images/spritetop.png) no-repeat;width:92px;line-height:21px;height:21px;float:left;margin:0 4px}
div#topfoto ul li {display:inline}
div#topfoto ul li#lampedusa a:link, div#topfoto ul li#lampedusa a:visited {background-position:-195px -271px}
div#topfoto ul li#lampedusa a:hover {background-position:-195px -293px}
div#topfoto ul li#linosa a:link, div#topfoto ul li#linosa a:visited {background-position:-295px -271px}
div#topfoto ul li#linosa a:hover {background-position:-295px -293px}
div#topfoto ul li#lampione a:link, div#topfoto ul li#lampione a:visited {background-position:-395px -271px}
div#topfoto ul li#lampione a:hover {background-position:-395px -293px}
div#topfoto ul li a:hover {text-decoration:none}
div#tophome a:link, div#tophome a:visited {color:#fff}
div.wide {margin: 0;clear:left;height:1px}
div.wider {margin: 0;clear:right}
div#bot {margin:0 auto;width: 730px !important; width /**/:990px;padding:10px 10px 0 250px;height: 48px !important; height /**/:58px;clear:left;background: url(images/bot.jpg) no-repeat top right;font-size:11px; color:#000;text-align:left}
div#bot a:link, div#bot a:visited {color:#f60}
/* mappatura logo */
ul#mlogo {
margin:0;
padding:0;
list-style:none;
position:absolute;
width:990px;height:73px;
left: 0;
top: 0;z-index:1;}
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:11px;top:0;
background: url(images/logo.jpg) no-repeat top left;
width:449px;height:73px;
}
li#home, li#chi, li#contatti {top:0;height:36px;}
li#home {left:600px;width:99px}
li#chi {left:704px;width:141px}
li#contatti {left:850px;width:121px}
li#home a, li#chi a, li#contatti a {background: url(images/spritetop.png) no-repeat}
li#home a:link, li#home a:visited {background-position:0 0;}
li#home a:hover {background-position:0 -37px;}
li#chi a:link, li#chi a:visited {background-position:-104px 0;}
li#chi a:hover {background-position:-104px -37px;}
li#contatti a:link, li#contatti a:visited {background-position:-249px 0;}
li#contatti a:hover {background-position:-249px -37px;}
#mlogo a {display:block;
width:100%;
height:100%}
.alt, div#topfoto ul li a span {display:none}
/* sx e content */
h2#sxpacchetti a:link, h2#sxpacchetti a:visited, h2#sxbiglietti a:link, h2#sxbiglietti a:visited, h2#sxnoleggio a:link, h2#sxnoleggio a:visited {text-align:center;font-size: 12px; background: url(images/spritetop.png) no-repeat;display:block;text-decoration:none}
h2#sxpacchetti a:link, h2#sxpacchetti a:visited {background-position: 0 -90px;width: 238px;height: 55px; line-height: 55px}
h2#sxpacchetti a:hover {background-position: -250px -90px}
h2#sxbiglietti a:link, h2#sxbiglietti a:visited {background-position: 0 -145px;width: 238px;height: 53px; line-height: 53px}
h2#sxbiglietti a:hover {background-position: -250px -145px}
h2#sxnoleggio a:link, h2#sxnoleggio a:visited {background-position: 0 -198px;width: 238px;height: 58px; line-height: 58px}
h2#sxnoleggio a:hover {background-position: -250px -198px}
h2#sxtouroperator {margin:10px 0 0 0;text-align:center;font-size: 12px; background: url(images/sxtouroperator.jpg) no-repeat;height:97px;width:238px;display:block}
h2#sxcosa {margin:0;text-align:center;font-size: 12px; background: url(images/sxcosa.jpg) no-repeat;height:77px;width:238px;display:block}
h2#pacchetti, h2#news, h2#meteotitle {text-align:center;font-size: 14px; background: url(images/homebox.png) no-repeat;display:block}
h2#pacchetti {margin: 10px 0 0 0;height:50px;width:710px;}
h2#news {margin: 10px 0 0 0;background-position:0 -334px;height:40px;width:670px;}
h2#meteotitle {margin: 25px 0 0 0;background-position:9px -659px;height:19px;width:213px}
div#boxpacchetti, div#boxnews {background: url(images/homebox.png) no-repeat;padding:0 15px}
div#boxpacchetti {margin-bottom:14px;background-position: 0 -50px;height:280px;width: 680px !important; width /**/:710px;}
div#boxnews {margin:0 0 14px 0;width: 640px !important; width /**/:670px;background-position: 0 -374px;height:120px;font-size:12px;line-height:14px}
div#boxnews .contentdiv a:link, div#boxnews .contentdiv a:visited {color:#630;font-weight:bold;text-decoration:none}
div#boxnews .contentdiv a:hover {text-decoration:underline}
div#boxbanner, div#meteo {margin-bottom:14px;width:710px}
div#boxbanner img {float:left}
div#boxbanner img#centrale {margin:0 8px}
div#meteo {position:relative;height:120px;background: url(images/homebox.png) no-repeat 0 -497px}
div#meteo div {position:absolute;width:690px;top:10px;left:10px;overflow:hidden}
div.pacchetti, div.lastminute {float:left;position:relative}
div.lastminute {width:170px}
div.pacchetti div {position:relative;color:#630;height: 130px !important; height /**/:133px;width: 140px !important; width /**/:170px;padding:3px 10px 0 20px;font-size:13px;line-height:13px}
div.lastminute div.lastminutetext {position:relative;color:#630;height: 130px !important; height /**/:277px;width: 140px !important; width /**/:170px;padding:147px 10px 0 20px;font-size:13px;line-height:13px}
div.pacchetti div {background: url(images/pacchetti.jpg) no-repeat top right}
div.lastminute div.lastminutetext {background: url(images/lastminute.png) no-repeat bottom left}
div.pacchetti div p, div.lastminute div.lastminutetext p {margin:0}
div h3, div.lastminute div.lastminutetext h3 {margin:0;text-align:center;font-size: 14px;}
img.lastminutebg {width:151px;height:104px;position:absolute;top:41px;left:14px;}
h3#standard a {background: url(images/standard.jpg) no-repeat}
h3#family a {background: url(images/family.jpg) no-repeat}
h3#superior a {background: url(images/superior.jpg) no-repeat}
h3#linosa a {background: url(images/linosa.jpg) no-repeat}
h3#lastminutefoto {margin:0;z-index:1;position:absolute;top:0;left:0;height:144px;width:173px}
h3#lastminutefoto a {background: url(images/lastminute.png) no-repeat}
h3#standard a:hover, h3#family a:hover, h3#superior a:hover, h3#linosa a:hover {background-position: -170px 0}
h3#lastminutefoto a:link, h3#lastminutefoto a:visited {background-position:top left;height:144px;width:173px;display:block;text-decoration:none}
h3#lastminutefoto a:hover {background-position:top right}
div#promozioni {float:left;text-align:left;width:499px}
div#promozioni img {margin-top:17px}
p.prezzo, p.prezzolast {line-height:25px;position:absolute;bottom:20px;left:25px;width:130px;color:#fff;font-style:italic;text-align:center;margin:0;}
p.prezzo {font-size:25px}
p.prezzolast {font-size:18px}
h3#standard a:link, h3#standard a:visited, h3#family a:link, h3#family a:visited, h3#superior a:link, h3#superior a:visited, h3#linosa a:link, h3#linosa a:visited {height:144px;width:170px;display:block;text-decoration:none;}
h1#welcome, h3#voli, h3#aliscafi, h3#promo {margin: 10px 0 0 0;text-align:center;font-size: 14px;display:block}
h1#welcome {background: url(images/spritetop.png) no-repeat 0 -328px;width:368px;height:39px}
h3#voli, h3#aliscafi {background: url(images/homebox.png) no-repeat;width:606px;height:60px}
h3#voli {background-position: 0 -824px}
h3#aliscafi {background-position: 0 -884px}
h3#promo {background: url(images/homebox.png) no-repeat 10px -702px;width:334px;height:15px;margin:30px 0 5px 0}
h1#welcome span, h2#sxpacchetti span, h2#sxbiglietti span, h2#sxnoleggio span, h2#sxtouroperator span, h2#sxcosa span, h2#pacchetti span, h3#standard span, h3#family span, h3#superior span, h3#linosa span, h3#lastminutefoto span, h2#news span, .highslide-gallery h2 span, div.dettaglio h2.titledettaglio span, div.prenota span, div.prenotapac span, div#cartc div span, h3#voli span, h3#aliscafi span, h3#promo span, h2#meteotitle span {position:relative;z-index:-1}
div#sxtouroperatormenu {width:238px;height:224px;background: url(images/sxtouroperatormenu.jpg) no-repeat;position:relative}
div#sxcontatti {width:238px;height:123px;background: url(images/sxcontatti.jpg) no-repeat top right;position:relative}
div#sxcontatti a#lcontatti:link, div#sxcontatti a#lcontatti:visited {width:180px;height:24px;position:absolute;right:19px;top:7px}
div#sxcontatti a#lskype:link, div#sxcontatti a#lskype:visited {width:194px;height:44px;position:absolute;right:11px;bottom:15px}
ul.menu {margin: 0;padding:6px 20px 0 28px; list-style:none;text-align:left; font-size:16px;width: 190px !important; width /**/:238px;font-weight:bold}
ul.menu li a {display:block;text-align:left;line-height:26px;height:26px;width: 184px !important; width /**/:190px;padding-left:6px;}
ul.menu li {display:inline}
.menu1 li a:link, .menu1 li a:visited {text-decoration:none; color:#333;}
.menu2 {position:absolute;bottom:28px;left:0}
.menu2 li a:link, .menu2 li a:visited {text-decoration:none;color:#333; /*color:#354088;*/}
ul.menu li a:hover {background: url(images/spritetop.png) no-repeat 0 -266px;text-decoration:none;color:#fff}
ul.menucosa {margin: 0;padding:8px 20px 0 10px; list-style:none;text-align:left; font-size:14px;height:152px !important; height /**/:160px;width: 208px !important; width /**/:238px;font-weight:bold;background: url(images/sxcosamenu.jpg) no-repeat top left;}
ul.menucosa li a {display:block;text-align:left;line-height:20px;height:20px;text-indent:10px}
ul.menucosa li {display:inline}
ul.menucosa li a:link, ul.menucosa li a:visited {text-decoration:none; color:#333;}
ul.menucosa li a:hover {text-decoration:underline;color:#354088}
/* content */
div.prenota {width: 220px !important; width /**/:606px;padding-left:386px;margin: 15px auto;text-align:right}
div.prenota a:link, div.prenota a:visited {text-align:center;font-size: 12px; background: url(images/prenota.png) no-repeat top left; width:220px;height:54px;display:block;text-decoration:none}
div.prenota a:hover {background: url(images/prenota.png) no-repeat bottom left}
div#cartc {width: 596px !important; width /**/:606px;height:54px;padding: 0 10px 0 0;background: url(images/homebox.png) no-repeat 0 -1830px}
div#cartc div {float:left;margin-right:8px}
div#cartc p {padding-top:9px;margin:0;font-size:12px;color:#fff;text-align:center}
div#cartc p a {color:#fff;font-weight:bold}
div#cartc div a:link, div#cartc div a:visited {color:#fff;text-align:center; background: url(images/cart.png) no-repeat top right; width: 551px !important; width /**/:606px;height:45px !important; height /**/:54px;padding:9px 55px 0 0;display:block;text-decoration:none}
div#cartc div a:hover {background: url(images/cart.png) no-repeat bottom right;color:#000}
.homepadding {width:680px;margin: 25px 15px}
.contentpadding {width:650px;margin: 15px 30px}
.contentpadding606, .contentlinosa {width:606px;margin: 15px auto}
.contentlinosa h2 {color:#690}
div.elencostrutture {margin: 10px auto;width:648px;text-align:left}
div.elencostrutture div.struttura {float:left;padding:0 13px;width: 150px !important; width /**/:176px;height:200px;background: url(images/elenco.jpg) no-repeat top center;margin:0 20px 10px 20px}
div.elencostrutture div div {width:151px;height:115px;text-align:center;margin:5px 0}
div.elencostrutture div a:link, div.elencostrutture div a:visited {color:#354088;font-weight:bold;cursor:hand}
div.elencostrutture div a:hover {color:#630}
div.dettaglio {margin:10px auto;width:606px;font-size:95%; padding: 0 0 10px 0;}
div.dettaglio {background: url(images/dettaglio.png) no-repeat bottom right #E6E8C6}
div.dettaglio h2.titledettaglio {margin:0;display:block;width:606px;height:47px;background: url(images/dettaglio.png) no-repeat}
div.dettaglio.descpos h2 {background-position: top left}
div.dettaglio.tariffe h2 {background-position: 0px -49px;}
div.dettaglio.note h2 {background-position: 0px -99px;}
div.dettaglio.note div.notetext {margin:0 20px;}
div.dettaglio div.nonotefloat {float:left;width: 263px !important; width /**/:303px;padding:10px 20px}
div.dettaglio table {padding:0;margin:10px 20px; border-collapse:collapse;width:566px; border:0;text-align:center;}
div.dettaglio th {padding:5px;}
div.dettaglio table td {vertical-align:top;padding:1px 3px; border:1px solid #fff;}
div.dettaglio div.note {clear:both;width: 566px !important; width /**/:606px;padding:10px 20px}
.tabiglietti, .tabnoleggio, .servizi, .boxgiallo, .viveremare, .percorsi, .eventi {margin:20px auto;background: url(images/homebox.png)}
.tabiglietti, .tabnoleggio, .servizi, .viveremare, .percorsi, .eventi {padding:0;width:606px;}
.tabiglietti {height:310px;background-position: 0 -624px;font-size:85%;border-collapse:collapse}
.tabnoleggio {height:100px;background-position: 0 -944px;border-collapse:collapse}
.servizi, .viveremare, .percorsi {background-position: 0 -944px;height:100px}
.boxgiallo {clear:both;height: 80px !important; height /**/:100px;width: 586px !important; width /**/:606px;padding:10px}
.boxgiallo img {float:left;margin-right:10px}
.eventi, .boxgiallo {background-position: 0 -1730px}
.servizi div, .viveremare div, .percorsi div, .boxgiallo div, .eventi div {width: 486px !important; width /**/:606px;height: 80px !important; height /**/:100px;padding:10px 10px 10px 110px;font-size:12px;line-height:15px}
.servizi div {background: url(images/noleggio.png) no-repeat}
.viveremare div {background: url(images/viveremare.png) no-repeat}
.percorsi div, .boxgiallo div, .eventi div {background: url(images/percorsi.png) no-repeat}
#navetta {background-position: 0 -500px}
#babysitter {background-position: 0 -600px}
#spiaggia {background-position: 0 -700px}
#eventi {background-position: 0 -800px}
#catering {background-position: 0 -900px}
#tour {background-position: 0 0}
#tourp {background-position: 0 -100px}
#delfini {background-position: 0 -200px}
#tramonto {background-position: 0 -300px}
#pesca {background-position: 0 -400px}
#enogastro {background-position: 0 0}
#natural {background-position: 0 -100px}
#storico {background-position: 0 -200px}
#escursioni1 {background-position: 0 -300px}
#escursioni2 {background-position: 0 -400px}
#culturali {background-position: 0 -500px}
#special {background-position: 0 -600px}
.tabiglietti td, .tabiglietti th {text-align:center;padding:0 10px}
.tabnoleggio td, .tabnoleggio th {text-align:center;padding:0 2px;font-size:85%}
.tabnoleggio th#auto, .tabnoleggio th#scooter, .tabnoleggio th#quad, .tabnoleggio th#eco, .tabnoleggio th#barche {background: url(images/noleggio.png) no-repeat;height:100px;width:100px}
.tabnoleggio th#auto {background-position: 0 0}
.tabnoleggio th#scooter {background-position: 0 -100px}
.tabnoleggio th#quad {background-position: 0 -200px}
.tabnoleggio th#eco {background-position: 0 -300px}
.tabnoleggio th#barche {background-position: 0 -400px}
p.noloicons {text-align:center}
p.noloicons img {width:606px;height:100px;background:url(images/homebox.png) no-repeat 0 -724px}
div.tabceltop {margin:20px auto;background: url(images/boxtop.png) no-repeat top left;width:606px;padding-top:9px}
div.tabcelbot {background: url(images/boxbot.png) no-repeat bottom left #D1E3ED;width:606px;padding-bottom:9px}
table.tabcel {margin:0 auto;background: url(images/boxbot.png) no-repeat bottom left #D1E3ED;width:606px;}
table.tabcel td, table.tabcel th {text-align:center;padding:0 2px 8px 2px;font-size:85%}
table.tabcel th {font-weight:bold}
table.tabcel th.firstcol {width:140px}
div.boxtopb, div.boxbotb {margin:0 auto;position:relative;}
div.boxtopb {width:710px;background: url(images/boxtopb.png) no-repeat top left #EEEFD7;padding-top:9px}
div.boxbotb {width: 676px !important; width /**/:710px;padding:0 12px 0 22px;background: url(images/boxbotb.png) no-repeat bottom left;padding-bottom:9px}
div.boxbotb table {width:100%}
div#videolampedusa, div#videolinosa, div#videolampione {position:relative;width:606px;height:220px;background: url(images/homebox.png) no-repeat -291px -1056px}
div#videolampedusa {background-position: -291px -1056px}
div#videolinosa {background-position: -291px -1286px}
div#videolampione {background-position: -291px -1516px}
div#video {position:absolute;right:0;top:0;width: 251px !important; width /**/:271px;height:200px !important; height /**/:220px;padding:10px;background: url(images/homebox.png) no-repeat 0 -1056px}
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}
div#mapc {margin:10px auto;width:500px;height:300px;position:relative}
div#mapbg {position:absolute;top:0;left:0;width:650px;height:50px;background: url(images/map.png) no-repeat}
div#map {margin:30px auto 0 auto;width:606px;height:340px;border:5px solid #4C92B3}
div.contatti {margin:10px auto;font-weight:bold;width:280px;text-align:left;float:left}
div#contattitop {margin:10px auto;width:670px}
div#contattitop div {width:335px;float:left;}
div#contattir {float:left;width: 290px !important; width /**/:326px;padding:8px 0 0 36px}
h3#callcenter, h3#skype {margin: 40px 0 30px 0;background: url(images/callcenter.png) no-repeat; font-size:20px;color:#354088;display:block;height:60px;width: 200px !important; width /**/:250px;padding-left:50px}
h3#callcenter {background-position:0 0}
h3#skype {background-position:0 -60px}
h3#skype a:link, h3#skype a:visited {color:#354088;text-decoration:none}
h3#skype a:hover {color:#3B839B;text-decoration:none}
/* form e img div {border: 1px solid #000000} */
.subtitle {color:#354088;font-style:italic}
.center {text-align:center}
.right {width:100%;text-align:right}
p {margin:7px 0}
ul {margin:10px 0 10px 20px;padding:0 0 0 5px}
ul li {margin:5px 0}
acronym {cursor:help;border-bottom:1px dashed #3366cc;text-decoration:none}
.imgdx {float:right;margin-left:10px}
.imgdx2 {float:right;margin-left:20px}
.imgsx {float:left;margin-right:10px}
h1 {font-size:23px;color:#354088;margin-left:15px;font-weight:normal;}
.homepadding h1 {margin:0;color:#AE5700;font-weight:normal;}
h1 a:link, h1 a:visited {color:#3B839B}
h2 {font-size:19px;color:#8C8026;font-weight:normal;}
h3 {font-size:15px;color:#354088;font-weight:bold}
h1, h2, h3 {display:inline;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:110px}
select {width: 135px}
input[type="submit"] {
background: #f60;
border: 1px solid #333;
color: #fff;
margin-top:10px;
width:auto;
padding: 2px 10px;
font-weight:bold
}
legend {margin-left:150px;color:#09c}
/*aggiunti da vik*/
div.booking {margin:10px auto; font-size: 8pt;font-weight:bold;width:280px;text-align:left;float:left}
div.booking legend {margin-left:100px;color:#09c}
div.booking select{ width:auto;}
div.booking input.small{ width:30px;}
div.booking textarea{ height:auto;}
div.booking span.lighter{ font-weight: normal;}