@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin,latin-ext);

html,body {height:100%;width:100%;}
body{border:0;margin:0;padding:0;font-family: 'Open Sans','Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;font-weight:300;color: #4444;line-height:1.5em;font-size:100%;background:#fff;}

.section01, .section02,.section03,.vlnka {float:left;height:100%;position:absolute;top:0;bottom:0;}
.section01 {width: 250px;left:0;z-index:50;background: #fff;}
.section01 .logo {width: 154px; height: 80px;}
.section01 .inner {padding: 5em 2em 2em 2em;}
.section01 img.eu {position:absolute; bottom: 2em;left:2em;}

.vlnka {left:250px;width:25px;z-index:50;background: url(/vlnka.png) right top repeat-y;}

.section02 {background:url(/mleko02.jpg) left center no-repeat;left:0;width: 60%;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.section03 {background:url(/mleko01.jpg) left center no-repeat;left:60%;width: 40%;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.section02 a,.section03 a {opacity: 0.5; filter:alpha (opacity=50)display:none;position:absolute;bottom: 20%;right:0;background:#fff;width:auto;padding: 1em 2em;text-align:center;font-size: 200%;color:#000; text-decoration:none;}
.section02:hover a,.section03:hover a {display:block;opacity: 0.9; filter:alpha (opacity=90);}