/* CSS Document */

/** DOM **/
body{
	padding:0px 0 14px 0;
	margin:0;
	color:#000;
	background:#CCC url(../images/bcg_site.jpg) center top no-repeat fixed;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/** HEADER **/
#top_banner{
	width:100%;
	height:120px;
}
#header{
	background:url(../images/header.gif) 0 0 no-repeat;
	width:100%;
	height:274px;
	position:relative;
}
#header #menu{
	background:url(../images/nav_bg.gif) repeat;
    height: 27px;
    left: 6px;
    padding: 0 10px 0 0;
    position: absolute;
    top: 6px;
	border-radius: 0 0 6px 0;
}
#header #menu li{
	background:url(../images/nav_div.gif) right top no-repeat;
	height:27px;
	float:left;
	padding:0 1px 0 0;
}
#header #menu li a{
	display:block;
	background:url(../images/nav_bg.gif) 0 0 repeat-x;
	padding:0 14px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
}

#header #menu li a:hover{
	display:block;
	background:url(../images/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	padding:0 14px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;
}

#header #menu li .current{
	display:block;
	background:url(../images/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	padding:0 14px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;
	cursor:pointer;
}

#header .logo{
	position:absolute;
	left:40px;
	top:40px;
}
#header #flash{
	width:500px;
	height:140px;
	position:absolute;
	left:495px;
	top:36px;
}
#header #slide{
	background-color:inherit;
	position:absolute;
	left:50px;
	top:190px;
	width:900px;
}

#header #slide ul {
    font-size: 28px;
}

#header #slide ul li{
   display:none;
}


.concetto {
    color: #FFFFFF;
}
.affermazione {
    color: #FFFF00;
    font-style: italic;
    font-weight: bold;
	text-align:right;
}

/** CONTENT **/
#body{    
	padding: 10px 0;
    width: 100%;
}
#container{
	margin:0 auto;	
	width:1000px;
}

#content{
    padding: 10px 0;
    width: 100%;	
}

#sub-content{
	border: 1px solid #CACAB8;
    padding: 10px;	
}

/** LEFT **/
#left{    
	float: left;
}

#box{
	margin-bottom:15px;
}

#box #top{
    background: url("../images/box_top.png") repeat scroll 0 0 transparent;
    border-radius: 6px 6px 0 0;
	border:1px solid #dc6b00;
    padding-left: 10px;
	height: 29px;
}

#box #top h2{
	color: #FFFFFF;
    display: block;
    font: bold 16px/31px Arial,Helvetica,sans-serif;
}

#box #content {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	border-top: 1px solid #FFF;
	color:#FFF;
	background-color:#383838;
	background-image: linear-gradient(bottom, #383838 31%, #5E6969 100%);
	background-image: -o-linear-gradient(bottom, #383838 31%, #5E6969 100%);
	background-image: -moz-linear-gradient(bottom, #383838 31%, #5E6969 100%);
	background-image: -webkit-linear-gradient(bottom, #383838 31%, #5E6969 100%);
	background-image: -ms-linear-gradient(bottom, #383838 31%, #5E6969 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.31, #383838),
		color-stop(1, #5E6969)
	);
}

/** RIGHT **/
#right{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #E4E4E4;    
	font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
}

#right #card a{
	color:#000;	
}
#right h2{
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#0099FF;
	background-color:inherit;
    padding: 5px 0 0 15px;
	text-align:center;
}
#right h3{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#333;
	background-color:inherit;
}

/** SPOILER **/
.title{
	color:#f00;font-weight:bold;font-size:20px;}
#spoiler{
	height:20px;border: 1px solid #000;padding: 6px 4px 0px 4px;background-image:url("../images/spoiler.png");
}
.answer{
	color:#FFF;float:left;padding-left:10px;font-weight:bold;	
}
.view{
	color:#FFF;float:right;font-weight:bold;font-size:10px;cursor:pointer;	
}
.view:hover{
	text-decoration:underline;
}
.response{
	display:none;font-size:11px;border-bottom: 1px solid #000;border-left: 1px solid #000;border-right: 1px solid #000;padding: 10px 10px 10px 25px;
}
.question{
	margin-bottom:10px;
}

/** BUTTON **/
.blue{
    background-image: url("../images/blue_button.png");	
    border: 2px solid #00698C;
}
.red{
    background-image: url("../images/red_button.png");	
    border: 2px solid #721b1b;
}
.green{
    background-image: url("../images/green_button.png");
    border: 2px solid #2a622a;
}
.orange{
    background-image: url("../images/orange_button.png");
    border: 2px solid #8c3f00;
}

.button {
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 54px;   
	padding-left: 10px;
	padding-right: 10px;
	line-height: 12pt;
    padding-top: 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

.button:hover, .button:focus, .button:active, .button.active {
    background-position: 0 59px;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

/** FOOTER **/
#footer #top{
	width:100%;
	background:#B9B99D;
	border-top:2px solid #A2A28A;
	color:#fff;
	padding:20px 0 0;
}

#bottom{
	width:100%;
	height:100px;
	background:url(../images/footer_bg.gif) 0 0 repeat-x #323232;
	color:#FFF;
	position:relative;
}
#bottom ul{
	font-weight: bold;
    padding-top: 10px;
	padding-left: 10px;
    width: 100%;
}
#bottom ul li{
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#bottom ul li a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
	font-weight:bold;
}
#bottom ul li a:hover{
	color:#FFF;
}
#bottom p.copyright{
	float:left;
	padding-left: 17px;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
}

#bottom img{
    left: 850px;
    position: absolute;
    top: 15px;
}
#bottom p.design{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#C5BE25;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:65px;
}
#bottom p.design a{
	color:#FFFFFF; background-color:inherit; text-decoration:none;
}
#bottom p.design a:hover{
	color:#C5BE25; background-color:inherit;
}

.details {
    font-size: 12px;
}
.details li {
    float: left;
    margin-left: 10px;
    width: 32%;
}
.details li #list {
    font-family: Verdana,Geneva,sans-serif;
    padding: 0 30px 10px;
    background-image: url("../images/arrow_red.gif");
    background-position: 4px 4px;
    background-repeat: no-repeat;
}
.details li #list #title {
    font-size: 15px;
    font-weight: bold;
}
.details li #list #content {
	color:#47472D;
}
.details li #list #content a{
	color:#47472D;
}

.highlight{
	font-size:10px;
	background-color:#ddddcb;
	padding:0 10px;	
	border-radius: 4px;
}

/** INDEX **/
.central{
	width:270px;
	border: none;
}

.homeleft{
	opacity:0.6;
	filter:alpha(opacity=60);
}

.homeleft:hover{
	opacity:1.0;
	filter:alpha(opacity=100);
}

.homeright{	
	opacity:0.6;
	filter:alpha(opacity=60);
}

.homeright:hover{
	opacity:1.0;
	filter:alpha(opacity=100);
}

/** AREA RISERVATA **/

a#uservoice-feedback-tab {
    background-attachment: scroll;
    background-color: #ee5e0d;
    background-image: url("../images/areariservata_tab.png");
    background-position: -2px 50%;
    background-repeat: no-repeat;
    border-bottom: 1px outset #FF600B;
    border-top: 1px outset #FF600B;
    display: block;
    height: 125px;
    left: 0;
    margin-top: -45px;
    position: fixed;
    top: 30%;
    width: 35px;
    z-index: 100001;
}
a#uservoice-feedback-tab:hover {
    background-color: #df5400;
    border-bottom: 1px outset #0066CC;
    border-top: 1px outset #0066CC;
    cursor: pointer;
}

a#partner {
    background-attachment: scroll;
    background-color: #459bc9;
    background-image: url("../images/areapartner_tab.png");
    background-position: -2px 50%;
    background-repeat: no-repeat;
    border-bottom: 1px outset #0083c9;
    border-top: 1px outset #0083c9;
    display: block;
    height: 120px;
    left: 0;
    margin-top: -45px;
    position: fixed;
    top: 60%;
    width: 35px;
    z-index: 100001;
}
a#partner:hover {
    background-color: #0083c9;
    border-bottom: 1px outset #459bc9;
    border-top: 1px outset #459bc9;
    cursor: pointer;
}


/** PAGE FEEL **/
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
}
#pageflip img {
	width: 165px; height: 171px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	z-index: 98;
	width: 165px; height: 165px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(../images/subscribe.png) no-repeat right top;
}