/* CSS Document for anfiteatroquerciadeltasso.com */

/* Palette

Blu sfondo body         0d1d7d  
Blu sfondo main         000843  
Giallino                fdf594
*/

body {
  font-family: Georgia, "Trebuchet MS", serif;
  font-size: 13px;
  background-color: #0d1d7d;
  background-image: url(../images/bodybg.gif);
  background-repeat: repeat-x;
  color: #ffffff;
  text-align: center;
  margin: 0px;
  scrollbar-3dlight-color : #000843; 
  scrollbar-arrow-color : #fdf594; 
  scrollbar-base-color : #000843;
}

img { border: none; }

a, a:visited { color: #ffeb40; text-decoration: none; }
a:hover { color: #ffeb40; text-decoration: underline; }

h1 {
  font-size: 19px;
  margin: 3px 0px !important;
  color: #ffeb40;
}

h2 {
  font-size: 15px;
  margin: 0px !important;
}

p { margin: 5px 0px; }

form { margin: 0px 10px; }

input, textarea, button, select { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
input, textarea, select, button, .buttons a {  
  background-color: #0d1d7d;
  border: 1px solid #1328a7;
  color: #ffeb40;
}
input.checkbox { background-color: transparent; border: none;}

form span { display: block; height: 25px; clear: left; padding: 1px 0px; }
form span label { float: left; width: 120px; }
form span input, form span textarea,form span select { float: left; }
button { font-weight: bold; }
form textarea { width: 450px; }

div.buttons { text-align: right; padding-top: 10px; font-size: 11px; margin-right: 5px; }
div.buttons a { padding: 2px 4px; font-weight: bold; margin: 3px; }
div.buttons a:hover { text-decoration: none; }
div.buttons button { margin: 3px; }

ul, li {
  margin: 0px;
  padding: 0px;
}

#wrapper {
  width: 762px;
  margin: 0 auto;
  text-align: left;
  background-color: #000843;
  background-image: url(../images/borders.gif);
  border: 1px solid #ffffff;
  border-top: none;
}

#top { 
  height: 137px;
}

#footer {
  font-family: Verdana, Arial, sans-serif; font-size: 10px;
  height: 26px;
  text-align: center;
  background-image: url(../images/footer.gif);
  border-top: 1px solid #ffffff;
}

#menu {
  height: 40px;
  margin: 0px 26px;
  border-bottom: 1px solid #ffffff;
}
#menu img { margin-right: -2px; margin-bottom: -3px;}

#main {
  padding: 10px;
  margin: 0px 26px;
}

.evidence { font-weight: bold; color: #ffeb40; }

.clearer { clear:both;  }

.news { float: left; margin-left: 10px; padding: 5px; width: 450px; }
.news p { margin: 0px 0px 10px; }
.news form { margin: 15px 0px; }

.spotlight { float: left; margin-right: 10px; }
.spotlight div { border: 3px double #ffeb40; }

h2.photo_menu { font-size: 19px; }
.photo_menu { margin-bottom: 15px !mportant; color: #ffeb40; }
.photo_menu .photo_select { font-size: 10px; }
.photo_menu .photo_pager, .photo_menu .photo_navigator { font-size: 15px; font-weight: normal; color: #ffffff; float: right; }
.photo_menu .photo_pager a:hover { text-decoration: underline; }
.photo_album { margin-top: 5px; }
.photo_album p { margin: 5px 0px; }
.photo_album em { color: #c9c9c9; }
.photo_thumb, .photo_view { clear: both; margin: 5px auto; text-align: center; }
a.photo_album { margin-left: 5px; }
a.photo_album img, a.photo_thumb img, a.photo_view img { border: 3px double #c9c9c9; }
a:hover.photo_album img, a:hover.photo_thumb img, a:hover.photo_view img { border: 3px double #ffeb40; }
.photo_album .preview { float: left; width: 180px; text-align: center; }
.photo_album .data { float: left; margin-left: 10px; width: 490px; }
.photo_album .commento { font-size: 12px; }
.photo_thumb td, .photo_strip td { width: 165px; height: 70px; padding: 3px; text-align: center; }
.photo_view { margin-top: 20px; }

.photo_menu .photo_navigator {
       margin-top: 0px;
  }


#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;
}

/* Comuni a sezione PhotoGallery e Programma */
.bill_container, .bill_sheet { margin-top: 20px; border-top: 1px solid #e2e4f5; }
.bill_container img, .bill_sheet img { float: left; margin: 6px 10px 10px 0px; border: 3px double #c9c9c9; }
.bill_footer, .photo_footer { margin-top: 15px; padding-top: 5px; }
.season_select { font-size: 10px; }

/* Sezione Programma */
.bill_container h2, .bill_sheet h2 { font-size: 12px; margin: 0px; color: #ffffff; padding: 3px; border-bottom: 1px solid #e2e4f5; }
h2 a:hover { text-decoration: none; }
.bill_container h2 { margin: 0px 0px 7px 110px !important; text-align: right; color: #e2e4f5; }
.bill_container h2:first-letter { text-transform: uppercase; }
.bill_container h3, .bill_sheet h3 { font-size: 16px; padding: 4px 0px !important; margin: 2px 0px 5px; color: #ffeb40; }
.bill_container h4, .bill_container h5, .bill_sheet h4, .bill_sheet h5 { font-size: 13px; margin: 0px; padding: 0px; }
.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 { font-size: 15px; color: #ffeb40; margin-left: 0px !important; margin: 15px !important; border-bottom: none; text-align: center; }
.bill_sheet h2:first-letter { text-transform: uppercase; }
.bill_sheet h3 { font-size: 18px;}
.bill_sheet p, .bill_container p { margin-top: 10px; }
.bill_sheet div.menu { text-align: right; margin-top: 0px; }
table td { text-align: left; }
th {
  text-align: center;
  color: #ffeb40;
  padding: 1px 10px;
}
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; }

/*
.bill.showtimes .canceled {
  float: left;
  font-weight: bold; 
  color: #ff0000; 
  font-size: 10px; 
  text-transform: uppercase; 
  text-decoration: underline; 
  margin-top: 1px;
}
.bill.showtimes div.canceled_box { 
  position: absolute; 
  background-color: #0d1d7d; 
  filter: alpha(opacity=80); opacity: 0.8; 
  width: 180px; min-height: 65px; 
  color: #ffffff; 
  border: 1px solid #ffffff;
  padding: 5px;
  display: none;
}
*/

.photo_strip { width: 100%; text-align: center; margin: 20px 0px; }
.photo_strip div { 
  font-family: Verdana, sans-serif; 
  float: left; 
  font-size: 9px; 
  margin: 10px !important; margin: 10px 6px; 
  text-align: center; 
  width: 150px;
  line-height: 12px !important;
  line-height: 14px;
}
.photo_strip a img { border: 3px double #c9c9c9; margin: 2px; }
.photo_strip a img.evidence { border: 3px double #c9c9c9; margin: 0px; }
.photo_strip a:hover img { border: 3px double #ffeb40;}
.photo_strip a:hover img.evidence { border: 3px double #ffeb40; }

/* Selezione Stagione teatrale */
div.select_bill { position: relative; }
#select_bill_tag {
  background: url(../images/m_select_bill.gif);
  font-size: 15px; color: #fdf594; font-weight: bold;
  width: 237px; height: 20px; padding: 3px; 
  position: absolute;
       right: 0px;
    top: -34px;
}
#select_bill_list {
  position: absolute;
       right: 0px;
    top: -8px;
  width: 300px;
  padding: 5px 10px; 
  border: 2px solid #020E64;
  background-color: #0d1d7d;
}
#select_bill_list a span { font-weight: bold; line-height: 25px !important; }
div.select_bill div img { margin-top: 8px; }


/* Pagine di risultato elaborazioni */
.result_ok, .result_ko { height: 26px; float: left; font-size: 15px; font-weight: bold; background-repeat: no-repeat; background-position: 4px center; padding: 8px 50px 0px; margin-bottom: 10px; margin-top: 5px; }
.result_ok { background-image: url(../images/ico_ok.gif); background-color:#488153; }
.result_ko { background-image: url(../images/ico_ko.gif); background-color:#9a1f1f; }
#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; }
#t_cod_show { width: 250px !important; }
#t_cod_event { width: 200px !important; }
.buttons {
  text-align: right; 
  padding-top: 5px;
  margin-right: 50px;
}
.buttons button {
  margin: 3px;
}

#form_mail { margin-left: 23px; }

ul.tickets {
  width: 500px;
  margin: 10px 25px;
  list-style-type: none;
}

ul.contacts {
  width: 200px;
  margin: 10px 25px;
  list-style-type: none;
}

ul.tickets span.evidence { float: left; width: 220px; }
ul.contacts span { float: left; width: 100px; font-weight: bold; color: #ffeb40; }

ul.reservations {
	margin: 15px 0px 15px 15px;
}

h2.reservations { margin: 15px 0px 5px !important; color: #ffeb40; font-size: 13px;}

img.where {
  margin: 10px auto;
  border: 3px double #ffeb40;
}

.bio p {
  margin: 13px 0px;
}

.bio p:first-letter {
  font-size: 17px; color: #ffeb40; font-weight: bold; 
}

.bio .img_left p, .bio .img_right p { 
  font-family: Verdana, sans-serif; 
  font-size: 9px; 
  text-align: center;
  width: 140px; 
  margin: 3px; 
}

.bio .img_left p:first-letter { 
  font-size: 9px; 
  color: #ffffff !important; 
  font-weight: normal; 
}

 .bio .img_right p:first-letter {
  font-size: 9px; 
  color: #ffffff !important; 
  font-weight: normal; 
 
}

.bio .img_left img, .bio .img_right img { border: 3px double #ffeb40; }
.bio .img_left { float: left; margin: 5px 15px 10px 0px; } 
.bio .img_right { float: right; margin: 5px 0px 10px 15px; }

