/* css for Agriturismo Colle Cornetto */

* { margin:0; padding:0; }

html, body { height:100%; }

body {
	background:#333333 url(../images/body_bg.gif) center center repeat;
	font:12px Georgia, "Times New Roman", Times, serif;
	line-height:1.4;
	text-align:center;
	color:#ffffff;
}

img { border:0; }

.hide { display:none; }

.spinner { background:url(../images/mini_spinner.gif) 130px center no-repeat; }

h1 { display:none; }

h2 {
	float:left;
	width:235px;
	margin-top:42px;
	font-size:1.2em;
	font-weight:normal;
	font-style:italic;
	text-align:center;
	text-shadow:#222222 2px 2px;
	color:#eeeeee;
}

h3 {
	display:block;
	clear:both;
	margin-top:12px;
	font-size:1.3em;
	font-weight:normal;
	font-style:italic;
	text-align:center;
	text-shadow:#222222 1px 1px;
	color:#eeeeee;
}

h4 {
	display:block;
	clear:both;
	margin-top:12px;
	font-size:1.3em;
	font-weight:normal;
	font-style:italic;
	text-align:left;
	text-shadow:#222222 1px 1px;
	color:#eeeeee;
}

#container {
	position:absolute;
	top:50%;
	left:50%;
	width:940px;
	height:522px;
	margin-top:-270px;
	margin-left:-470px;
	background:url(../images/container_bg.png) center bottom no-repeat;
}

#header {
	position:relative;
	float:left;
	width:940px;
	height:400px;
	background:url(../images/header_bg.gif) 12px 4px no-repeat;
	z-index:1;
}

#header-left { float:left; width:690px; height:400px; background:url(../images/header-left_bg.png) bottom left no-repeat; }

#header-right { float:left; width:244px; height:400px; }

a#logo:link, a#logo:visited { float:left; clear:both; width:460px; height:40px; margin-bottom:5px; }

#centered { position:relative; float:left; clear:both; width:610px; height:58px; padding:13px 40px; background-color:#000000; }

#centered blockquote, #centered p { float:left; clear:both; width:610px; text-align:left; color:#eeeeee; cursor:default; }

#centered p strong { color:#dddddd; }

#centered p em { padding-left:12px; font-size:0.9em; color:#aaaaaa; }

#menu {
	float:right;
	width:240px;
	height:293px;
	margin-top:4px;
	list-style:none;
	text-decoration:none;
	background:#981a1a url(../images/menu_bg.gif) bottom left no-repeat;
	border-color:#750808;
	border-style:solid;
	border-width:2px 2px 0 2px;
	overflow:hidden;
}

#menu li { float:left; width:240px; height:59px; background-color:transparent; }

#menu a:link, #menu a:visited {
	float:left;
	clear:both;
	width:240px;
	height:59px;
	background-color:transparent;
	background-image:url(../images/menu_el.png);
	background-position:top;
	background-repeat:no-repeat;
	text-decoration:none;
	font-size:1.4em;
	color:#eeeeee;
}

#menu a:focus, #menu a:hover, #menu a:active, #menu a.selected { background-position:bottom; color:#ffffff; }

#menu a.selected, #menu a.selected span { color:#ffffff; cursor:default; }

#menu span { float:right; width:150px; padding:16px; cursor:pointer; }

#language { float:right; clear:both; width:244px; height:95px; background:#750808; }

#language a:link, #language a:visited {
	display:inline;
	float:left;
	height:12px;
	padding:12px 0 12px 36px;
	margin:26px 0 0 26px;
	background-color:#750808;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#eeeeee;
}

#italian { background-image:url(../images/italian_flag.gif); }
#english { background-image:url(../images/english_flag.gif); }

.wrapper { position:relative; width:900px; height:105px; margin:0 auto; z-index:0; }

#content { float:left; clear:both; width:940px; height:60px; }

#content p { float:left; width:315px; height:50px; margin-top:15px; padding:0 5px; text-shadow:#000000 1px 1px; color:#ffffff; }

#content p span { display:block; font-size:2.4em; line-height:0.8; color:#dddddd; }

#content p.small { font-size:0.9em; }

#content p.last { width:235px; }

form { display:inline; float:left; width:302px; margin-left:24px; }

fieldset { float:left; border:0; }

label { float:left; clear:left; width:70px; padding:2px 0; font-size:0.9em; text-align:left; text-shadow:#000000 1px 1px; }

input, textarea {
	padding:1px;
	background-color:#dddddd;
	border-color:#981a1a;
	border-style:solid;
	border-width:1px;
	font:0.9em Arial, Helvetica, sans-serif;
}

input:focus, textarea:focus{ background-color:#eeeeee; border-color:#750808; }

#form_main input { float:right; clear:right; width:200px; height:12px; margin:1px 0; }

textarea { float:left; clear:both; width:298px; height:30px; }

#form_send {
	display:inline;
	float:left;
	width:50px;
	height:13px;
	background-image:url(../images/send_button.gif);
	background-repeat:no-repeat;
	border:0;
	text-indent:-9999px;
	font-size:0;
	color:#750808;
	text-align:left;
	cursor:pointer;
}

p#form_log {
	position:relative;
	top:-15px;
	float:left;
	width:223px;
	height:16px;
	padding-right:24px;
	font:0.8em Arial, Helvetica, sans-serif;
	text-align:left;
}

#contatti-left, #contatti-right { display:inline; float:left; padding:0 5px; }

#contatti-left { width:255px; }
#contatti-right { width:295px; }

#contatti-left ul { display:block; clear:both; margin:9px auto; list-style:none; }

#contatti-left li { display:block; clear:both; padding:1px 0; font-size:0.9em; text-align:center; }

a#booking:link, a#booking:visited {
	display:inline;
	float:left;
	clear:both;
	width:125px;
	height:20px;
	margin-left:65px;
	background-image:url(../images/booking_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	font:bold italic 0.9em Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:1.6;
	color:#333333;
}

a#booking:focus, a#booking:hover, a#booking:active { background-position:center bottom; color:#000000; }

#contatti-right div { display:block; margin:5px auto 0 auto; }

#contatti-right a:link, #contatti-right a:visited { padding-right:10px; color:#ffffcc; text-decoration:none; }

#contatti-right a:focus, #contatti-right a:hover, #contatti-right a:active { color:#ffffee; }

#contatti-right p { display:block; clear:both; width:280px; margin:12px auto; font-size:0.8em; color:#ffffff; }

#footer {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:16px;
	padding:4px 0;
	background-color:#333333;
}

#footer p { padding-right:10px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; text-align:right; color:#888888; }

#footer span { padding:0 5px; color:#cccccc; }

#footer a:link, #footer a:visited { text-decoration:none; color:#aaaaaa; }

#footer a:focus, #footer a:hover, #footer a:active { color:#97bdd0; }


/* slideshow */

#slideshow {
	position:relative;
	display:inline;
	float:left;
	width:674px;
	height:304px;
	left:16px;
	background:#750808 url(../images/spinner.gif) center center no-repeat;
	overflow:hidden;
	z-index:2;
}

.slideshow { position:relative; display:block; z-index:4; }

.slideshow-images { position:relative; display:block; overflow:hidden; }

.slideshow-images img { position:absolute; display:block; }		


/* news */

#newsview {
	position:relative;
	display:inline;
	float:left;
	width:674px;
	height:304px;
	left:16px;
	background:#750808;
	overflow:hidden;
	z-index:2;
}

#newswait {
	float:left;
	width:674px;
	height:304px;
	background:url(../images/photos/colle_975.jpg);
}

#newswait p {
	float:left;
	margin:0.4em 0.8em;
	font-size:2.4em;
	font-style:italic;
	color:#eeeeee;
	text-align:left;
}

.news { display:inline; float:left; width:435px; margin:5px 0 5px 10px; list-style:none; }

.news li { float:left; clear:both; text-align:left; width:435px; overflow:hidden; }

.news a:link, .news a:visited {
	display:inline;
	float:left;
	width:436px;
	line-height:20px;
	padding:0 10px;
	text-decoration:none;
	color:#dddddd;
}

.news a:focus, .news a:hover, .news a:active { background-position:bottom; color:#ffffff; }

.news a span { color:#ffffcc; font:0.9em Arial, Helvetica, sans-serif; padding-right:8px; }

#new { display:inline; float:left; margin:0 15px; width:645px; height:305px; }

#new div#text, #new div#text p { display:block; font-size:12px; line-height:1.4; text-align:justify; }

#new div#text a, #new div#text a { color:#eeeeee; text-decoration:underline; }

#new p#date { float:left; width:100%; padding:10px 0; font-size:10px; text-align:left; }

#images { float:left; width:140px; margin-right:12px; }

#images a:link, #image a:visited {
	float:left;
	clear:both;
	width:140px;
	height:100px;
	margin:3px 0 12px 0;
}

#images img { display:block; }


/* squeezebox */

#sbox-overlay { position:absolute; background-color:#333333; }

#sbox-window { position:absolute; background-color:#750808; text-align:left; overflow:visible; padding:10px; }

#sbox-btn-close {
	position:absolute;
	width:60px;
	height:15px;
	right:0;
	bottom:-15px;
	background-image:url(../images/close_button.gif);
	background-repeat:no-repeat;
	border:0;
}

.sbox-loading #sbox-content { background-image:url(../images/spinner.gif); background-repeat:no-repeat;	background-position:center; }

#sbox-content { clear:both; overflow:auto; background-color:#981a1a; height:100%; width:100%; }

.sbox-content-image#sbox-content { overflow:visible; }

#sbox-image { display:block; }

.sbox-content-image img { display:block; }

.sbox-content-iframe#sbox-content { background-color:#ffffff; overflow:visible; }

#sbox-window embed, #sbox-window object, #sbox-window select { visibility:visible; }

.body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility:hidden; }