/* ///////////////// HTML //////////////////// */

* {
font-family: Arial;
font-size: 12px;
color: #A0A0A0;
}

body {
margin: 0;
background-color: #fff;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
}

img#refresh {
position: absolute;
top: 35px;
left: 355px;
}

a img {
border: 0;
}

small {
font-size: 10px;
}

/* biglietto */
p#close {
margin: 0;
position: absolute;
top: 32px;
right: 34px;
text-align: right;
}

p#close a {
font-size: 11px;
color: #D0032F;
text-decoration: none;
}


/* centra messaggio verticalmente */
table {
width: 100%;
height: 100%;
}

div#biglietto td {
padding: 0 40px;
border: 0px solid red;
}

div#stars img {
vertical-align: top; /* non allineare immagini con baseline */
margin-right: -3px;
cursor: pointer;
}

div#stars {
font-size: 11px;
color: #D0032F;
}

/* kookie info */

div#cookie_info p#cookie_number {
font-size: 32px;
margin: 0;
}

div#cookie_info ul {
padding-left: 0;
margin-left: 0;
margin-top: 0;
list-style-position: outside;
list-style-type: none;
}

/* pannello */
div#pannello * {
color: #F1017D;
}

div#pannello p {
text-align: justify;
margin: 0;
}

div#pannello form {
margin-top: 6px;
}

div#pannello form span {
font-size: 11px;
}

div#pannello textarea {
width: 318px; /* vedi larghezzo div#pannello */
height: 72px;
border: 1px solid #f1017d;
background-color: #fff;
}

/* colonne votazioni */
div.column ul {
margin: 0;
padding-left: 0;
margin-left: 0;
list-style-position: outside;
list-style-type: none;
}

div.column li {
list-style-type: none;
list-style-position: outside;
margin: 0;
margin-bottom: 6px;
padding-bottom: 6px;
}

div.column b {
margin-right: 3px;
font-size: 11px;
}

div.column a {
text-decoration: none;
}

div.column a:hover {
text-decoration: underline;
}

div#column0 b {
color: #7d7d7d;
}

div#column1 b {
color: #9DD003;
}

div#column2 b {
color: #FF7252;
}

div#column3 b {
color: #F3CE01;
}

/* tips */
div#tips * {
color: white;
}



/* ///////////////// LAYOUT //////////////////// */

div#tips {
position: relative;
width: 100%;
height: 37px;
background-color: #F1017D;
margin-top: 0;
border-top: 1px solid green; /* evita top margin weirdness */
}

div#container {
position: relative;
/* width: 1000px; */
width: 100%;
padding-top: 126px; /* come header meno qualcosina */
border: 0px solid black;
}

div#header {
border: 0px solid red;
width: 1000px;
position: absolute;
top: 0;
left: 50%;
margin-left: -504px; /* +4px or IE7 puts hoz scrollbar */
z-index: 99;
}

div#banda {
position: relative;
border: 0px solid darkorange;
width: 100%;
height: 250px;
background-image: url(images/banda_background.jpg);
background-position: top center;
background-repeat: repeat-x;
}

div#cookies {
position: relative;
left: 50%;
margin-left: -212px;
width: 425px;
border: 0px solid red;
}

div#biglietto {
position: absolute;
top: 0;
left: 50%;
margin-left: -180px;
width: 360px;
height: 250px;
background-image: url(images/biglietto-.gif);
background-repeat: no-repeat;
border: 0px solid black;
}

div#tools {
position: absolute;
top: 180px;
left: 67px;
width: 247px;
height: 30px;
border: 0px solid red;
}

div#stars {
border: 0px solid pink;
height: 26px;
float: right;
clear: right;
padding-top: 6px;
}

div#cookie_info {
border: 0px solid green;
width: 250px;
position: absolute;
bottom: 5px;
right: 17px;
padding: 4px;
}

div#send_cookie {
border: 0px solid red;
height: 40px;
margin-top: 5px;
}

/* pannello per aggiungere messaggio */

div#pannello {
width: 325px;
height: 294px;
padding: 147px 35px 0 291px;
position: relative;
left: 50%;
margin-left: -325px;
margin-bottom: -100px; /* tira su columns quando visibile*/
top: 20px;
border: 0px solid red;
background-image: url(images/pannello_background--trans.png);
background-repeat: no-repeat;
} 

div#pannello * {
color: #666;
}

div#pannello ul {
padding-left: 0;
margin-left: 0;
margin: 0;
list-style-position: inside;
list-style-type: none;
}

div#pannello li {
border: 0px solid red;
margin-bottom: 3px;
padding: 0;
padding-left: 20px;
background-image: url(images/bullet-trans.png);
background-repeat: no-repeat;
}

div#pannello p {
margin: 0;
margin-top: 9px;
margin-bottom: 5px;
}

/* columns */

div.columns {
position: relative;
width: 990px;
left: 50%;
margin-left: -500px;
padding-left: 10px;
top: 115px;
border: 0px solid red;
}

div.column {
width: 230px;
padding: 55px 0 20px 0;
border: 0px solid green;
float: left;
margin-right: 20px;
}

div#column0 {
background-image: url(images/column0_background-.gif);
background-repeat: no-repeat;
background-position: top center;
}

div#column1 {
background-image: url(images/column1_background-.gif);
background-repeat: no-repeat;
background-position: top center;
}

div#column2 {
background-image: url(images/column2_background-.gif);
background-repeat: no-repeat;
background-position: top center;
}


div#column3 {
background-image: url(images/column3_background-.gif);
background-repeat: no-repeat;
background-position: top center;
margin-right: 0;
}

div#footer {
margin-top: 146px; /* come padding top container + qualcosa */
background-color: #F1017D;
height: 105px;
padding: 16px 25px 7px 25px;
}

div#footer * {
color: #fff;
}

div#footer a img {
border: 0;
}