@charset "ISO-8859-1";







/***********************************************/

/******** base      ****************************/

/***********************************************/

html,body{

	width:100%;

    height: 100%;

    min-height:100%;

    padding 0px;

    margin:0px;

    background-color:  white;

    font-family:  Verdana, Arial;

    color:  #008000;

    font-size:  8pt;



}

* {box-sizing: border-box;}



a {font-weight:bold; color:  #008000; text-decoration:none;}



/***********************************************/

/******** struttura ****************************/

/***********************************************/

#container {

		width:100%;

    min-height:100%;

		height:100%;

    padding: 0px;

    margin:0px;

}

#grid-container {

		position: relative;

		width:100%;

		height:100%;

		min-height: 100%;

    padding: 0px;

    margin:0px;

}



#intestazione {

	background-position: center center;

	background-repeat: repeat-x;

	background-image: url('../images/sfondo.png');

}



#fascia_up {



	background-repeat: repeat-x;

	background-position: center center;

	text-align:center;

	padding: 1px;

 }

#fascia_up_div {

	background-image: url('../images/transparent_white.png');

	text-align:center;

 }



#xtreme_sx {

	background-color:  white;

}



#menu_sx {



}





#page_content {

	border-right:  1px solid  #008000;

	border-left:   1px solid  #008000;

	padding: 5px;

}





#side_dx{

	background-image: url('../images/sfondo_laterale.jpg');

	padding:5px;

	text-align: center;

}



#xtreme_dx {

	background-color:  white;

}



#footer, #sxfooter, #dxfooter {



	background-color: rgb(127,191,127);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#55008000', endColorstr='#55008000'); /* IE */

	/*background-image: url('../images/sfondo3.png');*/

 }





/********************** altro **************************/

button#btn_mail, button#btn_tel{

	background: transparent;

	border:none;

	cursor:pointer;

	margin:0px;

	padding:0px;

}

img.thumb{

	position: relative;

	width:200px;

	margin:auto;

  border: 1px solid white;

  cursor:pointer;

}

div.thumb,td.thumb{

	position: relative;

	width:200px;

	height:133px;

	background-size: 200px 133px;

	background-repeat: no-repeat;

	background-position: left;

	margin:auto;

	border: 1px solid white;

  cursor:pointer;

}

td.thumb{

	padding:0px;

}

div.inserto{

	background-color: white;

	border: 1px solid  #008000;

	-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

text-align:left;

}



div.inserto li{

	padding-left:5px;

	margin-bottom: 5px;

}

div.title{

	font-weight: bold;

	border-bottom: 1px solid  #008000;

	margin:2px;

}

div.full{

	font-size: 10pt;

	color:black;

}



div.full p{

	text-indent:25px;

	text-align: justify;

}

div.full ul{

		position: relative;

    left: 15px;

    margin-right: 15px;

}

#page_content h1, #side_dx h1{

 font-weight: bold;

 font-size: 12pt;

 margin:2px;

 padding:0px;

}

#page_content p, #side_dx p{

 margin:0px;

 margin-bottom:5px;

 padding:0px;

 text-indent: 25px;

}

#page_content h2, #side_dx h2{

 font-weight: bold;

 font-size: 10pt;

 margin:2px;

 padding:0px;

}

#page_content h3, #side_dx h3{

 font-size: 9pt;

 margin:2px;

 padding:0px;

}

#page_content h4, #side_dx h4{

 font-size: 8pt;

 margin:2px;

 padding:0px;

 color: grey;

}





div.didascalia{

 display:block;

 position: absolute;

 width:100%;

 height:80px;

 top:100%;

 margin-top:-80px;

 background-image:url('../images/transparent_black.png');

 z-index:4;

 font-family: Verdana, Arial;

 font-weight: bold;

 font-size: 15pt;

 color: white;

}

/********************** rotator ******************************************/

div.rotator{

	text-align: left;

	position:relative;

	margin:auto;

}

div.rotator img{

	margin-top: 10px;

	height:auto;

	max-height: 210px;

	width:auto;

	max-width: 60%;

}



div.rotator_item{

	height: 240px;

	top:5px;

	margin-bottom: 5px;

	/*cursor: pointer;*/

	border-bottom: 1px solid  #008000;

}



div.rotator_description{

	position:relative;

	width: 170px;

	height: 220px;

	max-width: 40%;

}

div.rotator_title{

	position:relative;

	font-size: 8pt;

	font-weight:bold;

	color: grey;

	text-align:left;

	clear:both;

	border-bottom: 1px solid  #008000;

}



/***************************************/

/******** menu *************************/

/****************************************/

table.menu{

 width: 255px;

 margin:5px;

 border-spacing: 0px;

 border-collapse: collapse;

 background-color: white;

}



table.menu th{

 border: 2px solid #008000;

 height: 18px;

 font-size: 10pt;

 padding: 2px;

}



table.menu td{

 border: 2px solid #008000;

 padding: 2px;

 height: 30px;

}

table.menu span.menuItem {

 display: inline-block;

 position: relative;

 min-height: 16px;

 width: 230px;

 background-color: white;

 color:  #008000;

 text-align: left;

 left:10px;

}



table.menu span.menuItem:before{

 content: url('../images/ico_arrow_dx.gif');

 float:left;

 margin-left:-10px;

 margin-right:5px;

}

table.menu span.menuItemSelected {

 display: inline-block;

 position: relative;

 min-height: 16px;

 width: 230px;

 background-color: white;

 color:  #008000;

 text-align: left;

 left:0px;

 margin-right: 5px;

}



table.menu span.menuItemSelected:after{

 content: url('../images/ico_arrow_dx.gif');

 float:right;

 margin-left: 5px;

 margin-right: 5px;

}

table.menu span.menuBack {

 display: inline-block;

 position: relative;

 height: 16px;

 width: 230px;

 background-color: white;

 color:  #008000;

 text-align: left;

 left:10px;

}



table.menu span.menuBack:before{

 content: url('../images/ico_arrow_sx.gif');

 float:left;

 margin-left:-10px;

 margin-right:5px;

}



table.menu span.menuItem:HOVER, span.menuBack:HOVER{

 color: white;

 background-color: rgba(0,128,0,0.5);

}

table.menu span.menuItem a, span.menuBack a{

 text-decoration: none;

 /*background-color: white;*/

 color:  #008000;

}



table.menu span.menuItem:HOVER a, span.menuBack:HOVER a{

 text-decoration: none;

 color: white;

 /*background-color: rgba(0,128,0,0.5);*/

}

/***************************************/

/******** menu Page     ****************/

/****************************************/

table.menuPage{

 width: 100%;

 margin:5px;

 border-spacing: 10px;

 border-collapse: separate;

 background-color: white;

}



table.menuPage th{

 height: 40px;

 font-size: 10pt;

 padding: 5px;

}



table.menuPage td{

 padding: 5px;

 height: 40px;

}

table.menuPage span.menuItem {

 display: inline-block;

 position: relative;

 min-height: 30px;

 padding:5px;

 width: 95%;

 background-color: white;

 color:  #008000;

 text-align: left;

 left:10px;

 font-size:11pt;

 box-shadow: 5px 5px 5px grey;

}



table.menuPage span.menuItem:before{

 content: url('../images/ico_arrow_dx.gif');

 float:left;

 margin-left:-20px;

}



table.menuPage span.menuBack {

 display: none;

}





div.content_box{

	margin:auto;

	text-align:left;

}