@charset "utf-8";
/* CSS Document for Palazzo Orsini */
/* Developed by: imicreation */
/* Global Stylesheet */


/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## RESET ########################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

* {outline: none;}
body {margin:0; padding:0;	font-size: 62.5%;height: 100%;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
ul, ol {margin: 0;padding: 0;list-style-type: none;}
form {margin: 0px;padding: 0px;}
a img {border: 0;}
.clearfix:after{ content: ".";  display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix{min-width: 0;	display: inline-block; display: block;}
* html .clearfix{height: 1%;}
.left{float: left;}
.right{float: right;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.center {margin-right: auto; margin-left: auto;}
textarea { overflow:auto; }
a { color:#333; }
a:hover { text-decoration:underline; }


/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## COMMON TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */
.clear { clear:both; line-height:1px; height:1px; }

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## TYPOGRAPHY ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

h1 {
	font-size:28px;
	color: #8A5020;
	font-style: italic;
	font-weight: lighter;
}
h2 {
	font-size:18px;
	color: #8A5020;
}
h3 {
	font-size:13px;
	background-color: #660033;
	color: #CC3;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
h4 { font-size:1.8em; }
h5 { font-size:1.6em; }
h6 { font-size:1.4em; }

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## LAYOUT TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color: #8A5020;
}

#box { width:980px; margin:0px auto; padding:0px; position:relative; }
#showcase { width:100%; height:400px; float:left; margin:0; padding:0; position:relative; z-index:1000;}
#header { width:280px; height:auto; float:left; margin:0 0 0 20px; padding:0; position:absolute; z-index:5000; left:0px; top:0px;}

#container { background:url(../../images/bg_container.gif) repeat-y #a8ccf4; width:940px; height:auto; float:left; margin:0; padding:0 20px;}
#leftside { background:#f1f2ed; width:280px; height:auto; float:left; margin:0; padding:45px 0 0 0; position:relative;}
#top_block { background:#fff; width:240px; height:220px; float:left; margin:0; padding:5px 20px;}
#languagebar { width:100%; height:auto; float:left; margin:0 0 13px 0; padding:0;}
#logo { width:100%; height:auto; float:left; text-align:center; margin:0; padding:0;}
#sub_navigation {background:url(../../images/bg_nav.gif) repeat-x #f1f2ed; width:260px; height:auto; float:left; margin:0; padding:20px 10px 0px 10px;}

#sub_navigation ul li { display:block; font-size:18px; color:#41463c; text-align:center; margin:0; padding:0 0 18px 0;}
#sub_navigation ul li a { color:#41463c;}
#imgbox { width:100%; height:auto; float:left; margin:0; padding:0;}
#imgbox img.bride { display:block; float:left; margin:0 0 20px 0;}
#imgbox .imagebox { width:100%; height:auto; float:left; padding:0; margin:20px 0 0 0; position:relative;}
#imgbox .imagebox img { border:solid 2px #5b513d; float:left; z-index:900;}
#imgbox .imagebox .caption {
	width:255px;
	height:40px;
	float:left;
	font-size:15px;
	color:#CCCC33;
	line-height:12px;
	margin:0;
	position:absolute;
	bottom:0px;
	z-index:1000;
	left:0;
	background-color: #660033;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}
#imgbox a { color:#fff;}

#rightside { background:#dddbcf; width:660px; height:auto; float:left; margin:0; padding:0;}
#rightside .breadcrumb {
	background:#41463c;
	width:600px;
	height:59px;
	float:left;
	line-height:29px;
	font-size:16px;
	color:#fff;
	font-style:italic;
	font-weight:bold;
	margin:0;
	padding:0 25px 0 35px;
}
#headingbox { background:url(../../images/bg_headbox.gif) no-repeat; width:530px; height:165px; float:left; margin:0; padding:40px 0 0 130px;}
#headingbox h1 {font-size:45px; color:#663333; font-weight:normal; margin:0; padding:0 50px 0 0;}
#headingbox h2 {font-size:28px; color:#fff; font-weight:normal; margin:0; padding:0;}
#contentbox {width:460px; height:auto; float:left; margin:0; padding:20px 115px 20px 85px;}
#contentbox p { font-size:18px; color:#5f3330; line-height:25px; margin:0; padding:0 0 15px 0;}

#contentbox ul li {
	list-style:disc;
	list-style-position:outside;
	font-size:18px;
	color:#8b5821;
	font-style:italic;
	margin:0;
	padding:0 0 8px 0;
}
#contentbox ul li a {color:#8b5821;}
#contentbox img { display:block; float:left; border:solid 3px #6f624a; margin:15px 0;}

/* footer */

#footer {font-family:Arial, Helvetica, sans-serif;  background:#41463c; width:100%; height:105px; float:left; font-size:12px; color:#968D81; margin:0; padding:25px 0 0 0;}
#footer img { display:block; float:left; margin:0 12px 0 250px;}
#footer span { display:block; padding:2px 0 0 0;}
#footer a {color:#968D81;}

#FormPrenotazione {/*margin: 1em 22px;*/ border: solid 2px #D6D0AD; padding: 5px; width: 500px;}
#FormPrenotazione span {
	display: block;
	margin: 0;
	padding: 2px 4px;
	border-bottom: solid 1px #D1C9AD;
	border-width: 1px 0;
}

#FormPrenotazione label {width: 200px; float: left;}
#FormPrenotazione .submit label {float: none; width: auto;}
#FormPrenotazione h2, #replyForm p {display: inline;}
#FormPrenotazione textarea {width: 70%;}
#FormPrenotazione {margin-right: 15px;}
#FormPrenotazione input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-left: 3px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-top: 2px;
}

#FormPrenotazione .submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	border: solid 1px #C7BD9A;
	color: #000;
	background: #D1C9AD;
	padding: 3px;
}

.box_alert_yellow {
	border: #A65B2A solid 1px;
	text-align:center;
	color: #fff;
	padding: 20px 100px 20px 100px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #E5A100;
	background-image: url(http://www.palazzoorsini.it/images/alert.png);
	background-repeat: no-repeat;
	background-position: 60px;
	width: 310px;
}

.box_alert_green {
	border: #030 solid 1px;
	text-align:center;
	color: #fff;
	padding: 20px 100px 20px 100px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 17px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #090;
	background-image: url(http://www.palazzoorsini.it/images/check-icon.png);
	background-repeat: no-repeat;
	background-position: 70px;
	width: 310px;
}