body {
	margin:0; padding:0; background-color: #000 ; color:#fff; font-family: 'WOL_SL','Segoe UI Semilight','Segoe UI','Open Sans',Tahoma,Helvetica,sans-serif;
	




 	background-image: url(i/olympus-bg.jpg);
	background-repeat: no-repeat;
	background-position: center -200px;
	background-size: cover;
	background-attachment: fixed;
	



 }
 
 html {height: 100%;}



h1,h2,h3,h4 { margin:0; padding:0; font-weight:100; font-family:"Segoe UI Light",'WOL_SL','Segoe UI Semilight','Segoe UI','Open Sans',Tahoma,Helvetica,sans-serif; }

.clear {clear:both; font-size:1px; height:1px; visibility: hidden;}


.thumb img { border: 1px solid #2c2c2c; padding: 10px; margin:0 2px 2px 0; background-color:#282828; display:inline; float:left;  height:130px; }



a.linkmenu { display:block; padding:10px;  }

a.linkmenu:link    { color: #000; text-decoration:none;  }
a.linkmenu:visited { color: #000; text-decoration:none; } 
a.linkmenu:hover, a.linkmenu:active   { color: #09F; text-decoration: none; background-color:#FFF }


a.linkblue { display:block; padding:10px;  }

a:link    { color: #fff; text-decoration:none;  }
a:visited { color: #fff; text-decoration:none; } 
a:hover, a:active   { color: #FC0; text-decoration: none;  }

@font-face
{
font-family:"WOL_SL";
font-style:normal;
font-weight:200;
src:url("http://res2.windows.microsoft.com/resbox/en/windows/main/e64030e7-ad8c-4be8-a45a-b69a2df3caef_13.eot");
src:url("http://res2.windows.microsoft.com/resbox/en/windows/main/e64030e7-ad8c-4be8-a45a-b69a2df3caef_13.eot?#iefix") format("eot"),url("http://res1.windows.microsoft.com/resbox/en/windows/main/2f29ed13-8741-44d3-b6cf-846cbe63351f_12.woff") format("woff"),url("http://res1.windows.microsoft.com/resbox/en/windows/main/4f6c5974-f748-4eed-8dd8-2854ee2faa64_12.ttf") format("truetype"),url("http://res2.windows.microsoft.com/resbox/en/windows/main/3d4daac8-a848-4097-a5de-710975279c98_12.svg#web") format("svg");
}


#logo-hwu { display:inline-block; max-width:200px;  margin-top:50px; }

	#logo-hwu img { max-width:150px;}

#partner { display:inline-block; max-width:120px; float:right; text-align: center; margin-right:10px; margin-top: 43px;}

	#partner span { font-size:8pt; color: #888}
	#partner img { max-width:100%;}

#header { max-width: 1000px; margin: 0px auto 50px auto; } 

#main {  max-width: 1000px; margin: 0 auto;  }

#footer{  max-width: 1000px; margin: 100px auto 10px auto; color: #777; font-size:0.8em; }



/* custom */

#upper-space { min-height:300px;}

#home-container .col-md-4 .content {  margin: 10px; background-color: rgba(0, 0, 0,0.85);  }

	#home-container .col-md-4 .content.color1 {  background-color: rgba(67, 142, 85,0.85);   }
	#home-container .col-md-4 .content.color2 {  background-color: rgba(43, 108, 155,0.85);   }
	#home-container .col-md-4 .content.color3 {  background-color: rgba(23, 59, 69,0.85);   }
	

	#home-container .col-md-4 .content .image { max-width:100%; width:100%;}
	#home-container .col-md-4 .content .title { padding:10px;}
	#home-container .col-md-4 .content .desc { padding:10px; display:inline-block;}
	
	#home-container .col-md-4 .content.disabled { opacity:0.9; position: relative; cursor:not-allowed!important;}
		#home-container .col-md-4 .content.disabled a {  cursor:not-allowed!important;}
	
	
#home-container .col-md-4 .news {  margin: 10px; background-color: rgba(33, 33, 33,0.85); padding:10px; }

	#home-container .col-md-4 .news .image { max-width:100px; max-height: 55px; display:inline; float:left; margin:5px 10px 10px 5px;}
	#home-container .col-md-4 .news .title { display:inline; font-size: 1.2em; }


	#home-container .col-md-4 .news .link {}
		
	
	
.video-container {
    height: 0px;
    padding-bottom: 56.25%; /* proportional scaling */
    position:relative;
    width: 100%;
}

.video-container iframe {
    top: 0;
    height: 100%;
    position: absolute;
    width: 100%;
}


#details-desc { display:inline-block; background-color: #333; padding: 25px 25px 40px 25px; margin: 0; font-size:1.2em; position: relative; }

	#details-desc .etichetta { font-size: 0.8em; background-color:#393939; color:#777; padding:5px; position:absolute; bottom:0;  }
	#details-desc .etichetta.left {left:0; height: 30px; padding:0 0 10px 25px; background-color:transparent; }
	#details-desc .etichetta.right {right:0; }





	
@media only screen and (max-width: 768px) {
	

	
}

@media only screen and (max-width: 600px) {    }	
@media only screen and (max-width: 480px) {  

#header {background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

#logo-hwu { margin-top:15px;}

#partner { margin-top:8px;}

 }






.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  left: -3px;
}

.ribbon-green {
  font: bold 9px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  position: relative;
  padding: 7px 0;
  right: -5px;
  top: 15px;
  width: 120px;
  background-color: #EFFF00;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#EFFF00), to(#C8DF00)); /*EFFF00 C8DF00   from(#BFDC7A), to(#8EBF45)*/
  background-image: -webkit-linear-gradient(top, #EFFF00, #C8DF00); 
  background-image:    -moz-linear-gradient(top, #EFFF00, #C8DF00); 
  background-image:     -ms-linear-gradient(top, #EFFF00, #C8DF00); 
  background-image:      -o-linear-gradient(top, #EFFF00, #C8DF00); 
  /*color: #6a6340;*/
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
  float: right;
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}