div { position: relative; overflow: hidden; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, p { margin: 0; padding: 0; }
a { text-decoration: none; outline: 0; }
a:hover { text-decoration: underline; outline: 0; }
a:focus { outline: 0; }

body { margin: 0; padding: 0 0 0 0; background: #eeeeee; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-weight:200; line-height: 150%; font-size: 14px; }
h1, h2, h3 { font-family: 'Source Sans Pro', sans-serif; font-weight:900; text-transform:uppercase; }
h1 { line-height: 110%; text-transform:none;}
h2 { font-size: 18px; line-height: 150%; text-transform:none;}
h3 { font-size: 18px; line-height: 150%; font-size: 18px; }
.block { display: block; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.indent { text-indent: -9999px; }
.sprite { background: url(../img/sprite.png) no-repeat; }
.hr { height: 0px; background: url(../img/hr-bg.png) no-repeat center top; }
#container { width: 965px; margin:0 auto;}
.glow { position: absolute; left: 0; top: 0; background: url(../img/bg_top.png) no-repeat center top; bottom: 0; right: 0; }
#header { min-height: 202px; }
#header .logo  { width: 340px; height: 49px; background: url(../img/quadrika_logo.png); margin:18px auto; }
#header .logo:hover { background: url(../img/quadrika_logo_hover.png) }
#header .text { text-align: center; color: #fff; padding: 20px 0 20px 0; line-height: 130%; font-size:26px; }
#header .text span { color: #d9d9d9; font-size:80px; line-height: 100%; font-family: 'Bree Serif', Georgia, serif; text-transform:none; }
#header .text p { margin: 20px 0 10px 0; font-size:18px; color: #d9d9d9; line-height: 120%; }
#header .contact { color: #d9d9d9; font-size: 26px; font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; font-weight:900; text-align:center; padding:20px 0 40px 0;}
#header .contact span { color: #fff; font-family: 'Open Sans', sans-serif; font-weight:200; font-size: 24px; }
#content { padding: 0 0px; }
.project { padding: 23px 0 35px 0;  }
.title-date { height: 50px; z-index: 2;}
.title-date h1 { line-height: 54px; font-size: 22px; padding: 0 20px 0 20px; text-transform:uppercase; color: #414042; letter-spacing: 0px; height: 50px; width: 783px; background: url(../img/bg_green.png) repeat-x;}
.title-date .facebook { position: absolute; right: 91px; top: 0px;}
.title-date .facebook a { float: left; width: 50px; height: 50px; background-position: 0 -587px; }
.title-date .facebook a:hover { background-position: 0 -637px;}
.title-date .date { height: 50px; width: 90px; background: url(../img/bg_green.png) repeat-x; position: absolute; right: 0; top: 0; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight:900; font-size: 22px; color: #414042; line-height: 54px; text-align: center; letter-spacing: 0px; }
.details { z-index: 3; margin: -5px 0 0 0; }
.filter { position: absolute; right: 0; top: 0; }
.filter a { float: left; margin: 0px 0 0 0; width: 90px; height: 50px; }
.details .other { background-position: 0 -69px; }
.details .other:hover { background-position: 0 -119px; }
.details .web { background-position: 0 -169px; }
.details .web:hover { background-position: 0 -219px; }
.details .print { background-position: 0 -269px; }
.details .print:hover { background-position: 0 -319px; }
.details .logotype { background-position: 0 -369px; }
.details .logotype:hover { background-position: 0 -419px; }
.description { width: 834px; height: 50px; color: #414042; line-height: 50px; font-weight:400; padding: 0 20px 0 20px; background: url(../img/bg_grey.png) repeat;}
.description p { color: #414042; margin: 0 0 15px 0; }
.description p:last-child { margin: 0 0 0 0;  }
.billboard { margin: 0 0 0 20px; z-index: 1; }
#footer { padding: 0 10px; }
.social { margin: 30px 0 0 0; overflow: hidden; position: relative; }
.social li {float: left; margin: 0 20px 0 20px; }
.social li:first-child { margin: 0 10px 0 0; }
.social a { height: 19px; }
.social .creattica { background-position: 0 -469px; width: 90px; }
.social .creattica:hover { background-position: 0 -488px; }
.social .logopond { background-position: 0 -507px; width: 92px; }
.social .logopond:hover { background-position: 0 -526px; }
.social .fb { background-position: 0 -545px; width: 88px; }
.social .fb:hover { background-position: 0 -564px; }
.copy { margin: 65px 0 4px 0; text-align: center; color: #a7a9ac; font-size: 14px; }	
.categories { color: #a7a9ac; font-size: 14px; position: absolute; right: 10px; top: 30px; }
.categories a { color: #222222; font-family: 'Source Sans Pro', sans-serif; font-weight:900; text-transform:uppercase; padding: 0 7px; }
.categories a:hover { color: #d9d9d9; text-decoration: none; }
.categories a:last-child { padding: 0 0 0 7px; }
.years { color: #a7a9ac; font-size: 14px; position: absolute; right: 10px; top: 48px; }	.years a { color: #222222; font-family: 'Source Sans Pro', sans-serif; font-weight:900; text-transform:uppercase; padding: 0 7px; }	.years a:hover { color: #d9d9d9; text-decoration: none; }	.years a:last-child { padding: 0 0 0 7px; }	#cookiesWindow { background: url(../img/bg_green.png) repeat-x; padding: 10px; font-size: 14px; color: #222222; line-height: 130%; width: 350px; position: fixed; bottom: 20px; right: 20px; z-index: 100; }#cookiesWindow p { margin: 0 0 5px 0; text-align: justify; font-size: 14px; }#cookiesWindow .closeCookiesBtn { color: #222222; font-family: 'Source Sans Pro', sans-serif; font-weight:900; text-transform:uppercase;  display: block; float: right; padding: 5px 0; cursor: pointer; }