﻿html,body,form {
    margin:0;
    padding:0;
}

a,a:link 
{
    color : white;
}

a:visited
{
    color: white;
}

.mytable
{
	padding: 0px;
	margin: 0px;
	width: auto;
}

.mytable tr
{
	width: auto;
    background-color: #d0d7d9;
    color: Black;
    height: 100%;
}

.mytable td
{
	background-color: inherit;
	padding: 2px 2px 2px 2px;
	border-bottom: solid 1px #290f55;
}

.mytable td a
{
    color: Black;
	text-decoration: underline;
}

.mytable td a:hover
{
	color: #008080;
}

body 
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 10px;
	text-decoration: none;
	background-color: #290f55;
}

body a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: inherit;
    text-decoration: none;
    font-size: 10px;
}

body a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 10px;
}

img {
    border:0px;
}

div#pagecinema {
    width: 758px;
	margin: 10px auto 0 auto;
}

div#header {
    width: 758px;
    height: 85px;
    margin: 0px 0px 8px 0px;
    padding: 0px;
}

div#logo {
    float: left;
    width: 154px;
    height: 85px;
    margin: 0px 8px 0px 0px;
    padding: 0px;
}

div#headerdx {
    float: left;
    width: 596px;
    height: 85px;
    margin: 0px;
    padding: 0px;
}

div#headerdxsu {
    float: left;
    width: 596px;
    height: 60px;
    margin: 0px;
    padding: 0px;
}

div#banner {
    float: left;
    width: 468px;
    height: 60px;
    margin: 0px 8px 0px 0px;
    padding: 0px;
}

div#network {
    float: left;
    width: 120px;
    height: 60px;
    margin: 0px;
    padding: 0px;
}

div#headerdxgiu {
    float: left;
    width: 596px;
    height: 25px;
    margin: 0px;
    padding: 0px;
}

div#headerdxgiupulsante {
    float: left;
    width: auto;
    height: 13px;
    background-color: #505c91;
    border-bottom: thin #20379f ridge;
    border-right: thin #20379f ridge;
    border-left: thin #7c89be ridge !important;
    border-top:  thin #7c89be ridge !important;
    margin: 8px 8px 0px 0px;
    padding: 0px 8px 1px 8px;
}

div#headerdxgiupulsante a
{
	color: white;
}

div#headerdxgiupulsante a:hover 
{
	color: Yellow;
}

div#menu {
    width: 762px;
    height: 12px;
    margin: 0px;
    padding: 2px 0px 2px 0px;
    background-color: #7c89be;
    text-align: center;
}

div#menu a 
{
    color: white;
	font-weight: bold;
}

div#menu a:hover
{
	color: Yellow;
}

div#contenuto {
    width: 762px;
    height: auto;
    margin: 10px 0px 8px 0px;
    padding: 0px;
}

div#colsx {
    float: left;
    width: 120px;
    height: auto;
    margin: 0px;
    padding: 0px;
}

div .colmenu
{
	height: 100%;
	background-color: #027d7d; /*border-left: thin #009999 ridge;
    border-top:  thin #009999 ridge;*/
    text-align: center;
	margin: 0 0 1px 0;
	padding: 1px 4px 1px 4px;
	border-width: 1px 1px 1px 1px;
	border-style: ridge solid solid ridge;
	border-color: #009999 #006666 #006666 #009999;
}

div .colmenu a
{
    color: White;
}

div .colmenu a:hover 
{
	color: Yellow;
}

div .coltesto {
    background-color: #d0d7d9;
    margin: 0px;
    padding: 1px 3px 1px 3px;
    color: Black !important;
    border-bottom: solid 1px #290f55;
    height: 100%;
}

.coltesto a 
{
    color: Black !important;
}

.coltesto a:hover
{
	color: #008080 !important;
}

div#content {
    float: left;
    width: 506px;
    height: auto;
    margin: 0px 0px 8px 8px;
    padding: 0px;
}

div#coldx {
    float: right;
    width: 120px;
    height: auto;
    margin: 0px;
    padding: 0px;    
}

div#footer {
    clear: both;
    width: 762px;
    height: auto;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    text-align: center;
}

div#lineafooter {
    width: 758px;
    height: 1px;
    margin: 8px 0px 8px 0px;
    padding: 0px;
    background-color: #7c89be;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
	margin: 0px;
	font-size: 1em;
	color: Orange;
	padding: 0px;
	line-height: normal;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

.vertseparator
{
	height: 2px;
}

.item
{
	width: auto;
    background-color: #d0d7d9;
    margin: 0px;
    padding: 2px 2px 2px 2px;
    color: Black;
    border-bottom: solid 1px #290f55;
    height: 100%;
}

.item a
{
    color: Black;
}

.item a:hover
{
    color: #008080;
}

/* CINEMA */
div .cinemaprogrammazionelist {
    width: auto;
    height: 12px;
    background-color: #d0d7d9;
    margin: 0px;
    padding: 2px 2px 2px 2px;
    color: Black !important;
    border-bottom: solid 1px #290f55;
    height: 100%;
}

.cinemaprogrammazionelist a 
{
     color: Black !important;
}

.cinemaprogrammazionelist a:hover
{
	color: #008080 !important;
}

.cinemafilm {
    width: 162px;
    min-height: 249px;
    height: auto;
    padding: 0px 8px 8px 0px;
    text-align: center;
    vertical-align: top;
}

.cinemafilmlocandina 
{
	width: 162px;
	height: 228px;
	padding: 0 0 4px 0;
}

.cinemafilmtable
{
	padding: 0;
	margin: 0;
	border: none;
}

.cinemafilmtitolo {
    width: 152px;
    height: 100%;
    vertical-align: top;
    text-align: center;
}

.cinemafilmtitolo:hover 
{
	color: Yellow;
}
/* */

.faketextbox
{
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	height: 18px;
	width: 180px;
	background-color: White;
	color: Black;
}

.Messaggio
{
	font-size: 1.5em;
}

.floatleft
{
	float: left;
}

/* CINEMAFILM SALE DETTAGLIO */
.locandina
{
	float: left;
}

.filmdetail
{
	float: left;
	width: 420px;
}

.clearboth
{
	clear: both;
}

.leftalign
{
	text-align: left !important;
}

.centeralign
{
	text-align: center;
}

.filmdetailtop
{
}

.sala
{
	float: left;
	width: auto;
    background-color: #d0d7d9;
    color: Black;
    height: 100%;
    font-weight: bold;
}

.caratteristiche
{
	float: left;
	height: 100%;
	background-color: #027d7d; /*border-left: thin #009999 ridge;
    border-top:  thin #009999 ridge;*/
    text-align: center;
	margin: 0 0 1px 0;
	padding: 1px;
	border-width: 1px 1px 1px 1px;
	border-style: ridge solid solid ridge;
	border-color: #009999 #006666 #006666 #009999;
}

.prenotazioni
{
	float: left;
}

.dataspettacolo
{
	float: left;
}

.orariospettacolo
{
	float: left;
}

/* SCHEDA SALA */
.salafoto
{
	float: left;
	width: 162px;
	margin-right: 8px;
}

.saladetail
{
	float: left;
	width: 335px;
}

/* SCHEDA FILM */
.schedafilmlocandina
{
	float: left;
	width: 162px;
}

.schedafilmdetail
{
	float: left;
	margin: 0 4px 0 8px;
	width: 332px;
}

.schedafilmtitle
{
	height: 100%;
	background-color: #027d7d; /*border-left: thin #009999 ridge;
    border-top:  thin #009999 ridge;*/
    text-align: left;
	margin: 0 0 8px 0;
	padding: 1px 2px 1px 2px;
	border-width: 1px 1px 1px 1px;
	border-style: ridge solid solid ridge;
	border-color: #009999 #006666 #006666 #009999;
}

.schedafilmtitle a:hover 
{
	color: Yellow;
}

.schedafilmsalatitle
{
	height: 100%;
	width: 203px;
	background-color: #027d7d; /*border-left: thin #009999 ridge;
    border-top:  thin #009999 ridge;*/
    text-align: left;
	margin: 0 0px 1px 0;
	padding: 1px 2px 1px 2px;
	border-width: 1px 1px 1px 1px;
	border-style: ridge solid solid ridge;
	border-color: #009999 #006666 #006666 #009999;
}

.schedafilmsalatitle a
{
    color: White;
}

.schedafilmsalatitle a:hover 
{
	color: Yellow;
}

.biglietto
{
	background-image: url(images/biglietto.png);
	background-repeat: no-repeat;
	background-color: #290f55;
	width: 115px;
	padding-top: 2px;
	padding-left: 2px;
	height: 24px;
}

.biglietto a
{
    color: White;
}

.biglietto a:hover
{
	color: Yellow;
}

/* BIGLIETTO ON-LINE page */
.locandinaMini
{
	float: left;
	width: 77px;
	min-height: 132px;
	height: auto;
	margin-right: 8px;
}

.locandinaMiniImmagine
{
	width: 77px;
	min-height: 108px;
	height: auto;
	margin-bottom: 4px;
}

.locandinaMiniScheda
{
	height: 14px;
	background-color: #027d7d; /*border-left: thin #009999 ridge;
    border-top:  thin #009999 ridge;*/
    text-align: center;
	margin: 0 0 1px 0px;
	padding: 1px;
	border-width: 1px 1px 1px 1px;
	border-style: ridge solid solid ridge;
	border-color: #009999 #006666 #006666 #009999;
}

.locandinaMiniScheda a:hover 
{
	color: Yellow;
}

.filmminititolo
{
	height: 14px;
	background-color: #027d7d; /*border-left: thin #009999 ridge;
    border-top:  thin #009999 ridge;*/
    text-align: left;
	margin: 0 0 1px 0;
	padding: 1px;
	width: 417px;
	border-width: 1px 1px 1px 1px;
	border-style: ridge solid solid ridge;
	border-color: #009999 #006666 #006666 #009999;
}

.filmminititolo a:hover 
{
	color: Yellow;
}

.filmminidetail
{
	width: 421px;
	margin-bottom: 8px;
}

.firstcol
{
	width: 110px;
}






.spaziaturaprogrammazione {
    width: auto;
    height: 8px;
    margin: 0px;
    padding: 0px;
}

.programmazionesala {
	float: left;
	height: 100%;
	background-color: #d0d7d9;
    margin: 0px;
    padding: 2px 2px 2px 2px;
    color: Black;
    width: 162px;
	/*background-color: #027d7d; border-left: thin #009999 ridge;
    border-top:  thin #009999 ridge;*/
    text-align: left;
	margin: 0 0 1px 0px;
}

.programmazionecinemasala {
	float: left;
	height: 100%;
    color: White;
    width: 292px;
	background-color: #027d7d; /*border-left: thin #009999 ridge;
    border-top:  thin #009999 ridge;*/
    text-align: left;
	margin: 0 0 1px 0;
	padding: 1px 2px 1px 2px;
	border-width: 1px 1px 1px 1px;
	border-style: ridge solid solid ridge;
	border-color: #009999 #006666 #006666 #009999;
}

.programmazionecinemasala a
{
    color: White;
}

.programmazionecinemasala a:hover
{
	color: Yellow;
}

.programmazionecaratteristiche {
	float: left;
	height: 100%;
	background-color: #027d7d; /*border-left: thin #009999 ridge;
    border-top:  thin #009999 ridge;*/
    text-align: center;
	margin: 0 0 1px 8px;
	padding: 1px 3px 1px 3px;
	border-width: 1px 1px 1px 1px;
	border-style: ridge solid solid ridge;
	border-color: #009999 #006666 #006666 #009999;
}

.programmazionecaratteristiche a
{
    color: White;
}

.programmazionecaratteristiche a:hover 
{
	color: Yellow;
}

.programmazioneprenotazioni {
	float: left;
	height: 100%;
	background-color: #027d7d; /*border-left: thin #009999 ridge;
    border-top:  thin #009999 ridge;*/
    text-align: center;
	margin: 0 0 1px 8px;
	padding: 1px;
	border-width: 1px 1px 1px 1px;
	border-style: ridge solid solid ridge;
	border-color: #009999 #006666 #006666 #009999;
}

div#programmazioneback {
    width: 412px;
    background-color: #d0d7d9;
    color: Black;
    height: 100%;
    padding: 1px 4px 1px 4px;
    margin: 1px 0px 1px 0px;
    }

div#programmazionedata  {
    float: left;
    width: 40%;
    background-color: Transparent;
    }

div#programmazioneorari {
    float: left;
    width: 60%;
    background-color: Transparent;
    }
    
.cinemaheader
{
	margin: -1px 0 0 0;
	padding: 0;
}