/**Reset**/
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,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;border:0;margin:0;padding:0;vertical-align:baseline;}a img,:link img,:visited img{border:0;},table{border-collapse:collapse;border-spacing:1;background-color: #454545;},ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}object{outline:none;}

/**Content**/
body { color: #000; font-size: 70%; font-family: arial, helvetica,sans-serif; text-align: left; line-height: 1.5; background: #ffffff url(../img/bg2.png) repeat-x; }
	body.home { background: #fff url(../img/bg1.png) repeat-x; }

h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1;}
h2 a,h3 a,h4 a,h5 a,h6 a { border: none; }
h2 { font-weight: bold; font-style: normal; font-size:1.4em;  color: #181818; letter-spacing: 1px; border-bottom: #dfdfdf 1px solid; margin-bottom: .9em; padding-bottom: .4em; line-height: 1; }
h3 { font-weight: bold; font-style: normal; font-size: 1.1em; color: #181818; line-height: 1; padding-top: 25px; margin-bottom: 10px; }
h4 { color: #777; font-size: 1.5em; }
h5 { font-weight: normal; font-style: italic; font-size: 16px; color: #525252; margin-bottom: 10px; padding-top: 2px; }
p { margin: 0 0 .7em 0; }
p.diff1 { border-top: 1px dotted #ccc; padding-top: 10px; margin-top: 10px; display: block; }
a { color: #777; text-decoration: none; outline: none; }
	a:hover { color: #111; border-bottom: none; }
pre { padding: 10px; }
blockquote { color: #999; font-style: italic; margin: 0 30px; padding-left: 10px; }
	blockquote.marg { margin-bottom: 20px; }
	blockquote.bq2 { padding: 10px; }
blockquote.bq2 p:before {content: open-quote; font-weight: bold; }
blockquote.bq2 p:after { content: close-quote; font-weight: bold; }
br.clear { clear: both; }
textarea { overflow: auto; }
div.ie-fix { display: none; }
.texthide { visibility: hidden; }
.texthide2 { display: none; }
.smaller { font-size: .8em; }
.smaller2 { font-size: .9em; }
.ind1 { text-indent: 20px; }
.strike { text-decoration: line-through; }
#wrapHeader-home { width: 960px; height: 520px; margin: 0 auto; position: relative; }
	#wrapHeader-home a { } /**border: none;**/ 
#wrapHeader { width: 960px; height: 350px; margin: 0 auto; position: relative; }
	#wrapHeader a { } /**border: none;**/ 	
#wrapHeader-alt { width: 960px; height: 160px; margin: 0 auto; position: relative; }
	#wrapHeader-alt a { border: none; }
	
#wrapHeader-home h1 a { width: 337px; height: 92px; background: url(../img/logo_fiore_small.png) 10px 0px no-repeat; position: relative; top: 15px; left: 0; border: none; display: block; }
	h1 a * { display: none; }
	h1 a span.hover { width: 337px; height: 92px; background: url(../img/logo_fiore_small.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; display: block; }

h1 a { width: 337px; height: 92px; background: url(../img/logo_small.png) 10px 0px no-repeat; position: relative; top: 15px; left: 0; border: none; display: block; }
	h1 a * { display: none; }
	h1 a span.hover { width: 337px; height: 92px; background: url(../img/logo_small.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; display: block; }

/**Menu**/

.underlinemenu {
font-weight: normal;
font-size: 12px;
width: 100%;
}

.underlinemenu ul {
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: -6px 0;
text-align: right;
}

.underlinemenu ul li {
display: inline;
color: #bcbcbc;
padding: 6px 3px 4px 3px;
margin-right: 9px; /*spacing between each menu link*/
text-decoration: none;
}

.underlinemenu ul li a {
color: #aaaaaa;
padding: 6px 3px 4px 3px;
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected {
color: #ff0000; 
border-top: 2px solid #ffffff;
}

html .underlinemenu ul li a:hover {
height: 40px;
color: #ffffff; 
border-top: 2px solid #564323;
}

html .underlinemenu ul li.selected {
height: 40px;
color: #ffffff; 
border-top: 2px solid #8b6a2c;
}


/**TABS NEW**/

.tab_container {
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
}
.tab_tour_roma_container {
	overflow: hidden;
	clear: both;
	float: right; 
	width: 640px;
	background: #fff;
}
.tab_content {
	padding: 0px;
	font-size: 1em;
}

ul.tabs {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 24px; /*--Set height of tabs--*/
	width: 460px;
}

ul.tabs_tour_roma {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 610px; /*--Set height of tabs--*/
	width: 240px;
}	

ul.tabs li {
	float: left;
	margin-left: 4px;
	padding: 0;
	height: 23px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 13px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
}
ul.tabs_tour_roma li {
	clear: right;
	float: right;
	margin-left: 4px;
	padding: 0;
	height: 25px; /*--Subtract 1px from the height of the unordered list--*/
	font-size: 13px;
	line-height: 13px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
}

ul.tabs li a, ul.tabs_tour_roma li a {
	text-decoration: none;
	color: #555;
	display: block;
	font-size: 1em;
	line-height: 13px;
	padding: 4px;
	outline: none;
}
ul.tabs li a:hover, ul.tabs_tour_roma li a:hover {
	color: #000;
	border-bottom: 2px solid #caca00;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
	height: 21px;
	color: #000;
	background: #fff;
	border-bottom: 2px solid #caca00; /*--Makes the active tab look like it's connected with its content--*/
}
html ul.tabs_tour_roma li.active, html ul.tabs_tour_roma li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
	height: 23px;
	color: #000;
	background: #fff;
	border-bottom: 2px solid #caca00; /*--Makes the active tab look like it's connected with its content--*/
}

/**Slideshow suites **/

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:336px;	
	width: 450px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 7px; right: 0px;
	width: 147px; height:29px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 30px;
	background: url('../img/paging_bg2.png') no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	visibility: hidden;
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #8b6a2c;
	border: 1px solid #222222;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


/**Main**/

#wrapContent { font-size: 1.3em; width: 940px; margin: 0 auto; margin-bottom: 10px; margin-top: 30px; padding: 0 10px; background: #ffffff; }
#wrapContent_home { font-size: 1.3em; width: 940px; margin: 0 auto; margin-bottom: 10px; margin-top: -35px; padding: 0 10px; background: #ffffff; }
#wrapContent_default { font-size: 1.3em; width: 940px; margin: 0 auto; margin-bottom: 30px; margin-top: -70px; padding: 0 10px; background: #ffffff; }
.col-left { width: 500px; margin-bottom: 3em; padding-top: 0px; float: left; }
.col-left-home { width: 460px; margin-bottom: 1em; padding-top: 0px; float: left;  background: #ffffff;}
.col-left-hotel { width: 460px; padding: 0em 1px 0 0; margin-bottom: 30px; float: left; background: #ffffff;}
.col-left-listino { width: 310px; padding: 0em 1px 0 0; margin-bottom: 10px; float: left; background: #ffffff;}
.col-left-prenotazione { width: 410px; padding: 0em 1px 0 0; margin-bottom: 10px; float: left; background: #ffffff;}
.col-left-localita { width: 310px; padding: 0em 1px 0 0; margin-bottom: 10px; float: left; background: #ffffff;}
.col-left-contatti { width: 550px; padding: 0em 1px 0 0; margin-bottom: 10px; float: left; background: #ffffff;}
.col-left-tour_roma { width: 220px; padding: 0em 1px 0 0; margin-bottom: 10px; float: left; background: #fffffff;}
	
#col-left-bot { width: 300px; height: 51px; background: url(../img/leftcol-shadowB.png) no-repeat right bottom; margin: 0; float: left; }
.col-right { width: 390px; margin-bottom: 3em; padding-top: 0px; float: left; }
.col-right-tour_roma { width: 320px; margin-bottom: 3em; padding-top: 0px; float: left; }
	.col-right-tour_roma h1 { border-bottom: #dfdfdf 1px solid; padding-bottom: .4em; margin: 0 0 10px 0px; font-size: 1.2em;}
	.col-right h2 { border-bottom: #dfdfdf 1px solid; padding-bottom: .4em; padding-top: 5px; margin: 0 0 10px 20px; }
	.col-right h3 { padding-bottom: .4em; padding-top: 5px; margin: 0 0 0 20px; }
	.col-right p { margin-left: 20px; }
	.col-right ul { margin: 0 0 2.5em 1px; }
		.col-right ul li { border-bottom: #eee 1px solid; margin: 0 10px 0 0; display: block; }
			.col-right ul li a { background: url(../img/bullet1.gif) no-repeat 15px 7px; border: none; padding: 5px 0 5px 45px; display: block; }
				.col-right ul li a:hover { background-position: 15px -77px; }
	.col-right a img { margin: 0 0 2em 20px; }
.col-right-default { width: 450px; padding-top: -20px; text-align: center; float: right; }
	.col-right-default h3 { line-height: 1.3em }
.col-right-home { width: 360px; margin-bottom: 1em; padding-top: 1.5em; float: right; }
.col-right-hotel { width: 450px; margin-bottom: 20px; padding-top: 0em; position: relative; float: right; font-size: 12px;}
.col-right-listino { width: 610px; margin-bottom: 20px; padding-top: 0em; position: relative; float: right; }
.col-right-tour_roma { width: 640px; margin-bottom: 20px; padding-top: 0em; position: relative; float: right; font-size: 1em;}
.col-right-prenotazione { width: 510px; margin-bottom: 20px; padding-top: 0em; position: relative; float: right; }
.col-right-localita { width: 610px; margin-bottom: 20px; padding-top: 0em; position: relative; float: right; }
	.col-right-localita #map { width:610px; height: 340px; border: 2px solid #444444; }
.col-right-contatti { width: 370px; margin-bottom: 3em; padding-top: 0em; position: relative; float: right; }

#col-right-bot { width: 300px; height: 51px; background: url(../img/rightcol-shadowB.png) no-repeat top left; }
.col-center1 { width: 940px; min-height: 270px;}
.col-center { width: 940px; margin-bottom: 2em; min-height: 170px;}
	.col-center h2 { width: 940px; margin-bottom: 1em; display: block; }

#slide_back { width: 470px; height: 294px; background: #000000; padding: 20px 0 0 20px; position: absolute; left: 0px; top: 140px; }
#slide_back_default { width: 470px; height: 240px; background: #000000; padding: 20px 0 0 20px; position: absolute; left: 0px; top: 140px; }
#my_gallery { width: 387px; height: 244px; position: relative; z-index: 1; display: none; }
	#my_gallery a { border: 0; }
.mypic { width: 290px; margin: 0 20px 10px 0; float: left; }

#alto_sinistra { width: 494px; height: 200px; background: #000000; padding: 20px 0 0 20px; position: absolute; left: 0px; top: 140px; }
	#alto_sinistra a { text-decoration: none; border: none;}
	
#home_logo { width: 330px; height: 340px; padding: 10px 0 0 44px; position: absolute; left: 530px; top: 140px; }
	#home_logo h1 { color: #888888; font-family: times,serif; margin-top: 100px; margin-left: 3px; font-size: 30px; letter-spacing: 5px; }
	
#home_logo_default { width: 330px; height: 340px; padding: 0px 0 0 44px; position: absolute; left: 530px; top: 120px; }
	#home_logo_default h1 { font-family: times,serif; margin-top: 10px; margin-left: 3px; font-size: 28px; letter-spacing: 6.8px; }	

#alto_destra { width: 400px; height: 240px; padding: 40px 0 0 44px; margin: 0 auto; position: relative; left: 270px; top: 40px; }
	#alto_destra h1 { font-family: times,serif; margin-top: 0px; font-size: 30px; letter-spacing: 5px; color: #8b6a2c; }
	#alto_destra h2 { font-family: times,serif; font-size: 22px; letter-spacing: 3px; color: #dedede; line-height: 1.5em; border: 0;}
	#alto_destra p { font-family: arial,sans-serif; font-size: 18px; }

a#reqQuote1 { position: relative; display: block; width: 300px; height: 189px; background: url(../img/reqQuote1.png) 0 -189px no-repeat; cursor: pointer; border: none; }
	a#reqQuote1 * { display: none; }
	a#reqQuote1 span.hover { position: absolute; top: 0; left: 0; display: block; width: 300px; height: 189px; background: url(../img/reqQuote1.png) 0 0 no-repeat; }

#wrapFooter { color: #3e3e3e; font-size: 12px; background: #181818 url(../img/bg-footerTop.png) repeat-x top center; border-top: #999 1px solid; padding: 35px 0 10px 0; clear: both; }
#footer { width: 960px; margin: 0 auto; }
#footer p { text-shadow: #000 0 -1px 1px; }
	#footer ul { border-top: #333 1px dotted; margin: 0; padding: 0; }
		#footer ul li { border-bottom: #333 1px dotted; display: block; text-shadow: #000 0 -1px 1px;  }
			#footer ul li a { color: #3e3e3e; background: url(../img/bullet3.gif) no-repeat 0 -34px; border: none; padding: 5px 0 5px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: block; }
				#footer ul li a:visited { color: #333; background-position: 0 9px; }
				#footer ul li a:hover { color: #ccc; }
#footer-bottom { width: 940px; height: 60px; margin: 0 auto; padding: 10px; }
#footer-left { width: 780px; height: 50px; float: left; background: url(../img/logo_LF_small.png) no-repeat 0 0;}
	#footer-left p { color: #7e7e7e; margin: -4px 0 0 30px;}
	#footer-left a { color: #7e7e7e; border: none; }
		#footer-left a:hover { color: #ccc; }
#footer-right { font-size: 1.1em; color: #3e3e3e; text-align: right; width: 140px; float: right; }	
	#footer-right a { color: #3e3e3e; border: none; }
		#footer-right a:hover { color: #ccc; }



/*--------------------------------------------------
// Form
//--------------------------------------------------*/

form {
	  margin: 0 0 20px 0;
	  padding: 1px;
	  text-align: left;
}

label{
	float: left;
	background-color: #ffffff;
	min-width: 100px;
	height: 24px;
	text-align: left;
	margin-right: 2px;
}

input, textarea {
	border: 1px solid #dddddd;
	line-height: 1.2em;
	font-family: arial, sans-serif;
	font-size: 1em;
	margin-bottom: 4px;
	margin-right: 12px;
}

input {
	min-height: 24px;
	height: auto;
}

textarea{
	vertical-align: top;
	height: 140px;
	width: 316px;
	line-height: 1.2em;
	font-family: arial, sans-serif;
}

.check {
	float: left;
	margin: -4px 10px 0 0;
	padding: 0px;
}

p.privacy { font-size: .75em; margin: 1.5em 0 1em 0; line-height: 1.3em; }

.select {
	height: 24px;
	margin: 0 10px 0 0;
	font-size: 1em;
}

form img {
	margin-bottom: -4px;
}

#bottoni {
	line-height: 1.25em;
	margin: 0 0 0 100px;
}

.button_small {
	background : transparent url('../img/button.png		') no-repeat top left;
	border     : 0px solid #392e16;
	width      : 104px;
	height     : 44px;
	padding    : 0;
	margin     : 0 10px 0 0px;
	color      : #ffffff;
	font       : 14px Arial, sans-serif;
}



/*--------------------------------------------------
// Live Validation
//--------------------------------------------------*/

input:focus, input:active, textarea:focus, textarea:active, select:focus, select:active {
	border: 1px solid #aaaaaa;
}

.LV_validation_message{
    font-weight:normal;
	font-size: 12px;
    margin:0 0 0 0px;
}

.LV_valid {
    color:#d9d900;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #d9d900;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}



.wrap404 { width: 300px; min-height: 400px; background: url(../img/404.jpg) no-repeat right top; padding-right: 300px; }
.wrap500 { width: 300px; min-height: 400px; background: url(../img/500.jpg) no-repeat right top; padding-right: 300px; }
.noBorder { font-size: 1.7em; border-bottom: none; padding: 0; }
.alt2 { margin-bottom: 0; }
.alt3 { margin-top: 20px; }
.alt4 { border: none; margin: 0; }

#creditfooter { display: none; }
#wrapTest { display: none; }
#wrapTest2 { display: none; }
.nojavaMessage-1 { width: 387px; height: 244px; background: #ededed url(../img/slide2_javaerror.gif); display: block; }

h2.page-title { border: none; margin-bottom: 1em; }
	h2.page-title a { color: #181818; }
		h2.page-title a:hover { color: #777; }
h2.entry-title a { color: #181818; }
	h2.entry-title a:hover { color: #777; }
h3.entry-title { border-bottom: #dfdfdf 1px solid; padding-bottom: .3em; clear: both; }
	h3.entry-title a:hover { color: #181818; }
.post { margin-bottom: 40px; }
#nav-below { height: 40px; clear: both; }


/**Tables**/
table {
	width:auto;
	border:2px solid #666666;
	//margin:1em auto;
	border-collapse:collapse;
	}
caption {
	color: #9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;
	}	
tr.odd td	{
	background:#f7fbff
	}
tr.odd .column1	{
	background:#dedede;
	}	
td {
	color:#111111;
	border-bottom:1px solid #efefef;
	border-left:1px solid #efefef;
	padding:.3em 1em;
	text-align:center;
	}				
th {
	font-weight:normal;
	color: #ffffff;
	text-align:right;
	border-bottom: 1px solid #efefef;
	border-left:1px solid #efefef;
	padding:.3em 1em;
	}							
.column1	{
	background:#aaaaaa;
	}
.column2	{
	background:#ffffff;
	}	
.column3	{
	background:#efefef;
	}	
.column4	{
	background:#aaaaaa;
	text-align: right;
	color: #ffffff;
	}		
thead th {
	background:#aaaaaa;
	text-align:center;
	font:bold 1em/1.6em;
	color:#ffffff
	}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}
	

/**Tabs**/
.wrapCport { width: 940px; height: 50px; border-bottom: #dfdfdf 0px solid; position: relative; }

h2.alt4 { position: absolute; bottom: 0; left: 0; }

// .wrapCport a { background-color: #740000; font-size: 12px; text-align: center; line-height: 1; height: 18px; min-height: 18px; width: 100px; padding-top: 7px; min-width: 100px; display: block;  border: 1px #dfdfdf solid; border-bottom: #dfdfdf 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; }
.wrapCport a { background: url(../img/bg_tab.png); background-color: #740000; font-size: 12px; text-align: center; line-height: 1; height: 34px; min-height: 18px; width: 100px; padding-top: 0px; min-width: 100px; display: block; border: 0px #dfdfdf solid; border-bottom: #dfdfdf 1px solid; }
.wrapCport a:hover {  background-color: #f5f5f5; padding-bottom: 1px;  }
.wrapCport a:active {  background-color: #f5f5f5; padding-bottom: 11px;  }

.wrapCport a.activ { background-color: #fff; padding-bottom: 2px; border-bottom: 1px solid #fffffe; cursor: text; }
.wrapCport a.activ:hover {  }

a#hitlogo { position: absolute; bottom: -1px; right: 106px; }
a#hitweb { position: absolute; bottom: -1px; right: 5px; }

/* CLEAR FIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.version-warning { background: #dfdfdf; border: 1px #CCC solid; padding: 10px; display: block; }
#themebutton { width: 458px; height: 20px; background: #dfdfdf; border: 1px #CCC solid; padding: 10px; display: block; }
	#themebutton:hover { background: #CCC; }

#btn-disabled, #incompatible { display:none; }


#wrapLogin { width: 300px;  background: #f5f5f5; border: 1px #CCC solid; text-align:center; margin: 100px auto 200px auto; padding: 20px; }

form#form input { font-size: 13px; background: #fff url(../img/formBg-1.png) repeat-x top center; border: 1px solid #cccbcf; margin-bottom: 20px; }
	form#form input:focus { border-color: #aaa; }
.submitbutton3 { width: 143px; height: 33px; background: url(../img/button-reqquote.png) no-repeat bottom center; border: 0; cursor: pointer;}
	.submitbutton3:hover { background-position: top; }