@charset "UTF-8";

html, body { margin:0; padding:0; }
body { font:14px/1.5em Helvetica, Arial, sans-serif; color:#333; }
a, a:link, a:focus, a:active, a:hover { color:#cccd00; text-decoration:none; }
a:hover { color:#333; }
h1 { margin-bottom:1em;  }
#a1, #a2 { float:left; margin-right:40px; }
.logo a { display:block; width:117px; }
.logo img { max-width:100%; }
.logo,
.logo-text { float:left; margin-right:30px; text-transform:lowercase; line-height:1.3em; }
.logo-text { margin-top:52px; color:#666; }
.clearfix:before,
.clearfix:after { content:''; display:table; }
.clearfix:after { clear:both; }
.row { width:960px; margin:auto; }
header { padding:10px 0 20px; height:90px; }
#emotion img { width:100%; }
#main { padding:30px 0 50px; }
footer { background:#f7f7f7; padding:10px 0; color:#999; } 

#kontakt { 
	display:inline-block; padding:5px 10px; background-color:#cccd00; color:#fff; position:fixed; right:-30px; top:150px;
	text-transform:uppercase; letter-spacing:.5px; height:30px; width:90px; text-align:center;
	-webkit-box-sizing:border-box; box-sizing:border-box;
	-webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);
}
#kontakt:hover { background:#333; }

.two_fifth { width:380px; float:left; }
.one_fifth { width:280px; float:left; }