@charset "ISO-8859-1";

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

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

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



#fascia_up {

	margin:1px;

	margin-bottom:0px;

	border-top:  1px solid  #008000;

 	border-bottom:  1px solid  #008000;

 	background-color: #008000;

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

}

 #fascia_up_div {

 	width:100%;

 	position:relative;

 	margin:auto;

 	border-left:  1px solid rgba(255,255,255,0.6);

 	border-right:  1px solid rgba(255,255,255,0.6);

 	height:180px;

 }



#xtreme_sx {

	display: none;

}



#menu_sx {



	position:absolute;

	z-index: 3;

	top:100px;

	left:-275px;

	width:0px;

	opacity:0;

}





#page_content {

	position: relative;

	padding-bottom: 100px;

	min-height: 100%;

}



#side_dx{

	display:none;

}



#xtreme_dx {

	display: none;

}



div#footer {

	position:fixed;

	z-index:3;

	bottom:0px;

	height:90px;

	text-align: center;

	width:100%;

 }

footer div{

	display: none;

 }

 #sxfooter {

 	display: none;

  }

#dxfooter {

	display: none;

 }



 span#l_f, span#c_f, span#r_f{

	 position: relative;

	 float:left;

	 clear: both;

	 display: none;

	 margin-left: 10px;

	 margin-top: 10px;

}





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

* grafica intestazione

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

img#btn_menu{

	z-index: 4;

	position: absolute;

	top: 50px;

	left:20px;

}





span#lbl_menu{

	z-index: 5;

	position: absolute;

	display:none;

}

#intestazione{

	height: 80px;

	padding-top:6px;

	padding-bottom:4px;

	width:100%;

	margin:auto;

}

#intestazione_div{

	width: 320px;

	height: 70px;

	background-color: white;

	margin:auto;

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

	background-position: center center;

	background-repeat: no-repeat;

}



div#intestazione_dx{

	width: 100%;

	height: 80px;

	padding-left: 5px;

	padding-right: 5px;

	text-align:right;

	position: fixed;

	z-index: 4;

	bottom:5px;

}



div#intestazione_dx h3{

	margin:0px;

}

div#intestazione_dx h2{

	display:block;

	font-weight: bold;

	font-size: 10pt;

	padding:0px;

	margin:0px;

	margin-bottom: 5px;

}

div#intestazione_dx p{

		margin: 0px;

    padding: 0px;

    font-weight: bold;

}



div.gruppotasti{

	position:relative;

	float: left;

	width: 40%;

	height:100%;

	max-height: 100%;

}

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

	button#btn_tel, button#btn_mail{

		margin-left: 5px;

		height:30px;

		float:left;

	}

	button#btn_tel h4, button#btn_mail h4{

		float:right;

		display:inline-block;

		height:30px;

		margin:0px;

		margin-left: 5px;

		margin-top:5px;

		color: #008000;

	}

	table#btn_media{

		width:100%;

		border-spacing: 5px;

		border-collapse:  separate;

		margin-bottom: 10px;

		font-size: 8pt;

	}

	table#btn_media th{

		height:30px;

		padding:3px;

		padding-left: 20px;

		text-align: left;

	}

	table#btn_media td{

		padding:3px;

		width:auto;

	}

	th#btn_foto{

		width: 130px;

	}

	th#btn_video{

		width: 100px;

	}

	table#btn_media th.active{

		cursor:pointer;

		box-shadow: 3px 3px 3px grey;

		background-image: url('../images/ico_arrow_dx.gif');

		background-repeat: no-repeat;

		background-position: left;

	}



	table#btn_media th.active span{

		position:relative;

		font-size:7pt;

		font-weight:bold;

		color: #008000;

		margin-left: 3px;

		vertical-align: super;

	}

	table#btn_media th.unactive{

		visibility: hidden;

	}



div.thumblist{

	background-color:  #008000;

	width:100%;

	height:100%;

	overflow-y: scroll;

}

table#thumb_img, table#thumb_video{

	width:100%;

	border-spacing: 0px;

	border-collapse:  collapse;

	margin-bottom: 10px;

	font-size: 8pt;

	color:white;

}

table#thumb_img caption, table#thumb_video caption{

	height:20px;

	margin-bottom: 5px;

	width:100%;

	border-bottom: 1px solid white;

	font-size: 10pt;

}



img.banner{

 margin:5px;

 margin-left:0px;

 border:none;

}



table.iframeContainer {

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

	position:fixed;

	display:none;

	z-index: 5;

	width: 100%;

	height: 100%;

	left:0px;

	top:0px;

	margin: 0px;

	padding: 0px;

	border-spacing: 0px;

	border-collapse: collapse;

	text-align: center;

	table-layout:fixed;

	border: 1px solid black;

}

table.iframeContainer>tbody>tr>td{

	text-align: center;

	vertical-align:middle;

}

div#iframe{

	position: relative;

	background-color: #b2d9b2;

	border: 1px solid  #008000;

	display: inline-block;

}

div#framecontent{

	position: relative;

	border: 1px solid white;

	display: inline-block;

}



img#chiudi{

	cursor:pointer;

	position: absolute;

	top:-16px;

	left:-16px;

	z-index:6;

	float: left;

}



div.inserto{

	float:left;

	width:48%;

	margin: 1%;

	padding:5px;

}

div.inserto ul{

	padding-left:13px;

}

div#img_01{

	float:right;

	width: 48%;

	text-align:left;

}

img#img_01{

	width:200px;

	max-width:100%;

}

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

* slide foto

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

img#rightimg{

 position: absolute;

 top: 0px;

 float: right;

 width:0px;

 height:180px;

 left:270px;

 margin-left:auto;

 z-index:2;

}



img#leftimg{

 position: absolute;

 top: 0px;

 left:0px;

 float:left;

 width:0px;

 height:180px;

 left:0px;

 margin-right:auto;

 z-index:2;

}



img#centerimg{

 position: absolute;

 top: 0px;

 left:0px;

 margin:0px;

 width:270px;

 height:180px;

 z-index:1;

}



div#photocontainer{

 display:inline-block;

 position: relative;

 top:0px;

 margin:auto;

 width:270px;

 height:180px;

 overflow:hidden;

 text-align:center;

 border-right:  1px solid rgba(255,255,255,0.6);

 border-left:  1px solid rgba(255,255,255,0.6);

 background-size: 270px 180px;

}

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

/** parte centrale **/

#organizer {

	display:-ms-grid;

	display: grid;

	grid-template-areas: 	'services'

										'doctor'

										'patologies'

										'activities'

    								'ambulatory';

	grid-gap: 5px;/*

	grid-template-rows: 320px 320px 320px 320px 320px;

	grid-template-columns: 1fr;

	-ms-grid-rows: 320px 320px 320px 320px 320px;

	-ms-grid-columns: 1fr;*/

}



div.content_box,div.rotator_item{

	width:100%;

	min-height:240px;

}





div.rotator_item{

	position:relative;

}





div.content_box{

	min-height:320px;

}

#activities{

	grid-area:activities;

	-ms-grid-row:4;

	-ms-grid-column:1;

}

#doctor{

	grid-area:doctor;

	-ms-grid-row:2;

	-ms-grid-column:1;

}

#ambulatory{

	grid-area:ambulatory;

	-ms-grid-row:5;

	-ms-grid-column:1;

}



#services{

	grid-area:services;

	-ms-grid-row:1;

	-ms-grid-column:1;

}

#patologies{

	grid-area:patologies;

	-ms-grid-row:3;

	-ms-grid-column:1;

}



summary{

	font-size: 12pt;

	font-weight: bold;

	cursor: pointer;

}



table.menuPage th{

	display:none;

}



div#photo_doc{

	float:left;

	width:165px;

	height:220px;

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

	background-size: 165px 200px;

	background-repeat: no-repeat;

	background-position: left top;

	margin-right:10px;

}

img#img_00{

	cursor: pointer;

	width:155px;

	height:188px;

}



img.banner{

	display: none;

}