/* Handcoded by http://psdcssxhtml.com */

/* reset */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
}

fieldset,img {
    border:0;
}

html {
    height:100%;
    margin-bottom:1px;
}

body {
    position:relative;
}

:focus {
    outline:none;
}

/* links */
a {
    /* color:#3a251d; */
	color:#E2AB35;
    text-decoration:none;
}

a:hover {
    text-decoration:none;
	color:#FFFFFF;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}

h1 {
    font-size:300%;
    color:#000;
}

h2 {
    font-size:250%;
    color:#b4b4b4;
	font-family:Georgia, Monotype Corsiva, Arial;
}

h3 {
    font-size:24px;
	font-weight:normal;
	font-style:normal;
    text-shadow: 2px 2px 0px #111111;
	color:#E2AB35;
	font-family:Georgia, Monotype Corsiva, Georgia, Arial;
}

h4 {
    font-size:175%;
    color:#000;
}

h5 {
    font-size:150%;
    color:#787878;
}

h6 {
    font-size:125%;
    color:#000;
}

.red_button {
	background:url(../images/redslate_backgroundOVER.gif) repeat-x scroll center top transparent;
	border:1px solid #666666; color:#FFFFFF;
}

.thumb_inv {
	filter:alpha(opacity=25);
	-moz-opacity:.30; 
	opacity:.50;

}

.thumb_inv:hover{
	opacity:1;
	filter: alpha(opacity = 100);

}

/* page setup */
body {
    background:url(../images/red-gradient.jpg) repeat-x fixed;
/*	background-color:#da0000; */
	background-color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    line-height:130%;
    color:#FFFFCC;
    font-size:14px;
}

/* wrapper setup */
div.rapidxwpr {
    margin:auto;
    width:958px;
   /* background:url(../images/wrapper-top.png) 50% 0px no-repeat; */
    padding:0px 0 0 0;
}

div.rapidxwpr-bottom {
    /* background:url(../images/wrapper-bottom.png) 50% 100% no-repeat; */
    padding:0px 19px 19px 19px;
}

/* header */
div#header {
    position:relative;
    height:174px;
    margin:0px 0px 15px 0px;
    background:url(../images/header-bg.png) 0 0 no-repeat;
}

/* logo */
span#logo, img#logo {
	background:url(images/logo.png) no-repeat;
    position:absolute;
    top:-39px;
    left:10px;
    width:228px;
    height:204px;
    border:0;
}

/* main body setup */
div#middle {
    width:auto;
    margin:0px 0px 0px 0px;
    clear:both;
}

div#middle .background {
    min-height:140px;
}

div#middle .layoutleft {
    background:none;
}

div#middle .layoutright {
    background:none;
}

/* right column */
div#right {
    width:250px;
    padding:14px 17px;
    float:right;
    border:#A76142 1px dashed;
	background:url(../images/minigrad.jpg) repeat;
}

/* content column */
div#main {
    width:auto;
}

div#middle .layoutleft div#main {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

div#middle .layoutright div#main {
    margin:0px 200px 0px 0px;
    padding:0px 0px 0px 0px;
}

div#middle .withoutleft div#main {
    margin:0px 0px 0px 0px;
}

div#mainmiddle {
margin-top:35px;
}

div#main .withoutright {
    background:transparent;
}

div#content {
    width:auto;
}

div#main .withright div#content {
    margin:0px 300px 0px 0px;
    padding:0px 0px 0px 0px;
}

div#main .withoutright div#content {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

/* footer */
div#footer {
background:url("../images/footer-bg.png") repeat scroll 0 0 transparent;
clear:both;
color:#FFFFFF;
margin:-4px auto 5px;
padding:0 0 30px;
width:920px;
}

* html div#footer {
    margin:-3px auto 0 auto;
}

div#footer a {
    color:#FFF;
}

/* clearing & floating */
.clearingfix:after {
    content:".";
    display:block;
    line-height:0px;
    clear:both;
    visibility:hidden;
}

.clearingfix {
    display:block;
}

.floatbox {
    overflow:hidden;
}

/* alignments */
.alignleft {
    float:left;
    margin:0 20px 0 0;
}

.alignright {
    float:right;
    margin:0 0 0 20px;
}

/* topmenu */
div#topmenu {
    position:absolute;
    top:140px;
    right:20px;
    height:34px;
}

div#topmenu ul {
    padding:0px;
    margin:0px;
    list-style:none;
    float:left;
}

div#topmenu li {
    float:left;
    display:block;
}

div#topmenu li a {
    float:left;
    display:block;
    position:relative;
    height:34px;
    line-height:38px;
    overflow:hidden;
    color:#3a251d;
    background:url(../images/menu-r.png) 100% 0 no-repeat;
    padding:0 6px 0 0;
    font-size:16px;
    font-weight:bold;
}

div#topmenu li a span {
    display:block;
    float:left;
    color:#333333;
    background:url(../images/menu-l.png) 0 0 no-repeat;
    padding:0 6px 0 13px;
    cursor:pointer;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div#topmenu li a:hover, div#topmenu li a.active {
    background:url(../images/menu-r.png) 100% -36px no-repeat;
    text-decoration:none;
}

div#topmenu li a:hover span, div#topmenu li a.active span {
    background:url(../images/menu-l.png) 0 -36px no-repeat;
}

/* quote */
div.quote {
    text-align:right;
    padding:40px 7px;
}

/* about */
div.about, div.news {
    margin:0 0 30px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div.about h3, div.news h3 {
    margin:0 0 10px 0;
}

div.about img {
    border:#666666 1px solid;
}

/* news */
div.news ul {
    list-style:none;
}

div.news ul li {
    margin:0 0 10px 0;
}

div.news ul li:hover {
    margin:0 0 10px 0;
	background:url("../images/redslate_backgroundOVER.gif") repeat-x scroll center top transparent;
}


div.news span.date {
    font-weight:bold;
}

div.news a.more {
    font-weight:bold;
    float:right;
	margin-top:10px;
}

/* call us */
div.call-us {
    border:#cd5769 1px solid;
    padding:10px 17px;
    margin:0 0 10px 0;
}

div.call-us .numbers {
    width:340px;
    float:left;
}

div.call-us .numbers p {
    margin:0;
    padding:5px 0;
    font-size:23px;
    font-weight:bold;
    color:#412d21;
}

div.call-us .numbers p span {
    color:#b3001b;
    width:170px;
    display:block;
    float:left;
}

div.call-us .message {
    width:160px;
    float:right;
}

/* featured */
div.featured {
    margin:0 0 7px 0;
    padding:14px 17px;
	border: 1px dashed #A76142;
	background:url(../images/minigrad.jpg) repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div.featured a {
    font-weight:normal;
	font-size:14px;
}

div.featured h3 {
    margin:15px 0px 10px;
}

div.featured ul {
    list-style:none;
}

div.featured ul li {
    padding:10px 0;
    clear:both;
    min-height:10px;
}

div.featured ul td a:hover {
	margin:0;
    padding:0;
    clear:both;
    min-height:10px;
}

div.featured ul li .item-img {
    width:110px;
    float:left;
}

div.featured ul li .item-details {
    width:570px;
    float:left;
	text-align:justify;
	margin-left:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div.item-details .ul_semplice { 
	margin-top:30px; 
	margin-left:50px;
	width:500px;
	font-style:italic;
} 
 
/* footermenu */
.footermenu {
    float:left;
    /* background:url(../images/copyright-bg.png) 0 0 no-repeat; */
    width:403px;
    height:36px;
    margin:0 0 0 15px;
    line-height:34px;
    font-size:11px;
    font-weight:bold;
    color:#FFF;
    padding:0 20px;
}

.footermenu .copyright {
    float:left;
	margin-top:16px;
	font-size:12px;
}

.footermenu ul {
    list-style:none;
    float:right;
}

.footermenu ul li {
    float:left;
    margin:0 0 0 7px;
}

/* credits */
.credits {
    float:right;
    /* background:url(../images/credits-bg.png) 0 0 no-repeat; */
    width:370px;
    height:36px;
    margin:0 15px 0 0;
    text-align:center;
    line-height:34px;
    font-size:12px;
    font-weight:bold;
    color:#3a251d;
}

.credits span {
	float:right;
	margin-top:16px;
}

/** MAPPE **/

dl#accordion {
		width:580px;
		border: 1px solid #A76142;
	}

	dl#accordion, #accordion dd {
		margin: 0pt;
		overflow: hidden;
		padding: 0pt;
	}

	#accordion dd {
		height:300px;
		display: block;
	}

	#accordion dt {
		background: url("../images/redslate_background.gif") repeat scroll 0 0 transparent;
		border-bottom: 1px solid #A76142;
		color: #009900;
		cursor: pointer;
		font-size: 12px;
		margin: 0px;
		padding: 5px;
	}

	#accordion dt a {
		color: #e4e4e4;
		padding: 1px;
		text-decoration: none;
		display: block;
	}

#accordion dt a:hover {
		background: url("../images/redslate_backgroundOVER.gif") repeat scroll 0 0 transparent;
		color:#FFFFFF;
		text-decoration: none;
		display: block;
	}
	#accordion dt.focus {
		background: url("../images/redslate_backgroundOVER.gif") repeat scroll 0 0 transparent;
	}

	#accordion dt.focus a {
		color: #ffffff;
	}

	#accordion dd a {
		color: #999999;
	}

	#accordion dd a:hover {
		color: #0000ff;
	}

	#accordion ul {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		
	}
	
	
	/* ---------------------- Redslate nav ---------------------- */
.red #slatenav{
	position:inherit;
	height:42px;
	font-size:16px;
	font-style:normal;
	background:transparent url(../images/redslate_background.gif) repeat-x top left;
	font-family:Georgia,Arial,Verdana,Helvitica,sans-serif;
	margin-top:3px;
	z-index:2;
}
.red #slatenav ul{
	list-style-type:none;
	width:auto;
}
.red #slatenav ul li{
display:block;
float:left;
margin:0px 10px 0px 0px;
}
.red #slatenav ul li a{
	display:block;float:left;color:#FECCC3;text-decoration:none;padding:11px 21px 0 22px;height:28px;
	text-shadow: 1px 1px 0px #111;
	}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{color:#fff;background:transparent url(../images/redslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Redslate nav ---------------------- */



/**** CSS AREA RISERVATA ****/

#css_menu_13{
		background-color:url(../images/Layer-2.png);
	}
	#css_menu_13 ul{
		list-style:none;
		overflow:hidden;
		height:64px;
		border-bottom:5px solid white;
	}
	#css_menu_13 li{
		display:inline;
	}
	#css_menu_13 li a{
		display:block;
		float:left;
		width:78px;
		height:50px;
		margin:10px 2px 0 2px;
		border-top:5px solid white;
		border-right:5px solid white;
		border-left:5px solid white;
		text-decoration:none;
		text-align:center;
		text-transform:uppercase;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
		color:white;
	}
	#css_menu_13 li a span{
	display:block;
	margin-top:5px;
	padding:5px;
	}
	#css_menu_13 li a b{
	display:block;
	margin-top:10px;
	font-size:10px;
	text-transform:lowercase;
	}
	#css_menu_13 li a:hover{
	height:110px;
	margin-top:0;
	}
	#css_menu_13 li a.item1{
	background-color:#CCCCCC;
	}
	#css_menu_13 li a.item2{
	background-color:#CCCCCC;
	}
	#css_menu_13 li a.item3{
	background-color:#CCCCCC;
	}
	#css_menu_13 li a.item4{
	background-color:#CCCCCC;
	}
	#css_menu_13 li a.item5{
	background-color:#CCCCCC;
	}
	#css_menu_13 li a.item1 span{
	background-color:#990000;
	}
	#css_menu_13 li a.item2 span{
	background-color:#990000;
	}
	#css_menu_13 li a.item3 span{
	background-color:#990000;
	}
	#css_menu_13 li a.item4 span{
	background-color:#990000;
	}
	#css_menu_13 li a.item5 span{
	background-color:#990000;
	}
	
	
	/* gallery */

#s3slider { 
   width: 255px; /* important to be same as image width */ 
   height: 195px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   left:-8px;
}

#s3sliderContent {
   width: 260px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: -20; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 15px Georgia, "Times New Roman", Times, serif;
   padding: 10px 18px;
   width: 0px;
   height:0px;
   background-color: #000;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   text-align:center;
   font-style:italic;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}