﻿@charset "utf-8";
/* CSS Document */

body {
	font: 100%/1.4 'WalkwayBoldRegular', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	height:100%;
}

html, form{height:100%;}

/* ~~ Selettori tag/elemento ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	/*padding-right: 15px;
	padding-left: 15px;*/
}
a img {
	border: none;
}
/* ~~ L'applicazione di stili ai collegamenti del sito deve rispettare questo ordine, compreso il gruppo di selettori che creano l'effetto hover. ~~ */
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color:#CCC;
}
#bandacookie a:link, #bandacookie a:visited {
	color: #CCC;
	text-decoration: underline; 
}

#bandacookie a:hover, #bandacookie a:active, #bandacookie a:focus {
	color: #FFF;
	text-decoration: none;
}
#bandacookie input[type="button"] {
    cursor:pointer;
}

.dispNone {
    display:none !important;
}

#body-wrapper {
	width: 980px; height:640px;
	margin: 0 auto;
	position:relative;
}

#verticalCenter
{
    position:absolute;
    top:50%;
    margin-top:-320px;
    width:100%;
}

#main.content.content_1 {
  overflow: auto;
  padding: 0; padding-right:20px; 
  width:764px;
}

.content_1 p {
  font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
  font-size: 11px;
  text-align: justify;
}

/* ++++++++++++++++++++++++++++++++++++ header ++++++++++++++++++++++++++++++++++++++++++ */

#header{
	width:100%; height:105px;
	position:relative;
}

#logo
{
    display:block;
	left:98px; 
	width:300px;
	position:relative;
}

#musica
{
    position:absolute; top:0px; right:0px;
}

/* ++++++++++++++++++++++++++++++++++++ menu ++++++++++++++++++++++++++++++++++++++++++ */

#main-wrapper{
	width:100%; height:490px;
	position:relative;
}

#menu{
	width:98px; height:490px;
	position:absolute; top:0px; left:0px;
	background:url(/imgs/bg/bg-menu-base.png) repeat;
}

.menu-elem
{
    display:block;
	width:96px; height:96px;
	border-right:2px solid #FFF; border-top:1px solid #FFF; border-bottom:1px solid #FFF;
	color:#FFF !important;
	font-family:'WalkwayBlackRegular';
	letter-spacing:1px;
	font-size:12px;
	text-shadow:1px 1px 2px #121212;
}

.liv2B{
	background:url(/imgs/bg/bg-menu-liv2B.png) repeat;
}


#menu p {
	padding:3px 0px 0px 5px;
	margin-bottom:0px;
	text-transform:uppercase;
}

.menu-elem:hover{
	background:#FF0000;
}

.menu-elem-Sel{
	background:#FF0000 !important;
}

.sub-sub-menu-elem-Sel{
	color:#CC0000 !important;
}

.sub-sub-menu-elem
{
	width:96px; height:194px;
	border-right:2px solid #FFF; border-top:1px solid #FFF; border-bottom:1px solid #FFF;
	font-family:'WalkwayBlackRegular';
	letter-spacing:1px;
	font-size:10px;
	text-align:right;
	background:url(/imgs/bg/bg-menu-liv3.png) repeat;
}

.sub-sub-menu-elem a{
    display:block;
	padding:0px 8px 5px 0px;
	text-transform:uppercase;
    
}

.sub-sub-menu-elem a:hover, .sub-sub-menu-elem a:focus, .sub-sub-menu-elem a:active{
	color:#CC0000;
    
}

#submenu-prodotti{
	width:96px; /*height:294px;*/
	position:absolute; top:0px; left:98px;
	text-transform:uppercase;
}

.sub-menu-elem{
	background:url(/imgs/bg/bg-menu-liv2.png) repeat;}

#submenu-prodotti p {
	padding:3px 0px 0px 5px;
	margin-bottom:0px;
	font-size:11px;
}

.dispNone{display:none;}

#submenu-cataloghi{
	width:98px; height:294px;
	position:absolute; top:98px; left:98px;
	background:url(/imgs/bg/bg-menu-liv2.png) repeat;
}

#submenu-cataloghi p {
	padding:5px 8px 0px 0px;
	margin-bottom:0px;
	font-size:11px;
	text-align:right;
}

#submenu-contatti{
	width:196px; height:98px;
	position:absolute; top:392px; left:98px;
	background:url(/imgs/bg/bg-menu-liv2.png) repeat;
}

#submenu-contatti p {
	padding:5px 0px 0px 8px;
	margin-bottom:0px;
	text-transform:uppercase;
}

#main{
	width:784px; height:490px;
	position:absolute; top:0px; right:0px;
}


/* ++++++++++++++++++++++++++++++++++++ footer ++++++++++++++++++++++++++++++++++++++++++ */

#footer{
	width:100%;
	margin-top:10px;
}

#footer p{
	font-size:11px; /*width:800px;*/
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#777;
	line-height:12px;
	margin:3px 0px 0px 5px;
	float:left;
}

ul.language{
	width:130px;
	position:absolute; top:70px; right:0px;
	list-style:none;
}

ul.language li{
	font-family: 'WalkwayBlackRegular';
	display:inline-block;
	line-height:12px;
	font-size:12px;
	color:#777;
}

ul.language li:hover{
	color:#CCC;
}

.language-Sel{
	color:#CC0000 !important;
}


/* ++++++++++++++++++++++++++++ Classi float/clear varie ++++++++++++++++++++++++++++++++ */
.fltrt {
	float: right;
	/*margin-left: 8px;*/
}
.fltlft {
	float: left;
	/*margin-right: 8px;*/
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
