@import "reset.css";
@import "layout.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
mark,rp,rt,ruby,summary,time {
display:inline;
}
/*GLOBAL*/
body {
position:absolute;
font:10px/18px 'Didact Gothic', sans-serif;
color:#747474;
min-width: 1070px;
min-height:800px;
width:100%;
height:100%;
overflow:hidden;
z-index:1;
}
#glob {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:2;
background: none;
}
.spinner {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:10000;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #515151;
}
.spinner_bg {
position:fixed;
width: 24px;
height: 24px;
top: 0px;
right: 0px;
background:url( "../images/ajax-loader.gif") right top no-repeat #515151;
z-index:10000;
display: none;
}
#bgStretch {
z-index:1;
}
#bgStretch>img {
background: #515151; 
}
.full_dark{
width: 100%;
height: 100%;
position: absolute;
background: #1c1c1c;
opacity: 0.3;
z-index: 3;
}
/*header*/
header{
position: absolute;
width: 100%;
height: 145px;
top: 0;
z-index:100;
}
/*end header*/
.logo {
	color: #FFFFFF;
    display: block;
    font: 60px/60px 'Sansita One',cursive;
    letter-spacing: -3px;
    position: relative;
}
.logo>span{
display: block;
position: relative;
font: 10px/10px 'Trebuchet MS', sans-serif;
color: #e69d97;
text-transform: uppercase;
margin: -5px 0 0 4px;
letter-spacing: 0px;
}
/*footer*/
footer {
position:absolute;
bottom:0px;
width:100%;
height:35px;
z-index:100;
background: #1c1c1c;
}
footer p {
	color: #464646;
    padding: 0 29px 0 0;
    position: relative;
    text-align: left;
}
footer p:first-child{
text-align: center;
line-height: 14px;
font-size: 13px;
}
footer p>a{
color: #464646;
}
/* END FOOTER*/
/*side panel*/
aside{
position: relative;
float: left;
display: inline-block;
z-index: 1;
background-color:#515151;
}
aside ul{
position: relative;

}
aside ul>li{
position: relative;
width: 303px;
height: 168px;
}
aside ul>li a span{

	background: url("../images/banda_sfondo_rottami.png") no-repeat scroll right 0 transparent;
    color: #000000;
    display: block;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    text-align: right;
    width: 303px;
	margin-top: -18px;
	
}
aside ul>li a:hover span{

	background-position:right -20px;
    
}
/*side panel*/
/*MENU*/
.menu {
position: relative;
display: inline-block;
float: left;
padding: 34px 0 0 33px;
overflow: hidden;
width: 350px;
}
#menu>li {
position: relative;
display: block;
}
#menu>li.no_bg {
background: none;
}
#menu>li>a {
position: relative;
text-transform:uppercase;
line-height: 10px;
color: #c5c5c5;
font-size: 12px;
padding-left: 2px;
padding-right: 2px;
background-color:rgba(28,28,28,0.7);

}
#menu>li>strong{
display: inline-block;
position:absolute;
height: 100%;
width: 3px;
top: -4px;
left: -40px;
background: url("../images/arrow.png") 0 no-repeat;
}
#menu>li.active>a,#menu>li.sfHover>a, #menu>li>a:hover{
color: #409c3d;
background-color:rgba(81,81,81,0.7);
}
.submenu_1 {
position:absolute;
z-index:9100;
width: 100%;
left: 50px;
top: 0px;
display: none;
}
.submenu_1 li {
position:relative;
display: inline-block;
margin-right: 11px;
}
.submenu_1 a {
display: block;
position:relative;
line-height: 10px;
text-transform:uppercase;
color:#fff;
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
color:#d65c52;
}
/* END MENU*/
/*PAGES*/
#content {
position:relative;
width:640px;
height:552px;
margin: 0 auto;
left: 300px;
z-index: 50;
top: 0;
}
#content>ul {
width:100%;
}
#content>ul>li.no_bg{
background: none;
}
#content >ul >li {
position:absolute;
width:100%;
/*height:100%;*/
background: #1c1c1c;
}
/*SCROLL*/
.scroll,.scroll2,.scrollGall{
position: relative;
}
.scroll{
height: 380px;
width: 271px;
}
.scroll2{
width: 590px;   
height: 350px;
margin-bottom: 11px;
}
.scrollGall{
height: 608px;  
width: 303px;
overflow-x: visible;
overflow-y: visible;
}
._shuttle {
width: 9px;
height: 201px;
background: url("../images/scroll_btn2.png") left center no-repeat;
}
._shuttle2 {
width: 9px;
height: 201px;
background: url("../images/scroll_btn.png") left center no-repeat;
}
._track{
width: 0px;
height: 360px;
}
._track2{
width: 0px;
height: 608px;
}
._track3{
width: 0px;
height: 360px;
margin-top: -8px;
}
.scrollBtns{
position: absolute;
bottom: -23px;
text-align: center;
display: block;
width: 100%;
height: 51px;
}
.scrollDown,.scrollUp{
position: relative;
width: 51px;
height: 51px;
border-radius: 25px;
background: #515151;
display: inline-block;
margin-right: 1px;
}
.scrollDown>span,.scrollUp>span{
width: 21px;
height: 14px;
text-align: center;
display: inline-block;
}
.scrollDown>span{
margin-top: 21px;
background: url("../images/arrow_down.png") 0 top no-repeat;
}
.scrollUp>span{   
margin-top: 18px;
background: url("../images/arrow_up.png") center no-repeat;
}
/*END SCROLL*/
.list1>li>div:first-child{
width: 60px;
background: none;
padding: 0;
}
.list1>li>div{
float: left;
display: inline-block;
width: 182px;
background: url("../images/vline.png") left 0 repeat-y;
padding: 17px 14px 9px;
}
.list1>li>div:first-child>p:first-child{
padding-top: 26px;
}
.list1>li>div:first-child>p:first-child+p{
margin-top: -18px;
padding-left: 7px;
}
.list1>li>div:first-child>p{
}
.list1>li.last{
height: 110px;
}
.list1>li.last>div>p:first-child+p{
padding-bottom: 0;
}
.list2{
padding: 14px 0 38px;
display:  block;
position: relative;
height: 147px;
}
.list2>li{
display: inline-block;
float: left;
margin-right: 20px;
width: 138px;
height: 147px;
background: #000000;
background: -moz-linear-gradient(top, #000000, #1f1f1f);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#1f1f1f));
background: -webkit-linear-gradient(top, #000000, #1f1f1f);
background: -o-linear-gradient(top, #000000, #1f1f1f);
background: -ms-linear-gradient(top, #000000, #1f1f1f);
background: linear-gradient(top, #000000, #1f1f1f);
border-radius: 8px;
border: 1px solid #2c2c2c;
}
.list2>li>p:first-child>span{
color: #fff;
}
.list2>li>p:first-child{
font-weight: bold;
color: #dd2400;
background: url("../images/page4_list_bg.png") 0 -5px no-repeat;
width: 138px;
height: 35px;
padding: 6px 0 0 28px;
}
.list2>li>p:first-child+p{
margin: -17px 13px 0 12px;
}
body p a {
text-decoration:none;
}
body p a:hover {
text-decoration:underline;
}
#page_about, #page_services p{
padding-bottom: 20px;
}
#page_about p.pad5{
padding: 20px 0 21px;
}
#page_services .scroll>p{
width: 564px;
}
#page_more p, #page_privacy p{
padding-bottom: 18px;
}
.scroll2>p{
width: 570px;
}
/*PADDINGS*/
.pad1 {
padding: 46px 18px;
}
.pad2 {
padding-bottom: 8px;
}
.pad3 {
padding-bottom:30px;
}
.pad4 {
padding-bottom:35px;
}
.pad5 {
padding: 46px 0 46px 18px;
}
.pad6 {
padding:5px;
}
.pad6 a{
color:#464646;
text-decoration:none;
}
.pad6 a:hover{
color:#409c3d;
text-decoration:none;
}
.mar1{
margin-bottom: 33px;
}
.color1{
color: #d65c52;
}
.color2{
color: #fff;
}
.fontStyle1{
color: #fff;
font-weight: bold;
font-size: 40px;
}
.w1{
display: inline-block;
width: 108px;
}
/*BG PAGES*/
/*///////////////////////////*/
h1 {
	background: none repeat scroll 0 0 #DCDCDA;
    display: inline-block;
    float: left;
    height: 138px;
    position: relative;
    width: 303px;
}
h2 {
	color: #FFFFFF;
    font-size: 36px;
    padding-bottom: 25px;
    padding-top: 2px;
}
p {
text-transform: uppercase;
padding-bottom: 24px;
}
/*additional classes*/
.block {
display:block;
}
.fleft {
float:left;
}
.fright,.fr {
float:right;
}
.fnone,.fn {
float:none;
}
.alignleft,.all {
text-align:left;
}
.alignright,.alr {
text-align:right;
}
.aligncenter,.alc {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
}
a {
text-decoration:none;
}
.nocolor,.nocolor a {
color:inherit;
}
.upc {
text-transform:uppercase;
}
.extra-wrap {
overflow:hidden;
}
.nopad {
padding:0;
}
.nomar {
margin:0;
}
.clear {
clear:both;
line-height:0;
}
.bold {
font-weight:bold;
}
.rel {
position:relative;
}
.defcur {
cursor:default;
}
.ws {
white-space:pre;
}
.automargin {
margin:0 auto;
}
/*GOOGLE MAP*/
.google_map{
position:  relative;
border-radius: 0px;
width: 300px;
height: 210px;
border: none;
box-shadow: none;
background-color: #515151;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;   
overflow: hidden;
text-align: left;
margin-bottom: 33px;
}
/*END GOOGLE MAP*/
/* ============================= forms ============================= */
#ContactForm {
margin: -5px 0 0 2px;
}
#ContactForm .wrapper{
height: auto;
}
#ContactForm label {
position:relative;
display: inline-block;
}
#ContactForm span {
display:block
}
#ContactForm .error,#ContactForm .empty {
font: 9px/6px 'Didact Gothic', sans-serif;
color: #d65c52;
display:none;
width:100%;
position: relative;
}
#ContactForm .success {
display:none;
font-family: 'Trebuchet MS', sans-serif;
position: absolute;
color:#fff;
bottom: 52px;
text-transform: uppercase;
}
.contact_btns{
position: relative;
padding: 11px 0 0 0;
float: right;
right: 10px;
}
#ContactForm a {
position:relative;
display: inline-block;
margin-left: 8px;
}
#ContactForm .input {
width: 174px;
height: 14px;
padding: 17px 16px;
color: #fff;
font: 11px/14px 'Trebuchet MS', sans-serif;
outline:none;
background: #313131;
border: 1px solid #5d5c5c;
text-transform: uppercase;
}
#ContactForm textarea {
overflow:auto;
margin:0;
width: 237px;
height: 130px;
padding: 17px 16px;
color: #fff;
font: 11px/14px 'Trebuchet MS', sans-serif;
resize:none;
outline:none;
background: #313131;
border: 1px solid #5d5c5c;
}
#ContactForm .block {
display:inline-block;
position:relative;
height:139px;
width:260px;
padding-right: 15px;
}
.bg{
height: 53px;
padding-top: 6px;
}
.bg2{
padding-top: 8px;
height: 168px;
}
/* ============================= end forms ============================= */


	#title-top { background-color:#828182; height:68px; color:#5b5b5b; /*font-size:48px;*/font-size:40px; font-family: 'Didact Gothic'; font-weight:bold;padding-top: 70px;padding-left: 343px;}
	#info-azienda { background-color:#515151;width:243px;height:204px;color:#cdcdcd; padding:30px; text-align:right;font-size: 15px; float:left}
	#breadcrumb { position: absolute; right:0; display:block; padding-left: 10px; border-left: 1px solid #000; color:#000; font-size: 14px; top: 60px; padding-top: 20px; padding-bottom: 20px; margin-right: 60px; font-weight: bold; }
	#content p { font: 14px/17px 'Didact Gothic',sans-serif; padding-bottom: 10px; text-transform: none; text-align:justify; /*color:#FFF;*/ }
	#content  .color2 { color:#409c3d; font-size: 14px; font-weight:bold; padding-top: 30px; }
	#content .addr{ color:#747474; text-decoration: none; }
	#content .addr:hover{ color:#409c3d; text-decoration: none; }
	#content .pdf { display:block; background: url(../images/pdf.png) no-repeat; padding-top: 7px; padding-bottom: 7px; padding-left: 30px; color:#747474; text-decoration: none; }
	#content .pdf:hover {  color:#409c3d; text-decoration: none;  }
	h2 {  }