@charset "UTF-8";
/* CSS Document */

/* Eric Meyer's CSS rest */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; vertical-align: baseline;background:transparent;font-weight:normal;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


/* CLEAR FIX*/
.cleared:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cleared {display: inline-block;}


/* FOOTER STICK */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 168px; width:100%; padding-top:25px;}  /* must be same height as the footer */
#footer {position: relative; margin-top: -168px; /* negative value of footer height */ height: 168px; clear:both;}



/* ------------------------------------------
---------------- STRUCTURE ------------------
-------------------------------------------*/

/* GENERAL */
body {background:#000;}
.container {width:960px; margin:auto;}
.relative {position:relative;}
.hidden {display:none;}
strong {font-weight:bold;}


/* TYPOGRAPHY */
body {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px; line-height:22px;}
h2 {font-size:21px; color:#c50007; border-bottom:1px dotted #222; padding-bottom:20px; margin-bottom:0px;}
h3 {font-size:15px; color:#c50007; border-bottom:1px dotted #222; padding-bottom:20px; margin-bottom:0px;}
p {margin:0px 0px 20px 0px;}
.bodoni {font-family:"bauer Bodoni", Bodoni, "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold;}
.red {color:#c50007;}
.blue {color:#3399ff; font-weight:bold;}
span.mid-dot {font-weight:bold; font-size:21px; color:#CCC; padding-top:5px;}
a, a:link, a:visited {color:#c50007; text-decoration:none;}
a:hover {text-decoration:underline;}
.blue a, .blue a:link, .blue a:visited {color:#3399ff; font-weight:bold;}
.blue a:hover {color:#3399ff;}
.text-right {text-align:right;}

/* Font Embed */
@font-face {font-family:"Brave New Era"; src:url(/fonts/BNEG98.TTF) format("truetype");}
@font-face {font-family:"Brave New Era"; src:url(/fonts/BNEG98.eot);}

/* HEADER */
#header {height:70px; border-bottom:1px solid #FFF;}
h1#logo {position:absolute; left:0px; top:10px; width:355px; height:50px; text-indent:-5000px; background:url(/images/logo/sim-logo.png) 0px 0px no-repeat;}

/* NAVIGATION */
#main-nav {position:absolute; top:25px; left:400px; height:30px;}
#main-nav ul li {float:left; height:30px;}
#main-nav ul li.home-btn, #main-nav ul li.foto-btn, #main-nav ul li.links-btn, #main-nav ul li.contatti-btn {width:45px;}
#main-nav ul li.allievi-btn, #main-nav ul li.news-btn {width:50px;}
#main-nav ul li.scuole-btn {width:55px;}
#main-nav ul li.didattica-btn, #main-nav ul li.simtube-btn {width:65px;}

#main-nav ul li a {display:block; height:30px; text-indent:-5000px;}

#main-nav ul li.home-btn a:link, #main-nav ul li.home-btn a:visited {background-image:url(/images/btns/home-btn.png); background-position:left top; background-repeat:no-repeat;}
#main-nav ul li.home-btn a:hover, #home #main-nav ul li.home-btn a:link, #home #main-nav ul li.home-btn a:visited {background-position:left bottom;}

#main-nav ul li.didattica-btn a:link, #main-nav ul li.didattica-btn a:visited {background-image:url(/images/btns/didattica-btn.png); background-position:left top; background-repeat:no-repeat;}
#main-nav ul li.didattica-btn a:hover, #didattica #main-nav ul li.didattica-btn a:link, #didattica #main-nav ul li.didattica-btn a:visited {background-position:left bottom;}

#main-nav ul li.scuole-btn a:link, #main-nav ul li.scuole-btn a:visited {background-image:url(/images/btns/scuole-btn.png); background-position:left top; background-repeat:no-repeat;}
#main-nav ul li.scuole-btn a:hover, #scuole #main-nav ul li.scuole-btn a:link, #scuole #main-nav ul li.scuole-btn a:visited {background-position:left bottom;}

#main-nav ul li.allievi-btn a:link, #main-nav ul li.allievi-btn a:visited {background-image:url(/images/btns/allievi-btn.png); background-position:left top; background-repeat:no-repeat;}
#main-nav ul li.allievi-btn a:hover, #allievi #main-nav ul li.allievi-btn a:link, #allievi #main-nav ul li.allievi-btn a:visited {background-position:left bottom;}

#main-nav ul li.foto-btn a:link, #main-nav ul li.foto-btn a:visited {background-image:url(/images/btns/foto-btn.png); background-position:left top; background-repeat:no-repeat;}
#main-nav ul li.foto-btn a:hover, #foto #main-nav ul li.foto-btn a:link, #foto #main-nav ul li.foto-btn a:visited {background-position:left bottom;}

#main-nav ul li.simtube-btn a:link, #main-nav ul li.simtube-btn a:visited {background-image:url(/images/btns/simtube-btn.png); background-position:left top; background-repeat:no-repeat;}
#main-nav ul li.simtube-btn a:hover, #simtube #main-nav ul li.simtube-btn a:link, #simtube #main-nav ul li.simtube-btn a:visited, #simtube-player #main-nav ul li.simtube-btn a:link, #simtube-player #main-nav ul li.simtube-btn a:visited {background-position:left bottom;}

#main-nav ul li.news-btn a:link, #main-nav ul li.news-btn a:visited {background-image:url(/images/btns/news-btn.png); background-position:left top; background-repeat:no-repeat;}
#main-nav ul li.news-btn a:hover, #news #main-nav ul li.news-btn a:link, #news #main-nav ul li.news-btn a:visited {background-position:left bottom;}

#main-nav ul li.links-btn a:link, #main-nav ul li.links-btn a:visited {background-image:url(/images/btns/links-btn.png); background-position:left top; background-repeat:no-repeat;}
#main-nav ul li.links-btn a:hover, #links #main-nav ul li.links-btn a:link, #links #main-nav ul li.links-btn a:visited {background-position:left bottom;}

#main-nav ul li.contatti-btn a:link, #main-nav ul li.contatti-btn a:visited {background-image:url(/images/btns/contatti-btn.png); background-position:left top; background-repeat:no-repeat;}
#main-nav ul li.contatti-btn a:hover, #contatti #main-nav ul li.contatti-btn a:link, #contatti #main-nav ul li.contatti-btn a:visited {background-position:left bottom;}

/* CONTENT */
#content {width:960px; height:400px; margin:auto; margin-top:20px;}
#col-left {float:left; width:250px; height:400px;}
#col-center {float:left; width:390px; height:400px; margin-left:25px; position:relative;}
#col-right {float:right; width:250px; height:400px;}
#col-main {float:right; width:675px; height:400px;}
.Container {position: absolute; top:0px; left:0px; width: 390px; height: 360px;}
#Scroller-1 {position: absolute; overflow: hidden; width:390px; height:360px;}
.Scroller-Container {position: absolute; top:0px; left:0px;}
.Scrollbar-Up {cursor: pointer; position: absolute; top:0px; right:-30px;}
.Scrollbar-Down {cursor: pointer; position: absolute; top:340px; right:-30px;}

#scuole .Container {width: 350px; height:250px; margin-bottom:30px;}
#scuole #Scroller-1 {width:340px; height:250px;}
#scuole .Scrollbar-Down {top:230px; right:-30px;}


/* HOME */
#circle-intro {width:200px; height:200px; margin:0px 20px; background:url(/images/background/circle-red-200px.png) left top no-repeat;}
#circle-intro p {text-align:center; font-size:12px; line-height:18px; margin-top:0px;}
#circle-intro p strong {font-weight:bold; color:#F00; font-size:13px;}
#circle-intro p.cursive {width:200px; height:60px; margin:0px; margin-bottom:5px; background:url(/images/text/sicomincia.png) 50px 15px no-repeat; text-indent:-5000px;}

#home #col-center p {text-align:justify;}
#home #col-center p.text-right {text-align:right;}

.news-flash {width:250px; height:125px; margin-top:0px;}

.facebook-link {height:50px;}
.facebook-link a {display:block; height:30px; padding-left:50px; padding-top:10px; background:url(/images/btns/facebook-icon.png) left top no-repeat; font-size:12px; color:#FFF; text-decoration:none;}
.facebook-link a:hover {color:#900; background-position:left bottom;}

#neruda-quote {width:200px; height:210px; background:url(/images/text/neruda-quote.png) 0px 10px no-repeat; text-indent:-5000px;}

#lello-abate {width:187px; height:261px; background:url(/images/background/lello-abate.png) right top; position:absolute; right:0px; bottom:-105px;}
#lello-abate p {position:absolute; left:-40px; top:130px;}
#lello-abate p em {padding-left:20px; font-size:11px;}

/* DIDATTICA */
.programma-container {margin-bottom:25px;}
a#programma {display:block; width:200px; height:50px; text-transform:uppercase; color:#FFF; padding-left:70px; font-family:"Arial Narrow"; font-size:15px;}
a#programma:hover {color:#c50007; text-decoration:none;}
a.primo-anno {background:url(/images/btns/primo-anno-btn.png) left top no-repeat;}
a.secondo-anno {background:url(/images/btns/secondo-anno-btn.png) left top no-repeat;}
a.primo-anno:hover, a.secondo-anno:hover {background-position:left bottom;}

#viaggi-studio-londra {width:250px; height:230px; background:url(/images/background/viaggi-studio-londra.png) left top no-repeat;}
#viaggi-studio-londra h2 {display:none;}
#viaggi-studio-londra p {text-align:center; font-size:12px; line-height:18px; padding-top:75px;}

#didattica #col-main p {text-align:justify;}

body#primo-anno {background:#000 url(/images/popup/primo-anno-background.jpg) left top no-repeat;}
#primo-anno h1#logo {position:static; width:238px; height:37px; text-indent:-5000px; background:url(/images/logo/sim-logo-neg.png) left top no-repeat;}

body#secondo-anno {background:#000 url(/images/popup/secondo-anno-background.jpg) left top no-repeat;}

/* SCUOLE */
#scuole #col-left {width:380px; height:360px; padding-top:20px;}
#scuole #col-main {width:580px; background:url(/images/background/scuole/mappa-scuole-italia.png) 0px 0px no-repeat;}
#scuole .campania #col-main {width:580px; background:url(/images/background/scuole/mappa-scuole-campania.png) 0px 0px no-repeat;}
#scuole .lazio #col-main {width:580px; background:url(/images/background/scuole/mappa-scuole-lazio.png) 0px 0px no-repeat;}
#scuole .abruzzo #col-main {width:580px; background:url(/images/background/scuole/mappa-scuole-abruzzo.png) 0px 0px no-repeat;}
#scuole .recapiti-sim {/*position:absolute; z-index:80; left:0px; bottom:0px; */width:500px; line-height:30px; margin-bottom:0px;}
#scuole #col-left p {text-align:justify;}
#scuole .campania #col-left p, #scuole .lazio #col-left p, #scuole .abruzzo #col-left p {text-align:left;}
/*ul.elenco-commune {list-style-type:none;}
ul.elenco-commune li {color:#c50007; font-family:"Arial Narrow"; font-size:15px; font-weight:bold; text-transform:uppercase;}
ul.elenco-commune li.napoli-btn {position:absolute; left:125px; top:160px;}
ul.elenco-commune li.caserta-btn {position:absolute; left:85px; top:90px;}
ul.elenco-commune li.benevento-btn {position:absolute; left:180px; top:90px;}
ul.elenco-commune li.avellino-btn {position:absolute; left:240px; top:160px;}
ul.elenco-commune li.salerno-btn {position:absolute; left:270px; top:270px;}*/

ul.elenco-regioni {list-style-type:none;}
ul.elenco-regioni li {color:#FFF; font-family:"Arial Narrow"; font-size:15px; text-transform:uppercase; text-decoration:none;}
ul.elenco-regioni li a {color:#FFF; font-family:"Arial Narrow"; font-size:15px; text-transform:uppercase; text-decoration:none;}
ul.elenco-regioni li a:hover {color:#F00;}
ul.elenco-regioni li.campania-btn {position:absolute; left:230px; top:250px;}
ul.elenco-regioni li.lazio-btn {position:absolute; left:180px; top:200px;}
ul.elenco-regioni li.abruzzo-btn {position:absolute; left:280px; top:160px;}
ul.elenco-regioni li.torna-btn {position:absolute; right:60px; bottom:25px;}

/* FOTO */
#foto #col-left {width:300px; height:360px; padding-top:20px; background:url(/images/background/foto-collage.jpg) 0px 20px no-repeat;}
#foto #col-main {width:625px; padding-top:10px;}
#foto #circle-intro {position:absolute; left:220px; top:180px; width:300px; height:200px; margin:0px 20px; background:url(/images/background/circle-red-200px.png) left top no-repeat;}
#foto #circle-intro p {font-size:15px; text-align:left; padding-left:30px;}
#foto #circle-intro p.cursive {background:url(/images/text/lefoto.png) 60px 25px no-repeat;}

.gallery-anteprima {width:152px; height:180px; float:right; margin-right:20px;}
.gallery-anteprima a img {border:1px solid #FFF;}
.gallery-anteprima a:hover img {border:1px solid #c50007;}
.gallery-anteprima h3 {font-size:13px; color:#FFF; margin-bottom:5px; margin-top:10px; padding-bottom:5px;}
.gallery-anteprima p {font-size:11px; color:#999; line-height:15px;}


/* SIMTUBE */
#simtube #col-main {float:none; width:850px;}
#simtube #col-main #simtube-intro {background:url(/images/background/simtube-logo.png) left top no-repeat; height:215px;}
#simtube #col-main p {text-align:justify;}
#simtube #col-main #simtube-intro p {padding-left:180px;}

.video-entry {margin-bottom:25px;}
.video-entry .preview {position:absolute; left:0px; top:0px;}
.video-entry .preview a {text-decoration:none;}
.video-entry .preview a img {border:1px solid #c50007;}
.video-entry .preview a:hover img {border:1px solid #fff;}
.video-entry .info {min-height:125px; margin:0px 0px 10px 200px; background:#660000;}
.video-entry .info p {padding:36px 15px; margin:0px;}

#simtube-player #col-main {float:left; width:650px;}
#simtube-player #video-player {padding:5px; background:#c50007;}

/* NEWS */
#news #col-main {float:left; width:650px; height:auto;}

ul.news-entry li {position:relative; padding:10px; padding-left:185px; border-bottom:1px dotted #222; cursor:pointer;}
ul.news-entry li img.preview {position: absolute; left:10px; top:40px; border:1px solid #FFF;}
ul.news-entry li small {font-size:11px; color:#666;}
ul.news-entry li h4 {font-size:17px; color:#c50007;  margin:0px;}
ul.news-entry li p {font-size:13px; margin-top:0px; line-height:20px; text-align:justify;}
ul.news-entry li p a {padding-left:20px;}
ul.news-entry li:hover {background:#990000; cursor:pointer;}
ul.news-entry li:hover small, ul.news-entry li:hover h4 {color:#000;}

ul.news-archive li {padding:10px; border-bottom:1px dotted #222; cursor:pointer;}
ul.news-archive li a {color:#ccc;}
ul.news-archive li:hover {background:#990000;}
ul.news-archive li:hover a {color:#FFF; text-decoration:none;}
ul.news-archive li:hover a span {color:#000;}


/* CONTATTI */
#contatti #col-center {width:600px; height:410px; margin:0px 175px; position:relative;}
#contatti p {font-size:15px; line-height:30px; margin-bottom:20px; color:#CCC;}
#contatti p span {color:#C50007;}
#contatti p span.mid-dot {color:#CCC;}
#contatti p a {color:#C50007; text-decoration:none;}
#contatti p a:hover {text-decoration:underline;}

/* FOOTER */
#footer {height:135px; position:relative;}
#footer-background {position:absolute; z-index:99; height:168px; width:100%; background:url(/images/background/footer.png) 50% top repeat-x;}