/* CSS RESET - Resets Browsers Defaults */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* CSS Typography Settings */
body, p, pre, abbr, dl, dt, dd, ol, ul, li, span, small, a, a:link {
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 0.3px;
	line-height: 1.2em;
}

a { color: #d2232a; border: none; outline: none; text-decoration: none; }
a:visited { border: none; outline: none; text-decoration: none; }
a:hover { border: none; outline: none; text-decoration: none; }
a:active { border: none; outline: none; }

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	color: #d2232a;
	line-height: 1em;
}

h1, h1 a, h1 a:visited {
	font-size: 28px;
	
}
h2, h2 a, h2 a:visited { font-size: 20px; }
h3, h3 a, h3 a:visited { font-size: 16px; }
h4, h4 a, h4 a:visited { font-size: 14px; }
h5, h5 a, h5 a:visited { font-size: 12px; }
h6, h6 a, h6 a:visited { font-size: 10px; }

p, ul, ol, li { color: #58585a; font-size: 24px; }
p { line-height: 1,5em; margin: 15px 0 15px 0; }
ul { padding: 15px; }
ol { padding: 15px 15px 15px 20px; }
ul li { list-style: square; }
ol li { list-style: decimal; }

/* Global CSS Styling */
body { background-color: #FFFFFF; margin: 0 auto; }

/* Wrappers */
#pageWrapper { width: 100%; height: 100%; margin: 40px 0 20px 0; }
#contentWrapper { background-color: #ffffff; width: 700px; height: 100%; min-height: 500px; margin: 0 auto; padding-top: 1px;}

/* Navigation */

#sbaragnaus {
	background-color: #9A9E92;
	width: 100%;
	text-align: center;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #999;
	position: fixed;
	top: 0pt;
	background-image: url(logo.gif);
	background-position: center center;
	height: 92px;
	background-repeat: no-repeat;
	z-index: 99999;
}

ul#nav { background-color: #1e0c17; width: 100%; text-align: center; padding: 10px 0 10px 0; border-bottom: 1px solid #d2232a; position: fixed; top: 0pt; opacity: .95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";filter: alpha(opacity=95); }
ul#nav li { margin: 0 0 0 5px; padding: 5px 8px 5px 8px; display: inline-block; }
ul#nav li a { text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: bold; color: #ffffff; }
ul#nav li a:hover { color: #d2232a; }



/* Profile */
#profile { width: 650px; border-bottom: 1px solid #e7e7e7; margin: 0 0 25px 25px; padding: 25px 0 25px 0; float: left; }
#profile h1 { color: #d2232a; margin: 35px 0 0 0; }
.profile_pic { background-color: #ffffff; width: 100px; height: 100px; border: 1px solid #e7e7e7; margin: 0 15px 0 0; padding: 10px 0 0 10px; float: left; }
.profile_pic img { border: 1px solid #e7e7e7; }
.profile_job { width: 400px; color: #aaa7a2; text-transform: uppercase; font-size: 11px; float: left; }
.profile_contact { color: #aaa7a2; font-size: 11px; margin: 15px 0 0 0; float: left; }

/* Camere */
#camere { padding: 0 0 0 5px; margin: 100px 0 5px 0; }
#camere h1 { color: #d2232a; }
#camere h2 { color: #d2232a; font-style: italic; text-transform: uppercase;  margin: 0 25px 0 0; float: left; }

/* Dove siamo */
#dove { padding: 10px 0 0 5px; margin: 0 0 15px 0; border-top: dotted 2px #999;}
#dove h1 { color: #d2232a; }

/* Prenotazioni */
#prenotazio { padding: 10px 0 0 5px; margin: 0 0 15px 0; border-top: dotted 2px #999; }
#prenotazio h1 { color: #d2232a; }
#prenotazio h2 { color: #d2232a; font-style: italic; text-transform: uppercase;  margin: 0 25px 0 0; float: left; }

/* Agricasari */
#agricasari { padding: 10px 0 0 5px; margin: 0 0 15px 0; border-top: dotted 2px #999;}
#agricasari h1 { color: #d2232a; }
#agricasari h2 { color: #d2232a; font-style: italic; text-transform: uppercase;  margin: 0 25px 0 0; float: left; }


/* Global Classes */
.section { width: 600px; height: 25px; background-color: #f5f5f5; border-bottom: 1px solid #e7e7e7; padding: 20px 25px 20px 25px; margin: 0 0 1px 0; }
.section span { color: #7e7c78; font-size: 13px; margin: 5px 0 0 0; float: right; }
.left { float: left; }
.right { float: right; }
p.tf { width: 700px; margin: 5px auto; font-size: 11px; color: #d2232a; }
p.tf a { color: #d2232a; }
p.tf a:hover { color: #ffffff; }

.topo {width: 100%; height: 35px; margin: 0; padding: 10px 0 0 200px; position: fixed; top: 0pt; z-index: 99999; float: left;}


.topo {width: 100%; height: 35px; margin: 0; padding: 10px 0 0 200px; position: fixed; top: 0pt; z-index: 99998; float: left;}
.tf { background-color: #9A9E92; border-top: 1px solid #999; color: #ffffff; width: 100%; height: 35px; margin: 0; padding: 0 0 0 0;  bottom: 0pt; z-index: 99999; float: left;  }
.tf ul { text-align: center;  padding: 0 0 0 0; width: 100%; }
.tf ul li { display: inline-block;  font-size: 12px; padding: 0 10px 0 10px; color: #FFFFFF;}
.tf ul li a { color: #ffffff; font-size: 12px; text-decoration: none; }
.tf ul li a:hover { text-decoration: none; }

#map {
 width: 700px; height: 300px; margin-bottom: 20px; z-index: 99997; }
 
 .pikachoose{width:612px;margin:0 auto 12px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:612px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:607px;height:350px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{

display: none;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:1px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}