body {font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#fff;
		margin:0;padding:0;
		background-color:#002452;
}
html {line-height:24px;}

#main{
	width:990px;
	position:absolute;
	left:50%; margin-left:-495px;
	border:solid 1px #fff;
	/*margin-top:60px;*/
	top:50%;margin-top:-315px;
	height:630px;
	
}
img, div { 
	behavior: url(../iepngfix.htc);
	border:none;
}

a, a:link{border:none;text-decoration:none;}

img{border:none;}

p {text-align:left;
	line-height:24px;}

h2 {text-align:left;
	line-height:24px;
	font-size:18px;}
h3 {text-align:left;
	line-height:24px;
	font-size:15px;}
li {text-align:left
	line-height:24px;}
	
h3.cont {text-align:center;
	line-height:24px;
	font-size:15px;}
	
a.conv {color:#002452; text-decoration:none;}
a.conv:hover{color:#002452;}
a.conv:visited{color:#002452;}


	
.mezzi {color:#fb8504;}

.sfondo {background-color:#7aa5c9}



div#menu{
	width: 990px;
	padding-top:25px;	
}
div#menu ul{list-style-type: none; margin: 0; padding: 0}
div#menu li{float:left; padding:0;}
div#menu a{position:relative;display:block;height:31px}
div#menu a span{position:absolute;width:100%;height:100%;cursor: pointer; /*per IE*/ }
div#menu a:hover span{background-position: 0 -31px}
li#one a{width: 136px;}
li#two a{width: 116px}
li#three a{width: 158px}
li#four a{width: 117px}
li#five a{width: 64px}
li#six a{width: 63px}
li#seven a{width: 112px}
li#height a{width: 115px}
li#nine a{width: 109px}

div#menu a#current span{background-position: 0 -31px;}
div#menu a:hover span{background-position: 0 0 0 -32;}
li#one span{background: url("images/menu_01.gif"); left:0;}
li#two span{background: url("images/menu_02.gif"); left:0;}
li#three span{background: url("images/menu_03.gif"); left:0;}
li#four span{background: url("images/menu_04.gif"); left:0;}
li#five span{background: url("images/menu_05.gif"); left:0;}
li#six span{background: url("images/menu_06.gif"); left:0;}
li#seven span{background: url("images/menu_07.gif"); left:0;}
li#height span{background: url("images/menu_08.gif"); left:0;}
li#nine span{background: url("images/menu_09.gif"); left:0;}


#center{
	position:absolute;
	top:55px;
}
#footer{
	position:absolute;
	bottom:0;
}
#logo{
	position:absolute;
	bottom:5px;
	z-index:100;
}
#footer_text{
	position:absolute;
	bottom:0;
	left:290px;
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
#footer_text span{
	color:#00A2F7;
}




/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:12px;
}
.vscrollerbar {
background-image: url(images/scrollbar.png);
width: 12px;
/* following is the bit that allows us fixed height scrollbars */
height: 12px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(images/scrollbar.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

.vscrollerbase, .hscrollerbase {
background-image: url(images/sf_scrollbar.png);
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 250px;}
.hscrollerbar {height: 250px;
background-image:url(images/sf_scrollbar.png);
background-repeat:repeat-y;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;

z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 12px;
height:250px;
top: 10px; left: 0;
bottom: 0px; right: 0px;
background-image:url(images/sf_scrollbar.png);
background-repeat:repeat-y;
}


/* Scroll Bar Master Styling Ends Here */

#mycustomscroll {
/* Typical fixed height and fixed width example */
	width: 300px;
	height: 250px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0 auto;
	padding-left:20px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
	width: 500px;
	height: 200px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0 auto;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#mycustomscroll3 {
/* Typical fixed height and fixed width example */
	width: 400px;
	height: 320px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0 auto;
	padding-left:50px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}



#mycustomscroll4 {
/* Typical fixed height and fixed width example */
	width: 400px;
	height: 150px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0 auto;
	padding-left:0px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}


#mycustomscroll5 {
/* Typical fixed height and fixed width example */
	width: 400px;
	height: 100px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0 auto;
	padding-left:0px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#mycustomscroll6 {
/* Typical fixed height and fixed width example */
	width: 500px;
	height: 250px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0 auto;
	padding-left:0px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#mycustomscroll7 {
/* Typical fixed height and fixed width example */
	width: 200px;
	height: 100px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0 auto;
	padding-left:0px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#mycustomscroll8 {
/* Typical fixed height and fixed width example */
	width: 400px;
	height: 200px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0 auto;
	padding-left:0px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#mycustomscroll9 {
/* Typical fixed height and fixed width example */
	width: 500px;
	height: 170px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0 auto;
	padding-left:0px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#mycustomscroll10 {
/* Typical fixed height and fixed width example */
	width: 400px;
	height: 200px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0 auto;
	padding-left:0px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}


.igiene {background-image:url(images/sf_igiene_orale.jpg);
		width:990px;
		height:525px;
}

.pedodonzia {background-image:url(images/sf_pedodonzia.jpg);
		width:990px;
		height:525px;
}

.implantologia {background-image:url(images/sf_implantologia.jpg);
		width:990px;
		height:525px;
}

.conservativa {background-image:url(images/sf_conservativa.jpg);
		width:990px;
		height:525px;
}

.diagnostica {background-image:url(images/sf_diagnostica.jpg);
		width:990px;
		height:525px;
}

.endodonzia {background-image:url(images/sf_endodonzia.jpg);
		width:990px;
		height:525px;
}

.ortodonzia {background-image:url(images/sf_ortodonzia.jpg);
		width:990px;
		height:525px;
}

.specialistica {background-image:url(images/specialistica_05.jpg);
		width:990px;
		height:188px;
}

.chi {background-image:url(images/chi_siamo_03.jpg);
		width:990px;
		height:525px;
}

.bimbi {background-image:url(images/sf_bimbi.jpg);
		width:990px;
		height:525px;
}

.click {background-image:url(images/sf_clicksorriso.jpg);
		width:990px;
		height:525px;
		color:.002452;
}

.nonni {background-image:url(images/sf_nonni.jpg);
		width:990px;
		height:525px;
}

.prevenzione {background-image:url(images/sf_prevenzione.jpg);
		width:990px;
		height:525px;
}

.convenzioni {background-image:url(images/sf_convenzioni.jpg);
		width:990px;
		height:525px;
}

.modello {background-image:url(images/sf_modello.jpg);
		width:990px;
		height:525px;
}

.cartella {background-image:url(images/sf_cartella_clinica.jpg);
		width:990px;
		height:525px;
}

.consulenza {background-image:url(images/sf_consulenza.jpg);
		width:990px;
		height:525px;
}

.pagamento {background-image:url(images/sf_pagamento.jpg);
		width:990px;
		height:525px;
}

.percorso {background-image:url(images/sf_percorso.jpg);
		width:990px;
		height:525px;
}

.informativa {background-image:url(images/sf_informativa.jpg);
		width:990px;
		height:525px;
}

.virtual {background-image:url(images/sedi_virtual_03.jpg);
		width:990px;
		height:423px;
}


.contatti{background-image:url(images/sf_contatti.jpg);
		width:990px;
		height:423px;
}


.fgallery {background-image:url(images/gallery_02.jpg);
		width:990px;
		height:423px;
}

.fstaff {background-image:url(images/sedi_staff_03.jpg);
		width:990px;
		height:423px;
}

.sedi {background-image:url(images/sedi_02.jpg);
		width:990px;
		height:449px;
}

.protesi_fissa {background-image:url(images/protesi_fissa_02.jpg);
		width:990px;
		height:253px;
}

.protesi_mobile {background-image:url(images/protesi_mobile_02.jpg);
		width:990px;
		height:253px;
}

.protesi {background-image:url(images/protesi_02.jpg);
		width:990px;
		height:253px;
}

#virtualBG {background:transparent;}


#gallery {position:relative; line-height:14px; top:30px; bottom:30px; width:700px; background:url(images/hide.png); height:480px; text-align:left;}
#gallery h3 {color:#222; font-size:13px;}
#gallery h3.color {color:#000; margin:10px 25px;}
#gallery .switch {display:block; cursor:pointer; color:#fff; font-weight:normal; text-align:left;}
#gallery .switch .turn_off {display:none; text-align:left;}
#gallery .off {color:#c00; text-align:left;}
#gallery .off .turn_off {display:inline; text-align:left;}
#gallery .off .turn_on {display:none; text-align:left;}
#gallery .hide {display:none;}
#gallery .show {position:absolute; top:0; left:250px; display:block; width:440px; background:#fff; color:#002452; z-index:200;}
#gallery a, #gallery a:visited {color:#00c; line-height:30px;}
#gallery #scroll {width:430px; color:#048; height:450px ;overflow: auto; top:20px}
#gallery dl {width:370px;}



div#menuvirtual ul {padding:0; margin:0; list-style: none;}
div#menuvirtual a#current span{background-position: 0 -77px;}
div#menuvirtua a:hover span{background-position: 0 0 0 -77;}
li#to1 span{background: url("images/m_virtual_to_01.jpg"); left:0;}
li#to2 span{background: url("images/m_virtual_to_02.jpg"); left:0;}
li#to3 span{background: url("images/m_virtual_to_03.jpg"); left:0;}
li#to4 span{background: url("images/m_virtual_to_04.jpg"); left:0;}
li#to5 span{background: url("images/m_virtual_to_05.jpg"); left:0;}
li#to6 span{background: url("images/m_virtual_to_06.jpg"); left:0;}



/*---------------------------------------menu tendina---------------------------*/

#menuIndex {font-family: arial, sans-serif; position:relative; font-size:13px; z-index:100;; line-height:30px;}
#menuIndex ul li a{display:block; text-decoration:none; color:#000; color:#fff; overflow:hidden; text-align:center;}
#menuIndex ul {padding:0; margin:0; list-style: none;}
#menuIndex ul li {float:left; position:relative;}
#menuIndex ul li ul {display: none;}

#menuIndex ul li:hover a {color:#fff; background:transparent  url(images/hide.png);}
#menuIndex ul li:hover ul {display:block; position:absolute; top:31px; left:0;}
#menuIndex ul li:hover ul li a.ihide {background:transparent  url(images/hide.png); color:#fff;}
#menuIndex ul li:hover ul li:hover a.ihide {background:transparent  url(images/hide.png); color:#fff;}
#menuIndex ul li:hover ul li ul {display: none;}
#menuIndex ul li:hover ul li a {display:block; background:transparent  url(images/hide.png); color:#fff;}
#menuIndex ul li:hover ul li a:hover {background:transparent  url(images/hide.png); color:#fff; text-decoration:underline;}
#menuIndex ul li:hover ul li:hover ul {display:block; position:absolute; left:168px; top:0;}


div#menuIndex{width: 772px;}
div#menuIndex ul{list-style-type: none; margin: 0; padding: 0; border:none;}
div#menuIndex li{float:left; padding:0;}
div#menuIndex a{position:relative;display:block;height:31px}
div#menuIndex a span{position:absolute;width:100%;height:100%;cursor: pointer; /*per IE*/ }
div#menuIndex a:hover span{background-position: 0 -31px}
li#ione a{width: 167px;}
li#itwo a{width: 260px}
li#ithree a{width: 189px}
li#ifour a{width: 156px}
li#ifive a{width: 184px}
li#isix a{width: 102px}
li#iseven a{width: 155px}
li#iheight a{width: 159px}
li#inine a{width: 172px}

div#menuIndex a#current span{background-position: 0 -31px;}
div#menuIndex a:hover span{background-position: 0 -31;}
li#ione span{background: url("images/m_index_top_01.gif"); left:0;}
li#itwo span{background: url("images/m_index_top_02.gif"); left:0;}
li#ithree span{background: url("images/m_index_top_03.gif"); left:0;}
li#ifour span{background: url("images/m_index_top_04.gif"); left:0;}
li#ifive span{background: url("images/m_index_bottom_01.gif"); left:0;}
li#isix span{background: url("images/m_index_bottom_02.gif"); left:0;}
li#iseven span{background: url("images/m_index_bottom_03.gif"); left:0;}
li#iheight span{background: url("images/m_index_bottom_04.gif"); left:0;}
li#inine span{background: url("images/m_index_bottom_05.gif"); left:0;}

#menu {font-family: arial, sans-serif; position:relative; font-size:13px; z-index:100;; line-height:30px;position:absolute;}
#menu ul li a{display:block; text-decoration:none; color:#000; color:#fff; overflow:hidden; text-align:center;}
#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left; position:relative;}
#menu ul li ul {display: none;}

#menu ul li:hover a {color:#fff; background:transparent  url(images/hide.png);}
#menu ul li:hover ul {display:block; position:absolute; top:31px; left:0;}
#menu ul li:hover ul li a.hide {background:transparent  url(images/hide.png); color:#fff;}
#menu ul li:hover ul li:hover a.hide {background:transparent  url(images/hide.png); color:#fff;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; background:transparent  url(images/hide.png); color:#fff;}
#menu ul li:hover ul li a:hover {background:transparent  url(images/hide.png); color:#fff; text-decoration:underline;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:137px; top:0;}


/*-----------------------------------------------------------------*/


#credits{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	text-align:left;
	padding:20px;
}
#credits a{
	text-decoration:underline;
	color:white;
}
#credits a:hover{
	text-decoration:none;
	color:white;
}