/************************************************************************
CSS Design
Mirko Delcaldo - 2007
www.delcaldo.com
Cineclub Arsenale Pisa
************************************************************************/ 

/*********** GENERICI *************/

body {
	margin: 0px;
	padding: 0px;
	background-color: #5c6672;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;  /* dimensione FONT */
	background-image: url(../immagini/bg_body.jpg);
	background-repeat: repeat-x;
	text-align: center;
		/*background-color: #f0f1fa;
		*/

}

a {
	color: #990000;
	text-decoration: none;
}

a:hover {
	color: #990000;
	text-decoration: underline;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

#monocontainer {
text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	background-color: #f2f3fb;
	border-left-color: #7d8388;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: #7d8388;
	border-right-width: 1px;
	border-right-style: solid;
	padding-bottom: 0.8em;
}

/*********** HEADER *************/

#header {
	margin: 0em;
	padding: 0em;
	background-color: #2c3740;
}

#titolo {
	margin: 0em;
	padding: 0em;
	height: 134px;
	border-right-color: #7d8388;
	border-right-style: solid;
	border-right-width: 1px;
	width: 690px;
}

#newsletter {
	/*position: relative;*/
	font-size: 0.6em; /* dimensione FONT */
	color: #ffffff;
	float:right;
	width: 250px;
	/*left: 730px;
	top: 20px;*/
	margin: 0em;
	padding: 0em;
	padding-right: 40px;
	margin-top: 30px;
	
}

#newsletter input {
	font-size: 1em; /* dimensione FONT */
	margin-top:0px;
	padding-top:0px;
	
}

#newsletter p {
	margin-top:0.3em;
	padding-top:0px;
	margin-bottom:0.7em;
	padding-bottom:0px;
	
}


/*********** MENU *************/

#menu {
	font-size: 0.8em;  /* dimensione FONT */
	margin: 0em;
	padding-top:0.4em;
	padding-bottom:0.4em;
	padding-left: 0.8em;
	background-color: #28333c;
	background-image: url(../immagini/bg_menu.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-color: #7d8388;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #7d8388;
	border-top-width: 1px;
	border-top-style: solid;
}

#menu ul {
	display:inline;
}

#menu li {
	display:inline;
}

#menu a {
	color: #e3eff9;
	text-decoration: none;
	padding-right:0.8em;
	padding-left:0.8em;
	padding-top:0.4em;
	padding-bottom:0.4em;
}

#menu a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #c7b68e;
	padding-right:0.8em;
	padding-left:0.8em;
	padding-top:0.4em;
	padding-bottom:0.4em;
	background-image: url(../immagini/bg_menu_link.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}


.select {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #d1af5d;
	padding-right:0.8em;
	padding-left:0.8em;
	padding-top:0.4em;
	padding-bottom:0.4em;
	background-image: url(../immagini/bg_menu_select.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	}



/*********** DIV CON PROGRAMMA IN FLASH *************/

#banner {
	margin: 0em;
	padding: 0em;
	width: 1000px;
	background-image: url(../immagini/bg_barra_programma.jpg);
	background-repeat: repeat-x;
	background-color: #b3c8db;
	background-position: left top;
}

/*********** CONTAINER  *************/

#container {
	margin: 0em;
	padding-top: 0.8em;
	padding-left: 0.8em;
	padding-right: 0.8em;
	background-image: url(../immagini/bg_pagina.jpg);
	background-repeat: repeat-x;
}

#bg_container {
	position:relative;
	background-image: url(../immagini/bg_colonna.jpg);
	background-repeat: repeat-x;
}

/*********** COLONNA 1 HOME PAGE  *************/

#pagina {
	margin: 0em;
	padding: 0em;
	padding-bottom: 2em;
	border-left-color: #d1d5e0;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: #d1d5e0;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #d1d5e0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}



#col_01 {
	margin-right: 18em;
	background-color: #f0f1fa;
	color: #FFFFFF;
	padding-bottom:2em;
	background-image: url(../immagini/bg_colonna.jpg);
	background-repeat: repeat-x;
}

#col_01 .testo_evidenza {
	color: #2e3943;
	padding-bottom:2em;
	font-size: 0.7em;  /* dimensione FONT */
	margin-left: 0px;	/*margin-left: 2.5em;
	margin-right: 2.5em;*/
	padding-left: 0px;
	padding-top: 1.6em;
}


#contenuto {
	padding-left: 2.5em;
	padding-right: 2.5em;
	
}

#locandina {
	background-color: #FFFFFF;
	padding: 10px;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
	border-color: #b6c0cb;
	border-width: 1px;
	border-style: solid;
	margin-left: 0px;	/*margin-left: 2.5em;*/
}




/*********** BARRA BLU IN EVIDENZA  *************/

#evidenza {
	margin-top: 0em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 2.5em;
	background-color: #a0adb8;
	background-image: url(../immagini/tondo_box_centrale.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}



#barra_evidenza {
	background-color: #8a9bab;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 2.5em;
	padding-bottom: 0.8em;
	padding-top: 0.6em;
	border-bottom-color: #798c9d;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #798c9d;
	border-top-width: 1px;
	border-top-style: solid;
	background-image: url(../immagini/bg_barra_evidenza.jpg);
	background-position: top;
	background-repeat: repeat-x;
}


#barra_evidenza a {
	color: #ffffff;
	text-decoration:none;
}

#barra_evidenza a:hover {
	color: #ffffff;
	text-decoration:underline;
}


#barra_evidenza h1 {

	font-size: 1.2em;  /* dimensione FONT */
	margin-bottom: 0em;
	padding-bottom: 0em;
	margin-top: 0em;
	padding-top: 0em;

}

#barra_evidenza h2 {

    font-size: 0.9em;  /* dimensione FONT */
	margin-top: 0.2em;
	padding-top: 0em;
	margin-bottom: 0em;
	padding-bottom: 0em;
}

#barra_evidenza h3 {

	font-size: 0.7em;  /* dimensione FONT */
	margin-top: 0em;
	padding-top: 0.2em;
	padding-bottom:0px;
	margin-bottom:0px;
}

#barra_evidenza h4 {

	font-size: 0.6em;  /* dimensione FONT */
	margin-top: 0em;
	padding-top: 0em;
	padding-bottom:0em;
	margin-bottom:0.8em;
}



/*********** BARRA BLU RASSEGNA E ALTRI EVENTI IN EVIDENZA  *************/


.barra_evidenza_2 {
	background-color: #e7eaf2;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 2.5em;
	padding-bottom: 0.8em;
	padding-top: 0.8em;
	border-bottom-color: #d1d5e0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #d1d5e0;
	border-top-width: 1px;
	border-top-style: solid;
	color: #4d5a66;
	clear: left;
}


.barra_evidenza_2 h1 {
	font-size: 1.2em;   /* dimensione FONT */
	margin-bottom: 0em;
	padding-bottom: 0em;
	margin-top: 0em;
	margin-left: 0em;
	padding-top: 0em;
	padding-right: 0.4em;
	padding-left: 0em;
	font-weight: lighter;
	float: left;
}

.barra_evidenza_2 h2 {
	font-size: 0.9em;   /* dimensione FONT */
	margin-top: 0.2em;
	padding-top: 0em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	font-weight: lighter;
	color: #889aaa;
}

.barra_evidenza_2 h3 {
	font-size: 0.8em;   /* dimensione FONT */
	margin-top: 0em;
	padding-top: 0.2em;
}

.barra_evidenza_2 h4 {
	font-size: 0.8em;   /* dimensione FONT */
	margin-top: 0em;
	padding-top: 0em;
	padding-bottom:0em;
	margin-bottom:0.8em;
}


.testo_evidenza_2 {
	color: #2e3943;
	padding-bottom: 0.5em;
	font-size: 0.7em;   /* dimensione FONT */
	margin-right: 2.5em;
	margin-left: 3.5em;
}

.testo_evidenza_2 a {
	font-size: 1.3em;
	color: #990000;
	text-decoration: none;
	line-height: 1.8em;
}

.testo_evidenza_2 a:hover {
	color: #990000;
	text-decoration: underline;
}





/*********** COLONNA 2 HOME PAGE  *************/


#col_02 {
	width: 18em;
	margin: 0em;
	float:right;
	color: #2e3943;
	background-image: url(../immagini/bg_colonna.jpg);
	background-repeat: repeat-x;
	min-height:500px !important;
	height:auto !important;
	height: 500px;
}

#col_02 h1 {
	font-size:1.2em;
	padding-top: 0em;
	padding-bottom:0em;
	margin:0em;
}

#col_02 h2 {
	font-size:1em;   /* dimensione FONT */
	font-weight: normal;
	padding-bottom:0.3em;
	padding-top:0.8em;
	margin:0em;
}

#col_02 p {
	padding-bottom:0em;
	padding-top:0em;
	margin-top:0.6em;
}

#col_02 .pagina {
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 0.8em;
}

#col_02 a {
	color: #990000;
	text-decoration: none;
}

#col_02 a:hover {
	color: #990000;
	text-decoration: underline;
}


#col_02 .singola_news {
	font-size: 0.6em;   /* dimensione FONT */
	background-color: #eceff5;
	padding: 1em;
	margin-bottom: 0.8em;
	border-color: #c0c9d4;
	border-style: solid;
	border-width:1px;

}


#novita {
	color: #ffffff;
	margin-top: 0em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1.5em;
	background-color: #a0adb8;
	background-image: url(../immagini/tondo_box_dx.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom-color: #798c9d;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}


/*********** BOTTONE INIZIO PAGINA  *************/

.top {
	clear: both;
	font-size: 0.7em;
	margin-left: 3.5em;
	margin-bottom: 1.8em;
	margin-top: 1em;
}

.top a {
	color: #990000;
	text-decoration: none;
}

.top a:hover {
	color: #990000;
	text-decoration: underline;
}

.top img {
	vertical-align: middle;	
	padding-right: 0.8em;
}

/*********** FOOTER  *************/

#footer {
	color: #2e3943;
	font-size: 0.6em;   /* dimensione FONT */
	margin-left: 2.5em;
	margin-bottom: 2.5em;
}

#footer a {
	color: #990000;
	text-decoration: none;
}

#footer a:hover {
	color: #990000;
	text-decoration: underline;
}

/********************************************************************************************************************************

SCHEDA FILM e RASSEGNE

********************************************************************************************************************************/


#col_02 ul {
 /* dimensione FONT */
	padding: 0em;
	margin: 0em;
}

#col_02 ul li {
	padding-top: 0.8em;
	margin: 0em;
	list-style-type: none;
	/*list-style-image: url(../immagini/freccia.gif);
	list-style-position: inside;*/
}

/*
#col_02 ul li img {
	padding-right: 0.5em;
	vertical-align: middle;
}
*/

/*********** FOOTER  *************/




#col_02 .date_proiezione {
	font-size: 0.6em;   /* dimensione FONT */
	background-color: #eceff5;
	padding: 1em;
	margin-bottom: 0.8em;
	border-color: #c0c9d4;
	border-style: solid;
	border-width:1px;

}

#col_02 .date_proiezione h1 {
	font-size: 1.4em;   /* dimensione FONT */
	color: #000000;
	padding-bottom: 0.4em;
	padding-left: 0em;
	margin-left: 0em;
	margin-bottom: 0.8em;
	margin-top: 0.8em;
	border-bottom-color: #c0c9d4;
	border-bottom-style: solid;
	border-bottom-width:1px;
	font-weight: lighter;
}

#note {
	margin-top: 2.5em;
	font-size: 0.6em;   /* dimensione FONT */
	padding: 1.5em;
	background-color: #f9efd0;
	border-color: #e6d7bb;
	border-style: solid;
	border-width:1px;
	color: #572420;
}

#note  h1 {
	margin-bottom: 1.5em;
	font-size: 1.2em;   /* dimensione FONT */
	color: #572420;
	padding-left: 0em;
	padding-bottom:0.4em;
	margin-left: 0em;
	margin-bottom: 0.8em;
	border-bottom-color: #e6d7bb;
	border-bottom-style: solid;
	border-bottom-width:1px;
	font-weight: lighter;

}

.intro {
	margin-bottom: 1.5em;
	font-size: 1.2em;   /* dimensione FONT */
	color: #1E2329;
	padding-left: 0em;
	padding-bottom:0.4em;

}