﻿@charset "UTF-8";
/* CSS Document */
a{
text-decoration:none;
color:#333333;}

a:hover{
text-decoration:none;
color:#2e5476;}

img {
border:0;
}

body {
background-color:#dedede;
background-image:url(../img/body02.jpg);
background-repeat:repeat-x;
background-position:top;
font:10px normal Arial,Helvetica,sans-serif;
margin:0;
padding:0;
}
.container {
margin:0 auto;
position:relative;
width:900px;
}

#menu {
position:absolute;
width:900px;
}

/*menu*/
ul.topnav {
    list-style: none;
	margin: 0 auto;
	padding:0;	
	width: 900px;
	background: #0f2b43;
	font-size:11px;
	background: url(../img/menu_blu02.jpg);
	height:32px;
	background-repeat:none;
	text-align:left;
	line-height:1.3em;
	z-index:3000;
}

ul.topnav li {
    padding:10px;
	float: left;
	position: relative;
	 /*--Declare X and Y axis base for sub navigation--*/
	 background-image:url(../img/linea.jpg);
	 background-position:right 0px;
	 background-repeat:no-repeat;
}


ul.topnav li a{
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	color:#ffffff;
	font-weight:bold;
	text-transform:none;
	text-align:left;		
}



ul.topnav li span { /*--Drop down trigger styles--*/
    width: 17px;
	height: 30px;
	padding-left:2px;
	margin-left:3px;
	float: left;
	background: url(../img/subnav_btn.png) no-repeat;
}


ul.topnav li span.subhover { cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 32px;
	background: #f2f2f2;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 195px;
	border: 1px solid #d1d1d1;
	z-index:3000;
}

ul.subnav {
	padding:0;
	margin:0;
	z-index:3000;
}

ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px dotted #d1d1d1; /*--Create bevel effect--*/
	border-bottom: 1px dotted #ffffff; /*--Create bevel effect--*/
	width: 195px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	text-align:left;
	text-transform:none;
	
}

ul.subnav li{
	background-image:none;
	color:#607692;
	height:25px;
	margin:0;
	padding:0;
	display:block;
	
}

ul.subnav li a {
	background-image:none;
	color:#607692;
	margin:0;
	padding-left:25px;
	padding-top:8px;
	
}

ul.subnav li.titoletto{
	background-color:#d1d1d1;
	color:#325074;
	text-transform:none;
	display:block;
	text-align:center;
	
}

ul.subnav li.titoletto p{
	margin:0;
	padding:5px;
}


html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background-image:url(../img/dropdown_linkbgh.gif);
	background-position:10px 8px;
	background-repeat:no-repeat;
	background-color:#487ca8;
	height:18px;
	width: 170px;
	color:#f2f2f2;
	border-top: 1px dotted #d1d1d1; /*--Create bevel effect--*/
	border-bottom: 1px dotted #ffffff; /*--Create bevel effect--*/
}

/*body*/
#center{
clear:both;
width:880px;
background-color:#FFFFFF;
padding-left:10px;
padding-right:10px;
padding-top:7px;
padding-bottom:10px;
}
#center_home{
clear:both;
width:880px;
height:390px;
background-color:#FFFFFF;
padding-left:10px;
padding-right:10px;
padding-top:7px;
padding-bottom:10px;
}

#testata{
height:106px;
background-color:#FFFFFF;
}

#navigation{
float:right;
background-image:url(../img/bg_navigation.jpg);
width:375px;
height:21px;
font:11px normal Arial,Helvetica,sans-serif;
color:#ffffff;
font-weight:bold;
padding:7px 0 0 45px;

}

.bianco{
text-decoration:none;
color:#ffffff;
padding:5px;
}

.bianco:hover{
text-decoration:none;
color:#cccccc;}

.img_dx{
float:right;
clear:right;
padding:20px 20px 10px 0}

.logo{
float:left;
padding:20px 0px 10px 30px}

.clear{
clear:both;}

/*box*/
.box{
float:left;
width:300px;}

.box p{}

.box_button{
vertical-align:baseline;
margin-top:6px;}

#box1{
background:url(../img/box_1.jpg) no-repeat left;
height:124px;}

#box1 p{
margin:0 0 0 150px;
padding:6px 0 0 0;
font-size:13px;
font-weight:bold;
color:#2e5476;
line-height:18px;
width:112px;
height:120px;
}

#box2{
background:url(../img/box_2.jpg) no-repeat;
height:124px;
margin-left:4px;}

#box2 p{
margin:0 0 0 152px;
padding:6px 0 0 0;
font-size:13px;
font-weight:bold;
color:#2e5476;
line-height:18px;
width:112px;
height:120px;
}

#box3{
background:url(../img/box_3.jpg) no-repeat right;
height:124px;}

#box3 p{
margin:0 0 0 162px;
padding:6px 0 0 0;
font-size:13px;
font-weight:bold;
color:#2e5476;
line-height:18px;
width:112px;
height:120px;
}

/*Quattro colonne Home*/

#4colonne{
background-color:#FFFFFF}

#dx{
width:445px;
float:right;
background-color:#FFFFFF;}

.titolo{
text-align:left;
font:16px normal Arial,Helvetica,sans-serif;
color:#ffffff;
padding:10px 0 0 20px;
font-weight:bold;
margin-bottom:20px;
}

.colonna-sx01{
width:212px;
height:387px;
float:left;
background-image:url(../img/bg_box.png);
background-repeat:repeat-x;
background-position:top;
background-color:#eeeeee;
border-top: 2px solid #000000;
}

.colonna-sx02{
width:212px;
height:387px;
float:left;
text-align:center;
font:11px normal Arial,Helvetica,sans-serif;
color:#333333;
margin-left:10px;
background-image:url(../img/bg_box.png);
background-repeat:repeat-x;
background-position:top;
background-color:#eeeeee;
border-top: 2px solid #000000;
}

.colonna-dx01{
height:270px;
width:212px;
float:right;
margin-left:10px;

background-image:url(../img/bg_box.png);
background-repeat:repeat-x;
background-position:top;
background-color:#eeeeee;
border-top: 2px solid #000000;
}

.colonna-dx02{
height:270px;
width:212px;
float:right;
font:11px normal Arial,Helvetica,sans-serif;
color:#333333;
background-image:url(../img/bg_box.png);
background-repeat:repeat-x;
background-position:top;
background-color:#eeeeee;
border-top: 2px solid #000000;
margin-left:10px;
text-align:left;
}

#carta-servizi{
clear:right;
width:445px;
float:right;
text-align:right;
padding:10px 0 0 0;
background-color:#FFFFFF; 
}

.documenti{
font:12px normal Arial,Helvetica,sans-serif;
color:#333333;
padding:5px 20px 0px 40px;
text-align:left;
line-height:1.2;
}

.clear{
clear:both}

.news{
font:12px normal Arial,Helvetica,sans-serif;
color:#333333;
text-align:left;
padding:0 10px 0 20px;
line-height:1.2;
}

h6{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#153a5a;
font-weight:bold;
padding:2px 0 2px 0;
margin:0;
line-height:1.3;}

h2{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#153a5a;
font-weight:bold;
padding:0px 20px 10px 20px;
margin:0;
line-height:1.3;
text-transform:uppercase;}

#certificazioni{
margin:20px 20px 10px 20px;
font:10px normal Arial,Helvetica,sans-serif;
color:#333333;
text-align:left;
line-height:1.3;
}

.logo_certificazioni{
margin:0 20px 25px 30px;
}

.link{
float:right;
}



.icona{
padding:0 5px 0 20px;
float:left;}

img.arrows{
padding:2px 0 0 5px;
vertical-align:text-bottom;
}
.link_arrows{
text-decoration:none;
font-size:12px;
color:#153a5a;
font-weight:bold;
text-align:right;
float:right;
margin-left:30px;
}


.medici{
font-weight:bold;
font-size:14px;
color:#153a5a;
padding:2px;}

.medici_selected{
color:#2e5476;
text-decoration:underline;
padding:2px;
font-weight:bold;
font-size:14px;
color:#153a5a;
width:20px;
display:inline;}


/*Footer*/
.complete{
margin:0 auto;}

#footer{
padding-top:10px;
clear:both;
color:#999999;
font-size:12px;
background-color:#FFFFFF;
z-index:1000;
}

#footer p{
padding:0;
margin:0 0 0 20px;
line-height:16px;}

a.link_footer{
text-decoration:none;
color:#999999;
text-decoration:underline}

a:hover.link_footer{
text-decoration:none;
color:#333333;
text-decoration:underline}

.box_sopra{
padding-top:10px;
clear:both;
color:#999999;
font-size:12px;
background-color:#FFFFFF;
z-index:1000;
padding:0;
margin:0 0 0 20px;
line-height:16px;
float:left;
}

/*


/*MEDICI*/

.menu_sx{
width:210px;
float:left;
background-color:#eeeeee;
border-top: 2px solid #000000;
}

.menu_sx02{
width:210px;
float:left;
background-color:#eeeeee;
border-top: 2px solid #000000;
margin-top:20px;
}

.linea{
border-top: 1px solid #cccccc;
}

.scheda01{
width:400px;
padding:10px 0 10px 10px;
height:95px;
float:left;
margin-left:20px;
clear:left;}


.scheda02{
width:295px;
padding:10px;
height:80px;
float:right;
clear:;}

.foto{
float:left;
margin-right:10px;
border: 1px solid #cccccc;}

.testo{
width:300px;
float:right;
text-align:left;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

h3{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#153a5a;
font-weight:bold;
padding:0;
margin:3px 0 6px 0;
}

.main{
width:660px;
float:right;
background-image:url(../img/bg_box.png);
background-repeat:repeat-x;
background-position:top;
background-color:#eeeeee;
border-top: 2px solid #000000;
margin-left:10px;
margin-bottom:10px;
}

.img_menu{
margin:0 0 0 2px;
vertical-align:middle;
float:right;
}

.img_pdf{
margin:10px 20px 0 2px;
vertical-align:middle;
float:right;
}

.link_img_pdf{
margin-right:10px;
vertical-align:middle;
text-decoration:underline;
}

.txt_pdf{
margin:15px 5px 0 2px;
float:right;
font:10px normal Arial,Helvetica,sans-serif;
color:#ffffff;
text-align:left;
line-height:1.3;
}




/*----------ORTOPEDIA--------*/

ul.lista{
font:12px normal Arial,Helvetica,sans-serif;
color:#333333;
text-align:left;
line-height:1.3;
padding:0;
margin-left:25px;
margin-top:5px;
}


ul.lista_menu{
font:12px normal Arial,Helvetica,sans-serif;
color:#333333;
text-align:left;
line-height:1.3;
padding:0;
margin-left:20px;
margin-top:5px;
}

.lista_menu02{
font:13px normal Arial,Helvetica,sans-serif;
color:#153a5a;
text-align:left;
line-height:1.3;
padding:0;
font-weight:bold;
margin-left:20px;
margin-top:5px;
}

.txt{
font:12px normal Arial,Helvetica,sans-serif;
color:#333333;
text-align:left;
line-height:1.3;
padding:0;
margin:5px 20px 10px 20px;
}

.txt_tabella{
font:11px normal Arial,Helvetica,sans-serif;
color:#333333;
text-align:center;
line-height:1.3;
padding:0;
margin:5px 10px 10px 10px;
}

tr.colorata{
background-color:#cccccc}

.txt_blu{
font:13px normal Arial,Helvetica,sans-serif;
color:#153a5a;
font-weight:bold;
margin-bottom:2px;
}

.li_titolo{
font:11px normal Arial,Helvetica,sans-serif;
color:#153a5a;
font-weight:bold;
list-style:none;
margin-left:-10px;
padding-top:5px;
text-transform:uppercase;
}

.blu{
font:16px normal Arial,Helvetica,sans-serif;
color:#153a5a;
padding:5px 0 5px 20px;
margin-left:3px;
margin-right:3px;
margin-top:30px;
margin-bottom:10px;
font-weight:bold;
background-color:#FFFFFF;
background-image:url(../img/titolo.png);
background-repeat:repeat-x;
background-position:bottom;
line-height:1.2;
}

.blu_sottotitolo{
font:16px normal Arial,Helvetica,sans-serif;
color:#153a5a;
padding:5px 0 5px 0px;
margin-right:3px;
margin-top:15px;
font-weight:bold;
line-height:1.2;
}

.thumbs{
margin:5px 6px 5px 6px;
border: 1px solid #cccccc;
}

.cartina{
margin:10px 20px 30px 20px;
text-align:center;
}


.colonna-dx01bottom{
min-height:110px;
width:207px;
float:right;
clear:right;
margin-bottom:10px;
background-image:url(../img/bg_box.png);
background-repeat:repeat-x;
background-position:top;
background-color:#eeeeee;
border-top: 2px solid #000000;
text-align:center;
padding:0 0 20px 0;
}


.colonna_mezzo{
width:442px;
float:left;
margin-left:10px;
background-image:url(../img/bg_box.png);
background-repeat:repeat-x;
background-position:top;
background-color:#eeeeee;
border-top: 2px solid #000000;
min-height:398px;
}


.colonna_mezzo01{
width:200px;
float:left;
margin-left:10px;
}

.colonna_mezzo02{
width:200px;
float:right;
margin-right:10px;
}

.testo_ortopedia{
font:12px normal Arial,Helvetica,sans-serif;
color:#153a5a;
text-align:center;
font-weight:bold;
margin:10px;
}

a.view{
font:11px normal Arial,Helvetica,sans-serif;
color:#153a5a;
text-align:center;
font-weight:bold;
float:right;
margin-right:20px;
}

a:hover.view{
font:11px normal Arial,Helvetica,sans-serif;
color:#cccccc;
text-align:right;
font-weight:bold;
float:right;
margin-right:20px;
}
.selected{
font-weight:bold;}

/*menu_sx*/

a.bt_01{
background-image:url(../img/bg_link.jpg);
background-repeat:repeat-x;
display:block;
height:22px;
font:12px normal Arial,Helvetica,sans-serif;
color:#153a5a;
text-align:left;
font-weight:bold;
padding:10px 20px 0 20px;
}

a.bt_02{
display:block;
font:12px normal Arial,Helvetica,sans-serif;
color:#153a5a;
text-align:left;
font-weight:bold;
padding:10px 20px 5px 10px;
}


a:hover.bt_01{
background-image:url(../img/bg_link.jpg);
background-repeat:repeat-x;
display:block;
height:22px;
font:12px normal Arial,Helvetica,sans-serif;
color:#666666;
text-align:left;
font-weight:bold;
padding:10px 20px 0 20px;
}


/* Picture slides */
.picture-slides-disabled {
	color: #eee;
	z-index:-1000;
}

.picture-slides-container {
	
	width:900px;
	height:230px;
	margin:0;
	padding:0;
	z-index:-1000;
}

.picture-slides-container02 {
background-color:#FFFFFF;
	width:900px;
	height:140px;
	margin:0;
	padding:0;
}

.picture-slides-fade-container {
	position: relative;
	overflow: hidden;
	margin-top:50px;
	background-color:#FFFFFF;
	z-index:-1000;
}

.picture-slides-fade-container a {
	display: block;
	height: 230px;
	text-align: center;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	z-index:-1000;
}

.picture-slides-fade-container a img {
	z-index:-1000;
}

.picture-slides-image-load-fail {
	display: none;
}

.picture-slides-image-text {
	position: relative;
	background: #fff;
	text-align: center;
	padding: 5px 0 10px;
}

.picture-slides-previous-image, 
.picture-slides-next-image, 
.picture-slides-start-slideshow, 
.picture-slides-stop-slideshow {
	display: none;
}

.picture-slides-previous-image, 
.picture-slides-next-image, 
.picture-slides-start-slideshow, 
.picture-slides-stop-slideshow {
	cursor: pointer;
}

.picture-slides-thumbnails {
	list-style: none;
	overflow: hidden;
}

.picture-slides-thumbnails li {
	float: left;
	width: 100px;
	margin: 0 10px 5px 0;	
}

.picture-slides-thumbnails li img {
	width: 100px;
}

.picture-slides-thumbnails a {
	outline: none;	
}

.picture-slides-thumbnails li .picture-slides-selected-thumbnail {
background-position:0 -44px;
}

.picture-slides-dim-overlay {	
}

.pannello_sezioni {
	position:absolute;
	margin:0;
	top:166px;
	left:670px;
	float:left;
	width:193px;
	height:181px;
	background-image:url(../img/sfondo_pannello.jpg);
	background-repeat:no-repeat;
}


.uno {
	position:absolute;
	float:left;
	left:0;
	top:40px;
	width:193px;
	height:46px;
	background-image:url(../img/poli.jpg);
	padding:0;
}

.uno:hover {
	background-position:0 -44px;
}
.due:hover {
	background-position:0 -44px;
}
.tre:hover {
	background-position:0 -44px;
}

.due {
	position:absolute;
	float:left;
	left:0;
	top:86px;
	width:193px;
	height:46px;
	background-image:url(../img/orto.jpg);
	margin:0;
	padding:0;	
}

.tre {
	position:absolute;
	float:left;
	left:0;
	top:133px;
	width:193px;
	height:46px;
	background-image:url(../img/rico.jpg);
	margin:0;
	padding:0;
} 

/*====*/
/*Ruben ADD*/
div.titoloVideo {  
color:#333;
margin:0 20px 0 20px;
font-size:12px;
text-align:left;
}

div.videoWrap {  
position:relative;
padding:0px;
margin:20px 20px 12px 20px;
background:#fff;
}

div.videoWrap img {  
display:block;
width:100%;
border-radius:2px;

}

a.play_btn { 
  position:absolute;
  right:35%; top:28%;
  background:url(../img/play.png) no-repeat;
  height:48px; width:48px;
  opacity:0.6;
 }
 
a.play_btn:hover { 
 opacity:0.9;
 } 
/*========*/
