* { font-family: helvetica; }

body { background-color: white; width: 100%; height: 100%; }

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

#testata { width: 100%; padding-bottom: 5px; border-bottom: solid 1px #999999; background-color: white; }
#testata .section { display: table; width: 100%; margin: 0; }
#testata .section .logo { display: table-cell; text-align: left; vertical-align: top; padding: 0; width: 50%; padding-left: 20px; padding-top: 5px; }
#testata .section .logo img { width: 100%; max-width: 203px; }
#testata .section .menu_button { display: table-cell; text-align: right; vertical-align: bottom; padding: 0; }
#call_menu { display: table; width: auto; margin: 0; margin-left: auto; border-collapse: separate; border-spacing: 3px 0; }
#call_menu span { display: table-cell; width: auto; vertical-align: middle; text-align: center; font-size: 90%; color: white; padding: 5px; }
#call_menu .arrow { font-family: verdana; font-weight: bolder; }
#call_menu img { width: 40px; margin-right: 0px; }

#menu { width: 100%; opacity: 0; }
#menu .level_menu { margin: 0 auto; display: table; width: 100%; background-color: #cccccc; }
#menu .level_menu .voce { display: table-row; background-color: #cccccc; }
#menu .level_menu .voce a { width: 99%; display: table-cell; border: solid 1px #a6a6a6; font-weight: bolder; border-top: none; border-right: none; vertical-align: middle; padding: 15px; font-size: 100%; color: #333333; text-decoration: none; white-space: nowrap; }
#menu .level_menu .voce a.arrow { border-right: solid 1px #a6a6a6; }
#menu .level_menu .voce a.arrow img { width: 20px; }
#menu .level_menu .voce a.empty { border-left: none; border-right: solid 1px #a6a6a6; }
#menu .level_menu .subvoce { display: table-row; background-color: #cccccc; font-weight: bolder; }
#menu .level_menu .subvoce a { display: table-cell; border: solid 1px #a6a6a6; border-top: none; border-right: none; vertical-align: middle; padding: 15px; padding-left: 30px; padding-right: 0; font-size: 100%; color: #333333; text-decoration: none; white-space: nowrap; }
#menu .level_menu .subvoce a.empty { border-left: none; border-right: solid 1px #a6a6a6; }
#menu .level_menu .voce:hover { background-color: #a6a6a6; }
#menu .level_menu .voce:hover a { color: #dddddd; }
#menu .level_menu .subvoce:hover { background-color: #a6a6a6; }
#menu .level_menu .subvoce:hover a { color: #dddddd; }

#footer {  padding-top: 20px; padding-bottom: 20px; }
#footer .sezione { display: table; width: 100%; margin: 0 10px; padding: 0; }
#social { display: table-cell; width: 50%; text-align: left; vertical-align: middle; padding: 0; padding-left: 0px }
#footer .info { display: table-cell; width: 50%; text-align: right; vertical-align: middle; padding: 0; padding-right: 20px; }
#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; }
#social img { width: 40px; padding: 0 0px;}

#content { padding: 10px 10px; font-size: 120%; line-height: 180%; }
#content h2 { padding-bottom: 20px; }
#content p { padding-bottom: 10px;  }
#content ul { list-style-type: disc; padding-left: 20px; padding-bottom: 10px; }
#content ul li { line-height: 180%; padding-bottom: 5px; }
#content .moreinfo_btn img { padding: 10px; padding-left: 20px; float: right; cursor: pointer; width: 40%; max-width: 300px; }
#content .immagine { width: 50%; max-width: 250px; }
#content .immagine img { width: 100%; max-width: 250px; }

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


#moreinfo { text-align: center; background-image: url('/images/trasparenza.png'); background-repeat: repeat; }
#moreinfo div { padding-bottom: 10px; }
#moreinfo span { }
#moreinfo img { cursor: pointer; width: auto; max-width: 49%; }

#contatti { padding: 10px; }
#contatti .mappa { width: auto; margin: 0 auto; padding-bottom: 20px; }
#map { width: 95%; height: 300px; margin: 0 auto; }
#map img { width: 120px }

#contatti { margin: 0 auto; padding: 10px; }
#contatti .info { display: table; width: 95%; padding: 0; margin: 0 auto; font-size: 100%; color: #333333; line-height: 180%; }
#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; padding-bottom: 20px; }
#contatti .info .showroom .double {  width: 100%; padding: 0; margin: 0; }
#contatti .info .showroom .double_row {  }
#contatti .info .showroom .left {  width: 100%; padding: 0; vertical-align: top; padding-bottom: 10px; border-bottom: solid 1px black; margin-bottom: 20px; }
#contatti .info .showroom .right {  width: 100%; padding: 0; vertical-align: top; padding-bottom: 10px; border-bottom: solid 1px black; margin-bottom: 20px;}
#contatti .info .showroom .left_bottom {  width: 100%; padding: 0; vertical-align: top; padding-bottom: 10px; border-bottom: solid 1px black; margin-bottom: 20px; }
#contatti .info .showroom .right_bottom {  width: 100%; padding: 0; vertical-align: top; padding-bottom: 10px; border-bottom: solid 1px black; margin-bottom: 20px;}
#contatti .info .showroom .dati { padding-top: 0; }
#contatti .info .showroom .dati div { padding-bottom: 0; }
#contatti .info .showroom .dati a { color: #333333; text-decoration: none; }
#contatti .info .form { display: table-cell; width: 90%; 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: 95%; background-color: #efefef; color: #333333; font-size: 120%; 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: 95%; height: 200px; background-color: #efefef; color: #333333; font-size: 120%; 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: center; padding-top: 0; }
#contatti .info .form .buttons a { cursor: pointer; }
#contatti .info .form .buttons img { width: 100px}
#contatti .orari {  padding-top: 15px; }
#contatti .orari .sett {  }
#contatti .orari .giorno {  vertical-align: middle; padding-right: 10px; padding-bottom: 10px; }
#contatti .orari .ora {  vertical-align: middle; padding-bottom: 10px; }

#home_slogan_area { font-size: 85%; }

#home_image, #first_image { width: 100%; padding-bottom: 5px; }
#home_image img, #first_image img { width: 100%;}

#home_struct .titolo_equipe_medica { padding: 0; text-align: center; color: #0099ff; font-weight: bolder; padding-top: 40px; padding-bottom: 10px; font-size: 140%; }
#home_struct .titolo_appuntamento { padding: 0; text-align: center; color: #cc0000; font-weight: bolder; padding-top: 40px; padding-bottom: 10px; font-size: 140% }
#home_struct .titolo_studio { padding: 0; text-align: center; color: #660099; font-weight: bolder; padding-top: 40px; padding-bottom: 10px; font-size: 140% }
#home_struct .equipe_medica { padding: 10px 0; text-align: center; }
#home_struct .equipe_medica a { }
#home_struct .equipe_medica img { width: 100%; max-height: 400px; object-fit: cover; object-position: top center;}
#home_struct .appuntamento { padding: 10px 0; }
#home_struct .appuntamento .tabella { width: 90%; margin: 0 auto; }
#home_struct .appuntamento .cella { text-align: left; padding-bottom: 10px; }
#home_struct .appuntamento .cella_button img { cursor: pointer; }
#home_struct .appuntamento .buttons { width: 90%; margin: 0 auto; display: table; padding: 0; }
#home_struct .appuntamento .buttons .message_fail { font-size: 100%; color: red; font-weight: bolder; display: table-cell; vertical-align: middle; text-align: right; padding: 0; }
#home_struct .appuntamento .buttons .message_done { font-size: 100%; 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; }
#home_struct .appuntamento .buttons img { cursor: pointer; width: 60px;  }
#home_struct .appuntamento form { }
#home_struct .appuntamento form label { color: #666666; font-size: 120%; text-align: left; padding-right: 10px; }
#home_struct .appuntamento form input { width: 100%; font-size: 120%; border: none; background-color: #efefef; color: #333333; }
#home_struct .appuntamento form textarea { width: 100%; height: 100px; font-size: 120%; 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 { padding: 10px 0; text-align: center; }
#home_struct .studio a { }
#home_struct .studio img { width: 100%; }

#popup { width: 100%; height: 100%; background-color: white; }
#popup .struttura {  position: absolute; top: 0; left: 0; background: url('/images/trasparenza_strong.png'); background-repeat: repeat; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; }
#popup .intestazione { display: table; margin: 0 auto; width: 100%; }
#popup .intestazione .titolo { display: table-cell; padding: 5px; padding-top: 20px; padding-left: 20px; text-align: left; vertical-align: middle; color: #999999; font-weight: bolder; font-size: 140%; }
#popup .intestazione .chiudi { display: table-cell; padding: 5px; text-align: right; padding-top: 20px; padding-right: 20px; vertical-align: middle; }
#popup .intestazione .chiudi img { cursor: pointer; border: solid 1px #cccccc; width: 30px; }
#popup .tabella { display: table; margin: 0 auto; width: 90%; font-size: 100%; padding-top: 20px; }
#popup .tabella .riga { display: table-row; }
#popup .cella_left { display: table-cell; width: 1%; white-space: nowrap; padding: 20px 0; padding-right: 10px; vertical-align: middle; text-align: right; }
#popup .cella_right { display: table-cell; width: 100%; padding: 20px 0 !important; vertical-align: middle; }
#popup label { color: #cccccc; }
#popup input.testo { width: 100%; font-size: 100%; }
#popup textarea { height: 100px; width: 100%; font-size: 100%; }
#popup .cella_privacy { display: table-cell; padding: 5px; text-align: left; vertical-align: middle; width: 99%; }
#popup .privacy { font-size: 70%; color: #cccccc; }
#popup .privacy a { color: #cccccc; }
#popup .bottoni { text-align: center; padding-bottom: 10px; }
#popup .bottoni img { cursor: pointer; width: 60px; }