@charset "utf-8";
/* CSS Document */

body {
	font: 100%/1.4 Myriad Pro, 'NobileRegular', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color:#FFF;background:#333;
	/*overflow:hidden;*/
}
/*body
{
    background:url(/imgs/bg/fondo_back.jpg) no-repeat #000;
    background-size:cover;
}*/

html,body, 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;
}

a:link, a:visited {
	color: #FFF;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
	color:#CCC;
}


#body-wrapper {
	width:90%; min-width:960px; 
	height:640px;
	margin: 0 auto;
}

#bg {position: fixed; bottom:0; left: 0; opacity:0.4;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

/* ++++++++++++++++++++++++++++++++++++ header ++++++++++++++++++++++++++++++++++++++++++ */

.pluswhiteleft{
	width:10%; min-width:0px; height:90px;
	background:url(../imgs/bg/bg-white.png) repeat;
	position:absolute; top:0px; left:-10%;
}

.pluswhiteright{
	width:5.5%; height:30px;
	background:url(../imgs/bg/bg-white.png) repeat;
	position:absolute; top:60px; right:-5.5%;
}

#header{
	width:100%; height:120px;
	position:relative;
	 /*background-color:#111;*/
}

#logo{
	display:block;
	width:180px; height:90px;
	background:url(../imgs/bg/bg-logo.png) no-repeat;
	position:relative;
}

#logo img{
	height:90px;
}


.mainmenu{
	max-width:1200px; height:90px;
	position:absolute; top:0px; right:0px;
}

.mainmenu li{
	list-style:none;
	/*display:inline-block;*/
	float:left;
	margin:0px; padding:0px;
	height:90px;
}
.mainmenu li:hover{
	background-color:#C00;
}

.mainmenu li a{
	display:block;
	margin:60px 0px 0px 0px; padding:5px 15px 0px 15px;
	height:25px;
	background:url(../imgs/bg/bg-white.png) repeat;
	font-size:14px;
	color:#333;
}

.mainmenu li a:hover, .mainmenu li:hover a{
	color:#C00;
}

.mainmenu-selected
{
	background-color:#C00;
}
.mainmenu-selected a
{
	color:#C00 !important;
}


.menu-elem{
	width:96px; height:96px;
	border-right:2px solid #FFF; border-top:1px solid #FFF; border-bottom:1px solid #FFF;
	color:#FFF;
	font-family:'WalkwayBlackRegular';
	letter-spacing:1px;
	font-size:12px;
	text-shadow:1px 1px 2px #121212;
}


#socialWrap {
  height: 40px;
  width: 100px;
  z-index: 100;
  position:absolute;
  top:20px; left:180px;
}

#socialWrap li {
  background-position: 0 0;
  display: inline-block;
  height: 100%;
  list-style: none outside none;
  margin: 0px 3px 0;
  overflow: hidden;
  width: 32px;
}
#socialWrap li a.social {
  background-position: 0 0;
  display: block;
  height: 32px;
  margin-bottom: 0;
  margin-top: 0;
  opacity: 0.7;
  transition: margin 0.15s ease 0s;
  width: 100%;
}
#socialWrap a.social:hover {
  background-position: 32px 0;
  margin-bottom: 10px;
  margin-top: 0;
  opacity: 1;
}

#socialWrap #fb a.social {
  background-image: url("../images/social-fb.png");
}
#socialWrap #yt a.social {
  background-image: url("../images/social-yt.png");
}

/* ++++++++++++++++++++++++++++++++++++ main ++++++++++++++++++++++++++++++++++++++++++ */

#main-wrapper{
	width:100%; height:80%;
	position:relative;
}
.pushfooter{
    height:20px; /* altezza footer */
    clear:both; /* clear di eventuali float se presenti nel layout */
}

#main
{
    width:100%;
	/*height:490px;
	margin:0px auto;*/
	position:relative;
    overflow:hidden;
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -20px; /* margine negativo altezza footer */
}


#main img.home
{
    min-width:960px; width:100% !important; 
    height:100%;
}

.leftside
{
    position:absolute; top:0px; left:0px; 
    height:95%; min-width:220px; width:33%;  /*width:23%;*/
    /*margin-right:1%; 
    border-right:10px #333 solid; 
    background-color:#C00;*/
    overflow:hidden;
    margin-right:1%;
}

.divisorio{
    position:absolute; top:0px; right:0px;
    z-index:20; 
    width:3%; height:490px;
	/*background:url(../images/asfalto.jpg);*/ background-color: #111;
}

.rightside
{
    position:absolute; top:0px; right:0px; 
    height:95%; min-width:630px; width:66%;  /*width:76%; min-width:700px;*/
    /*background-color:#C00;*/
    overflow:hidden;
}

.rightside img
{
    /*width:100%;*/
    height:100%;
}



/* ++++++++++++++++++++++++++++++++++++ footer ++++++++++++++++++++++++++++++++++++++++++ */

#footer
{
    height:20px;
    position:relative;
    z-index:10;
}

#footer p{
	/*max-width:800px;*/
	font-size:11px;
	color:#FFF;
	margin:0px;
}

ul.language{
	float:left;
	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:#FFF !important;
	font-weight:bold;
}


/* ++++++++++++++++++++++++++++ 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;
}



@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    
}