/*
 * Author: Aschieri Claudio
 * Date: 07/04/2010
 * CSS for TaxFreeFilm Site
 * 
 * COLOURS:
 *    - arancione: #f56541
 *    - nero:      #0a0b11
 *    - azzurro:   #70c9da
 *    - background:#222539 
 */

body {
  background-color:#222539; 
  margin: 0 auto;
  padding: 0 auto;
  font-family:Helvetica Neue,Helvetica, Arial, sans-serif;
  font-size:12px;
	line-height:16px;
  }
  
a { text-decoration:none}
img {border: 0px none}  

#left {float:left;}
#center {overflow:hidden; width:1021px}

#left_top {}

#left_top_sx {
	float:left;
  background-color:#222539; 
  background-image:url(../img/fettuccia_frecce_left.png);
  background-repeat:repeat;
  background-position:top right; /* a seconda di left o right cambiano la prima freccia (alta o bassa)*/ 
	}

#left_top_dx {
	margin-top:301px;
	overflow:hidden;
  width:39px;
	background-color:#222539; 
  background-image:url(../img/bk_freccia_arancio_fettuccia.png);
  background-repeat:repeat-y;
  background-position:top right; /* a seconda di left o right cambiano la prima freccia (alta o bassa)*/ 
	}
	
#left_bottom { 
  position:absolute;  
	top:0; 
	height:301px;
}

#left_bottom_sx { 
  float:left;
  height:301px;
  background-image:url(../img/bk_left_frecce.png);
  background-repeat:repeat-x;
  background-position:top right; /* a seconda di left o right cambiano la prima freccia (alta o bassa)*/
}

#left_bottom_dx {
	overflow:hidden;
	height:301px;
  width:39px; 
  background-image:url("../img/bk_freccia_arancio_nera.png");
  background-repeat:no-repeat;
  background-position:top right; /* a seconda di left o right cambiano la prima freccia (alta o bassa)*/
}

#center_top {
	margin-top:301px;
  background-color:#222539; 
  background-image:url(../img/fettuccia_frecce_right.png);
  background-repeat:repeat;
  background-position:top left; /* a seconda di left o right cambiano la prima freccia (alta o bassa)*/
}

#center_bottom_sx {}

#center_bottom {
  background-image:url(../img/bk_right_frecce.png);
  background-repeat:repeat-x;
  background-position:top left; /* a seconda di left o right cambiano la prima freccia (alta o bassa)*/ 
	position:absolute;
	top:0px;
}
 
#top {
  height:450px;
  margin: 0 auto;
}

#top_left_left{ 
  float:left; 
  height:450px;  /* altezza immagine*/
  background-color:#222539; 
  background-image:url(../img/bk_left_frecce.png);
  background-repeat:repeat-x;
  background-position:top right; /* a seconda di left o right cambiano la prima freccia (alta o bassa)*/
  }


#top_right {
  height:450px;  /* altezza immagine*/
  overflow:hidden;
  width:auto;
  background-color:#222539; 
  background-image:url(../img/bk_left_frecce.png);
  background-repeat:repeat-x;
  background-position:top left; /* a seconda di left o right cambiano la prima freccia (alta o bassa)*/
  
}

div#header {
  width:100%;
  overflow:hidden;  
}

div#logoTop {
  float:left;
  margin-top:30px;
  width:248px;
  }
  
div#menuTop {
  right:0px;
  float:right;
  overflow:hidden;
}

div#menuTop table.menu td {
  height:40px;
  vertical-align:bottom;
  color:#ffffff;
}

div#menuTop table.menu td a {
  color:#ffffff;
  background-color:#0a0b11;
  margin-left:20px;
  padding-top:40px;
  padding-left:6px;
  padding-right:6px;
	padding-bottom:1px;
  text-transform:uppercase;
  font-weight:bold;
  font-size:10px;
}

div#menuTop table.menu td a:hover {
  color:#f56541;
  cursor:pointer;
}

/* VIDEO - SHOWREEL */

div#videoShowreel {
  background-image:url(../img/showreel_bg.png);
  background-position:center;
  background-repeat:no-repeat;
  overflow:hidden;
  color:#70c9da;
	text-align:center;
}
div#videoShowreelTop {
  overflow:hidden;
}

div.noqt {height:200px;padding-top:20px;}
div.noqt a { color:#FFFFFF}
div.noqt a:hover { color:#f56541}

div#videoShowreelText { 
  float:left;
  width:500px;
  padding-top:25px;
	text-align:left;
	font-size:10px;
  padding-left:2px;
}

div.descrizioneCategoria { 
	width:100%; 
	color:#70C9DA;
	padding-top:25px;
	text-align:left;
	font-size:10px;
  padding-left:2px;
	}


div#videoShowreelText span, div.descrizioneCategoria span {
		font-size:11px; 
		color:#FFFFFF;
		text-transform: uppercase;
	}

div#videoShowreelTitolo {
  text-align:right;
	line-height:22px;
  padding-right:11px;
  padding-top:30px;
  font-size:24px;
  text-transform:uppercase; 
}

div#video {
  width:100%;
  overflow:hidden;
  margin: 0 auto;
  background-color:tranparent;
}


div#descrizioneVideo {
  padding-left:11px;
  padding-top:7px;
	padding-bottom:10px;
	text-align:left;
}


/* FOOTER */
div#footer {
  color:#70c9da;
  overflow:hidden;
}

div#footer #footerTaxFree { float:left; width:100px;  }

div#footer #footerIva { float:left; width:680px;  }
 
div#footer #footerLinkContact { float:left; width:100px; }

div#footer #footerMail { overflow:hidden; width:100px;  }

div#footer a { color:#70c9da; }
div#footer a:hover { color:#f56541; }


/* ELENCO VIDEO */

div.container{
  width:980px;
  margin: 0px auto 0px;
  overflow: hidden;
}

div.colonna {
  float:left;
  width:224px;
  padding:10px;
  /*border-left: 1px solid #ffffff;*/
  position:relative;
  text-align:center;
}

ul.sortabledemo {
 min-height:376px;
 list-style:none;
 list-style-position:outside;
 padding:0px;
 margin:0px;
}

li.item {
  background-color: transparent;
  list-style-type: none;
  margin-bottom:45px;
}

div.handle {
  width: 100%;
  cursor: move;
  color:#70c9da;
  min-height:376px;
  background-color: transparent;
  background-image:url(../img/video_thumbnail_bg.png);
  background-position:center center;
  background-repeat:no-repeat;
}
div.handleIndex {cursor:pointer;}

img.video_thumbnail {
  margin-bottom:5px;
  padding-top:10px;
  opacity:0.6;
  filter: alpha(opacity = 60); /* IE patch */
  }

div.anno { 
  text-align:right;
  padding-right:22px;
  padding-top:10px;
	padding-bottom:5px;
  font-size:10px; 
}
  
div.titolo {
  height:60px; 
  text-align:left; 
  padding-left:22px;
  padding-right:22px;
  padding-top:3px;
  text-transform:uppercase;
  font-size:12px; 
}

div.titolo_bo {
	height:30px;
}

div.numero {
	font-size:24px;
	padding-left:10px;
  font-weight:bold;
	text-align:left;
	color:#f56541;
}