﻿/*BOX GALLERIA*/

#galleria {
	width: 570px;
	padding: 20px 40px;
	margin:20px 0 20px -40px;
	background: #e9e9e9;}
#galleria ul { margin-left: -15px; }
#galleria ul li {
	position: relative;
	background: none;
	display: block;
	float: left;
	margin: 0 0 0 14px;
	border: 1px solid #e1e1e1;
	width: 130px;
	height: 130px;
	text-align: center;}
	#galleria ul li.video strong { display: block; position: absolute; bottom:-10px; right: -10px; width: 40px; height: 30px; background: transparent url(../images/play_vid.png) no-repeat left top;}
		#galleria ul li a {
			display: block;
			float: left;
			color: #000;
			text-decoration: none;}
				#galleria ul li a:hover {filter: alpha(opacity=60);-moz-opacity: .6;opacity: .6;}
				#galleria ul li a span { display: block; margin:0 0 0 0 }

				#galleria ul li a span {
					cursor: pointer;
					display:block;
					width: 130px; height: 130px;
					background-color: #FFF;
					background-position: center center; background-repeat: no-repeat;}
					#galleria ul li a span em {display: none; margin: 0px;}

ul.downloads li {
	display: block;
	position: relative;
	width: 285px;
	height: 180px;	float: left;
	background: white url(../images/bg_downloads.jpg) no-repeat left top;}
	ul.downloads li a {
		display: block;
		text-decoration: none;
		position: relative;
		font-size: 1.2em;
		color: #404040;
		padding: 20px 20px 20px 130px;}
		ul.downloads li a:hover { text-decoration: underline;}
		ul.downloads li a:hover em { text-decoration: none;}
	ul.downloads li a span {
		display: block; width: 100px; height:142px;
		position: absolute;
		cursor: pointer;
		background-repeat: no-repeat;
		background-color: #000;
		background-position: center center;
		left: 20px;
		top: 20px;}
	ul.downloads li a em { font-size: 80%; font-style: normal;}
			ul.downloads li a:hover img {filter: alpha(opacity=80);-moz-opacity: .8;opacity: .8;}
