@charset "utf-8";
/* CSS Document */

.totale {
	background-image: url(BPROVA2.png);
	background-repeat: repeat-y;
	background-position: center;
	min-width: 950px;
	width: 100%;
	height: auto;
	min-height: 100%;
	
}
html, body {
	background-color: #D9D9F2;
	height: 100%;
	min-height: 750px;
	margin: 0px;
}

#head {
	left:auto;
	top:0;
	width:950px;
	height:200px;
	
	background-image: url(head.jpg);
	
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #D5D7E1;
}

.contenuto1 {
	left:auto;
	top:0;
	width:950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 100%;
	min-height: 750px;
	overflow: hidden;
}




.menusx {
	width:200px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #DEE2ED;
	float: left;
	min-height:750px;
	zoom: 1;
	top: 0px;
	bottom: 0px;
	height: 100%;
}

.menusx ul{
	list-style-type: none;
	width: 200px;
	left: 0px;
	margin-top: 0px;
	margin-left: -40px;
	padding-top: 15px;
	background-color: #F1F3F8;
}


.menusx ul li{
	text-align: left;
	font-size: 12px;
}


.menusx ul li a{
	text-transform: uppercase;
	color: #364A85;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #D5D7E1;
	display: block;
	padding: 5px;
	background-color: #F1F3F8;
}


.menusx ul li.cate{
	text-transform: uppercase;
	color: #FF0000;
	padding: 5px;
	background-color: #FFFFFF;
	font-weight: bold;
}

.menusx ul li.lgo a{
	background-color: #FFFFC4;
}



.menusx ul li.sel a{
	text-transform: uppercase;
		color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #D5D7E1;
	display: block;
	background-color: #B4C0E0;
	padding: 5px;
	
}

.menusx ul li.sottosel a{
	text-transform: uppercase;
	color: #364A85;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #D5D7E1;
	display: block;
	background-color: #D2DAEC;
	padding: 5px;
}

.menusx ul li.sottosel a:hover{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #D5D7E1;
	display: block;
	background-color: #FFBBBB;
}

.menusx ul li.sottosel-sel a{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #D5D7E1;
	display: block;
	background-color: #FFBBBB;
}

.menusx ul li a:hover{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #D5D7E1;
	display: block;
	background-color: #B4C0E0;
}


.funz div.element{
	height: 200px;
	width: 270px;
	float: left;
	margin-left: 65px;
	margin-top: 25px;
	border: thin solid #D5D7E1;
	position: relative;
	background-color: #F5F5F5;
}

#slidesc.funz div.element{
	height: 200px;
	width: 605px;
	float: left;
	margin-left: 65px;
	margin-top: 25px;
	border: thin solid #D5D7E1;
	position: relative;
	background-color: #F5F5F5;
}



.funz {
	height: auto;
/*	width: 740px; */

width: calc(100% - 230px); 
	min-height: 100%;
	float: right;
	margin-bottom:25px;
}






#imms.funz div.element a{
	height: 200px;
	width: 270px;
	display: block;
	text-decoration: none;
	
	
}
.funz div.element a h2{
	color: #F00;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}

.funz div.element a p{
	color: #666;
	padding-right: 10px;
	padding-left: 10px;	
}

.funz div.element a p.adf{
	color: #FFFFFF;
	text-align: right;
	right: 10px;
	background-color: #B8B7EC;
	position: absolute;
	width: auto;
	clear: both;
	vertical-align: bottom;
	float: right;
	bottom: 25px;
}

.funz div.element a p.adc{
	color: #FFFFFF;
	text-align: right;
	right: 10px;
	background-color: #B8B7EC;
	position: absolute;
	width: auto;
	clear: both;
	vertical-align: bottom;
	float: right;
	bottom: 25px;
}


#partw.contenuto1 div.funz div.element a p.adf{

	bottom: 50px;
}


.funz div.element a:hover p.adf{
	color: #FFFFFF;
	background-color: #FF0000;
}
.funz div.element a:hover p.adc{
	color: #FFFFFF;
	background-color: #FF0000;
}


.funz div.element a p.adx{
	color: #FFFFFF;
	text-align: right;
	vertical-align: bottom;
	bottom: 10px;
	top: auto;
	margin-top: auto;
	margin-bottom: 0px;
	position: absolute;
	right: 10px;
	background-color: #B8B7EC;
}

.funz div.element a:hover p.adx{
	color: #FFFFFF;
	background-color: #FF0000;
}

.funz  p.open{
	color: #FFFFFF;
	background-color: #FF0000;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
}
#cento.funz {
	width: 100%;	
}

#cento.funz #accessoe.element{
	height: 155px;
	width: 300px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.centra {
	text-align: center;
}

#cento.funz #accessoe.element p.centra{
	color: #F00;
}

.funz #accessoe.element  p.adx{
	color: #FFFFFF;
	text-align: center;
	vertical-align: bottom;
	bottom: 10px;
	top: auto;
	margin-top: auto;
	margin-bottom: 10px;
	position: absolute;
	width: 100%;	

}
.bottone {
	border: thin solid #C4C7D7;
	cursor: pointer;
	background-color: #CDD5E8;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 150px;
}

.bottone:hover{
	border: thin solid #FFBFBF;
	background-color: #FF0000;
	color: #FFF;
}






#imm.totale div.contenuto1 {
	left:auto;
	top:0;
/*	width:950px;*/
	width:1250px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	min-height: 100%;
	height: auto;
	overflow: hidden;
}

#imm.totale div.contenuto1 div.funz{
min-height: 100%;
height: auto;

}

#imm.totale {

min-height: 100%;
	min-width: 950px;
	width: 100%;
	height: auto;

}

#imm.totale div.contenuto1 div.menusx {
	width:200px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #DEE2ED;
	float: left;
	min-height:100%;
	height:auto;
	zoom: 1;
	top: 0px;
	bottom: 0px;
	
	margin-top: 0px;
	margin-bottom: 0px;
}

.immaform  {
	text-align: center;
	margin-top: 25px;
}

.slideform  {
	text-align: left;
	margin-top: 25px;
	width: 740px;
	margin-bottom: 25px;
	overflow: scroll;
	height: 450px;
}

#serv.slideform  {
	
	height: 680px;
}
#graf.slideform  {
	height: 250px;
	position: relative;	
}
#graf2.slideform  {
	height: 460px;
	position: relative;	
}

.slideform div.inter {
	float: left;
	width: 340px;
	position: fixed;
}

#serv.slideform div.inter {
	float: left;
	width: 400px;
	position: fixed;
}

#graf.slideform div.inter {
	float: left;
	width: 400px;
	position: fixed;
	
	height: 650px;
}

#graf.slideform div.inter #damod2 {
	float: left;
	width: 400px;
	
	overflow: scroll;
	height: 500px;
}

.immaele  {
	height: 100px;
	width: 100px;
	float: left;
	margin-top: 25px;
	margin-left: 15px;
	overflow: hidden;
}

.paginesel  {
	position: relative;
	
	display: block;
	clear: both;
	float: none;
	padding-top: 25px;
}
.rimpid {
	font-size: 11px;
	max-width: 120px;
}
#slidesc.funz div.element p.rimpid {
	font-size: 11px;
	max-width: 450px;
	margin-right: 15px;
}

#slidesc.funz div.element h2 {
	
	margin-right: 15px;
}

.selimm {
	float: right;
	min-height: 430px;
	height: auto;
	width: 250px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #D5D7E1;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #D5D7E1;
	text-align: left;
}

.chimm {
	float: right;
	height: auto;
	text-align: right;
	margin-right: 15px;
	width: 30%;
}

.chimm2 {
	float: left;
	height: auto;
	text-align: right;
	margin-right: 15px;
	width: 90%;
}


.anteprimai {
	text-align: center;
}

.selimm img{
	margin-top: 25px;
	margin-left: 15px;
	draggable: true;
}


.draggable{
	
}

.drp{
	height: 100px;
	
}
#drp{
	height: 160px;


}
#drp2{
	height: auto;
	width: 100%;
}

#servdesc.funz div.element{
	height: 130px;
	width: 605px;
	float: left;
	margin-left: 65px;
	margin-top: 25px;
	border: thin solid #D5D7E1;
	position: relative;
	background-color: #F5F5F5;
}




#partw.contenuto1 #servdesc.funz div.element{
	height: 150px;
	width: 605px;
	float: left;
	margin-left: 65px;
	margin-top: 25px;
	border: thin solid #D5D7E1;
	position: relative;
	background-color: #F5F5F5;
}

#servdesc.funz div.element p.rimpid {
	font-size: 11px;
	max-width: 450px;
	margin-left: 15px;
}

#servdesc.funz div.element h2 {
	margin-left: 15px;
}



ul.selelingua {
	list-style-type: none;
	font-size: 16px;
	text-transform: uppercase;
	
}

ul.selelingua li {
	display: inline;
	
}
ul.selelingua li a{
	display: inline;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	border: thin solid #77A4FF;
	margin-left: 5px;
	background-color: #D5E2FF;
	text-decoration: none;
}

ul.selelingua li a:hover{
	border: thin solid #FF0000;
	background-color: #FFD2D2;
	text-decoration: none;
	color: #F00;
}

ul.selelingua li.sel a{
border: thin solid #FF0000;
	background-color: #FFD2D2;
	text-decoration: none;
	color: #F00;
}

.reddalo{
	color: #F00;
}

.selnody{
	display: none;	
}

.seldy{
	display: block;
	background-color: #E2E2E2;
	color: #333333;
	float: left;
}
.seldy2{
	display: block;
	background-color: #FFCC00;
	color: #333333;	
}


#MenuTxDx
{
	position: absolute;
	visibility: Hidden;
	padding: 3px 3px 3px 3px;
	width: 150px;
	border: Solid 1px #AAAAAA;
	left: 100px;
	z-index: 999;
	background-color: #EEF1F2;
	font-size: small;
}
a.MenuTxDx
{
	display: Block;
	position: Relative;
	color: #000000;
	text-decoration: None;
	padding: 3px 3px 3px 3px;
	background-color: #E8E3E8;
	
	border-bottom-style: Solid;
	border-bottom-width: thin;
}
a.MenuTxDx:hover
{
    display: Block;
    position: Relative;
    background: #336699;
    color: #FFFFFF;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
    border: Solid 1px #000000;
}

a.divnasch div {
	display: none;	
}

a.divnasch:hover div {
	display: block;	
}


a.divnasch div {
	position: absolute;
	border: dotted black;
	background-color: white;
	padding: 15px;	
	max-width: 350px;

}
.green {
	color:green;
	  font-weight: bold;
}
.red {
	color:red;
	  font-weight: bold;
}
	
}