@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
html {height: 100%;}
body {
height: 100%;
font-family: 'Open Sans', sans-serif;
font-size:13px;
background-color: #fff;
/*background: url(../img/fon.png);
background-repeat: repeat-x;*/
}
ol, ul {list-style: none;}
* {
margin: 0;
padding: 0;
outline: none;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a, a:hover {

}


.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {clear: both;}

.left {float:left;}
.right {float:right;}
.text-right {text-align: right;}

.container {
width: 100%;
margin: 0 auto;
z-index: 999;
}

header {
position: fixed;
padding: 10px;
background: #38bcf9;
}
.logo {
float:right;
/*margin-top: 18px; */
background: url(../img/puzerki6.gif);
/*background: #227ccc;*/
width:200px;
height: 58px;
text-align: center;
padding-top: 18px;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
}
.logo2 {
float:right;
/*margin-top: 18px; */
background: url(../img/osnov.png);
/*background: #227ccc;*/
width:200px;
height: 58px;
text-align: center;
padding-top: 18px;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
}
.sel{color: #fff; font-kerning: normal; font-size: 12px; }
a.sel{color: #fff; text-decoration: none; font-kerning: normal;}
.nav {float: left;}
.nav li {float: left;}
.nav li a,
#touch-menu {
display: block;
padding: 18px 15px;
color: #fff;
}
.nav li a:hover,
#touch-menu:hover {background: #38BCF9;
text-decoration: none;}

#touch-menu {display: none;}

.meny2{
margin: 0 auto;
max-width: 1024px;
}

@media (max-width: 720px) {
body {padding-top: 60px;	background: url(../img/fon2.png);
background-repeat: repeat-x;}
header {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 73px;
}
.logo img {height: 30px;}
.logo {float: right; margin-top: -4px;}
.nav {
position: absolute;
top: 100%;
left: 0;
right: 0;
display: none;
}
.logo2 img {height: 30px;}
.logo2 {float: right; margin-top: -4px;}
.nav {
position: absolute;
top: 100%;
left: 0;
right: 0;
display: none;
}
.nav li {float: none;}
.nav li a {
color: #666;
border-top: 1px solid #eee;
border-left: 3px solid transparent;
background: #fff;
}
.nav li:first-child a {border-top: none;}
.nav li a:hover {
color: #333;
border-left: 3px solid #38BCF9;
background: #f0f0f0;
}
#touch-menu {
display: block;
float: left;
height: 50px;
margin-top: -2px;
}
}
@media (max-width: 360px){
.wraper{
width:360px;
}
.container {
width: 360px;
margin: 0 auto;
z-index: 999;
}
}