@import url("banner.css");
/*################### Impostazioni generali*/

#valPb, #DescValPb {
	position: absolute;
	width: 100px;
	height: 17px;
	left: 62px;
	top: 115px;
	/*background-color:#FFFFFF;*/
	font-size: 12px;
	vertical-align: 3px;
} 
#DescValPb {
	width: 210px;
	left: 0px;
	top: 75px;
	font-weight: bold;
	font-size: 8px;
	text-align: center;
	color: #000;
}

body, body#first {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 98%;
	font-size: 76%;
	background-image: url(../images/bg1.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #003D64;
	background-color: #00A4CC;
	background-position: center center;
	scrollbar-3dlight-color: #FF9900;
	scrollbar-arrow-color: #313131;
	scrollbar-base-color: #F07800;
	scrollbar-darkshadow-color: #80FFFF;
	scrollbar-face-color: #F07800;
	scrollbar-highlight-color: rgb(50,0,1);
	scrollbar-shadow-color: rgb(112,22,21);
	scrollbar-track-color: #F07800;
	background-attachment: fixed;
}
body#first {
	background-color: #FFFFFF;
	background-image: url(../images/_bg1.jpg);
}

a { color: #123456; text-decoration: none; }
a:hover { text-decoration:underline; }
p, div { text-align: justify; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
iframe {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
}


#main, #mainHP {
	position: relative;
	width: 960px;
	height: auto;
	min-height: 680px;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	background-color: #FFFFFF;
	background-image:url(../images/bgContent.jpg);
	background-attachment: fixed;
}
#main {
/*	min-height: 682px; */
}
input, select {
	float: right;
}
select {
	width: auto;
}

#newsTicker {
	position: absolute;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:10px;
	top: 205px;
	width: 150px;
	height: 130px;
	padding: 2px;
}
#service, #serviceAderire {
	position: absolute;
	width: 170px;
	height: 130px;
	top: 280px;
	right: 3px;
	padding: 2px;
}

#serviceAderire {
	width: 140px;
}
#ico {
	height: 33px;
}


/*########################################################################################################################*/
/*########################################################################################################################*/
/*########################################################################################################################*/
#Splash0 {
	background-color: #FFFFFF;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	top: 20px;
	width: 800px;
	height: 500px;
}
#Splash {
	background-color: #FFFFFF;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	top: 20px;
	width: 800px;
	height: 600px;
	border: 1px solid #006666;
}
#Ecoped {
	position: absolute;
	float: left;
	width: 500px;
	height: 250px;
	background-color: #009F88;
	margin-left: 0;
	margin-top: 0;
	margin-right: auto;
	background-image: url(../images/logoEcopedHP.png);
	background-repeat: no-repeat;
	background-position: 211px 120px;
}
#Ridomus {
	position: absolute;
	width: 500px;
	height: 250px;
	background-color: #FFDE30;
	margin-left: 300px;
	margin-top: 350px;
	background-image: url(../images/logoRidomusHP.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
}
#LegalE {
	position: absolute;
	display: inline;
	margin: auto;
	top: 251px;
	width: 400px;
}
#LegalR {
	position: absolute;
	display: inline;
	margin: auto;
	top: 307px;
	left: 301px; 
	width: 400px;
}
/*########################################################################################################################*/
/*################################ Contenuti Home Page ###################################################################*/
/*########################################################################################################################*/
#Claim {
	position: relative;
	width: 655px;
	z-index: 400;
	left: 153px;
	top: 260px;
}

	/*########################################################################################################################*/
	/*################################ Login Box #############################################################################*/
	/*########################################################################################################################*/
	
	#loginBox, #loginBoxAreaDownload {
		position: absolute;
		width: 150px;
		height: 150px;
		top: 70px;
		left: 810px;

		margin-left: 0px;
		margin-top: 0px;
		z-index: 200;
	}
	#loginBoxAreaDownload {
		width: 300px;
		height: 230px;
		top: 140px;
		left: 100px;
	}


	#loginContainer {
		position: absolute;
		width: 150px;
		height: 172px;
		left: 0px;
		top: 30px;
		z-index: 200;
	}

	#userLbl, #userLblAreaDownload, 
	#pwdLbl, #pwdLblAreaDownload, 
	#user, #userAreaDownload, 
	#pwd, #pwdAreaDownload, 
	#lostPwd, #lostPwdAreaDownload {
		position: absolute;
		left: 10px;
		top: 0px;
		font-weight: bold;
		color: #006699;
	}
	#userLblAreaDownload {
		left: 0px;
		top: 0px;
	}
	#pwdLblAreaDownload {
		left: 0px;
		top: 30px;
	}
	#userAreaDownload {
		width: 130px;
		left: 230px;
		top: 0px;
		left: 145px;
	}
	#user {
		left: 5px;
		top: 0px;
	}
	#loginBox #loginContainer form #user #login {
		position: absolute;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 10px;
		color: #00529B;
		width: 120px;
		height: 16px;
		top: 13px;
		left: 4px;
	}
	#pwdLbl {
		top: 37px;
	}
	#loginBox #loginContainer form #pwd #password {
		position: absolute;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 11px;
		color: #00529B;
		width: 120px;
		height: 16px;
		top: 35px;
		left: 9px;
	}
	#pwd {
		left: 0px;
		top: 15px;
	}
	#pwdAreaDownload {
		left: 120px;
		top: 30px;
	}
	#lostPwd {
		position: absolute;
		left: 10px;
		top: 77px;
		width: auto;
		font-weight: bold;
		text-decoration: none;
	}
	#lostPwdAreaDownload {
		position: absolute;
		left: 0px;
		top: 65px;
		width: auto;
		font-weight: bold;
		text-decoration: none;
	}
	button#Registrati, button#Entra, button#RegistratiAreaDownload, button#EntraAreaDownload {
		position: absolute;
		background-color: #00529B;
		font-size: 11px;
		height: 24px;
		width: auto;
		color: #FFFFFF;
		text-decoration: none;
		left: 0px;
		top: 0px;
		font-weight: bold;
	}
	#btnRegistrati {
		position: absolute;
		left: 7px;
		top: 107px;
	}
	#btnEntra {
		position: absolute;
		left: 85px;
		top: 107px;
	}
	#btnRegistratiAreaDownload {
		position: absolute;
		left: 0px;
		top: 120px;
	}
	#btnEntraAreaDownload {
		position: absolute;
		left: 78px;
		top: 120px;
	}

/*

	#userLbl, #userLblAreaDownload, 
	#pwdLbl, #pwdLblAreaDownload, 
	#user, #userAreaDownload, 
	#pwd, #pwdAreaDownload, 
	#lostPwd, #lostPwdAreaDownload {
		position: absolute;
		left: 10px;
		top: 0px;
		font-weight: bold;
		color: #006699;
	}
	#userLblAreaDownload {
		left: 0px;
		top: 0px;
	}
	#pwdLblAreaDownload {
		left: 0px;
		top: 30px;
	}
	#userAreaDownload {
		width: 130px;
		left: 230px;
		top: 0px;
		left: 120px;
	}
	#user {
		left: 5px;
		top: 0px;
	}
	#loginBox #loginContainer form #user #login {
		position: absolute;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 11px;
		color: #00529B;
		width: 120px;
		height: 16px;
		top: 13px;
		left: 5px;
	}
	#pwdLbl {
		top: 42px;
	}
	#loginBox #loginContainer form #pwd #password {
		position: absolute;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 11px;
		color: #00529B;
		width: 120px;
		height: 16px;
		top: 40px;
		left: 9px;
	}
	#pwd {
		left: 0px;
		top: 15px;
	}
	#pwdAreaDownload {
		left: 120px;
		top: 30px;
	}
	#lostPwd {
		position: absolute;
		left: 10px;
		top: 85px;
		width: auto;
		font-weight: bold;
		text-decoration: none;
	}
	#lostPwdAreaDownload {
		position: absolute;
		left: 0px;
		top: 65px;
		width: auto;
		font-weight: bold;
		text-decoration: none;
	}
	button#Registrati, button#Entra, button#RegistratiAreaDownload, button#EntraAreaDownload {
		position: absolute;
		background-color: #00529B;
		font-size: 11px;
		height: 24px;
		width: auto;
		color: #FFFFFF;
		text-decoration: none;
		left: 0px;
		top: 0px;
		font-weight: bold;
	}
	#btnRegistrati {
		position: absolute;
		left: 7px;
		top: 120px;
	}
	#btnEntra {
		position: absolute;
		left: 85px;
		top: 120px;
	}
	#btnRegistratiAreaDownload {
		position: absolute;
		left: 0px;
		top: 120px;
	}
	#btnEntraAreaDownload {
		position: absolute;
		left: 78px;
		top: 120px;
	}
*/

/*########################################################################################################################*/
/*############################################## Menù ####################################################################*/
/*########################################################################################################################*/
#Menu {
	position: absolute;
	left: 0px;
	top: 0px;
}
#Head {
	position: absolute;
	display: block;
	float: right;
	width: 100%;
	height: 30px;
	left: 0px;
	top: 0px;
}
#menuHead, #boxHead {
	position: absolute;
	top: 0px;
	width: 100%;
	float: right;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	height: 35px;
	right: 0px;
	background-image: url(../images/headerTop.r.png);
}

#boxHead {
	width: 240px;
	float: right;
	margin-right: 0px;
}

#mnuSep {
	display: block;
	width: 0px;
	height: 35px;
	z-index: -10;
}

#menuHor {
	position: absolute;
	top: 40px;
	left: 0px;	
	background-color: #FEFEF4;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	width: 960px;
	height: 30px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	z-index: 300;
}


#mnuMain, #mnuMain a {
	position: relative;
	display: block;
	top: 0px;
	width: 131px;	/*width: 120px;*/
	height: 30px;
	z-index: 100;
} 
#mnuMain {
	left: 152px;
	width: 130px;	/*width: 118px;*/
	height: 30px;
	background-image: url(../images/button.Orange.png);
	line-height: 30px;
} 

#mnuMain a:hover {
	position: relative;
	display: block;
	left: 0em;
	height: 30px;
	background-image: url(../images/button.grey.png);
	z-index: 100;
} 
#mnuSub a {
	position: relative;
	display: block;
	font-size: 10px;
	left: 0em;
	width: 130px;
	height: 25px;
	background-image: url(../images/button.slim.png);
	z-index: 100;
} 
#mnuSub a:hover {
	position: relative;
	display: block;
	left: 0em;
	height: 25px;
	background-image: url(../images/button.rid.slim_.png);
	z-index: 100;
} 
ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 100;
}
li {
	position: relative;
	float: left;
	text-align: center;
	width: 131px;		/*5em*/
	z-index: 100;
}

#boxHead li { width: 5em; } /*mantiene orizzontale il menu a icone in alto*/

li a {
	vertical-align: 50%;
}
li ul {
	position: relative;
	display: none;
	top: 2px;
	left: 4px;
	z-index: 100;
}
li > ul {
	position: relative;
	top: auto;
	left: auto;
	z-index: 100;
}
li:hover ul { 
	position: relative;
	display: block; 
	z-index: 100;
}


/*########################################################################################################################*/
/*########################################### Elementi grafici ###########################################################*/
/*########################################################################################################################*/
#logoEcoped {
	position: absolute;
	left: 47px;
	top: 95px;
	z-index: 301;
}
#logoRidomus {
	position: absolute;
	/*
	margin-left: 390px;
	margin-right: 435px;
	*/
	left: 0px;
	top: 27px;
	z-index: 301;
}
#TUV, #ico1, #ico2, #ico3 {
	position: absolute;
	width: 100px;
	height: 93px;
	left: 3em;
	top: 7em;
	z-index: 10;
}
#ico1, #ico2, #ico3 {
	width: 110px;
	left: 4em;
	top: 13em;
	z-index: 10;
}
#ico2 {
	top: 19em;	
}
#ico3 {
	top: 25em;	
}

#banner0 {
	position: absolute;
	width: 100px;
	height: 93px;
	margin-left: 20px;
	margin-top: 130px;
	z-index: 20;
}

#banner1 {
	position: absolute;
	width: 655px;
	height: 49px;
	margin-left: 152px;
	margin-top: 71px;
	z-index: 20;
}

#banner2 {
	position: absolute;
	width: 150px;
	height: 150px;
	margin-left: 6px;
	margin-top: 390px;
	z-index: 20;
}
#banner0dx , #banner0dxPages {
	position: absolute;
	width: 150px;
	height: 60px;
	left: 815px;
	top: 233px;
	z-index: 10;
}

#fotoGrande {
	position: absolute;
	width: 655px;
	height: 341px;
	margin-left: 152px;
	margin-right: 152.5px;
	margin-top: 76px;
	z-index: 10;
}
	#dnBrochure {
		position: absolute;
		top: 190px;
		left: 721px;
		z-index: 300;
	}
	#puzzle {
		position: absolute;
		width: 100px;
		height: 93px;
		left: 13.35em;
		top: 39.5em;
		z-index: 200;
	}


#banner3, #banner4bg, #banner4up, #banner4sub, #banner5, #banner6 {
	position: absolute;
	width: 217px;
	height: 138px;
	left: 20px;
	top: 462px;
	z-index: 100;
}

#banner4bg {
	/*background-image: url(../images/bgBattery.jpg);*/
	left: 253px;
	width: 217px;
	height: 139px;
}

#banner4up {
	left: 253px;
	top: 0px;
	left: -20px;
	width: 217px;
	height: 139px;
	z-index: 100;

}
#banner4sub {top: 0px; left: 200px}
#banner4sub a img {
	position: absolute;
	margin-top: 463px;
	margin-left: -200px;
	background-image: url(../images/btnBattery2.gif); 
	left: 0px;
	top: -360px;
	width: 217px;
	height: 36px;
	z-index: 100;
}
#banner4sub a:hover img {
	background-image: url(../images/btnBattery2_.gif);
}
#banner4txt {
	font-size:14px;
	font-weight:bolder;
	text-align:center;
	width: 210px;
	position: absolute;
	margin-top: -28px;
	margin-left: 0px;
	z-index: 101;
}
#banner4txt a:hover {
	color:#FFF;
	font-weight: bolder;
	text-decoration: none;
}
#banner5 {
	left: 487px;
}
/*
#banner6 {
	left: 770px;
	top: 320px
}
*/
#banner6 {
	left: 740px;
	top: 390px;
	z-index: 200;
}
#ecoguard { 
	position: absolute;
	left: 390px;
	top: 190px;
	z-index: 210;
}

#footerBox, #footerBoxHP {
	position: absolute;
	width: 960px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: bold;
	z-index: 51;
	top: 600px;
}

#footer, #footerHP {
	position: absolute;
	color: #123456;
	width: 960px;
	height: 40px;
	font-size: 94%;
	font-weight: bold;
	text-transform: capitalize;
	text-align: center;
	margin: auto;
	background-color: #999999;
	vertical-align: sub;
	z-index: 50;
	background-image: url(../images/bgFooter.jpg);
	top: 650px;
}


#obj_preProcessing, #obj_Stoccaggio1, #obj_Stoccaggio2, #obj_Trasporto1, #obj_Trasporto2, #obj_endProcessing1, #obj_endProcessing2 {
	position: absolute;
	left: 0px;
	top: 30px;
}
#obj_Stoccaggio1, #obj_Stoccaggio2 {
	top: 350px;
	left: 107px;
}
#obj_Stoccaggio2 {
	top: 350px;
	left: -20px;
}
#obj_Trasporto1 {
	top: 550px;
	left: 390px;
	width: 124px;
}
#obj_Trasporto2 {
	top: 550px;
	left: 0px;
	width: 341px;
}
#obj_preProcessing {
	top: 320px;
	left: 340px;
}
#obj_endProcessing1 {
	top: 700px;
	left: 390px;
}
#obj_endProcessing2 {
	top: 690px;
	left: 0px;
}
#obj_map, #obj_map_interpol {
	position: absolute;
	left: 2px;
	top: 314px;
	z-index: 200;
}
#obj_map_interpol {
	top: 210px;
}
#textContentBrochure {
	position: absolute;
	left: 285px;
	top: 40px;
	width: 230px;
}
/*########################################################################################################################*/
/*########################################## Contenuti ###################################################################*/
/*########################################################################################################################*/
#content {
	position: absolute;
	margin-left: 160px;
	margin-top: 90px;
	width: 620px;
	height: 360px;
}
#mapTitle {
	color: #FFF;
}

#contentPage, #contentPageAssociati, #contentPageAderire, #contentPageNormative, #contentPageQuest, #contentPageProcessi, #contentPageCategorie, #contentPageQuotazioni, #newsBox {
	font-size: 12px;
	position: absolute;
	padding: 5px;
	top: -10px;
	left: 0px;
	right: 20px;
	width: 600px;
	height: 360px;
	overflow: auto;
	text-align: justify;
	margin-left: 0px;
	overflow:auto;
}
#contentPageAssociati {
	width: 450px;
	right: 20px;
	padding-left: 140px;
}
#contentPageAderire {
	overflow: auto;
	left: -10px;
	top: 0px;
	width: 630px;
	height: 360px;
}
#contentPageProcessi {
	overflow: auto;
	left: 0px;
	top: -10px;
	width: 620px;
	height: 360px;
}

#contentPageQuest {
	width: 700px;
	right: 20px;
	left: 0px;
}
#contentPageQuotazioni {
	background-attachment: absolute;
	background-image: url(../images/bgQuotazioni.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#tabelleValori {
	position: absolute;
	width: 580px;
	height: 150px;
	overflow:auto;
	left: 20px;
	top: 200px;
}
#mainHP #content #contentPageAderire #formAderire #formAderireDatiCont {
	left: 70px;
	top: -5px;
}

#newsBox {
	position: absolute;
	top: 0px;
	padding-left: 30px;
	width: 550px;
	height: 350px;
	text-align: justify;
}

#newsBox2 {
	position: absolute;
	top: 100px;
	padding-left: 30px;
	width: 550px;
	height: 250px;
	text-align: justify;
}


#newsList {
	position: absolute;
	padding: 1px;
	top: 100px;
	left: 30px;
	width: 530px;
	height: auto;
	text-align: justify;
	min-height: 248px;
	overflow: auto;
}

#newsBoxForm {
	padding-top: 30px;
	padding-left: 60px;
	width: 550px;
	height: 350px;
	text-align: justify;
}

#contact {
	position: absolute;
	left: 120px;
	top: 103px;
	width:400px;
	height: 300px;
	text-align: center;
}

#contatti {
	position: absolute;
	width: 400px;
	background-image: url(../images/contatti.rid.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#formAderire {
	position: absolute;
	width: 550px;
	height: auto;
}
#formAderireDatiCont {
	position: absolute;
	font-size: 12px;
	border: 1px solid #003366;
	width: 600px;
	height: auto;
	padding: 5px;
	background-color: #E8E8E8;
	left: 0px;
	top: 10px;
}
#formAderireDati, #formAderireDati_ {
	position: relative;
	width: auto;
	vertical-align: top;
	height: 20px;
	background-color: #F3F3F3;
	padding: 4px;
}
#formAderireDati_ {
	background-color: #FFFFFF;
}

#pageTitle {
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
}


#trTitle, #trTitleRid, 
#subTit1, #subTit2, #subTit3, #subTit4, #subTit5, #subTit6, #subTit7, #subTit8, #subTit9, #subTit10, 
#subTit1Rid, #subTit2Rid, #subTit3Rid, #subTit4Rid {
	font-size: 13px;
	color: #FFFFFF;
	background-color: #00529B;
	text-decoration: none;
	font-variant: small-caps;
	text-transform: capitalize;
	font-weight: bold;
}
#trTitleRid {
	background-color:#FF9900;
}

#subTit1 {
	background-color: #0060B7;
}
#subTit1Rid {
	background-color: #FFCC00;
	color: #CC0000;
}
#subTit2Rid {
	background-color: #FFD940;
	color: #CC0000;
}
#subTit3Rid {
	background-color: #FFE682;
	color: #CC0000;
}
#subTit4Rid {
	background-color: #FFEEAA;
	color: #CC0000;
}

#subTit6, #subTit7, #subTit8, #subTit9, #subTit10 {
	color: #0060B7;
}
#subTit2, #peso1 {
	background-color: #0072D9;
}
#subTit3,#peso2 {
	background-color: #0D8CFF;
 }
#subTit4, #peso3 {
	background-color: #42A5FF;
 }
#subTit5, #peso4 {
	background-color: #75BDFF;
 }
#subTit6, #peso5 {
	background-color: #8AC8FF;
 }
#subTit7, #peso6 {
	background-color: #AAD7FF;
 }
#subTit8, #peso7 {
	background-color: #BFE1FF;
 }
#subTit9, #peso8 {
	background-color: #D2EAFF;
 }
#subTit10, #peso9 {
	background-color: #E8F4FF;
 }
#subAlt {
	background-color:#F0F8FF;
}
#subAltRid {
	background-color:#FFF1BB;
}
#subAlt1Rid {
	background-color:#FFE88A;
}
#subAlt2Rid {
	background-color: #FFE16A;
}
#subAlt3Rid {
	background-color: #FFEEA8;
}
#subAlt4Rid {
	background-color: #FFF9DF;
}
#peso1 {
}
#peso2 {
}
#peso3 {
}
#peso4 {
}
#peso5 {
}
#ivaEscl, #ivaIncl, #ivaEsclRid, #ivaInclRid {
	background-color: #B9DCFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
#ivaIncl {
	background-color: #C4E2FF;
}
#ivaEsclRid {
	background-color: #FFD942;
	color: #CC0000;
}
#ivaInclRid {
	background-color: #FFE67D;
	color: #CC0000;
}

/*########################################################################################################################*/
/*########################################################################################################################*/
/*########################################################################################################################*/
iframe {
/*
position: absolute;
	left: 0px;
	top: 0px;
	width: 150px;
	height: 150px;
	font-family: Tahoma, Geneva, sans-serif !important;
	font-size: 10px;
	color: #003366;
	z-index: 500;
*/
}
#apDiv1 {
	/*
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
*/
}

#centocinquantuno {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 450px;
	height: 30px;
	background-color: #69C;
}
/*##################### interno pagina categorie #####################*/
#cat01, #cat02 {
	position: relative;
	width: 110px;
	margin-right: 10px;
	left: 0px;
	top: 0px;

}
#cat02 {
	top: -72px;
	left: 230px;
}
#cento51, #cento88 {
	position: relative;
	left: 0px;
	top: -60px;
}

/*##################### fine interno pagina categorie #####################*/