/* CSS Document for teatroanfitrione.it */
/* Palette
Grigio sfondo body     252525  
Rosso scuro            87061e  
Rosso chiaro           bd0c0c  
*/

/* Impostazioni generali dei tag e delle classi comuni a tutte le sezioni */
body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #252525;
  background-image: url(../images/bodybg.gif);
  background-repeat: repeat-y;
  color: #ffffff;
  margin: 0px;
  scrollbar-3dlight-color : #bd0c0c; 
  scrollbar-arrow-color : #ffffff; 
  scrollbar-base-color : #87061e;
}

img { border: none; margin: 0px;}
h1 { font-size: 14px; margin: 35px 0px 10px !important; color: #ffffff; text-transform: uppercase; }
p { margin: 5px 0px; }

a, a:visited { color: #bd0c0c; text-decoration: none; font-weight: bold; }
a:hover { color: #bd0c0c; text-decoration: underline; }

form { margin: 10px 0px; }
form span { display: block; height: 25px; clear: left; padding: 1px 0px; }
form span label { float: left; width: 120px; padding-top: 2px; }
form span input, form span textarea,form span select { float: left; }

input, textarea, select, button, div.buttons a {  
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #87061e;
  border: 1px solid #bd0c0c;
  color: #ffffff;
}
button { font-weight: bold; }
input.checkbox { background-color: #000000; border: none; }
textarea { width: 485px; }

div.buttons { text-align: right; padding-top: 10px; }
div.buttons a { padding: 2px 4px; margin: 10px; }
div.buttons a:hover { text-decoration: none; }
div.buttons button { margin: 3px; }
}

ul { margin-top:5px; margin-left:20px; margin-bottom: 3px; }
li { margin-top:3px; }
ul {
       margin: 10px -15px;
  }
ul.nobullet { list-style-type: none; }
ul span { float: left; width: 120px; font-weight: bold; text-transform: uppercase; }

.linkcontacts { color: white !important; font-weight: normal; }

/* Struttura principale e menù */
#wrapper { width: 955px; }
#top { height: 29px; padding: 61px 18px 0px; background-image: url(../images/top.gif); background-position: 15px 30px; background-repeat: no-repeat; }
#main { padding: 10px; padding-left: 20px; min-height: 300px; height: auto !important; height: 300px; }
#main_container { float: left; width: 700px; background-repeat: no-repeat; background-image: url(../images/poltrone_front.jpg); background-position: 0px 65px; }
#footer { margin-top: 20px; height: 20px; text-align: center; color: #999999; }
#footer a, #footer a:link, #footer a:visited { color: #CCCCCC; }
#menu { float: left; width: 230px; margin-top: 4px; padding-left: 4px; }
#menu img { 
       margin: 1px;
  }
#spotlight { margin: 0px 10px 15px; }

/* Ogni sezione con uno sfondo differente
.bg_news { background-image: url(../images/poltrone_front.jpg) !important; background-position: 0px 80px !important; }
.bg_bio { background-image: url(../images/sipario.jpg) !important; background-position: 0px 50px !important; }
.bg_photo { background-image: url(../images/cassa_2.jpg) !important; background-position: 0px 60px !important; }
.bg_bill { background-image: url(../images/poltrone_rear.jpg) !important;  background-position: 0px 90px !important; }
.bg_tickets { background-image: url(../images/cassa.jpg) !important;  background-position: 0px 90px !important; }
.bg_labs { background-image: url(../images/bar.jpg) !important;  background-position: 0px 90px !important; }
.bg_contacts { background-image: url(../images/ingressi.jpg) !important; background-position: 0px 60px !important; }
.bg_where { background-image: url(../images/poltrone.jpg) !important;  background-position: 0px 60px !important; }
*/

/* Stili comuni */
.evidence { font-weight: bold; color: #bd0c0c; }
.clearer { clear: both; height: 10px; }

/* Sezione News */
.news { float: left; margin-left: 0px !important; margin-right: 10px; padding: 5px 5px 5px 0px; width: 190px; }
.news p { margin: 0px 0px 10px; }
.news_header { background-color: #ffffff; opacity: .65; filter: alpha(opacity=65); width: 100%; padding: 2px; margin-bottom: 3px; }
.news_header.new {  background-image: url(../images/bg_new.gif); background-position: top right; background-repeat: no-repeat; }

/* Sezione Storia */
.bio p { margin: 10px 0px; }
.bio .img_left p, .bio .img_right p {   font-size: 9px; text-align: center; width: 140px; margin: 3px; color: #afafaf; }
.bio .img_left img, .bio .img_right img { border: 2px solid #bd0c0c; }
.bio .img_left { float: left; margin: 5px 15px 10px 0px; } 
.bio .img_right { float: right; margin: 5px 0px 10px 15px; }

/* Comuni a sezione PhotoGallery e Programma */
h2 { font-size: 12px; margin: 0px; color: #ffffff; padding: 3px; border-bottom: 1px solid #ffffff; text-transform: uppercase; }
h2 a:hover { text-decoration: none; }
.bill_container, .bill_sheet, .photo_album { margin-top: 20px; border-top: 1px solid #ffffff; }
.bill_container a, .photo_album a { color: #ffffff !important; }
.bill_container img, .bill_sheet img, .photo_album img { float: left; margin: 6px 10px 10px 0px; border: 2px solid #bd0c0c; }
.bill_footer, .photo_footer { margin-top: 15px; padding-top: 5px; border-top: 1px solid #ffffff; }

/* Sezione PhotoGallery */
.photo_menu div { float: right; text-transform: none !important; font-size: 11px; }
.photo_menu div a { color: #ffffff; }
.photo_menu div a:hover { text-decoration: none; color: #b70b30; }
.photo_album p { margin: 5px 0px; }
.photo_album em { color: #c9c9c9; }
div.photo_thumb, .photo_thumb table {width: 98%; text-align: center;}
.photo_thumb, .photo_view { clear: both; margin: 5px auto; text-align: center; }
.photo_thumb img, .photo_view img { border: 1px solid #bd0c0c; float: none !important; }
.photo_thumb a:hover img, .photo_view a:hover img { border: 1px solid #ffffff; }
.photo_thumb td { padding: 3px; text-align: center; }
.photo_album h2 { margin: 0px 0px 10px 110px !important; text-align: right; }
h2.photo_menu { text-align: left; border-top: 1px solid #ffffff; }
.photo_footer { text-align: right; }

/* Sezione Programma */
.bill_container h2 { margin: 0px 0px 7px 110px !important; text-align: right; }
.bill_container h3, .bill_sheet h3 { font-size: 14px; text-transform: uppercase; padding: 4px 0px !important; margin: 2px 0px 5px; }
.bill_container h4, .bill_container h5, .bill_sheet h4, .bill_sheet h5 { font-size: 11px; margin: 0px; padding: 0px; color: #cfcfcf; }
.bill_container h4, .bill_sheet h4 { font-weight: normal; font-style: italic !important; }
.bill_sheet h2 { margin: 0px 0px 7px 210px !important; text-align: right; }
.bill_sheet h2.fullrow { margin-left: 0px !important; margin-top: 10px !important; text-align: center; border-top: 1px solid #ffffff; }
.bill_sheet p { margin-top: 10px; }
.bill_sheet div.menu { text-align: right; margin-top: 0px; }
tr.canceled, tr.canceled a { color: #888888; }
tr.canceled a { font-weight: normal; }
.bill_sheet img.only_detail { margin-left: 20px; }
.bill_container .only_detail { display: none; }

/* Selezione Stagione teatrale */
div.select_bill { position: relative; }
#select_bill_tag {
  background: url(../images/m_select_bill.gif);
  width: 196px; height: 22px; 
  position: absolute;
       right: 0px;
    top: -29px;
}
#select_bill_list {
  position: absolute;
       right: 0px;
    top: -7px;
  width: 300px;
  padding: 5px 10px; 
  border: 2px solid #790518;
  background-color: #000000;
}
div.select_bill div img { margin-top: 8px; }

/* Pagine di risultato elaborazioni */
.result_ok, .result_ko { height: 26px; background-repeat: no-repeat; background-position: 4px center; padding: 8px 50px 0px; margin-bottom: 10px; }
.result_ok { border-top: 2px solid #488153; border-bottom: 2px solid #488153; background-image: url(../images/ico_ok.gif); }
.result_ko { border-top: 2px solid #b40a2e; border-bottom: 2px solid #b40a2e; background-image: url(../images/ico_ko.gif); }
#http_status, { display: none; float: left; margin-left: 5px; padding: 2px 10px; background-color: #fbfbe4; border: 1px solid #fed202; color: #000843; }

#frm_reservations { width: 590px; margin: 0px 25px; }
#frm_reservations label { width: 100px; padding-top: 2px; }
#t_cod_show { width: 250px !important; }
#t_cod_event { width: 220px !important; }
.buttons { text-align: right; }
.buttons button { margin: 6px 3px; }

/* Sezione Laboratori e corsi */
.labs img { float: left; margin: 10px 10px 10px 0px; border: 2px solid #bd0c0c; }

/* Sezione Contatti */
#form_mail { margin-left: 25px; }

/* Sezione Dove siamo */
.where img { margin: 10px auto; border: 2px double #bd0c0c; }

/* Player Video FLV */
#flvplayer object { float: left; margin: 10px; background-image: url(../images/flvplayer_loading.gif); }
#flvplayer_info { float: left; width: 220px; margin-top: 10px; margin-left: 10px; }
#flvplayer_warning { clear: both; margin-top: 5px; padding-left: 10px; }