/* 
    Document   : foglio
    Created on : 20-feb-2009, 14.09.17
    Author     : ale
    Description:
        Foglio di stile principale per SICOM
    Colours    :
        #9d9b8e - verdino di sfondo
        #b84882 - viola lik attivi
*/

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

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
a:link, a:visited, a:active, a:hover {text-decoration:none;color:#9d9b8e;font-weight:bold}

/* BUG PNG EXPLORER 6 */
img { behavior: url(script/iepngfix.htc); }

a.black:link, a.black:visited, a.black:active, a.black:hover {text-decoration:none;color:#000;font-weight:normal}
a.pink:link, a.pink:visited, a.pink:active, a.pink:hover {text-decoration:none;color:#b84882;font-weight:normal}

.linkElenco a:hover {color:#b84882;}

/* layout */
html,body {background-color: #9d9b8e}
body {font:11px Arial; color:#333333; }
#container { width:960px;height:650px;background-color:#ffffff;margin:0 auto; }
#headerLogo {height:51px;background-color:#000;text-align:center;}
#headerPayoff {height:25px;text-align:center}
#mainimg {height:214px}
#menu {height:40px;text-align:center;margin-left:40px;margin-top:20px}
#menu span {height:20px;width:104px;margin-right:40px;}
#content {height:245px; margin:0 auto; width:850px; padding-top:40px;}
#button {position:relative;top:-10px;text-align:right;padding-right:15px;font-size:10px}
#buttonLang {float:left;margin-left:15px}
#footer {height:10px;}
#home {margin:0 auto;text-align:center;width:100%}

.column{width:250px;padding:0 15px 0 0;float:left;overflow:hidden;}
.columnMedium{width:150px;padding:0 20px 0 0;float:left;overflow:hidden;}
.columnBig{width:300px;padding:0 10px 0 0;float:left;overflow:hidden;text-align:justify}
.columnEvento{width:350px;padding:0 10px 0 0;float:left;overflow:hidden;text-align:justify}
.columnVeryBig{width:380px;padding:0 30px 0 0;float:left;overflow:hidden;text-align:justify}
.columnSmall{width:80px;float:left;overflow:hidden;}
.topAlign{margin-top:-34px}
.linkEventi{color:#ccc}
.mtop{margin-top:10px}

#testo {margin:0; float:left; width:300px;}
#dati_evento {margin:0; float:left; width:300px;font-size:11px;}
#foto {margin:0; float:left; width:240px;margin-top:-34px;overflow:hidden;}

#elencoEventi {text-align:center; margin:0 auto;width:790px}
#elencoEventi h2 {font-size:14px;border-bottom:1px solid #000;margin-top:10px;display:inline;}
#elencoEventi .column {/*text-align:left;*/padding:0}

#contattaci {margin-top:30px;margin-left:20px}
#contattaci .column {text-align:left;}
p.contact {border-top:1px solid #000;display:inline;padding-top:10px}

#contatti {margin-top: 10px; font-size: 12px;line-height:150%}

#pagPerche {margin:0 auto;width:800px}

h2#titoloEvento {font-weight:bold;color:#cc0000;font-size:14px}

span#firstRow{font-size:14px;font-weight:bold;color:#b84882}

strong.pink {color:#b84882;}

.blocco {  position: absolute;  width: 320px;  height: 170px;  background-color: #FFF;}
#Scroller {   position: absolute;   overflow: hidden;  width: 320px;  height: 170px;}
#Scroller p {  margin: 0; padding-right:10px; font-size:11px;text-align:justify;}
.Scroller-Container {  position: absolute;  top: 0px; left: 0px;}
.Scrollbar-Track {  width: 8px; height: 170px;  position:relative;  top: 0; left: 330px;  background-color: #EEE;}
.Scrollbar-Handle {  position: absolute;  top: 0px; left: 0px;  width: 8px; height: 30px;  background-color: #CCC;}