* { font-family: "helvetica"; }

body { background-image: url('/images/bg.jpg'); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-color: white; }

.tabella { display: table; margin: 0; padding: 0; }
.tabella .riga { display: table-row; }
.tabella .riga .cella { display: table-cell; vertical-align: middle; padding: 0; }
.tabella .riga .cella_button { display: table-cell; vertical-align: middle; padding: 0; text-align: right; }

#testata, #footer, #page { visibility: hidden; }

#seo { position: fixed; top: 0; left: 0; }

#testata { width: 950px; background-color: white; background-repeat: repeat; position: fixed; z-index: 100; top: 0; left: 0; height: 104px; }
#testata .section { display: table; margin: 0 auto; width: 930px; height: 104px; }
#testata .logo { display: table-cell; text-align: left; padding: 0; vertical-align: top; }
#testata .menu { display: table-cell; vertical-align: bottom; padding: 0; }
#testata .menu .first_level_menu { display: table; margin: 0 auto; margin-right: 0; }
#testata .menu .first_level_menu .voce { display: table-cell; vertical-align: middle; text-align: center; padding-bottom: 5px; }
#testata .menu .first_level_menu .voce > a { color: #0066cc; text-decoration: none; cursor: pointer; padding-left: 15px; font-size: 70%; }

.submenu { position: absolute; top: 0; left: 0; display: none; width: 950px; z-index: 20; background-color: white; }
.submenu .container { margin-left: 11px; width: 930px; border-top: solid 1px #003399; }
.submenu .second_level_menu { display: table; margin: 0; margin-left: auto; }
.submenu .second_level_menu .others { display: table-cell; vertical-align: middle; text-align: center; padding: 0px 0; padding-bottom: 5px; padding-top: 3px; }
.submenu .second_level_menu .others > span { color: #0033cc; padding: 0 10px; font-size: 75%; }
.submenu .second_level_menu .subvoce { display: table-cell; vertical-align: middle; text-align: center; padding: 0px 0; padding-bottom: 5px; padding-top: 3px; }
.submenu .second_level_menu .subvoce > a { color: #0066cc; text-decoration: none; padding: 0 10px; cursor: pointer; font-size: 70%; }
.submenu .second_level_menu .subvoce:last-child > a { padding-right: 0; }

#footer { width: 950px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; background-image: url('/images/trasparenza.png'); background-repeat: repeat; }
#footer .sezione { display: table; width: 930px; margin: 0 10px; padding: 0; }
#social { display: table-cell; width: 400px; text-align: left; vertical-align: middle; padding: 0; }
#footer .info { display: table-cell; text-align: right; vertical-align: middle; padding: 0; }
#footer .info div { text-align: right; font-size: 80%; color: #666666; line-height: 120%; }
#footer .info .titolo { font-weight: bolder; }
#footer .info div a { text-decoration: none; color: #666666; }

#home_image, #first_image, #slide_video { margin: 0 auto; width: 950px; background-image: url('/images/trasparenza.png'); background-repeat: repeat; }
#home_image { height: 630px; margin-top: 104px; }
.first_image_implantologia { text-align: center; background-color: white; }
.studio_gallery { height: 630px; }
.studio_gallery img { height: 630px; }

#home_slogan_area { text-align: center; font-size: 140%; }
#home_slogan_area div { padding-top: 40px; }

#home_struct { display: table; width: 950px; margin: 0 auto; }
#home_struct .riga { display: table-row; }
#home_struct .titolo_equipe_medica { display: table-cell; width: 33%; padding: 0; vertical-align: middle; text-align: right; color: #0099ff; font-size: 90%; font-weight: bolder; padding-top: 20px; padding-bottom: 10px; }
#home_struct .titolo_appuntamento { display: table-cell; width: 34%; padding: 0; vertical-align: middle; text-align: center; color: #cc0000; font-size: 90%; font-weight: bolder; padding-top: 20px; padding-bottom: 10px; }
#home_struct .titolo_studio { display: table-cell; width: 33%; padding: 0; vertical-align: middle; text-align: left; color: #660099; font-size: 90%; font-weight: bolder; padding-top: 20px; padding-bottom: 10px; }
#home_struct .equipe_medica { display: table-cell; width: 33%; padding: 0; vertical-align: bottom; }
#home_struct .equipe_medica a { }
#home_struct .equipe_medica img { }
#home_struct .appuntamento { display: table-cell; width: 34%; padding: 0; vertical-align: bottom; }
#home_struct .appuntamento .tabella { width: 80%; margin: 0 auto; }
#home_struct .appuntamento .cella { text-align: right; padding-bottom: 10px; }
#home_struct .appuntamento .cella_button img { cursor: pointer; }
#home_struct .appuntamento .buttons { width: 80%; margin: 0 auto; display: table; padding: 0; }
#home_struct .appuntamento .buttons .message_fail { font-size: 80%; color: red; font-weight: bolder; display: table-cell; vertical-align: middle; text-align: right; padding: 0; }
#home_struct .appuntamento .buttons .message_done { font-size: 80%; color: green; font-weight: bolder; display: table-cell; vertical-align: middle; text-align: right; padding: 0; }
#home_struct .appuntamento .buttons .button { display: table-cell; vertical-align: middle; text-align: right; padding: 0; padding-left: 20px; }
#home_struct .appuntamento .buttons img { cursor: pointer; }
#home_struct .appuntamento form { }
#home_struct .appuntamento form label { color: #666666; text-align: right; font-size: 80%; padding-right: 10px; }
#home_struct .appuntamento form input { width: 100%; font-size: 80%; border: none; background-color: #efefef; color: #333333; }
#home_struct .appuntamento form textarea { width: 100%; height: 100px; font-size: 80%; border: none; background-color: #efefef; color: #333333; }
#home_struct .appuntamento form label.red_border { color: red; }
#home_struct .appuntamento form input.red_border { border: solid 1px red; }
#home_struct .appuntamento form textarea.red_border { border: solid 1px red; }
#home_struct .studio { display: table-cell; width: 33%; padding: 0; vertical-align: bottom; }
#home_struct .studio a { }
#home_struct .studio img { }

#page { width: 950px; margin: 0 auto; }

#content { padding: 10px; padding-top: 30px; background-image: url('/images/trasparenza.png'); background-repeat: repeat; }
#content h2 { padding-bottom: 20px; }
#content p { padding-bottom: 10px; line-height: 120%; }
#content ul { list-style-type: disc; padding-left: 20px; padding-bottom: 10px; }
#content ul li { line-height: 120%; padding-bottom: 5px; }
#content .moreinfo_btn img { padding: 10px; padding-left: 20px; float: right; cursor: pointer; }

#immagini { float: left; width: 220px; height: 210px; display: table; }
#immagini .immagine { display: table-cell; width: 100%; height: 100%; padding: 0; text-align: left; vertical-align: middle; }
#immagini img { max-width: 200px; max-height: 200px; }

#contatti { margin: 0 auto; padding: 10px; }
#contatti .mappa { width: 930px; margin: 0 auto; padding-bottom: 40px;}
#map { width: 930px; height: 400px; }
#contatti .info { display: table; width: 90%; padding: 0; margin: 0 auto; font-size: 80%; color: #333333; }
#contatti .info .titolo  { font-weight: bolder; margin-bottom: 10px; }
#contatti .info .showroom { display: table-cell; padding: 0; display: table-cell; padding: 0; vertical-align: top; }
#contatti .info .showroom .double { display: table; width: 90%; padding: 0; margin: 0; }
#contatti .info .showroom .double_row { display: table-row; }
#contatti .info .showroom .left { display: table-cell; padding: 0; vertical-align: top; padding-bottom: 10px; border-bottom: solid 1px black; }
#contatti .info .showroom .right { display: table-cell; padding: 0; vertical-align: top; padding-bottom: 10px; border-bottom: solid 1px black; }
#contatti .info .showroom .left_bottom { display: table-cell; padding: 0; vertical-align: top; padding-top: 30px; }
#contatti .info .showroom .right_bottom { display: table-cell; padding: 0; vertical-align: top; padding-top: 30px; }
#contatti .info .showroom .dati { padding-top: 15px; }
#contatti .info .showroom .dati div { padding-bottom: 10px; }
#contatti .info .showroom .dati a { color: #333333; text-decoration: none; }
#contatti .info .form { display: table-cell; width: 300px; padding: 0; display: table-cell; padding: 0; vertical-align: top; }
#contatti .info .form .message_fail { color: red; font-weight: bolder; margin-bottom: 5px; }
#contatti .info .form .message_done { color: green; font-weight: bolder; margin-bottom: 5px; }
#contatti .info .form div { padding-bottom: 5px; }
#contatti .info .form div input { width: 290px; background-color: #efefef; color: #333333; font-size: 10pt; border: solid 1px white; border-radius: 5px; padding: 2px 5px; }
#contatti .info .form div input.red_border { border: solid 1px red; color: #666666; }
#contatti .info .form div input.light { color: #666666; }
#contatti .info .form div textarea { width: 290px; height: 100px; background-color: #efefef; color: #333333; font-size: 10pt; border: solid 1px white; border-radius: 5px; padding: 2px 5px }
#contatti .info .form div textarea.red_border { border: solid 1px red; color: #666666; }
#contatti .info .form div textarea.light { color: #666666; }
#contatti .info .form .buttons { text-align: right; }
#contatti .info .form .buttons a { cursor: pointer; }
#contatti .info .form .buttons img { }
#contatti .orari { display: table; padding-top: 15px; }
#contatti .orari .sett { display: table-row; }
#contatti .orari .giorno { display: table-cell; vertical-align: middle; padding-right: 10px; padding-bottom: 10px; }
#contatti .orari .ora { display: table-cell; vertical-align: middle; padding-bottom: 10px; }

#popup { visibility: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: 100; background: url('/images/trasparenza_strong.png'); background-repeat: repeat; }
#popup .struttura { position: absolute; top: 0; left: 0; z-index: 200; background-color: white; border: solid 1px #cccccc; }
#popup .tabella { display: table; margin: 0 auto; width: auto; margin-top: 10px; }
#popup .riga { display: table-row; }
#popup .cella_left { display: table-cell; padding: 10px; padding-right: 0; vertical-align: middle; text-align: right; width: 150px; }
#popup .cella_center { display: table-cell; padding: 10px; vertical-align: middle; }
#popup .cella_right { display: table-cell; padding: 10px; padding-left: 0; width: 150px; text-align: right; vertical-align: middle; }
#popup .titolo { color: #999999; font-weight: bolder; font-size: 110%; }
#popup .chiudi { padding-right: 10px; }
#popup .chiudi img { cursor: pointer; border: solid 1px #cccccc; }
#popup label { color: #999999; }
#popup input.testo { }
#popup textarea { height: 150px; }
#popup .bottoni { display: table-cell; vertical-align: middle; padding: 10px; padding-right: 5px; text-align: right; }
#popup .bottoni img { cursor: pointer; }

.chisiamo_image { width: 200px; float: left; padding-right: 10px; padding-bottom: 10px; clear: left; }
.chisiamo_space { clear: both; }
