@charset "UTF-8";
/* CSS Document */
/*///////////////////////////////*/
/*   IMPORTAZIONE FILE ESTERNI   */
/*///////////////////////////////*/
@import url(/_templates/css/reset.css);

body {
background-color: #6e6e6e;
background-image: url(/_templates/template_home/pixel.jpg);
background-repeat: repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #5d5c5c;
margin:20px 0 20px 0;
}
.clear { clear:both; }
div#centra {
width:910px;
margin:0 auto;
-webkit-box-shadow: 0px 0px 10px #666;
box-shadow: 0px 0px 10px #666;
}
div#centraFooter {
width:910px;
margin:0 auto;
text-align: right;
padding-top:12px;
color:#999999;
}
.clear{ clear:both;}

div#chiudiContenuti { 
height: 20px;
background-image:url(/_templates/template_home/background_bottom.png);
background-repeat:no-repeat;
}

h1, h2, h3 {
margin:0 0 10px 0;
}

div#contieniBox h1, div#contieniBoxSmall h1 {
margin:4px 0 5px 35px;
}

/*header-------------------------*/
div#header {
background-image:url(/_templates/template_home/background_top.png);
background-position:top;
background-repeat: no-repeat;
height: 95px;
}
div#padding20_header {
padding: 20px 20px 0 20px;
}
.logo {
width: 300px;
float:left;
display: inline;
}
.menuTop {
width: 550px;
float: right;
display: inline;
text-align: right;
color:#999999;
}
.menuTop a {
color:#999999;
text-decoration: none;
}

.menuTop a:hover {
color: #007ac3;
text-decoration: none;
}

.campoCerca { 
width:150px;
border: 1px solid #CCC;
color: #666666;
}
.btCerca {
font-size: 11px;
}

/* menu -- -------------------------*/
div#centraMenu {
background-color: #FFF;
height: 41px;
}
#menuistitutional{height:31px; background-image:url(/_templates/template_home/background_menu.jpg); width:870px; margin:0 0 0 20px;)}
#menuistitutional ul{list-style:none; text-decoration:none; font-size:12px; margin:0px 0 0 0px; padding:0px 0 0 0; line-height:31px; }
#menuistitutional li{display:inline; margin:0px; padding:0px;   }
#menuistitutional li a{text-align:center; font-size:12px; height:31px; padding:5px 13px 6px 15px; margin:0px; text-decoration:none;color:#666666; background-image:url(/_templates/template_home/striscia.jpg); background-repeat:no-repeat }
#menuistitutional li  a:hover{text-align:center; font-size:12px; height:34px; padding:5px 13px 6px 15px; margin:0px; text-decoration:none; color: #2e8ecb; background-image:url(/_templates/template_home/striscia.jpg); background-repeat:no-repeat }
.attivo {text-align:center; font-size:12px; height:34px; padding:5px 13px 6px 15px; margin:0px; text-decoration:none; color: #2e8ecb; background-image:url(/_templates/template_home/striscia.jpg); background-repeat:no-repeat }

/* END menu ------------------------------*/
/* visual ----------------------- */
div#visual {
background-color: #FFF;
position:relative;
width: 910px;
text-align:left;
}
div#centraVisual {
position: relative;
height: 320px;
}
div#centraVisualSmall {
position: relative;
height: 120px;
}
div#testoMovie {
position: absolute;
width: 400px;
top:50px;
left: 50px;
z-index:3;
}
div#testoMovie h1,h2 {
color:#FFFFFF;
}
div#contieniBox {
position: absolute;
top:212px;
left: 20px;
z-index:3;
width: 870px;
height:116px;
}
div#contieniBoxSmall {
position: absolute;
top:8px;
left: 20px;
z-index:3;
width: 870px;
height:116px;
}
/* END box -- -- -- --*/
div#movie {
position: absolute;
top:0px;
left: 20px;
z-index:2;
}
#box1 {
width: 217px;
display: inline;
float: left;
color: #FFFFFF;
text-align:left;
font-size: 11px;
margin-top: -3px;
}
#box1 a{
color: #666;
text-decoration: none;
}
#box1 a:hover {
color: #fff;
text-decoration: none;
}

#box2 {
width: 217px;
display: inline;
float: left;
color: #FFFFFF;
text-align:left;
font-size: 11px;
margin-top: -3px;
}
#box2 a{
color: #666;
text-decoration: none;
}
#box2 a:hover {
color: #fff;
text-decoration: none;
}


#box3 {
width: 214px;
display: inline;
float: left;
color: #FFFFFF;
text-align:left;
font-size: 11px;
margin-top: -3px;
margin-left: 3px;
}
#box3 a{
color: #666;
text-decoration: none;
}
#box3 a:hover {
color: #fff;
text-decoration: none;
}


#box4 {
width: 217px;
display: inline;
float: left;
color: #FFFFFF;
text-align:left;
font-size: 11px;
margin-top: -3px;
}
#box4 a{
color: #666;
text-decoration: none;
}
#box4 a:hover {
color: #fff;
text-decoration: none;
}


.paddingBox {
padding: 10px 10px 10px 20px;
}
/* END visual ------------------------------*/
/* contenuti home ----------------------- */
div#contenuti {
background-color: #FFF;
width: 910px;
}
div#centraContenuti {
padding: 20px 20px 0 20px;
}
div#colonna1 {
float:left;
display: inline;
width: 220px;
background-image:url(/_templates/template_home/bg_colonna1.gif);
background-repeat: no-repeat;
background-color: #f6f6f6;
height: 310px;
min-height: 310px;
height:auto;
}
.paddingColonne {
padding: 10px;
}
div#colonna2 {
float:left;
display: inline;
width: 222px;
background-image:url(/_templates/template_home/pixelColonna2.gif);
background-repeat: repeat-y;
background-color:#fff;
}

/* CSS NEWS -- -- -- -- -- -- -- --*/
#colonna2 dl{ margin:0 0 10px 0;}
#colonna2 dt{ margin:0 0 5px 0; font-weight:bold; font-size:11px; color:#51a4d9}
#colonna2 dd{ padding:0px; margin:0px; font-size:11px; color:#666; padding-bottom:10px; font-weight: normal; color:#5d5c5c; }
#colonna2 a:hover{color:#51a4d9; text-decoration:none; }
#colonna2 a{color:#5d5c5c; text-decoration:none;}
/* END NEWS -- -- -- -- -- -- -- -- */

div#colonnaContent {
float:left;
display: inline;
width: 428px;
}

div#colonnaContent a{
color: #5d5c5c;
text-decoration: underline;
}
div#colonnaContent a:hover{
color: #2e8ecb;
text-decoration: underline;
}

#staff-box {
	background: white url(/_templates/images/keycode-staff-homepage.png) no-repeat 2px 0;
	margin: 0 20px -3px 20px;
	padding-top: 5px;
	height: 312px;
	width: 870px;
}
#staff-box a {
	display: block;
	height: 312px;
	width: 870px;
}