/* --------------------------------------
----------------- 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, 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-style: inherit;
	font-size: 100%;
	font-family: inherit;
/*	vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}




/* --------------------------------------
----------------- LAYOUT
-----------------------------------------*/
.clear { clear:both;}

html,body{
    height:100%;
    margin:0;
}

body {
	font-size: 11px; /* convert 16px base font size to 12px */
	line-height: 1.5em; /* 20px (12 x 1.6666 = 20) */
	font-family: Arial, sans-serif;
	color: #222222;
	background:url(../images/bg-pages.jpg) repeat-x #000000 top center;
	padding:0px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}


.wrapper {
    width:980px;
    margin: 0 auto;
	text-align: left;
	position: relative;
}


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



h1 {
font-size:21px;
font-weight:normal;
color:#444444;
margin-top:5px;
margin-bottom:20px;
line-height:26px;
}

h2 {
font-size:13px;
font-weight:normal;
margin-top:20px;
color:#999999;
line-height:20px;
}


h3 {
font-weight:bold;
font-size:12px;
color:#000000;
margin-bottom:10px;
line-height:1.3em;
}


p {
margin-bottom:10px;
}

#right p {
margin-top:20px;
font-size:11px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
}






/*  HOME-TOP   */

#home-flash {
z-index:50;}

#header {
height:80px;
background:url(../images/header-bg.jpg) repeat-x;
position:relative;
}


#logo {
position:absolute;
left:27px;
top:38px;
z-index:100;
}






#lingua {
position:absolute;
right: 5px;
top:90px;
z-index:110;
font-size: 9px;
}







#menu {
position:absolute;
right:0px;
top:45px;
font-size:12px;
color:#9c9c9c;
text-align:right;
}


#menu  ul {
margin:0px;
}

#menu li {
list-style:none;
padding:5px;
padding-left:25px;
float:left;
}

#menu a {
text-decoration:none;
color:#9c9c9c;
}

#menu a:hover {
color:#ffffff;
}




#menu a.color-oro {
color:#5e4a2c;
}
#menu a:hover.color-oro {
color:#9c9c9c;
}


a.color-oro {
color:#5e4a2c;
}
a:hover.color-oro {
color:#9c9c9c;
}



/*  NEWS  */

#news-body {
padding-top:20px;
width:100%;
min-height:146px;
background:url(../images/news-bg.jpg) repeat-x #ffffff;
}


#news-1 {
width:550px;
min-height:146px;
background:url(../images/news-bg1.jpg) no-repeat;
float:left;
}

#news-1 img {
padding-left:22px;
padding-top:25px;
border:0px;
}



#news-2 {
width:400px;
min-height:146px;
background:url(../images/news-bg2.jpg) no-repeat bottom;;
float:right;
}

#news-2 .box {
padding:0px;
padding-left:22px;
padding-top:25px;
width:375px;
clear:left;
float:right;
} 

#news-2 .box .photo {
float:left;
width:101px;
height:60px;
background-repeat:no-repeat;
background-position:center center;
background-color:#dddddd;
} 

#news-2 .box .text {
float:right;
width:250px;
color:#555555;
} 


a.red {
color:#990000;
text-decoration:none;
}
a:hover.red {
color: #333333;
}


a.archivio {
color:#5e4a2c;
text-decoration:none;
font-size:10px;
font-weight:bold;
}
a:hover.archivio {
color: #333333;
}



/*  FOOTER  */

#footer {
clear:both;
background: url(../images/footer-bg.jpg) repeat-x;
min-height:100px;
width:100%;
padding-top:50px;
color:#444444;
}

#footer-1 {
background:url(../images/footer-logo.png) no-repeat left center;
padding-left:120px;
float:left;
width:400px;
}

#footer-1 span {
color:#666666;
}



#footer-2 {
float:right;
width:350px;
text-align:right;
font-size:11px;
}

#footer-2 span {
color: #52422a;
margin-right:10px;
}

#footer-2 input {
width:60px;
margin-left:5px;
height:15px;
background:#000000;
border: solid 1px #333333;
color:#666666;
}

#footer-2 .btn {
border: solid 1px #333333;
height:15px;
width:15px;
}


#footer-2 a.color-oro {
text-decoration:none;
color: #333333;
}
#footer-2 a:hover.color-oro {
color:#9c9c9c;
}

#footer-2 p {
margin-bottom:3px}







/* PAGE */


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

a.black {
color:#2d2b2b;
text-decoration:none;
font-weight:bold;
}
a.black:hover {
color: #996633;
}

#rightblock #left li a { color:#666666; text-decoration:none;}
#rightblock #left li a:hover { color:#543a2f; text-decoration:underline}

ul.left-attach li a { color:#6a4f3f; text-decoration:none;}
ul.left-attach li a:hover { color:#543a2f; text-decoration:underline}








.page-iso {
position:absolute;
bottom: 30px;
left:0px;
}


#pagediv {
background:url(../images/page-bg.jpg) repeat-x #ffffff;

}

#rightblock {
width:728px;
background: url(../images/page-dx-bgtop.jpg) no-repeat top #ffffff;
float:right;
min-height:500px;
margin-top:29px;
}

#rightblock #left {
width:180px;
margin-top:40px;
float:left;
}

#rightblock #left #left-section {
width:180px;
height:27px;
padding-top:6px;
padding-left:35px;
background:url(../images/page-dx-bgtitle.jpg) no-repeat;
color:#aa906f;
}

#rightblock #left #left-wrap {
margin-left:35px;
}

.left-spacer {
height:20px;
}


#rightblock #left ul {
padding:0px;
margin:0px;
}

#rightblock #left ul.left-menu li {
list-style:none;
padding:8px 0px 8px 0px;
border-bottom:solid 1px #CCCCCC;
}


 ul.left-attach li {
list-style:none;
padding:0px 0px 8px 20px;
background:url(../images/page-dx-ulico.gif) no-repeat left top;
}



#rightblock #right {
width:470px;
margin-top:40px;
margin-right:40px;
float:right;
min-height:380px;
}

#rightblock #right #pic-mask {
width:467px;
height:108px;
margin-top:28px;
margin-bottom:30px;
background:no-repeat center center;
}





#leftblock{
padding-top:30px;
}





#page-footer {
width:728px;
height:90px;
clear:both;
background:url(../images/page-dx-bottom.jpg) bottom no-repeat;
text-align:right;
}

.page-body {
background:url(../images/page-dx-bg.jpg) no-repeat;
}


.divback {
padding:45px;
padding-bottom:0px;
}








/* COMUNICAZIONE */

.news-title {
font-size:12px;
color: #993333;
font-weight:bold;
}


.news-single td { padding:10px; border-bottom: dotted 1px #CCCCCC}

.news-single p { margin:0px; }

#photobox {
float:left;
padding-right:10px;
border-right:solid 1px #CCCCCC;
margin-right:15px;
margin-bottom:25px;
margin-top:25px;
}







#right td.comunicazione p {
margin-top:2px;
margin-bottom:13px;

padding:0px;
}

#right td.comunicazione {
border-bottom:solid 1px #888888;
padding-bottom:20px;
}




td.comunicazione ul.left-attach li {
list-style:none;
padding:0px 0px 8px 20px;
background:url(../images/page-dx-ulico.gif) no-repeat left top;
}











.contacts td {
border-bottom:solid 1px #cecece;
padding:5px;
}





























#header-pages {
height:195px;
background:url(../images/bg-head-pages.jpg) no-repeat;
position:relative;
}


#page {
}

#sx {
float:left;
width:650px;
margin:25px;
}

#sx-page {
float:left;
width:540px;
margin:25px;
text-align:justify;
min-height:350px;
}



#sub-menu {
float:right;
margin:20px;
width:220px;
padding-bottom:240px;

}

#SUBMENU #sub-menu {
float:right;
margin:20px;
padding-left:30px;
border-left: dotted 1px #CCCCCC;
}


#dx-home {
position:absolute;
bottom:25px;
min-height:200px;
left:740px;
color:#555555;
padding-left:30px;
border-left: dotted 1px #CCCCCC;
}




#footer-center {
    width:980px;
    margin: 0 auto;
	text-align: left;
	position: relative;
	background:url(../images/bg-footer-center.jpg) repeat-x;
	min-height:150px;
}



#flash {
position:absolute;
top: 145px;
right:10px;
z-index:100;
}



#attach {
margin-top:40px;
padding:20px;
padding-top:0px;
padding-left:140px;
border:solid 1px #CCCCFF;
background: url(../images/bg-attach.jpg) repeat-y;
min-height:75px;

border-left: none;
border-right: none;
	

}


#back {

font-weight:bold;
color:#CC0000;
margin-top:30px;
padding-left:20px;
background:url(../images/all-tr.gif) left center no-repeat;
}

#back a {
color:#CC0000;
text-decoration:none;
}

#back a:hover {
color: #0066CC;
text-decoration:none;
}

/* --------------------------------------
----------------- LINK E TYPO
-----------------------------------------*/










#dx-home a, .news-div a {
text-decoration:none;}


h4 {
font-weight:bold;
margin-bottom:8px;
margin-top:20px;
color:#000000;
}


ul {
margin-left:15px;
padding:0px;}

li {
list-style: disc;
}



#sub-menu li a {
text-decoration:none;}


#sx-page #testo li {
font-size:12px;
margin-left:80px;
margin-top:20px;
color:#006699;}

#sx-page #testo ul {
margin-bottom:30px;}



/* --------------------------------------
----------------- ELEMENTI
-----------------------------------------*/

#sub-menu ul {
margin:0px;
}

#sub-menu li {
list-style:none;
border:solid 1px #bbbbbb;
background: #F0F1FF;
border-left:2px solid #0099CC;
padding:5px;
margin-top:8px;
padding-left:20px;
font-size:12px;
font-weight:bold;
font-family: "trebuchet ms";
}


#sub-menu #servizi-a li {
color:#990000;
background: #FFCC99;
border-left:2px solid #FF0000;
}
#sub-menu #servizi-a a {
color: #FF0000;
}
#sub-menu #servizi-a a:hover {
color: #000000;
}



#sub-menu #servizi-c li {
color:#990000;
background: #CFF48F;
border-left:2px solid #669933;
}
#sub-menu #servizi-c a {
color: #006600;
}
#sub-menu #servizi-c a:hover {
color: #000000;
}





.red {
color: #FF3300;
}
.blu {
color: #0066CC;
}
.green {
color: #336600;
}



.quote {
position:absolute;
top:27px;
}

.iso {
position:absolute;
top:0px;
right:77px;
}


#contact {
margin:15px;
margin-left:40px;
}



#logo-pages {
position:absolute;
left:25px;
top:40px;
}



#dx-home li {
list-style-image:url(../images/all-tr.gif);
line-height:1.8em;}






/* --------------------------------------
----------------- MENU
-----------------------------------------*/


#lian-menu-container {
position:absolute;
top:80px;
right:0px;}


ul#lian-menu {
	list-style: none;
}

ul#lian-menu li { display: inline; }
	
ul#lian-menu li a, ul#lian-menu li span {
	display: block; float: left; height: 36px;
	background-image: url(../images/all-menu.png); text-indent: -9999px;
}

	ul#lian-menu li a.home {
		width: 72px; background-position: 0 0;	
	}
	
	ul#lian-menu li a.azienda {
		width: 87px; background-position: -72px 0;	
	}
	
	ul#lian-menu li a.servizi {
		width: 78px; background-position: -159px 0;	
	}
	
	ul#lian-menu li a.news {
		width: 69px; background-position: -237px 0;	
	}
	
	ul#lian-menu li a.contatti {
		width: 88px; background-position: -306px 0;	
	}
	
	ul#lian-menu li span.spacer {
		width: 35px; background-position: -394px 0;	
	}
	ul#lian-menu li a.corsi {
		width: 102px; background-position: -429px 0;	
	}
	
	
	
	
	ul#lian-menu li a.home:hover, ul#lian-menu li a.home:focus {
		background-position: 0 -36px;	
	}
	
	ul#lian-menu li a.azienda:hover, ul#lian-menu li a.azienda:focus {
		background-position: -72px -36px;	
	}
	
	ul#lian-menu li a.servizi:hover, ul#lian-menu li a.servizi:focus {
		background-position: -159px -36px;	
	}
	
	ul#lian-menu li a.news:hover, ul#lian-menu li a.news:focus {
		background-position: -237px -36px;	
	}
	
	ul#lian-menu li a.contatti:hover, ul#lian-menu li a.contatti:focus {
		background-position: -306px -36px;	
	}
	
	
	
	ul#lian-menu li a.corsi:hover, ul#lian-menu li a.corsi:focus {
		background-position: -429px -36px;	
	}
	
	
	a.white {color:#ffffff;
	}
	
	a.white:hover {color:red;
	}