/* Tags generali */
html, body { width: 100%; margin: 0px; padding: 0px; font-size: 13px; font-family: Trebuchet MS, Arial, sans-serif; background-color: #161616; color: #ffffff; }
html { overflow-y: scroll; }
p { margin: 0px; padding: 0px; }
a { color: #e0b161; text-decoration: none; }
a:hover { color: #e2d5a1; }
b, strong { color: #e0b161; }
.lowlight { color: #cccccc; }
.active { color: #e2d5a1; }
.border { border: 1px #5c5c5c solid; }
h1, h2, h3, h4, h5, h6, h7 { margin: 0px; padding: 0px; }
a.download { display: block; float: left; background: url(../resources/pdf.png) no-repeat; height: 30px; padding: 7px 0px 0px 34px; }

/* Blocco principale */
#container { width: 100%; float: left; }
#website { width: 978px; margin: 0px auto; }

/* Direttive generali titolo e menu e sottomenu */
#header { width: 100%; float: left; padding: 10px 0px 10px 0px; border-bottom: 1px #5c5c5c solid; }
#menu { width: 100%; float: left; padding: 15px 0px 15px 0px; }
#submenu { width: 31%; float: left; }

#header span, #menu span, #submenu span { display: none; }
#header a, #menu a { display: block; float: left; height: 22px; background-color: #161616; color: #161616; }
#header ul, #menu ul, #submenu ul { list-style: none; margin: 0px; padding: 0px; position: relative; }
#header li, #menu li, #submenu li { float: left; margin: 0px; padding: 0px; }

/* Menu sezioni di servizio ed header */
#header h1 { float: left; height: 49px; width: 432px; }
#header h1 a { width: 100%; height: 100%; background: url(../resources/title.jpg) no-repeat; }
#header ul { float: right; top: 27px; }
#header li { margin-left: 35px; }
#header .menu_info a { background: url(../resources/menu_info.jpg) no-repeat; width: 35px; }
#header .menu_dove_siamo a { background: url(../resources/menu_dove_siamo.jpg) no-repeat; width: 113px; }

/* Menu sezioni principali */
#menu ul { float: left; }
#menu li { margin-right: 50px;}
#menu .menu_scuola a { background: url(../resources/menu_scuola.jpg) no-repeat; width: 63px; }
#menu .menu_corsi a { background: url(../resources/menu_corsi.jpg) no-repeat; width: 43px; }
#menu .menu_insegnanti a { background: url(../resources/menu_insegnanti.jpg) no-repeat; width: 99px; }
#menu .menu_news a { background: url(../resources/menu_news.jpg) no-repeat; width: 116px; }
#menu .menu_orari a { background: url(../resources/menu_orari.jpg) no-repeat; width: 42px; }
#menu .menu_photogallery a { background: url(../resources/menu_photogallery.jpg) no-repeat; width: 124px; }

/* Sottomenu */ 
#submenu a { display: block; float: left; height: 30px; width: 300px; }
#submenu li { margin-bottom: 10px; }

/* Rollover */
#header a:hover, #menu a:hover, #submenu a:hover { background-position: bottom; }

/* Immagine centrale */
#image { width: 100%; float: left; }
#image img { border: 1px #5c5c5c solid; }

/* Corpo principale del sito e relativo titolo */
#main { width: 100%; float: left; padding: 15px 0px 15px 0px; }
#main h2 { float: left; width: 100%; height: 38px; border-bottom: 1px #5c5c5c solid; margin-bottom: 15px; }
#main h2 span { display: none }
#main .title_scuola { background: url(../resources/title_scuola.jpg) no-repeat right; }
#main .title_corsi { background: url(../resources/title_corsi.jpg) no-repeat right; }
#main .title_insegnanti { background: url(../resources/title_insegnanti.jpg) no-repeat right; }
#main .title_news { background: url(../resources/title_news.jpg) no-repeat right; }
#main .title_orari { background: url(../resources/title_orari.jpg) no-repeat right; }
#main .title_photogallery { background: url(../resources/title_photogallery.jpg) no-repeat right; }
#main .title_info { background: url(../resources/title_info.jpg) no-repeat right; }
#main .title_dove_siamo { background: url(../resources/title_dove_siamo.jpg) no-repeat right; }

/* Corpo delle sezioni con sottomenu */
#submain { width: 65%; float: right; }
#submain h3, #main h3 { float: left; width: 100%; height: 30px; background-repeat: no-repeat; }
#submain h3 span, #main h3 span { display: none; }

/* Photogallery */
.album_line { width: 100%; float: left; position: relative; margin-bottom: 15px; }
.album_line a { cursor: pointer; }
.album_box { width: 146px; float: left; margin-right: 15px; }
.album_box img { border: 1px #5c5c5c solid; width: 144px; height: 98px; }
.album_box p { width: 146px; float: left; margin: 5px 0px 0px 0px; padding-bottom: 5px; border-bottom: 1px solid #5c5c5c; }
.album_picturebox { border: none; }

/* News */
ul.news_archive { list-style: none; margin: 0px; padding: 0px; width: 100%; }
li.news_archive { float: left; margin: 0px; padding: 0px; }
.news_archive a { display: block; float: left; width: 100%; cursor: pointer; padding: 4px 0px 4px 0px; border-bottom: 1px dashed #393939; }
.news_archive .news_archive_title { display: block; width: 80%; float: left; font-size: 16px; }
.news_archive .news_archive_title i { font-size: 13px; }
.news_archive .news_archive_subtitle { display: block; width: 80%; float: left; color: #cccccc; }

.images_box { width: 146px; float: right; margin-left: 15px; }
.images_box img { border: 1px #5c5c5c solid; width: 144px; margin-bottom: 15px; }

/* Paging */
#paging { width: 100%; float: left; position: relative; margin-top: 15px; }
#paging_back { width: 20%; float: left;}
#paging_next { width: 20%; float: right; text-align: right; }
#paging .off { color: #393939; }
#paging_goto { float: left; width: 20%; margin-left: 20%; }
#paging_goto p { text-align: center; float: left; margin-right: 5px; }
#paging_goto input { display: block; float: left; width: 30px; text-align: center; margin-right: 5px; }
#paging_goto a { display: block; float: left; }

/* Info e form */
input { background-color: #393939; border: 1px #5c5c5c solid; color: #ffffff; padding: 2px; }
textarea { font-size: 13px; font-family: Trebuchet MS, Arial, sans-serif; background-color: #393939; border: 1px #5c5c5c solid; color: #ffffff; padding: 2px; overflow: auto; }
fieldset { margin: 0px; padding: 0px; border: none; }
.error_box { float: left; width: 100%; color: #393939; }
.error_highlight { border: 1px #e2d5a1 solid }
#mainform { width: 440px; float: left; }
#mainform fieldset { margin-bottom: 15px; }
#mainform label { width: 100px; float: left; margin-right: 15px; text-align: right; }
#mainform input { width: 300px; float: left; }
#mainform textarea { width: 300px; height: 150px; }
#mainform button { position: relative; left: 115px; padding: 0px; margin: 0px; border: none; cursor: pointer; background: url(../resources/btn_invia.jpg); height: 22px; width: 44px; }
#mainform button span { display: none; }

/* Footer */
#footer { width: 100%; float: left; border-top: 1px #5c5c5c solid; color: #cccccc; text-align: right; margin-bottom: 15px; }