* {font-size:100.01%}
html {font-size:62.5%}
body {margin:0; padding:0; font-family:"Lucida Sans Unicode",Verdana,Helvetica,sans-serif; font-size:1.2em; text-align:center; background:#ebf2f5 url(imgs/top_back.jpg) repeat-x}
#top {width:820px; margin:0 auto; text-align:left}
#top .top-menu {width:820px; height:18px; padding:5px 0 4px; text-align:right; color:white; font-size:0.85em}
#top .top-menu a {color:white; font-weight:bold}
#top h1 {display:block; font-family:Georgia,"Times New Roman",Times,serif; font-size:2.3em; background:url(imgs/logo_studiareallestero_yellow.gif) no-repeat; color:white; margin:15px 0 0; height:40px; padding:8px 60px 0}
#top h1 a {color:white; text-decoration:none}
#top h1 a:hover {text-decoration:none}
#top h2 {display:block; font-size:1.4em; color:white; font-weight:normal; margin:0}
#top ul {height:48px; margin:10px 45px 0; padding:0}
#top li {display:block; float:left; padding:0; margin:0 auto; list-style-type:none; text-align:center}
#top li a {display:block; background:#4c90ac; padding:9px 1.4em; color:white; font-weight:bold; margin-right:10px; margin-top:5px}
#top li a.home {border-top:5px solid #ffd01e}
#top li a.home:hover {background:#ffae19 url(imgs/menu_on.jpg) repeat-x top left; color:#222; padding:15px 1.4em 12px; margin-top:0}
#top li a.home_on {background:#ffae19 url(imgs/menu_on.jpg) repeat-x top left; color:#222; padding:15px 1.4em 12px; margin-top:5px}
#top li a.vacanzestudio {border-top:5px solid #03c}
#top li a.vacanzestudio:hover {background:#002bab url(imgs/menu_vacanzestudio_on.jpg) repeat-x top; color:white; padding:15px 1.4em 12px; margin-top:0}
#top li a.vacanzestudio_on {background:#002bab url(imgs/menu_vacanzestudio_on.jpg) repeat-x top; color:white; padding:15px 1.4em 12px; margin-top:5px}
#top li a.studiolavoro {border-top:5px solid #da2b66}
#top li a.studiolavoro:hover {background:#bc2256 url(imgs/menu_studiolavoro_on.jpg) repeat-x top; color:white; padding:15px 1.4em 12px; margin-top:0}
#top li a.studiolavoro_on {background:#bc2256 url(imgs/menu_studiolavoro_on.jpg) repeat-x top; color:white; padding:15px 1.4em 12px; margin-top:5px}
#top li a.studiostage {border-top:5px solid #fa9f1a}
#top li a.studiostage:hover {background:#eb910e url(imgs/menu_studiostage_on.jpg) repeat-x top; color:white; padding:15px 1.4em 12px; margin-top:0}
#top li a.studiostage_on {background:#eb910e url(imgs/menu_studiostage_on.jpg) repeat-x top; color:white; padding:15px 1.4em 12px; margin-top:5px}
#top li a.campus {border-top:5px solid #11c061}
#top li a.campus:hover {background:#0eb157 url(imgs/menu_campus_on.jpg) repeat-x top; color:white; padding:15px 1.4em 12px; margin-top:0}
#top li a.campus_on {background:#0eb157 url(imgs/menu_campus_on.jpg) repeat-x top; color:white; padding:15px 1.4em 12px; margin-top:5px}
#top li a.contatti {border-top:5px solid #d70909}
#top li a.contatti:hover {background:#c30707 url(imgs/menu_contatti_on.jpg) repeat-x top; color:white; padding:15px 1.4em 12px; margin-top:0}
#top li a.contatti_on {background:#c30707 url(imgs/menu_contatti_on.jpg) repeat-x top; color:white; padding:15px 1.4em 12px; margin-top:5px}
#splash {width:825px; height:115px; padding:10px; margin:0px auto 0; text-align:left}
#splash .title {display:block; color:#222; font-size:1.1em; font-weight:bold}
.yellow {border:5px solid #ffae19; background:#ffae19 url(imgs/back_home.jpg) top no-repeat}
.blue {border:5px solid #002bab; background:#ffae19 url(imgs/back_home.jpg) top no-repeat}
.violet {border:5px solid #bc2256; background:#ffae19 url(imgs/back_home.jpg) top no-repeat}
.orange {border:5px solid #eb910e; background:#ffae19 url(imgs/back_home.jpg) top no-repeat}
.green {border:5px solid #0eb157; background:#ffae19 url(imgs/back_home.jpg) top no-repeat}
.red {border:5px solid #d70909; background:#ffae19 url(imgs/back_home.jpg) top no-repeat}
#middle {clear:both; width:800px; padding:0 10px 20px; background:white url(imgs/middle_back.gif) repeat-y; margin:0 auto; text-align:left}
#middle .left h3 {font-size:1.5em; margin:25px 0 8px; padding-bottom:2px; color:#4c90ac; border-bottom:1px dotted #4d90ad}
#middle .left h3 a {text-decoration:none; border:0}
#middle .left h3 a:hover {text-decoration:none; border:0}
#middle .left {float:left; width:525px}
#middle .left a {color:#42809a; text-decoration:none; font-weight:bold; border-bottom:1px dashed #0cc}
#middle .left a:hover {color:#ffae19; text-decoration:none; border-bottom:1px dashed #ffae19}
#middle .left p {margin:8px 0 20px; color:#555}
#middle .left .text {color:#666}
#middle .left ul {margin:0 25px; padding:0; list-style-image:url(immagini_studiareallestero/li_img.gif)}
#middle .left li {margin:0; padding:0}
#middle .left li a {color:#555; text-decoration:none; border:0; border-bottom:1px dashed #0cc}
#middle .left li a:hover {color:#f29d00; text-decoration:none; border:0; border-bottom:1px dashed #f29d00}
#middle .left img {float:left; margin-right:5px; margin-bottom:5px; padding:2px; border:1px solid #ddd}
#middle .right {float:right; width:245px; background:white; padding-left:10px}
#middle .right h3 {font-size:1.5em; margin:25px 0 15px; padding-bottom:2px; color:#4c90ac; border-bottom:1px dotted #4d90ad}
#middle .right h3 a {text-decoration:none; border:0}
#middle .right h3 a:hover {text-decoration:none; border:0}
#middle .right ul {margin:0; padding:0; list-style:none}
#middle .right li {margin:0; padding:0}
#middle .right li a {display:block; padding:3px 0 4px 28px; margin:2px 0; color:#444; text-decoration:none}
#middle .right li a.inglese {background:url(imgs/gb.gif) no-repeat 2px}
#middle .right li a:hover.inglese {background:#ddd url(imgs/gb.gif) no-repeat 2px}
#middle .right li a.francese {background:url(imgs/fr.gif) no-repeat 2px}
#middle .right li a:hover.francese {background:#ddd url(imgs/fr.gif) no-repeat 2px}
#middle .right li a.tedesco {background:url(imgs/de.gif) no-repeat 2px}
#middle .right li a:hover.tedesco {background:#ddd url(imgs/de.gif) no-repeat 2px}
#middle .right li a.spagnolo {background:url(imgs/es.gif) no-repeat 2px}
#middle .right li a:hover.spagnolo {background:#ddd url(imgs/es.gif) no-repeat 2px}
#middle .right li a.portoghese {background:url(imgs/br.gif) no-repeat 2px}
#middle .right li a:hover.portoghese {background:#ddd url(imgs/br.gif) no-repeat 2px}
#middle .right li a.cinese {background:url(imgs/cn.gif) no-repeat 2px}
#middle .right li a:hover.cinese {background:#ddd url(imgs/cn.gif) no-repeat 2px}
#middle .right li a.giapponese {background:url(imgs/jp.gif) no-repeat 2px}
#middle .right li a:hover.giapponese {background:#ddd url(imgs/jp.gif) no-repeat 2px}
#middle .right li a.russo {background:url(imgs/ru.gif) no-repeat 2px}
#middle .right li a:hover.russo {background:#ddd url(imgs/ru.gif) no-repeat 2px}
#middle .certificazioni {margin:0}
#middle .certificazioni a {color:#555; text-decoration:underline; margin-right:8px}
#middle .certificazioni a:hover {color:#888}
#footer_racc {background:#97c0d2 url(imgs/bottom_back.jpg) repeat-x; width:100%; padding:2px 0 20px}
#footer_racc .content {width:845px; margin:0 auto; text-align:left; color:#069}
#footer_racc .content h4 {font-size:1.3em; color:white; margin:18px 0 8px; padding-bottom:2px; border-bottom:1px dotted white}
#footer_racc .content a {color:white; text-decoration:none}
#footer_racc .content a:hover {color:white; text-decoration:underline}
#footer {background:#4d90ab; border-top:1px dotted #d1e2e9; color:#d1e2e9; padding:15px 0; font-size:0.9em}
#footer a {color:white; text-decoration:none}
#footer a:hover {color:white; text-decoration:underline}