@charset "UTF-8";
/* CSS Document */

body {
	background-color:#161616;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CCC;
}
body a {
	color:white;
}

/* CONTAINER */
div#container {
	border:none;
	display:inline-block;
	width:95%;
	max-width:1400px;
}

/* FILM */
div#containerright img.loclist {
	height:200px;
	margin:20px;
	border:none;
}

/* TARIFFE */
div#containerright table.tariffe {
	border:none;
	width:100%;
	border-spacing:0;
	color:#CCCCCC;
	background-color:#303030;
	margin:23px 0px 0px 0px;
	padding:0 10px;
}
div#containerright table.tariffe td {
	border:none;
	padding:10px 5px;
	margin:0;
}
div#containerright table.tariffe tr td.prezzo {
	width:55px;
}
table.tariffe tr td.prima {
	width:200px;
}

/* SCHEDA FILM */
div#container div#containerright img#immaginefilm {
	width:100%;
}
div#container div#containerright img#locandina {
	width:100%;
}
div#container div#containerright p#titolo {
	font-size:18pt;
	font-weight:bold;
	color:red;
	margin:10px 0 0 0;
	padding:0;
}
div#container div#containerright p#sottotitolo {
	font-size:16pt;
	color:white;
	margin:0;
	padding:0;
}
div#container div#containerright p#titoletto {
	font-size:16pt;
	margin:20px 0 0 0;
	padding:0;
	color:white;
}
div#container div#containerright div#descrizione {
	display:inline-block;
	margin:20px;
	color:#CCC;
	margin-top:0px;
	width:90%;
	text-align:justify;
}
div#container div#containerright div#trailerbutton {
	background-color:#e00000;
	background: -moz-linear-gradient(
		top,
		#cf0000 0%,
		#9e0000);
	height:25px;
	width:100%;
	margin-top:10px;
	line-height:25px;
	color:white;
}
div#container div#containerright div#trailerbutton:hover {
	background: -moz-linear-gradient(
		top,
		#e00000 0%,
		#8f0000);
}
div#container div#containerright div#trailerbutton a {
	text-decoration:none;
	color:inherit;
}
div#container div#containerright table#orari {
	margin-top:20px;
	padding:10px;
	min-width:450px;
	color:#CCCCCC;
	background-color:#1D1D1D;
	height:160px;
}
div#containerright table#orari tr td.prima {
	text-align:right;
	padding-right:5px;
}

/* OPERA */
div.operaentry {
	display:inline-block;
	width:100%;
	margin:40px 0 0 0;
	background-color:#1D1D1D;
}
div.operaentry a img.locandina {
	width:200px;
	margin:20px;
	display:inline-block;
	float:left;
	border:none;
}
div.operaentry p.operatitolo {
	font-size:18pt;
	font-weight:bold;
	color:red;
	margin:5px 0;
	padding:0;

}
div#containerright div.operaentry p.data {
	padding:0;
	margin:20px 0 0 0;
	font-size:16pt;
	color:white;
	font-weight:bold;
}

/* DOVE SIAMO */
div#containerright form#contact {
	padding:20px 0 20px 20px;
	color:#CCCCCC;
}
div#containerright form#contact input, div#containerright form#contact textarea {
	background-color:inherit;
	color:white;
	font-family:inherit;
	border:1px solid grey;
	font-size:inherit;
	margin:10px 0;
}
div#containerright form#contact input:focus, div#containerright form#contact textarea:focus {
	border:1px solid #CCCCCC;
}
div#containerright form#contact input {
	width:250px;
}
div#containerright form#contact textarea {
	width:350px;
	height:150px;
}

/* TECNOLOGIA */
div#containerright img.techlogo {
	width:110px;
	margin:15px;
}

/* HEADER */
div#container div#header {
	display:inline-block;
	width:100%;
	margin-bottom:20px;
}
div#container div#logo {
	text-align:left;
	font-size:40pt;
	float:left;
}
div#container div#logo a {
	text-decoration:none;
}

/* MENU */
div#container div#menu {
	float:right;
	height:40px;
	position:relative;
	top:20px;
}
div#container div#menu ul {
	background-image: linear-gradient(bottom, rgb(59,59,59) 30%, rgb(84,84,84) 55%);
	background-image: -o-linear-gradient(bottom, rgb(59,59,59) 30%, rgb(84,84,84) 55%);
	background-image: -moz-linear-gradient(bottom, rgb(59,59,59) 30%, rgb(84,84,84) 55%);
	background-image: -webkit-linear-gradient(bottom, rgb(59,59,59) 30%, rgb(84,84,84) 55%);
	background-image: -ms-linear-gradient(bottom, rgb(59,59,59) 30%, rgb(84,84,84) 55%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.3, rgb(59,59,59)), color-stop(0.55, rgb(84,84,84)));
	border:1px solid #000;
	margin:0px;
	padding:0px;
}
div#container div#menu li {
	display:inline-block;
	margin-right:-4px;
	height:30px;
	line-height:30px;
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid grey;
}
div#container div#menu li a {
	text-decoration:none;
	color:white;
}
div#container div#menu li:hover {
	background-image: linear-gradient(bottom, rgb(97,97,97) 30%, rgb(125,125,125) 55%);
	background-image: -o-linear-gradient(bottom, rgb(97,97,97) 30%, rgb(125,125,125) 55%);
	background-image: -moz-linear-gradient(bottom, rgb(97,97,97) 30%, rgb(125,125,125) 55%);
	background-image: -webkit-linear-gradient(bottom, rgb(97,97,97) 30%, rgb(125,125,125) 55%);
	background-image: -ms-linear-gradient(bottom, rgb(97,97,97) 30%, rgb(125,125,125) 55%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, rgb(97,97,97)),color-stop(0.55, rgb(125,125,125)));
}
div#container div#menu li.active {
	background-image: linear-gradient(bottom, rgb(184,0,0) 30%, rgb(255,0,0) 55%);
	background-image: -o-linear-gradient(bottom, rgb(184,0,0) 30%, rgb(255,0,0) 55%);
	background-image: -moz-linear-gradient(bottom, rgb(184,0,0) 30%, rgb(255,0,0) 55%);
	background-image: -webkit-linear-gradient(bottom, rgb(184,0,0) 30%, rgb(255,0,0) 55%);
	background-image: -ms-linear-gradient(bottom, rgb(184,0,0) 30%, rgb(255,0,0) 55%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, rgb(184,0,0)),color-stop(0.55, rgb(255,0,0)));
}

/* CONTAINER RIGHT */
div#container div#containerright {
	width:75%;
	min-height:390px;
	float:right;
	background-color:#252525;
	display:inline-block;
	text-align:left;
}
div#containerright p.titolo {
	font-size:18pt;
	margin:0;
	padding:10px 0 4px 10px;
	background-color:#1D1D1D;
	border-bottom:1px solid red;
	color:white;
}
div#containerright p {
	margin:20px 20px;
	padding:0;
	text-align:justify;
}

/* CONTAINER LEFT */
div#container div#containerleft {
	width:23%;
	min-height:390px;
	float:left;
	display:inline-block;
	text-align:left;
	background-position:center top;
	background-size:auto 100%;
	background-repeat:no-repeat;
}
div#container div#containerleft div {
	width:100%;
	background-color:#252525;
	display:inline-block;
	margin-bottom:20px;
}
div#container div#containerleft div p {
	padding:8px 0px 8px 10px;
	margin:0;
}
div#container div#containerleft div p.titolo_riq {
	font-size:18pt;
	border-bottom:1px solid red;
	background-color:#1D1D1D;
	padding:10px 0px 4px 10px;
	color:white;
}
div#container div#containerleft div p a {
	color:inherit;
	text-decoration:none;
}
div#container div#containerleft div p a.active {
	font-weight:bold;
	color:red;
}
div#containerleft img {
	width:100%;
	margin-bottom:20px;
}
div#containerleft ul li a img { /*in onore di IE*/
	border:none;
}

/* FOOTER */
p#footer {
	font-size:11px;
	color:#666;
	border-top:1px solid #666;
	padding-top:10px;
	width:95%;
	max-width:1400px;
}
p#footer a {
	text-decoration:none;
	color:#666;
}
p#footer a img {
	border:none;
}