html, body { margin: 0; padding: 0; }
body { font: 12px/18px Arial, sans-serif; }
@media (max-width: 600px) { #branding { display: none; } }
@media (min-width: 600px) {
body { 
background-image: url(images/bg.jpg); 
background-attachment: fixed; 
background-position: top center; 
background-repeat: no-repeat; 
background-size: cover; 
}
#branding, #branding a {
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
display: block;
position: fixed;
}
}
@media (max-width: 999px) { #article { display: none; } }
@media (min-width: 999px) { 
#article { 
width: 50%;
left: 50%;
top: 60px;
display: block;
position: fixed; 
height: 0px; 
overflow: visible;
}
#article div { 
max-width: 300px;
margin-left: 310px; 
margin-right: 10px; 
display: block; 
padding: 10px; 
overflow: hidden;
background-color: #99ccff; 
border-radius: 10px; 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
font-size: 14px; 
line-height: 22px; 
}
#article img { width: 100%; }
#article ul { padding: 0 10px 0 20px; }
#article a { color: #006633; }
h1 { 
font-size: 24px; 
font-weight: bold; 
line-height: 26px; 
color: #006633; 
} 
h2 { 
font-size: 20px; 
font-weight: bold; 
line-height: 22px; 
color: #006633; 
}
h1, h2 { word-wrap: break-word; }
}
.wrapper {
width: 580px;
margin: 0 auto;
height: 100%; 
min-height: 100%;
height: auto !important; 
background-color: #fff; 
padding: 5px;
}
.header { 
width: 100%;  
min-width: 580px;
position: fixed; 
z-index: 1000;
top: 0px;
left: 0px;
background-color: #fff; 
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); 
}
.header div { float: left; margin: 10px 20px; }
.header div.social { float: right; }
.content { padding: 60px 0 85px; }
.question { font-size: 28px; line-height: 30px; color: #F83107; text-align: center; }
.results { border-bottom: 1px solid #D8D8D8; padding-bottom: 10px; margin-bottom: 20px; }
.results a {
font-size: 21px;
line-height: 34px;
color: #F83107;
text-decoration: none;
padding: 0 0 0 5px; 
}
.results a:hover { text-decoration: underline; color: #F83107; }
.tabl { margin: 0 auto; text-align: center; }
.mask {
width: 520px; 
left: 50%; top: 0;
margin-left: -260px; 
background-color: #fff;
opacity: 0.5; 
position: absolute;	
display: none; 
}
.nav { left: 0; top: 0; position: absolute; display: none; }
.tabl:hover .mask,
.tabl:hover .nav, 
.cursor_left a, 
.cursor_right a { height: 550px; cursor: pointer; display: block; }
.cursor_left { float: left; 	background: url(images/cursor_left.jpg) left no-repeat; }
.cursor_right { float: right; background: url(images/cursor_right.jpg) right no-repeat; }
.cursor_left, 
.cursor_right { width: 290px; }
#Podskazka {
font-size: 14px;
line-height: 20px;
color: #2D8930;
padding: 0 12px;
}
.footer {
width: 580px;
margin: -70px auto 0;
height: 70px;
text-align: center;
font-size: 12px; 
color: #333; 
background-color: #fff;
}
.footer a { color: #333; text-decoration: none; } 
.footer a:hover { text-decoration: underline; } 
.footer a span { color: #F83107; } 
#scrollup {
position: fixed; 
opacity: 0.9; 
padding: 10px; 
border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
right: 10px; 
bottom: 10px; 
display: none; 
cursor: pointer; 
}
.wrapper, .tabl, footer, .footer { position: relative; }