HTML {background:url(images/bg.jpg) repeat-x top left #5C8028}
BODY {font-family:"book antiqua", Georgia, "Times New Roman", Times, serif; font-size:95%; color: #600;margin: 0 0 10px 0; text-align:center;background:url(images/bgtop.jpg) no-repeat top center}
a:link, a:visited {color:#360; text-decoration:none;}
a:hover {text-decoration:underline;}

/* struttura */
div#containerc {margin:0 auto;position:relative;width:912px;text-align:center;background: url(images/bgcontainer.gif) repeat-y top right;}
div#container {margin:0 5px;position:relative;width:902px;text-align:center;background: url(images/bgtopcontainer.jpg) repeat-x top left;}
div#top {margin:0 auto;position:relative;width: 912px;height:327px;background: url(images/top.jpg) no-repeat bottom left;}
div#toptext {position:absolute;top:103px;left:104px;z-index:1000}
div#toptext h1 {color:#586D27;font-size:17px; font-weight:bold}

div#sx{position:absolute;left:0;top:0;width:262px;text-align:left;}
div#content {position:relative;margin:0 0 0 261px;text-align:justify; min-height: 500px;height: auto !important;height: 500px;background: url(images/topcontent.jpg) no-repeat top right;padding:15px;border-left:1px solid #900}

div#bot {margin:0 auto;position:relative;clear:left;height:52px !important; height /**/: 67px; width:872px !important; width /**/:912px; padding:15px 20px 0 20px;background: url(images/bot.jpg) no-repeat top left;color:#900;text-align:center;font-size:13px;font-weight:bold}
div#bot div#credits {position:absolute;bottom:8px;right:15px;font-weight:normal;font-size:12px;}
div#bot a:link, div#bot a:visited {color:#333;text-decoration:none}
div#bot a:hover {text-decoration:underline}

ul#topmenu {position:absolute;top:0;right:35px;margin:0;padding:0;font-size: 15px; list-style:none;text-align:center;font-weight:bold}
ul#topmenu li a {display:block; float:left;text-decoration:none;line-height:32px;height:32px;width:100px;margin:0 5px;background: url(images/sprite.png) no-repeat}
ul#topmenu li {display:inline}
ul#topmenu li a:link, ul#topmenu li a:visited {color:#fff; text-decoration:none;background-position: -137px 0;} 
ul#topmenu li a:hover {color:#900;text-decoration:none;background-position: -238px -0;} 

/* mappatura top */
ul#mlogo {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	background: url(images/logo.jpg) no-repeat top left;
	width:912px;height:120px;
	left: 0;
	top: 48px;}
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:82px;top:19px;
width:304px;height:49px;
}
li#topvillas {
right:45px;top:5px;
width:310px;height:115px;
}
#mlogo a {
display:block;
width:100%;
height:100%;
}

/* lang map */

ul#mlang {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	width:134px;height:27px;
	left: 40px;
	top: 0;}
ul#mlang li {
display:block;
position:absolute;
margin:0;padding:0;
width:62px;height:27px;
}
li#ita {left:0;top:0}
li#ita a:link, li#ita a:visited {background: url(images/sprite.png) no-repeat 0 0}
li#ita a:hover {background: url(images/sprite.png) no-repeat 0 -6px}
li#eng {left:72px;top:0;}
li#eng a:link, li#eng a:visited{
background: url(images/sprite.png) no-repeat -69px 0}
li#eng a:hover{background: url(images/sprite.png) no-repeat -69px -6px}
#mlang a {
display:block;
width:100%;
height:100%;
}

.alt { display:none }

/*sx dx */

ul.menu {margin:0 5px 5px 5px;padding:0;font-size: 12px; list-style:none;text-align:left;width:252px;padding:0;font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;}
ul.menu li a {display:block;text-indent:16px;background: url(images/sprite.png) no-repeat;line-height:21px;height:21px;}
ul.menu li {display:inline}
ul.menu li a:link, ul.menu li a:visited {color:#900;background-position: -1px -33px; text-decoration:none} 
ul.menu li a:hover {color:#900;background-position: -1px -50px;text-decoration:underline} 

.sxvillasfoto {background: url(images/sxvillasfoto.jpg) no-repeat top right;height:200px}

div#sxguide {width:202px !important; width /**/:262px;height:50px !important; height /**/:52px;padding:2px 60px 0 0;background: url(images/sxguide.jpg) no-repeat top left;text-align:center;}
div#sxvillas {width:202px;height:30px !important; height /**/:32px;margin:15px 0;padding:2px 0 0 0;background: url(images/sxvillas.jpg) no-repeat top left;text-align:center;}
div#sx h3 {font-size:20px;color:#fff;font-weight:normal}

/* content */
div#split2home {margin:10px auto;width:610px;}
div#split2home div {float:left;position:relative;width:290px;height:223px;margin:0 7.5px}
div#split2home div a:hover img {filter:alpha(opacity=80);-moz-opacity:0.8;}

div#foto {position:absolute;top:230px;right:10px;height:189px;height:322px}
div#foto a b {position:absolute;top:16px;left:8px;color:#fff;font-size:23px;font-style:italic;font-weight:normal}
div#foto a:hover b {text-decoration:none;color:#fc0}

div#prenota {background: url(images/sprite.png) no-repeat 0 -90px;width:220px;height:35px !important; height /**/:48px;padding:13px 0 0 0;font-size:23px;font-style:italic;text-indent:60px;}
div#prenota a {color:#fff;display:block;width:220px;height:48px}

div#prenota2 {position:absolute;top:15px;right:15px;background: url(images/sprite.png) no-repeat -226px -104px;width:122px;height:24px !important; height /**/:27px;padding:3px 0 0 0;text-align:center}
div#prenota2 a {color:#fff;display:block;width:122px;height:27px}

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

div#map {margin:10px auto;width:650px;height:280px;border:10px solid #ddd;}

/* form, img, generale */
.nota {color:#ff0000;font-size:85%;font-weight:bold;}
.center {text-align:center}
.right {text-align:right}
.left {text-align:left}
ul {margin:10px;padding:10px;}
.imgdx {float:right;margin-left:10px;}
.imgsx {float:left;margin-right:10px;}
h1, h2, h3 {display:inline}
h1 {font-size:24px;color:#900}
h2 {font-size:20px;color:#360}
img {border:0}
form {margin:0}
.pulsante {margin:10px 0;width:auto; padding:2px 5px;font-size: 13px; font-weight:bold; color:#ffffff; border: 1px solid #000;  background-color: #c00;}
input.text, select, textarea, input#search, input.qnt {font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color: #090; border: 1px solid #666666; background-color: #f5f5f5;font-size:12px}
textarea {width: 250px; height:130px;}
input.text {width: 250px; height:18px;}