@charset "ISO-8859-1";

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

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

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

#grid-container {

	display:-ms-grid;

	display: grid;

	grid-template-areas: 'header header header header header'

						'band band band band band'

    					'sx menu main side dx'

   						 'sxfooter footer footer footer dxfooter';

	grid-gap: 0px;

	grid-template-rows: 85px 330px 1fr 25px;

	grid-template-columns: 1fr 275px 490px 235px 1fr;

	-ms-grid-rows: 85px 330px 1fr 25px;

	-ms-grid-columns: 1fr 275px 490px 235px 1fr;

}

#intestazione {

	grid-area: header;

	-ms-grid-row:1;

	-ms-grid-column:1;

	-ms-grid-column-span:5;

	margin:1px;

}



div#photocontainer{

	left:20px;

}



#fascia_up {

	grid-area: band;

	-ms-grid-row:2;

	-ms-grid-column:1;

	-ms-grid-column-span:5;

	margin:1px;

	margin-bottom:0px;

	border-top:  1px solid  #008000;

 	border-bottom:  1px solid  #008000;

 	background-color: #008000;

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

}

 #fascia_up_div {

 	width:1000px;

 	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:326px;

 }



#xtreme_sx {

	grid-area: sx;

	-ms-grid-row:3;

	-ms-grid-column:1;

}



#menu_sx {

	grid-area: menu;

	-ms-grid-row:3;

	-ms-grid-column:2;

}





#page_content {

	grid-area: main;

	-ms-grid-row:3;

	-ms-grid-column:3;

}



#side_dx{

	grid-area: side;

	-ms-grid-row:3;

	-ms-grid-column:4;

}



#xtreme_dx {

	grid-area: dx;

	-ms-grid-row:3;

	-ms-grid-column:5;

}



#footer {

	grid-area: footer;

	-ms-grid-row:4;

	-ms-grid-column:2;

	-ms-grid-column-span:3;

	text-align: center;

 }

 #sxfooter {

 	grid-area: sxfooter;

 	-ms-grid-row:4;

 	-ms-grid-column:1;

 	-ms-grid-column-span:1;

  }

#dxfooter {

	grid-area: dxfooter;

	-ms-grid-row:4;

	-ms-grid-column:4;

	-ms-grid-column-span:1;

 }



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

* grafica intestazione

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

img#btn_menu{

	z-index: 5;

	position: absolute;

	display:none;

}





span#lbl_menu{

	z-index: 5;

	position: absolute;

	display:none;

}

#intestazione{

	height: 85px;

	padding-top:5px;

	padding-bottom:5px;

	width:1000px;

	margin:auto;

}

#intestazione_div{

	float: left;

	width: 345px;

	height: 75px;

	margin:auto;

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

	background-position: center;

	background-repeat: no-repeat;

}



div#intestazione_dx{

	width:calc(100% - 345px);

	height: 75px;

	float: right;

	text-align:right;

}



div#intestazione_dx div{

	width: 100%;

	height: 50%;

	text-align:right;

	vertical-align:bottom;

}

div#intestazione_dx h2{

	font-weight: bold;

	font-size: 10pt;

	padding:0px;

	margin:0px;

	margin-bottom: 0px;

}

div#intestazione_dx p{

		margin: 0px;

    margin-bottom: 0px;

    padding: 0px;

    text-indent: 25px;

	font-weight: bold;



}





h3{

	display:none;

}



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

button#btn_tel, button#btn_mail{

	margin-left: 5px;

}

button#btn_tel h4, button#btn_mail h4{

	display:none;

}

span#l_f{

	float: left;

}

span#r_f{

	float: right;

}

img.banner{

 margin:5px;

 margin-left:0px;

 border:none;

}

div#thumb_img div h2,div#thumb_video div h2{

	display:none;

}

div#thumb_img div img.active,div#thumb_video div  img.active{

		display:none;

}

table#btn_media{

	display: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;

}



img#img_01{

	cursor: pointer; width:220px;height:293px;"

}



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

* slide foto

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

img#rightimg{

 position: absolute;

 top: 0px;

 float: right;

 width:0px;

 height:326px;

 left:490px;

 margin-left:auto;

 z-index:2;

}



img#leftimg{

 position: absolute;

 top: 0px;

 left:0px;

 float:left;

 width:0px;

 height:326px;

 left:0px;

 margin-right:auto;

 z-index:2;

}



img#centerimg{

 position: absolute;

 top: 0px;

 left:0px;

 margin:0px;

 width:490px;

 height:326px;

 z-index:1;

}



div#photocontainer{

 display:inline-block;

 position: relative;

 top:0px;

 margin:auto;

 width:490px;

 height:326px;

 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);

}



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

/** parte centrale **/

#organizer {

	display:-ms-grid;

	display: grid;

	grid-template-areas: 'activities'

										'doctor'

    								'ambulatory';

	grid-gap: 5px;

	grid-template-rows: 260px 260px 260px;

	grid-template-columns: 1fr;

	-ms-grid-rows: 260px 260px 260px;

	-ms-grid-columns: 1fr;

}

div.rotator{

	height:250px;

}



div.content_box,div.rotator_item{

	width:470px;

}



div.rotator_item{

	position:absolute;

	display: none;

}



div.content_box{

	height:260px;

}



#activities{

	grid-area:activities;

	-ms-grid-row:1;

	-ms-grid-column:1;

}

#doctor{

	grid-area:doctor;

	-ms-grid-row:2;

	-ms-grid-column:1;

}

#ambulatory{

	grid-area:ambulatory;

	-ms-grid-row:3;

	-ms-grid-column:1;

}



#patologies{

	display:none;

}



#services{

	display:none;

}



summary{

	display:none;

}

div#photo_doc{

	float:left;

	width:190px;

	height:230px;

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

	margin-right:10px;

}

img#img_00{

	cursor: pointer;

	width:180px;

	height:218px;

}
