HTML {background-color: #9DC44A}
BODY {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:80%; color: #000; margin: 0;background: url(images/bgtop.png) repeat-x top center #8DC2FC;text-align:center}
a:link, a:visited {color:#09f; text-decoration:none}
a:hover {text-decoration:underline}


/* form e img */

p {margin:13px 0}
ul {margin:0 0 0 10px;padding:10px}
ul.nolist {margin:0;padding:0;list-style-type:none}
ul ul {margin:0 0 0 20px;padding:20px;list-style-type:disc}
.imgdx {float:right;margin-left:5px}
.imgsx {float:left;margin-right:5px}
h1, h2, h3 {display:inline;font-weight:normal}
h1 {font-size:18px;color:#c00}
h2 {font-size:15px;color:#f60}
img {border:0}
form {margin:0}
.wide {clear:both}
input[type="text"] {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px}


/* struttura */
div#bgsky {width:100%;background: url(images/bgsky.jpg) no-repeat top center}
div#containerc {margin:0 auto;position:relative;width:980px;background: url(images/bgcontainer.gif) repeat-y top right}
div#container {width:980px;background: url(images/top.jpg) no-repeat 0 -176px}


div#top {margin: 0 auto;background: url(images/top.jpg) no-repeat top right; position:relative;width:894px !important; width /**/: 980px;height:65px !important; height /**/: 176px;padding:111px 0 0 86px;text-align:left}
div#top b {color:#0E80A1;font-size:13px}
div#topcontact {position:absolute;left:520px;top:10px;height:40px;color:#000;width:445px;}
div#topcontact strong {color:#09f;font-size:14px;}
div#topcontact span {float:left}
div#topcontact div {float:right}

a.lang:link, a.lang:visited {display:block;position:absolute;top:95px;right:19px;height:35px !important; height /**/:45px;padding-top:10px;width:150px;background: url(images/sprite.png) no-repeat;color:#fff;font-size:11px;font-weight:bold}
a.lang:hover {color:#fc0;text-decoration:underline}
a.lang.eng:link, a.lang.eng:visited {background-position:105px -31px}
a.lang.ita:link, a.lang.ita:visited {background-position:105px -76px}

div#sx {position:absolute;top:0px;left:0;width:280px;padding-top:10px; min-height: 550px;height: auto !important;height: 550px;text-align:left;background: url(images/sprite.jpg) no-repeat 50px 0;}
div#content {position:relative;margin:0 30px 0 310px;min-height: 550px;height: auto !important;height: 550px;text-align:justify;background: url(images/sprite.png) no-repeat -333px 0;padding:8px 0}
#content h1 {margin-left:20px}
div.contentpadding {width:600px !important; width /**/: 640px;padding:7px 20px 0 20px}

div#bggrass {position:relative;height:184px;width:100%;background: url(images/bggrass.jpg) repeat-x bottom left;}
div#grass {position:absolute;top:57px;left:0;height:60px !important; width /**/:127px;width:100%;padding-top:67px;background: url(images/grass.png) repeat-x top left;text-align:center;font-size:11px;color:#fff}
div#grass a:link, div#grass a:visited {color:#fc0;}
div#footer {margin:0 auto;position:relative;width:900px !important; width /**/: 980px;height:75px !important; width /**/:85px;padding:10px 30px 0 50px;background: url(images/bgfooter.gif) repeat-y top right;text-align:left;color:#666;font-size:11px;}
div#footer div {float:right}
div#footer a:link, div#footer a:visited, div#topcontact a:link, div#topcontact a:visited {color:#000}
div#footer div img {background:url(images/sprite.png) no-repeat;height:30px;margin-left:5px}
div#footer div img.bbsicilia {background-position:0 0;width:77px}
div#footer div img.homelidays {background-position: -91px 0;width:85px}
div#footer div img.bbitaly {background-position: -190px 0;width:72px}
div#footer div img.hotelsweb {background-position: -277px 0;width:56px}

/* mappatura logo */
ul#mlogo {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	background: url(images/logo.png) no-repeat top left;
	width:253px;height:101px;
	left:39px;top:7px;}
	
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:0;top:0;
width:253px;height:101px;
}

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

#mlogo a span {display:none}


/* sinistra */
.sxtitle {background:url(images/sprite.png) no-repeat;width:215px !important; width /**/: 280px;height:40px;line-height:40px;padding:0 15px 0 50px;text-align:right}
.sxtitle h2 {font-size:15px;color:#c00}
.sxtitle.beb {background-position:0 -121px}
.sxtitle.guida {background-position:0 -161px;margin-top:38px}

.sxsiti {background-position:0 0}
.sxseo {background-position:0 -79px}
.sxadv {background-position:0 -158px}
.sxaltro {background-position:0 -236px}

ul.menu {margin: 10px 10px 0 60px; padding:0; list-style:none;text-align:right;width:200px; font-size:13px;font-weight:bold}
ul.menu li a {display:block;margin:0;line-height:26px;height:26px;background:url(images/sprite.png) no-repeat;width:175px !important; width /**/: 200px;padding-right:25px;}
ul.menu li {display:inline}
ul.menu li a:link, ul.menu li a:visited {background-position:-130px -32px;text-decoration:none; color:#fff;/*border-bottom:1px dashed #fff*/} 
ul.menu li a:hover {background-position:-133px -59px;text-decoration:none}
ul.menu.beb li a:hover {color:#09f}
ul.menu.guida li a:hover {color:#f60}

/* content */
#split2home {width:640px;}
#split2home div#homesx, #split2home div#homedx {width:310px;height:191px;position:relative}
#split2home div#homesx {float:left}
#split2home div#homedx {float:right;background:url(images/sprite.jpg) no-repeat -230px 0}
#split2home div#homesx img#homeslide {position:absolute;top:0;left:0;width:310px;height:191px}
.homeboxtext {position:absolute;right:9px;top:70px;text-align:center}
.homeboxtextsx {top:70px;width:170px}
.homeboxtextdx {top:130px;width:220px}
.homeboxtext h3 a:link, .homeboxtext h3 a:visited {color:#c00;font-size:18px}
#slide { width:310px;height:191px}
#slide img {margin:3px 0 0 7px}  

#tariffe {width:600px;margin:20px auto}
#tariffe div {float:left;width:274px !important; width /**/: 290px;height:160px !important; height /**/: 170px;padding:5px 8px;margin:5px;position:relative;background:url(images/sprite8.png) no-repeat;color:#fff;font-size:18px}
#tariffe div#singola {background-position: 0 0}
#tariffe div#doppia {background-position: -290px 0}
#tariffe div#doppias {background-position: 0 -170px}
#tariffe div#tripla {background-position: -290px -170px}
#tariffe p {position:absolute;top:68px;left:0;width:128px;text-align:center;color:#c00;font-size:18px;margin:0;font-weight:bold}

a.btnprenota:link, a.btnprenota:visited {margin:10px 5px 0 0;float:right;display:block;width:170px !important; width /**/:190px;height:36px;line-height:36px;padding:0 10px;text-align:left;color:#fff;background:url(images/sprite8.png) no-repeat 0 -340px;font-size:16px}
a.btnprenota:hover {color:#fff;background:url(images/sprite8.png) no-repeat 0 -376px;text-decoration:none;}


div#news {clear:both;width:450px !important; width /**/: 640px;height:111px !important; height /**/: 161px;padding:30px 10px 20px 180px;background:url(images/sprite.jpg) no-repeat -230px -191px}
div#news h2 {color:#c00;font-size:17px}
div#news h2 span {color:#f60}

div#news ul {margin: 10px 0 0 0; padding:0; list-style:none;text-align:left;width:450px; font-size:12px;font-weight:bold}
div#news ul li a {display:block;margin:5px 0;min-height: 20px;height: auto !important;height: 20px;background:url(images/sprite.png) no-repeat 0 -215px;width:430px !important; width /**/: 450px;padding-left:20px}
div#news ul li {display:inline}
div#news ul li a:link, div#news ul li a:visited {text-decoration:none; color:#09f} 
div#news ul li a:hover {text-decoration:none;color:#f60}

div#prenotazione {width: 600px; height:155px !important; height /**/: 170px; padding-top:15px;text-align:center;background: url(images/sprite8.png) no-repeat 0 -412px;color:#fff;font-weight:bold}
div#prenotazione h2 {color:#fff}
div#prenotazione p {margin:16px 0 16px 0}

.rightem {text-align:right; font-style:italic; font-weight:bold}
.rightclear {clear:left;text-align:right; font-weight:bold}
.center {text-align:center}
.right {text-align:right}

img.monumenti, img.spiagge, img.escursioni, img.mangiare, img.mercati {height:157px;width:215px}
img.monumenti {background:url(images/monumenti.jpg) no-repeat}
img.spiagge {background:url(images/spiagge.jpg) no-repeat}
img.escursioni {background:url(images/escursioni.jpg) no-repeat}
img.mangiare {background:url(images/mangiare.jpg) no-repeat}
img.mercati {background:url(images/mercati.jpg) no-repeat}

img.monumenti.normanni, img.spiagge.mondello, img.escursioni.segesta, img.mangiare.tresorelle, img.mercati.vucciria {background-position:0 0}
img.monumenti.cattedrale, img.spiagge.zingaro, img.escursioni.erice, img.mangiare.pasta, img.mercati.pulci {background-position:0 -157px}
img.monumenti.eremiti, img.spiagge.mazzaforno, img.escursioni.agrigento, img.mangiare.sfincione {background-position:0 -314px}
img.monumenti.massimo, img.escursioni.cefalu, img.mangiare.meusa {background-position:0 -471px}
img.monumenti.pupi, img.escursioni.ustica, img.mangiare.stigghiola {background-position:0 -628px}
img.monumenti.museo, img.mangiare.dolci {background-position:0 -785px}

/* vecchio css */

div.split4 {margin:0 auto;width:600px;}
div.split4 div {float: left;width:110px; margin:5px;text-align:center}

div#contatti {margin: 20px auto 0 auto;width:600px}
div#contatti div {width:290px !important; width /**/:300px;padding-left:10px;float: left;text-align:left;font-weight:bold}
div#contatti div input[type="text"] {width:280px;margin:0 0 10px 0;padding:0}

div#privacy {clear:left;width:580px !important; width /**/:590px;padding-left:10px}
div#privacy p {font-size:10px; text-align:justify}

div#map {width: 600px; height: 288px;position:relative;}
div#map b {color:#09f}