/* Eric Meyer reset CSS
-------------------------*/
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,
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-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* Definitions
-------------------------*/

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

body {
    background: #FFF;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

body, html {
    height: 100%;
}

a {
    color: #2C8D9E;
    text-decoration: none;
}

#header {
    padding-top: 40px;
    margin: 0 auto;
    width: 960px;
}

#header img.header_static {
    display: block;
}

#flashcontent {
    height: 350px;
    margin: 0;
}

#flashcontent #gallery {
    margin: 0;
}

#wrapper {
    height: auto !important;
    margin: 0 auto -6em;
    min-height: 100%;
    width: 960px;
}


/* Main Menu
-------------------------*/
#mmenu {
/*    background: #7BA42B;*/
    clear: both;
    float: left;
    width: 960px;
}

#mmenu a {
    background-image: url("img/new_menu_internal.gif");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 60px;
    letter-spacing: -500em;
    text-indent: -500em;
    overflow: hidden;
}

.home #mmenu a {
    background-image: url("img/new_menu.gif");
}

#mmenu li {
    display: inline;
}

#home {
    background-position: 0 0;
    width: 110px;
}
#home:hover {
   background-position: 0 -60px; 
}
#home.active {
   background-position: 0 -120px; 
}

#massimo {
    background-position: -110px 0;
    width: 155px;
}
#massimo:hover {
    background-position: -110px -60px;
}
#massimo.active {
    background-position: -110px -120px;
}

#idee {
    background-position: -265px 0;
    width: 260px;
}
#idee:hover {
    background-position: -265px -60px;
}
#idee.active {
    background-position: -265px -120px;    
}

#notizie {
    background-position: -525px 0;
    width: 135px;
}
#notizie:hover {
    background-position: -525px -60px;
}
#notizie.active {
    background-position: -525px -120px;
}

#agenda {
    background-position: -660px 0;
    width: 145px;
}
#agenda:hover {
    background-position: -660px -60px;
}
#agenda.active {
    background-position: -660px -120px;
}

#partecipa {
    background-position: -805px 0;
    width: 155px;
}
#partecipa:hover {
    background-position: -805px -60px;
}
#partecipa.active {
    background-position: -805px -120px;
}


/* Base Structure
-------------------------*/
#main_content {
    clear: both;
    padding-bottom: 20px;
    padding-top: 40px;
}

div.wide_col {
    float: left;
    width: 640px;    
}

div.small_col {
    background: url("img/bgs/bg_rightbar.png") no-repeat left top;
    float: right;
    width: 320px;
}


/* Main Content
-------------------------*/
div.main_title {
    background: url("img/bgs/bg_title.png") no-repeat left bottom;
/*    border: 1px solid red;*/
}

div.main_title h2 {
    color: #100F10;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 38px;
    font-weight: bold;
    letter-spacing: -1px;
/*    margin-bottom: 10px;*/

}

div.main_title h3 {
    color: #666;
    font-family: Georgia, Palatino, "Times New Roman", serif;
    font-size: 20px;
    font-style: italic;
    font-weight: normal !important;
    padding-bottom: 30px;
}

.wide_col h3 {
    font-weight: bold;
    margin-bottom: 5px;
}

.wide_col p {
    color: #333;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 10px;
    margin-right: 10px;
}

.wide_col ul {
    color: #333;
    line-height: 120%;
    list-style-type: square;
    font-size: 14px;
    margin: 10px 20px;
    
}

.wide_col ul li {
    margin-bottom: 10px;
}

.wide_col img {
    border: 1px solid #CCC;
    background-color: #FFF;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 5px;
}

/* Agenda Esplosa (pagina dedicata)
-------------------------*/
ul.agenda {
    list-style-type: none;
    margin: 5px 0;
}

ul.agenda li {
    margin-bottom: 20px;
}

ul.agenda p.event_date {
/*    color: #747469;*/
    color: #3F382E;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 2px 0 0;
    text-transform: uppercase;    
}

ul.agenda h3.event_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 2px 0 0;
}

ul.agenda p {
    color: #333;
    font-size: 14px;
    line-height: 130%;
}

/* Comments list 
-------------------------------------*/
h3#commento {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
}

ol.comments_list {
    color: #CCC;
    list-style-type: decimal;
    list-style-position: inside;
    padding-right: 10px;
}

ul.comment_preview {
    color: #CCC;
    list-style-type: square;
    list-style-position: inside;
    padding-right: 10px;
}

ol.comments_list li,
ul.comment_preview li {
    border-bottom: 1px solid #F2F2F2;
    font-size: 26px;
    padding: 10px 10px 20px;
}

ul.comment_preview li {
    background-color: #FFC;
}

ol.comments_list li span,
ul.comment_preview li span {
    color: #333;
    font-size: 16px;
    line-height: 26px;
}

ol.comments_list p,
ul.comment_preview p {
    color: #666;
    font-size: 14px;
    line-height: 130%;
    padding: 0 0 0 36px;
}

ol.comments_list li.odd {
    color: #999;
    background-color: #FCFCFC;
}

ol.comments_list li.odd p {
    color: #444;
}

/* Comments form 
-------------------------------------*/

h3#commento {
    padding-top: 30px;
}

div.comments-wrapper {
    margin: 10px;
}

ol.fields_list li {
    padding: 5px 0;
}

.zemContactForm legend {
    color: #666;
    font-size: 16px;
    font-weight: bold;
}

#txpCommentInputForm fieldset,
.zemContactForm fieldset {
    padding: 5px;
}

#txpCommentInputForm label,
.zemContactForm label {
    color: #525245;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 3px;
    text-transform: capitalize;
}

#txpCommentInputForm label span {
    font-weight: normal;
    text-transform: none;
}

#txpCommentInputForm input,
#txpCommentInputForm textarea,
.zemContactForm input,
.zemContactForm textarea {
    border: 1px solid #CCC;
    color: #333;
    font-size: 14px;
    padding: 2px;
}

#cpreview {
    margin: 20px 10px;
}

#cpreview p {
    color: #333;
    font-size: 14px;
    line-height: 120%;
}

div.comment_preview {
    background-color: #FCFCFC;
    border-bottom: 1px solid #F2F2F2;
    font-size: 26px;
    line-height: 26px;
    margin-top: 10px;
    padding: 10px 10px 20px;
}

div.comment_preview span {
    color: #333;
    font-size: 16px;
    line-height: 26px;
}

p.notice, p.warning  {
    color: #333;
    font-size: 13px;
    line-height: 130%;    
    padding: 5px 0;
}

p.warning {
    font-weight: bold;
    font-size: 14px;
}

p.comments_closed {
    color: #333;
    border-top: 1px solid #DDD;
    font-weight: bold;
    font-size: 14px;
    padding-top: 10px;
}

div.errors_wrap {
    border: 1px solid #FCC;
    background-color: #FEE;
    margin-bottom: 10px;
    padding: 5px 15px;
}

ol.comments_error,
ul.zemError {
    color: #333;
    margin: 0 20px 0 0;    
    margin: 5px 20px;
    list-style-type: square;
}

ol.comments_error li {
    font-size: 14px;
    padding: 2px 0;
}

.wide_col p#txpCommentInputForm {
    font-size: 13px;
    margin: 10px;
}


/* Right menu
(for normal template)
-------------------------*/

h3.right_menu {
    clear: both;
    color: #3B342A;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    letter-spacing: -1px;
    line-height: 30px;
    margin: 0 5px 0 15px;
    text-transform: uppercase;
}

ul.right_menu,
ul.schedule,
ul.wyn_recent_comments,
#rssCatList ul {
    border-top: 1px solid #3B342A;
    margin: 0 5px 0 15px;
}

ul.right_menu li,
#rssCatList ul li {
    border-bottom: 1px solid #A1A096;
    font-size: 14px;
    font-weight: bold;    
    line-height: 30px;
    padding: 0 0 0 5px;
}

/* Ricerca
-------------------------*/

div.small_col form {
    border-top: 1px solid #3B342A;
    margin: 0 5px 0 15px;
    padding: 5px 0 15px;
}

div.small_col form p {
    color: #333;
    font-size: 12px;
}

div.small_col form label {
    display: none;
    font-size: 14px;
    padding: 2px 0 5px;
}

div.small_col form input.textfield {
    border: 1px solid #CCC;
    color: #333;
    font-size: 14px;
    margin-right: 5px;
    margin-top: 2px;
    padding: 2px;
    width: 180px;
    
}



p.pagination {
    text-align: center;
}

p.pagination a {
    border: 1px solid #2C8D9E;
    margin: 0 2px;
    padding: 4px 5px;
    
}

/* Commenti Recenti
-------------------------*/

ul.wyn_recent_comments li {
    border-bottom: 1px solid #A1A096;
    font-size: 12px;
    font-weight: normal;    
    line-height: 100%;
    padding: 5px;
}

ul.right_menu li.right_event {
    border-bottom: 1px solid #A1A096;
    font-size: 14px;
    font-weight: bold;    
    line-height: 120%;
    padding: 5px;
}

ul.right_menu li.right_event span {
    font-size: 12px;
    color: #747469;
    text-transform: uppercase;
}

ul.wyn_recent_comments {
/*    background: url("img/bgs/bg_doublestrip.gif") repeat-x top left;*/
}

ul.wyn_recent_comments li {
    border-bottom: 1px solid #A1A096;
    font-size: 12px;
    font-weight: normal;    
    line-height: 100%;
    padding: 5px;
}

ul.wyn_recent_comments li a em {
    color: #333;
    font-style: normal;
}

ul.wyn_recent_comments li a span {
    display: block;
    color: #333;
    font-size: 11px;
    font-style: italic;
    line-height: 100%;
    padding-top: 4px;
}


/* Youtube Embed
-------------------------*/
div.utube {
    margin: 10px 5px 20px 15px;
}

/* Flickr Stream
-------------------------*/
#flickr {
    padding: 10px 5px 15px 15px
}

#flickr h3 {
    border-bottom: 1px solid #3B342A;
    color: #3B342A;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    letter-spacing: -1px;
    line-height: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;    
}

#flickr h3 a {
    background: url("img/flickr_logo.png") no-repeat left top;
    display: block;
    float: left;
    letter-spacing: -500em;
    overflow: hidden;
    text-indent: -500em;
    height: 30px;
    width: 74px;
}

#flickr div.flickr_badge_image {
    float: left;
    margin: 3px 7px 3px 8px;
}

#flickr .flickr_badge_image a {
    background: url("img/bgs/bg_thumb.png") no-repeat 0 0;
    padding: 8px;
    display: block;
}

#flickr .flickr_badge_image a:hover {
    background: url("img/bgs/bg_thumb.png") no-repeat 0 -80px;
    padding: 8px;
    display: block;
}

#flickr .flickr_badge_image a img {
    border: 0;
    display: block;
    margin: 0;
    height: 64px;
    width: 64px;
}


ul.media_stream {
/*    float: right;*/
    margin: 10px auto 15px;
    width: 181px;
}

ul.media_stream a {
    background-position: left top;
    background-repeat: no-repeat;
/*    border: 1px solid red;*/
    display: block;
    float: left;
    height: 40px;
    letter-spacing: -500em;
    text-indent: -500em;
}

a#youtube_link {
    background-image: url("img/logo_youtube.png");
    background-position: 0 -40px;
    width: 86px;
}

a#fb_link {
    background-position: 0 -40px;
    background-image: url("img/logo_fb.png");
    width: 95px;
}

ul.media_stream li {
    display: inline;
}

p.mxc_lab {
    clear: both;    
}

p.mxc_lab a#mxc_lab {
    background: url("img/mxc_small.png") no-repeat center center;
    display: block;
    height: 125px;
    letter-spacing: -500em;
    margin: 10px auto;
    text-indent: -500em;
    width: 180px;
}

/* Footer
-------------------------*/
#pusher {
    clear: both;
    height: 6em;
}

#footer {
    clear: both;
    height: 6em;
    margin: 0 auto;
    position: relative;
    width: 960px;
}

div.footer_content {
    background: #92CB0C url("img/bgs/footer_top.png") no-repeat center top;
/*    border: 1px solid red;*/
    float: left;
    min-height: 90px;
    padding-top: 5px;
    width: 100%;
}

#footer .info {
/*    background-color: #92CB0C;*/
    float: left;
    width: 480px;
}

.info dl {
    font-size: 13px;
    padding: 15px 20px 0;
}

.info dl dt {
    padding: 0px 0 2px;
    font-weight: bold;
}

.info dl dd {
    padding: 1px 0;
}

.info dl dd.mandatario {
    font-size: 9px;
    text-transform: uppercase;
}

#footer div.coalizione {
    background: url("img/bgs/bg_footer_logos.gif") no-repeat left bottom;
    position: absolute;
    float: left;
    min-height: 95px;
    width: 480px;
    bottom: 0;
    right: 0;
}

div.coalizione ul {
    padding-top: 43px;
    padding-left: 120px;
}

.coalizione li a {
    background: url("../images/logo_coalizione.png") no-repeat left top;
    display: block;
    float: left;
    letter-spacing: -500em;
    text-indent: -500em;
    height: 45px;
}

#pd {
    width: 56px;
}

#ci {
    background-position: -51px 0;
    width: 56px;
}

#idv {
    background-position: -107px 0;
    width: 59px;
}

#re {
    background-position: -166px 0;
    width: 59px;
}

#pl {
    background-position: -223px 0;
    width: 58px;
}

#sa {
    background-position: -281px 0;
    width: 50px;
}


.coalizione li {
     display: inline;
}
/* Utiliy
-------------------------*/
div.killer {
    clear: both;
    font-size: 1px;
}