@import url(http://fonts.googleapis.com/css?family=Lekton);
        body{
            background: #FFFFFF;
            z-index:0;
            margin:0;
            padding:0;
			font:normal 14px Arial, Helvetica, sans-serif;
			color: #333333;
			line-height: 1.5;
			overflow:hidden;
        }
	
.overlay {
	background:transparent url(front_end/04.png);
	opacity:0.5;
	z-index:-1;
	 margin: 0px; 
	 padding: 0px;
	 position: fixed;
	 left: 0px;
	 top: 0px;
	 width:	 100%;
	 height: 100%;
}
.titolo {
font-size:16px;
font-weight: bold;
text-transform:uppercase;
color: #000000
}
a:link {
	color: #B81A27;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #B81A27;
}
a:hover {
	text-decoration: underline;
	color: #B81A27;
}
a:active {
	text-decoration: none;
}
.pie_pagina {
font-size: 12px;
}
a.pie_pagina:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.pie_pagina:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.pie_pagina:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a.pie_pagina:active {
	text-decoration: none;
}

table.categorie {
	border-collapse: separate;
}
td.menu_categorie {
border-width: 1px;
border-color: #D07F50;
border-bottom-style:dashed;
}
img.categorie {
	border:solid;
	border-color: #CCCCCC;
	border-width: 1px;
	}
.testata_categoria { 
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color: #000000;
}
a.testata_categoria {
color: #000000;
}
a.testata_categoria:hover {
	text-decoration: underline;
}
.nome_articolo {
font-weight:bold;
color: #333; 
}
        #wrapper{
	position: absolute;
	padding: 70px 50px;
	width: 300px;
	height: 300px;
	top: 50%;
	margin-top: -150px;
	margin-left: -260px;
	background: rgba(50, 100, 115, 0.8);
	z-index: 2;
	font: normal 16px/20px Arial, Helvetica, sans-serif;
	;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
        }

        #logo{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1000;
        }
	#bandierine{
	z-index:5000;
	position: absolute;
	right: 15px;
	top: 2px;
	width: 20px;
	height: 45px;
        }
	#controlli{
	z-index:1;
	position: absolute;
	left: 5px;
	bottom: 10px;
	width: 180px;
	height: 32px;
        }
	#contatore{
	z-index:2;
	position: absolute;
	left: 0px;
	top: -25px;
        }
        #controls div{
            display:inline-block;
			font-size:10px;
            padding:2px;
            color:#000000;
            border:0px solid #000000;
            -moz-border-radius:4px;
            -webkit-border-radius:4px;
            -o-border-radius:4px;
            border-radius:4px;
			background:rgba(255,255,255,.9);
			box-shadow: 0 0 10px rgba(0,0,0,0.4);
        }

        #controls div:hover:not(.counter){
            background:rgba(255,255,255,.9);
            color:#000;
        }

        #controls div:not(.counter){
            background: rgba(50, 100, 115, 0.8);
            cursor:pointer;
        }

        #controls div.sel{
            background:rgba(255,255,255,.9);
        }

	#contenuti{
	position: absolute;
	z-index:998;
	margin-left: 365px;
	overflow-y:auto;
	width: calc(100% - 365px); 
	height: 100%;
	background-color: rgba(255, 255, 255, .6);
        }
	#contenuto_contenuti{
	position: relative;
	margin-top: 6px;
	z-index:999;
	width: 610px;
	min-height:100%;
	height:auto !important;
	height: 100%;
	border-right: 1px dashed black ;
        }

        #footer {
	color:#69DAF2;
	height: 20px;
	margin: 0;
	padding-left: 20px;
	overflow: hidden;
	background-color: rgba(50, 100, 115, 0.8);
	position: absolute;
	margin-right: 0px;
	bottom: 25px;
	width: 350px;
	right: 0;
	z-index: 1000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
		}	
a#footer
{
color: #FFFFFF;
}