/* CSS Design Document */

body {color:#242424; background:#FFF url("images/bg_body.png") top repeat-x;}
a {color:#0042BC; }
a:hover {text-decoration:none;}

a.black, a.black:hover {text-decoration:none; color:#242424;}
a.more, a.more:hover {text-decoration:none;}

/* Header
******************************************************** */
#header_wrapper {
	width:100%; background:url("images/bg_wrapper_header.png") top center no-repeat ; 
}
#corporate {
	height:90px;
}
#logo {
	width:270px;
	height:74px;
	position:absolute;
	top:7px;
}

/* UTILITY */

#utility .links {font-size:12px; margin-left:35px; margin-top:5px;}
#utility .links a {color:#333; padding:0 5px; text-decoration:none;}

/* NAVIGATION */

/*#navbar {background:url(images/bg_search.png) 685px 10px no-repeat}*/

#nav {left:-10px;}

#nav ul {
	list-style:none;
	margin:12px 0 0 0;
	padding:0;
	height:30px;
}
#nav li {
	float:left;
	background:url("images/nav_left_both.png") no-repeat left top;
	margin:0 7px 0 0;
	padding:0 0 0 6px;
	height:21px
}
#nav a {
	float:left;
	display:block;
	width:.1em;
	background:url("images/nav_right_both.png") no-repeat right top;
	padding:0 10px 0 3px;
	line-height:21px;
	text-decoration:none;
	color:#FFF;
	font-size:14px;
	height:21px;
	outline:none;
}
#nav > ul a {
	width:auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {
	float:none;
}
/* End IE5-Mac hack */
#nav a:hover, #nav li.active a {
	color:#000;
}
#nav li:hover, #nav li.active {
	background-position:0% -21px;
	color:#000;
}
#nav li:hover a, #nav li.active a {
	background-position:100% -21px;
}


#search {position:absolute; right:0; top:0;}
#search {text-align:right; right:-10px;}
#search form {margin:0; padding:10px 0 0 0; vertical-align:middle;}
#search input {vertical-align:middle;}
#search input.text {border:0; width:142px;}

#uniform-top_select {position:absolute; width:90px; left:-50px; text-align:left}
#uniform-top_select, #uniform-top_select select {width:90px;}
#uniform-top_select span {width:90px; color:#333;}

/* Leaderboard
******************************************************** */

#leaderboard_wrapper {background:url(images/bg_wrapper_leaderboard.png) top center no-repeat;}
	#leaderboard { padding:4px 0 7px; height:95px;}
		.adv_leaderboard {width:728px; float:left; margin-top:4px}
	#social_buttons { float:right; height:96px;}


/* Content
******************************************************** */
#content_wrapper {background:#FFF url(images/bg_wrapper_content.png) center repeat-y;}
#content {background:#FFF;}

/* Footer
******************************************************** */

#footer_wrapper {background:#E1E1E1 url(images/bg_wrapper_footer.png) top center no-repeat; padding-bottom:40px; padding-top:40px;}
#footer {color:#222;  height:176px;}
#footer_links, #footer_links a {color:#000; text-decoration:none;}
#legal_notes {color:#666; font-size:11px; line-height:1.3;}
#newsletter_subscribe input {vertical-align:middle; margin-bottom:.5em;}
#newsletter_subscribe input.text {border:1px solid #000; padding:4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:190px; margin-right:5px;}

/* Boxes
******************************************************** */
.box {width:300px; height:250px; position:relative; margin-top:20px; background:#F4f4f4 url(images/box_bg_content.png) repeat-y;}

.box .header a, .box .item a {text-decoration:none; color:#242424;}
.box .item a 
.box ul, .box li { list-style:none; list-style-image:none; margin:0; padding:0;}
.box .header {height:36px; background:url(images/box_bg_header.png); color:#242424; font-size:18px; line-height:36px; padding:0 10px; margin:0;}
.box .header2 {height:36px; background:url(images/box_bg_header3.png); color:#242424; font-size:18px; line-height:36px; padding:0 10px; margin:0;}
.box .content {border-left:1px solid #CACACA; border-right:1px solid #CACACA; background:#F4F4F4;}
.box .content .carousel {background:#FFF; height:120px; position:relative;  border-top:1px solid #FFF;}
.box .content .carousel ul {position:absolute; left:120px; top:0;}
.box .content .carousel ul, 
.box .content .carousel li {list-style:none; margin:0; padding:0; width:178px;}
.box .content .carousel li a {display:block; background:#9A9A9A; color:#FFF; text-decoration:none; font-weight:bold; border-bottom:1px solid #FFF; padding:5px 10px; height:29px; }
.box .content .carousel li a:hover,
.box .content .carousel li.active a {background:#242424 url(images/box_btn_carousel_over.png) repeat-x; color:#FFDE30;}
.box .content .carousel .image {height:119px; width:120px; border-bottom:1px solid #FFF; overflow:hidden; position:relative;}
.box .content .carousel .image .data {position:absolute; z-index:100; color:#FFF; width:100px; height:30px; padding:5px 10px; bottom:0; background:url(images/bg_data_transparent.png); font-size:11px; text-align:center;}
.box .content p {padding:6px 10px 5px; margin:0;}  /*28/01/2021 il padding era 10-10-5 */
.box .footer {background:url(images/bg_box_footer.png) bottom no-repeat; height:21px; width:300px; position:absolute; bottom:0;}
.box .footer.more {background:#FFF url(images/bg_box_footer2.png) bottom no-repeat; text-align:right;}
.box .footer.more a { color:#FFF; padding-right:10px; line-height:21px;}
.box .footer.more a:hover {color:#FFDE30;}
.box ul li.item {position:relative; padding:7px 10px 10px; width:280px;}
.box ul li.item .data {position:absolute; top:8px; right:10px; width:30px; text-align:right; font-weight:normal; color:#666;}
.box ul li.item img {float:left; margin-right:10px; border:2px solid #7F7F7F}
.box ul li.item h3 {margin-bottom:5px;}
.box ul li.item:hover  {background:#E1E1E1;}
.box ul li.reda  {background:#f0dc78;}

.box.focus .header { background:url(images/box_bg_header2.png); color:#FFDE30; position:relative}
.box.focus .header a {color:#FFDE30;}
.box.focus a.more {position:absolute; top:0;  right:10px; top:20px; color:#FFDE30;}
.box.focus a.more:hover {color:#FFF;}
.box.focus .footer {background:url(images/bg_box_footer.png) bottom no-repeat; height:0px; width:300px; position:absolute; bottom:0;}
.box.focus .header2 { background:url(images/box_bg_header3.png); color:#FFFFFF; position:relative}

/* Box fiere*/
.box.fiere { height: 520px; }
.box.fiere .header2 { background:url(images/box_bg_header3.png); color:#FFFFFF; position:relative}



/* Custom Boxes*/
#news.box { height:790px; }
.grid_4 #news.box { height: 1600px;} /*fix per news in home*/
#bluray.box {height:790px;} /*era 1060 -- era 790*/
	#bluray.box img {border:0; margin:5px 20px 5px 0;}
	#bluray.box .item {padding:5px 10px;} /*28/01/2021 il padding era 15-10 */
#focus.box img { border-width:4px;}
#focus.box .item {padding:3px 10px;} /*28/01/2021 il padding era 6-10 */


/* Display
******************************************************** */

#display { height:250px; width:620px; margin-top:20px;}
#display .carousel {background:#FFF; height:250px; position:relative;}
#display .carousel ul {position:absolute; left:440px; top:0; width:180px;}
#display .carousel ul, 
#display .carousel li {list-style:none; margin:0; padding:0;}
#display .carousel li a {display:block; background:#242424; color:#FFF; text-decoration:none; padding:10px 10px; height:28px; border-top:1px solid #505050; border-bottom:1px solid #0B0B0B; font-size:11px; }
#display .carousel li a:hover {background:#3B3B3B;}
#display .carousel li.active a {background:#FFDE30; color:#000;}
#display .carousel .image {height:250px; width:440px; overflow:hidden; position:relative;}
#display .carousel .image .desc {position:absolute; z-index:100; color:#FFF; width:420px; height:100px; padding:5px 10px; bottom:0; background:url(images/bg_data_transparent.png); font-size:11px;}
#display .carousel .image .desc h1 {margin-bottom:5px;}
#display .carousel .image .desc h1 a {text-decoration:none; color:#FFDE30;}

#display .carousel li a strong {font-size:12px; color:#FFDE30}
#display .carousel li.active a {background:#FFDE30; color:#303030;}
#display .carousel li.active a strong {color:#000;}


/* Article 
******************************************************** */
.article {margin-top:20px; line-height:1.5}
.article .intro { border-bottom:1px solid #CCC; margin-bottom:10px;}
.article .intro img {float:left; margin-right:20px; margin-top:10px}
.article .image_wide {background:#000; border:2px solid #BDBDBD; text-align:center; margin-bottom:10px; margin-top:10px}

.summary {background:#D9D9D9 url(images/summary_top.png) top no-repeat; width:602px; position:relative;}
.summary .conrners { padding-top:10px; background:url(images/summary_bottom.png) bottom no-repeat; padding:10px;}
.summary .adv_medium_rectangle{ float:right; margin:0;}
.summary ul {margin-top:20px;}
.summary ul, .summary li  {width:250px; float:left; list-style:none; font-weight:bold; font-size:13px; margin-left:5px}
.summary li  a {font-weight: normal; color:#000; text-decoration:none; }

/* Useful Classes
******************************************************** */

.small_text {font-size:11px;}
.right {text-align:right; float: right}
.subtitle {margin-bottom:10px; margin-top:-10px;}
.author { font-style:italic; text-decoration:none;}


/* Uniform
******************************************************** */

div.selector, 
div.selector span  {
/*  background-image: url(images/sprite.png);*/
  background-repeat: no-repeat;
}

.selector, 
.selector * 
{
	margin: 0;
	padding: 0;
}


/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
	line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 3px;
	left: 3px;
	right: 0px;
	bottom: 3px;
}

div.selector:active, 
div.selector.active {
	background-position: -483px -156px;
}

div.selector:active span, 
div.selector.active span {
	background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
	background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
	background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
	background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
	background-position: right -78px;
}

div.selector.disabled {
	background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* PRESENTATION */

/* Select */
div.selector {
  margin-bottom: 20px;
  width: 190px;
  font-size: 12px;
}

div.selector select {
  width: 190px;
  font-family: Arial, sans-serif;
	font-size: 12px;
	border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
	color: #bbb;
}

/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector select:focus {
  outline: 0;
}

/* Select */

div.selector {
	position: relative;
	padding-left: 10px;
}

div.selector span {
	display: block;
	float: left;
}

div.selector select {
	position: absolute;
	opacity: 0;
}



/* FIX e MOD. grazie a chi so io ;) */
#news .item { margin-bottom:7px;}
#news .item h3 {font-size:12px;}
#news .item>a {font-size:11px;}
#news .item a img {width:42px; height:28px;}
.image120x120 {width:120px; height:120px; border:0px;}
.imageBR {width:52px; height:74px;}

#news { overflow:hidden;}
#bluray { overflow:hidden;}
#focus { overflow:hidden;}
/*
#focus .item > h3 { font-size:9pt; }
#focus .item > a { font-size:8pt; }
*/


#display .carousel .image .desc {height:90px;}

table,caption,tbody,tfoot,thead,tr,th,td {background-color: none;}

#search input[type=text]  {border:2px solid #7F7F7F; }

.box.libero { height:auto; }
.box.libero .container { padding:10px 10px 20px 10px; }

.box.libero.float{ float:left; margin: 20px 0 0 0px;}

.box.big .header {height:36px; background:url(images/box_bg_header_big.png); }
.box.big .footer {background:url(images/bg_box_footer_big.png) bottom no-repeat; width:620px}
.box.big .footer.more {background:#FFF url(images/bg_box_footer_big2.png) bottom no-repeat; text-align:right;}
.box.big .footer.more a { color:#FFF; padding-right:10px; line-height:21px;}
.box.big .footer.more a:hover {color:#FFDE30;}



.articolo-homecat {border-bottom:1px solid #CCC; padding:10px;}
.articolo-homecat .img-container {float:left; width:120px; height:120px; display:inline; text-align:center;margin-right: 10px; }
.articolo-homecat img { border:3px solid #E1E1E1; }
.articolo-homecat img.copertina { height:74px; width:52px; margin:10px 0 0 0 ;}
.articolo-homecat h1 {width:445px; float:left;  display:inline; }

.box.w602 {width:602px; }
.box.w602 .header {height:36px; background:url(images/box_bg_header_602.png); }
.box.w602 .footer {background:url(images/bg_box_footer_602.png) bottom no-repeat; width:602px}
.box.w602 .articolo-homecat h1 { width:430px;}

.focus-index {border-bottom:1px solid #CCC; padding:10px;}
.focus-index .img-container {float:left; width:84px; height:56px; display:inline; text-align:center;margin-right: 10px; }
.focus-index img { border:3px solid #E1E1E1; width:84px; height:56px; }
.focus-index h1 {width:480px; float:left;  display:inline; margin-bottom:0px; }
.focus-index span { float:left;  display:inline; width: 480px; }

.news-index {border-bottom:1px solid #CCC; padding:10px;}
.news-index .img-container {float:left; width:42px; height:28px; display:inline; text-align:center;margin-right: 10px; }
.news-index img { border:3px solid #E1E1E1; width:42px; height:28px; }
.news-index h1 {width:520px; float:left;  display:inline; margin-bottom:0px; }
.news-index span { float:left;  display:inline; width: 480px; }
.news-index-reda {border-bottom:1px solid #CCC; padding:10px;background-color:#f0dc78;}
.news-index-reda .img-container {float:left; width:42px; height:28px; display:inline; text-align:center;margin-right: 10px; }
.news-index-reda img { border:3px solid #E1E1E1; width:42px; height:28px; }
.news-index-reda h1 {width:520px; float:left;  display:inline; margin-bottom:0px; }
.news-index-reda span { float:left;  display:inline; width: 480px; }

.correlati { }
.img-art-correlati { float:left; display: inline; width:126px; height:126px; text-align: center; margin:0 10px 0 0;}
.correlati>div {margin-bottom:10px;}
.correlati h1 { font-size: 12pt;}
.correlati img { border:3px solid #999; }
.correlati h2 { float:left; display:inline;  width:464px; }

img {-ms-interpolation-mode:bicubic;} /*IE: per abilitare il resampling immagini stretchate*/

.box .content .carousel .image .data {display:none;} /*la data di pubblicazione degli articoli nei box della home*/


#focus ul item {clear:both;}
a.linkamazon { font-size: 12px; color: #303030; font-weight:normal;  text-decoration:none;}
a.linkamazon:after {

    content: url("images/amazon_links.png");
    position: relative;
	margin:6px;
}

a.linkartsmall {
    font-size: 16px;
    font-family: Verdana, Arial, sans-serif;
    color: #303030;
    font-weight: bold;
    text-decoration: none;
}


/*test skin*/
/*
body {color:#242424; background:#FFF url("skin/skin-avatar.jpg") top no-repeat;}
#leaderboard_wrapper { background-image:url(/i/blank.gif); }
#content_wrapper {background:transparent url(images/bg_wrapper_content.png) center repeat-y;}
#header_wrapper {	background:url() top center no-repeat ; }
*/