@import "reset.css";
@import "global.css";
@import url("../booking/_booking.css");
@import "nav-top.css";
@import "nav-main.css";

body {
	color: #333333;
	font-size: 12px;
	font-family: Georgia, Arial, Tahoma, sans-serif;
	margin: 0px auto 0px;
	padding: 0px;
}
	
.wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
}

body.home {background:#fff url("/img/background-gray.jpg") no-repeat center top}
body.homepage {background:#fff url("/img/background-home.jpg") no-repeat center top}
body.homepage_2 {background:#fff url("/img/background-home_2.jpg") no-repeat center top}
body.atmo {background:#fff url("/img/background-atmo.jpg") no-repeat center top}
body.food {background:#fff url("/img/background-food.jpg") no-repeat center top}
body.bior {background:#fff url("/img/background-bior.jpg") no-repeat center top}
body.spab {background:#fff url("/img/background-spab.jpg") no-repeat center top}

hr { border-left: 0px solid #999; border-right: 0px solid #999; border-top: 1px dotted #999; border-bottom: 0px solid #999; height: 1px; margin: 0; padding: 0 }


/************************************************
*	Hyperlinks				*
************************************************/

a, a:visited {
	color: #006C7F;
	text-decoration: none;
}
	
a:hover {
	color: #000;
	text-decoration: underline;
}
	
a img {
	border: none;
}
	
a:focus, a:hover, a:active {
	outline: none;
}

A EM {LEFT:-9999em;POSITION:absolute}

/************************************************
*	Logo					*
************************************************/

.logoname {
	width:199px;
	margin:8px 0 0 0;
	float:left;
	background-repeat:no-repeat;
}
.logoname h1 {
	font-size:45px;
	line-height: 202px;
	height: 202px;
	padding:0;
	font-weight:normal;
	color:#cacccd;
	text-align:left;
	margin:0px;
	text-indent:-9000px;
}
.logoname h1 a:link, .logoname h1 a:visited{ 
	color: #cacccd; 
	display:block;
	height: 202px;
	width:199px;
}	
.logoname h1 a:hover { 
	color: #eee; 
}

body.home .logoname h1 {background: url("/img/logo-casale-four.png") no-repeat;}
body.homepage .logoname h1, body.homepage_2 .logoname h1 {background: url("/img/logo-casale-four.png") no-repeat;}
body.atmo .logoname h1 {background: url("/img/logo-casale-atmo.png") no-repeat;}
body.food .logoname h1 {background: url("/img/logo-casale-food.png") no-repeat;}
body.bior .logoname h1 {background: url("/img/logo-casale-bior.png") no-repeat;}
body.spab .logoname h1 {background: url("/img/logo-casale-spab.png") no-repeat;}

/************************************************
*	Social					*
************************************************/

A.rsslink {display:inline;width:50px;height:50px;margin:0;position:relative}
A.rsslink {background:url("/img/icon-rss.png") no-repeat}
A.rsslink:hover, a.rsslink:focus {background-position:right top}

A.twitlink {display:inline;width:50px;height:50px;margin:0;position:relative}
A.twitlink {background:url("/img/icon-twitter.png") no-repeat}
A.twitlink:hover, a.twitlink:focus {background-position:right top}

A.fblink {display:inline;width:50px;height:50px;margin:0;position:relative}
A.fblink {background:url("/img/icon-facebook.png") no-repeat}
A.fblink:hover, a.fblink:focus {background-position:right top}

/************************************************
*	Content					*
************************************************/

.contenuti {width:763px;/*height:200px;background:yellow;*/margin:11px 4px 0 0}
.context {padding: 16px 4px}
.context h2 {font-weight:normal;font-size:180%;margin:4px 0 12px 0;color:#474757;font-variant:small-caps}
.context p {margin-bottom: 1em;line-height:130%}
.context ul {
	line-height: 2em;
	text-indent: 5px;
	list-style-position: outside;
	list-style-type: square;
	padding: 6px;
	margin: 16px;
}

/* TABS */
.mattblacktabs{margin:0 0 8px 0;padding:0 0 8px 0}
.mattblacktabs ul{margin: 16px 0;padding: 0;list-style-type: none;}
.mattblacktabs li{display: inline;margin: 0; font-family: Georgia,"Lucida Grande",Verdana,sans-serif; font-weight: normal;line-height:16px}
.mattblacktabs li a{float: left;display: block;text-decoration: none;margin: 0;padding: 7px 8px; border-right: 1px solid #fff;color: #656563;background: #F1F3F2;}
.mattblacktabs li a:visited{color: #656563;}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{background: #d5d5d3;}

/* PRINT CSS */
@media print {
	/* style sheet for print goes here */
	.mattblacktabs {display:none}
}

/************************************************
*	Sidebar					*
************************************************/

.sidebar {width:196px;/*height:680px;background:#d5d5d3;*/margin:10px 2px 0 2px}
.sidebar-top {background: url("/img/nav-footer.png") no-repeat left bottom;padding:0 0 16px 0}
.sidebar-top p {margin-bottom: 2px}

.sidebar-nav {padding:0 0 16px 0;background: url("/img/nav-footer.png") no-repeat left bottom;float:left}

A.bslink {display:block;width:196px;height:79px;margin:0;position:relative}
A.bslink {background:url("/img/nav-spa-beauty-double.png") no-repeat}
A.bslink:hover, a.bslink:focus {background-position:right top}

A.brlink {display:block;width:196px;height:79px;margin:0;position:relative}
A.brlink {background:url("/img/nav-bio-resort-double.png") no-repeat}
A.brlink:hover, a.brlink:focus {background-position:right top}

A.fwlink {display:block;width:196px;height:79px;margin:0;position:relative}
A.fwlink {background:url("/img/nav-food-wine-double.png") no-repeat}
A.fwlink:hover, a.fwlink:focus {background-position:right top}

A.atlink {display:block;width:196px;height:79px;margin:0;position:relative}
A.atlink {background:url("/img/nav-atmosfera-double.png") no-repeat}
A.atlink:hover, a.atlink:focus {background-position:right top}

/************************************************
*	Footer					*
************************************************/

.footer {padding: 0 4px;}
.footend, .footdx {background:#8c8f92; height:230px;width:300px;float:left;padding:10px;border-top:1px solid #ccc}
.footend {margin: 16px 20px 16px 0}
.footdx {margin: 16px 0 16px 0}
.footer h3 {font-size:140%;color:#fff;margin:0 0 8px 0;padding:0 0 4px 2px;border-bottom:1px dotted #fff}
.footer p {margin-bottom: 1em;line-height:130%;color:#f5f5f3;font-size:0.884em}

.address {margin: 16px 0 16px 0}
.address p {color: #474757;line-height: 130%}

.address a:link, .address a:visited {
	color: #474757;
	text-decoration: none;
}
	
.address a:hover {
	color: #000;
	text-decoration: underline;
}