/*************************
* FILMTV.it         *
* by websushi.it		*
************************/

/* ### ricerche### */
#main { }
#ricerca {margin:5px}
.search {background: #e6e6e6; float:left; display:inline; padding:5px 8px 15px; margin-bottom:10px; width:639px;}
.search #insala #film input.button {border:none; width:auto; height:auto;}
.search .center {margin-top:10px; clear:both; margin-bottom:-5px}


/*in sala*/
.search #insala fieldset {float:left;}
#ricerca .search  h2 {margin:0 0 10px; padding:0; border:none} /*per ie mettere margin-left:-7px*/
.search #insala input, .search #insala select, .search #insala label {vertical-align:middle}
.search #insala #luogo {width:235px; margin-right:30px; border-right:#FFF 1px solid; padding:3px 0}
.search #insala #luogo label {display:block; float:left; width:50px;}
.search #insala #cinema {width:160px; border:}
.search #insala #cinema label {display:block;}
.search #insala #film input {width:150px; border:#b9b9b9 1px solid; color:#868686; font-size:11px; margin-top:0; padding:2px ; vertical-align:middle; }
.search #insala select {width:155px; border:#b9b9b9 1px solid; color:#868686; font-size:11px; margin-bottom:5px; vertical-align:middle;padding:2px}
.search #insala #film {width:210px;}
.search #insala #film label {display:block; margin-bottom:1px}

table#resSala {width:654px;margin-bottom:10px}
#resSala  a,  {font-weight:bold;color:#af0c03}
#resSala th {font-size:14px;text-align:left;color:#af0c03}
#resSala td {vertical-align:top; padding:5px 0; border-bottom:#e6e6e6 1px solid}
#resSala td.citta {width:140px; font-weight:bold; padding-left:5px}
#resSala td.sala {width:200px}
#resSala td.sala a {background:url(http://ftv02.stbm.it/img/common/arrow_grey.gif) 0 3px no-repeat; padding-left:10px; margin-left:-10px}
#resSala td.film, #resSala td.orari {width: 310px}
#resSala dt {font-weight:bold; margin:0; padding:0; background:url(http://ftv02.stbm.it/img/common/arrow_grey.gif) 0 3px no-repeat; padding-left:10px;}
#resSala dt a {color:#af0c03}
#resSala dt span, .box dt span {font-weight:normal}
#resSala dd  {margin:0; padding:0 0 0 10px}


#ricerca .left {margin:5px; width:250px;}
#ricerca .right {margin:5px; width:325px; padding-left:50px}
#ricerca .left h3, #ricerca .right h3, #ricerca .right h1, #ricerca #resFilm h3 {font-family: Arial,sans-serif;font-weight: bold; font-size:14px; color:#af0c03}
#ricerca .left h4, #ricerca .right h4 {font-size:13px}
#ricerca .left ul, #ricerca .right ul {margin-bottom:15px} 
#ricerca .right ul li, #ricerca #resFilm ul li{background:url(http://ftv02.stbm.it/img/common/arrow_grey.gif) 0 3px no-repeat; padding-left:10px;margin:2px 0}
#ricerca .right ul li a,  #ricerca #resFilm ul li a {font-weight:bold; color:#af0c03}
#ricerca .left ul li a {background:url(http://ftv02.stbm.it/img/common/arrow_grey.gif) 0 3px no-repeat; padding-left:10px;}
#ricerca th h1 {font-family: Arial,sans-serif;font-weight: bold; font-size:14px; color:#af0c03}

/*box singolo film*/
.box {margin-bottom:10px}
.box .txt {width:500px; float:left; margin:3px 5px 6px}
.box .txt a {color:#af0c03; margin-right:5px;  background:url(http://ftv02.stbm.it/img/common/arrow_grey.gif) 0 3px no-repeat; padding-left:10px;}
.box .txt dt a {color:#af0c03; font-weight:bold; margin-right:0; background:none; padding:0}
.box dd {padding:0; margin:0}


.box .thumb {text-align:center; width:104px; margin:5px 0;float:left}
.box .thumb a {border:1px solid #c2c2c2; padding:1px; background:#FFF; margin:0; display:block}
.box .thumb a:hover  {border:1px solid #af0c03}
.box .thumb img {height:67px; border:none; padding:0}
.box .thumb a:hover img {border:none} 
.box .thumb span {width:100px; background:#000; height:67px; display:block} /* altezza massima foto: 67px*/

/*in tv*/
.search form#cosaintv {float:left; width:210px;}
#ricerca .search .left {float:left; width:400px;margin:0 0 0 20px}
.search #prenotapassaggio { margin-top:10px}
.search #cosaintv label, .search #cercapassaggio label, .search #prenotapassaggio label {display:none}
.search #cercapassaggio h2, .search #prenotapassaggio h2 {margin-bottom:8px}
.search #cosaintvt input, .search #cercapassaggio input, .search #prenotapassaggio input {width:152px; border:#b9b9b9 1px solid; color:#868686; font-size:11px; margin-bottom:0; vertical-align:middle; padding:2px }
.search #cosaintv select {width:158px; border:#b9b9b9 1px solid; color:#868686; font-size:11px; margin-bottom:3px;  vertical-align:middle;padding:2px}
.search #cosaintv input.button, .search #cercapassaggio input.button, .search #prenotapassaggio input.button {width:auto; height:auto; padding:0; border:none; vertical-align:middle}
.search #cercapassaggio p { margin:3px 0 5px 5px}
.search #cercapassaggio a  {background: url(http://ftv02.stbm.it/img/common/arrow_grey.gif) 0 3px no-repeat; padding-left:8px; margin-left:3px}
.search #cercapassaggio .prenota p {float:right; width:208px; margin:5px 5px 5px 0; position:relative}
.search #cercapassaggio .prenota p a {color:#af0c03; font-weight:bold; position:absolute; bottom:0; right:0; background: url(http://ftv02.stbm.it/img/common/arrow_grey.gif) 0 4px no-repeat;}
#cosaintv  input {margin-top:-3px}
.search #prenotapassaggio p a {background: url(http://ftv02.stbm.it/img/common/arrow_grey.gif) 0 3px no-repeat; padding-left:8px; font-weight:bold; color:#af0c03}

table#resTV {width:654px;margin-bottom:10px}
#resTV a  {color:#af0c03}
#resTV th {font-size:12px;text-align:left;padding-bottom:10px}
#resTV td {vertical-align:top; padding:5px 0; border-bottom:#e6e6e6 1px solid}
#resTV tfoot td {border-bottom:none}
#resTV td.orario {width:50px; font-weight:bold; padding-left:5px}
#resTV td.canale {width:120px}
#resTV .canale a {color:#2d2a2b; background: url(http://ftv02.stbm.it/img/common/arrow_grey.gif) 0 3px no-repeat; padding-left:10px;}
#resTV td.film {width: 354px}
#resTV td.genere {width:130px;}
#resTV dt {font-weight:bold; margin:0; padding:0; background:url(http://ftv02.stbm.it/img/common/arrow_grey.gif) 0 3px no-repeat; padding-left:10px;}
#resTV dt span, .box dt span {font-weight:normal}
#resTV dd  {margin:0; padding:0 0 0 10px}



/*ricerca avanzata*/
.search #avanzata #film input.button {border:none; width:auto; height:auto}
.search p { font-size: 10pt; }
.search #avanzata fieldset {float:left; margin-top:10px}
.search #avanzata input,  .search #avanzata label {vertical-align:middle}
#ricerca .search #avanzata #film { margin-right:20px; padding:3px 0; width:300px }
.search #avanzata #film label {display:block; float:left; width:80px;}
.search #avanzata #giudizio {clear:both; width:640px}
.search #avanzata #giudizio p {margin-bottom:10px}
.search #avanzata #giudizio label {vertical-align:middle; margin-right:30px}
.search #avanzata #film input {width:180px; border:#b9b9b9 1px solid; color:#868686; font-size:11px; margin-bottom:5px; padding:2px ; vertical-align:middle; }
.search #avanzata select {width:155px; border:#b9b9b9 1px solid; color:#868686; font-size:11px; margin-bottom:5px; vertical-align:middle;padding:2px}
.search #avanzata #datiFilm label {width:110px; display:block; float:left; vertical-align:middle; padding-top:4px}
.search #avanzata #datiFilm input#from, .search #avanzata #datiFilm input#to {width:50px;border:#b9b9b9 1px solid;margin-bottom:5px; margin-right:22px}
.search #avanzata #film {width:210px;}
.search #avanzata #film label {display:block; margin-bottom:1px}


/*prenotazione*/
.prenotazione p {margin-bottom:10px}
#prenotazione {margin-top:10px}
#prenotazione input, #prenotazione  select {border:#b9b9b9 1px solid; width:125px; padding:2px; margin-right:6px;vertical-align:middle; margin-left:3px}
#prenotazione input.button {border:none; width:auto; height:auto; margin:0}
#prenotazione .right {width:620px; margin-top:10px; clear:both; margin-bottom:-5px; text-align:right; margin-right:0; padding:0}
#alert {margin-top:10px; clear:both; width:600px /*per fix ie*/}
#alert select {margin-right:20px; margin-left:3px; vertical-align:middle}
#alert input.button {margin-top:-5px; margin-left:-15px }
#prenotazione #selectTitle p {margin:10px 0}
#prenotazione #selectTitle input {width:auto; height:auto; border:none; vertical-align:middle; padding:0; margin:0}
#prenotazione #selectTitle label {display:block; float:none; margin:2px 0; cursor:text}
.feedback {margin:30px 10px; font-size:12px}
.feedback p {margin-bottom:10px}
.feedback dt {font-weight:bold;}
.feedback dd {padding:0; margin:0 0 10px 0}

#prenotazione-rapida { border: 1px solid #999; width: 400px; margin: 10px 0; padding: 15px; }
#prenotazione-rapida p { margin: 10px 0; clear: both; }
#prenotazione-rapida label { display: block; margin: 16px 0 4px 0; }
#prenotazione-rapida label.check { display: block; float: none; width: auto; text-align: left; }
#prenotazione-rapida .text { width: 200px; }
#prenotazione-rapida textarea.text { width: 385px; }
#prenotazione-rapida #input-email { width: 300px; }
#prenotazione-rapida #input-captcha { width: 150px; }
#prenotazione-rapida #img-captcha { float: left; }


/*recensione DVD*/
#dvd {margin-bottom:-5px}
#dvd label {font-size:	12px; margin-right:5px;vertical-align:middle}
#dvd input {vertical-align:middle; width:200px; border:#b9b9b9 1px solid;padding:2px}
#dvd input.button {width:auto; height:auto; border:none}

/*ricerca semplice*/
#ricerca #resFilm {float:left; width:380px}
#ricerca #resPeople {float:right; width:260px; border:#e6e6e6 1px solid; padding-left:10px;background:#f4f4f4;}
#ricerca #resFilm .box .txt {width:270px; float:left; margin:3px 0 6px 5px;}
#ricerca #resPeople .box .txt {width:260px; margin:3px 0 6px;}
#ricerca #resFilm h3, #ricerca #resPeople h3 {font-size:14px; color:#af0c03; margin:10px 0}
#ricerca #resPeople .box .txt .name a {font-weight:bold; font-size:12px;background:transparent; padding:0; color:#2d2a2b}

/*landing compatibilita*/
#compatibilita  {margin:10px 5px}
#compatibilita p {font-size:12px; margin-bottom:10px}
#compatibilita .utente {width:100px; float:left; display:inline; text-align:center; margin:10px 9px 10px 0}
#compatibilita .utente img {margin:0 auto 5px; display:block; background:#FFF; padding:1px;  border:#c2c2c2 1px solid}
#compatibilita .utente a { font-weight:bold; color:#af0c03;}
#compatibilita .paginazione {margin-top:10px}

#ricerca dt { font-size: 10pt; margin: 5px 0; }
.box h3 { display: inline; }