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

html, body {
	margin:0px;
	background:#F2F2F2;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	height:100%;
	color:#1C1C1C;
	}
	
h1 {
	margin:0;
	padding:0;
}
	
h2 {
	font-family: 'Doppio One', sans-serif;
	font-size:30px;
	color:#666;
	margin:0;
}

h3 {
	text-align:right;
}

a {
	text-decoration:none;
	color:#000
}

.header {
	font-family: 'Doppio One', sans-serif;
	margin-top:0px;
	width:100%;
	height: auto;
	background:#CCC;
	}
	
.header h1 {
	clear:both;
	text-align:left;
	padding-left:5.4%;
	font-size: 55px;
	width:auto;
}


.header nav ul {
	list-style:none;
	padding:0px;
	margin-left:5.5%;
}

.header nav ul > li {
	display:block;
	float:left;
	margin-right:5%;
	text-align:left;
	font-size:28px;
}

.header nav ul > li a {
	text-decoration:none;
	color:#666;
	}

.header nav ul > li a:hover {
	color:#000;
}

.header nav ul > li a.active {
	color:#000;
}

.wrapper {
	width:90%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

.cel {
	margin:.5%;
	padding:.5%;
	width:23%;
	height:33.33333%;
	float:left;
	opacity:0.9;
	overflow:hidden;
	
}

.celklein{
	margin:.5%;
	padding:.5%;
	width:23%;
	height:7%;
	float:left;
	opacity:0.9;
	overflow:hidden;
}

.celclick {
	margin:.5%;
	padding:.5%;
	width:23%;
	height:33.33333%;
	float:left;
	opacity:0.9;
	overflow:hidden;
}

.celgroot {
	margin:.5%;
	padding:.5%;
	width:31%;
	height:70%;
	float:left;
	opacity:0.9;
	overflow:hidden;
}
	

.wrapper div.celclick:hover{
	opacity:1;;
	
}