@media (min-width: 800px) {

/* TEST  */
* {margin: 0px; padding: 0px;}
html, body {
    height: 100%; font-family: Calibri, Verdana, Tahoma, Arial, Times New Roman;
    min-width: 1200px;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
    min-width: 1200px;
    /*background: url(img/bg4.png) repeat-x 0px 150px rgb(222,222,222);*/
}
.footer, .push {
    height: 20px; /* .push must be the same height as .footer */
}

.footer {z-index: 99; position:relative;}

.footer a {cursor: pointer; }


div.ukraine {margin: 0px 0px 10px 300px; 
padding: 15px;}  

div.scam-box {margin: 0px 0px 10px 300px; 
box-shadow: 5px 5px 4px rgb(150,150,150); padding: 15px;}  


/*div.top {background: url(img/bg3.png) repeat-x; box-shadow: 0 0px 10px black;}*/
div.top {box-shadow: 0 0px 10px black;}
div.top2 {width: 1050px; margin: 0px auto 0px auto; padding: 15px 150px 0px 0px; position: relative;
text-align: right; font-weight: bold; font-style: italic; 
background: url(/img/logo_jaszowiec.png) no-repeat right 18px;
}
h1 {text-align: right; font-weight: bold; }
h2 {text-align: right; font-weight: bold; }
h3 {font-weight: bold; font-style: italic; text-shadow: 0 0 1px rgb(50,50,50); padding-bottom: 20px;}
h4 {font-weight: bold; font-style: italic; text-shadow: 0 0 2px rgb(100,100,100); padding: 20px 0px 5px 0px;
margin: 0px 0px 10px 0px;}
h5 {font-weight: bold; font-style: italic; text-shadow: 0 0 2px rgb(100,100,100); padding: 20px 0px 5px 0px;
margin: 0px 0px 10px 0px;}

div.main {min-height: 500px;  padding: 20px; width: 1200px; margin: auto;}

div.page {margin: 0px 0px 10px 300px; padding: 20px;

line-height: 150%; text-align: justify;}

div.page2 {margin: 0px 0px 10px 300px; padding: 10px; box-shadow: 5px 5px 4px rgb(150,150,150);
text-align: justify; font-weight: bold;}

a.page2 {display: block; text-align: center; margin: 0px 0px 10px 300px; padding: 10px;  box-shadow: 5px 5px 4px rgb(150,150,150);
font-weight: bold;}

div.menu {float: left; width: 290px; }
div.menu a {display: block; text-decoration: none;
padding: 3px 0px 3px 5px; margin: 8px; box-shadow: 2px 2px 4px rgb(50,50,50); border-radius: 3px;}
div.menu a.act {}

div.menu a:hover, div.menu a.l2:hover {box-shadow: none;}

#reg {background-image: none; }

div.menu a.l2 {display: block; 
text-decoration: none;
padding: 3px 0px 3px 5px; margin: 8px; box-shadow: 2px 2px 4px rgb(50,50,50); border-radius: 3px; margin-left: 20px;}


div.bg {position: fixed; width: 100%; height: 100%; z-index: -1; }

ul li {margin: 2px 0px 2px 30px;}

div.news {width: 220px; height: 140px; float: left; position: absolute; background: url(/img/news.png) no-repeat; top: 50px; left: 20px;
font-size: 15px; color: black; padding: 40px 20px 10px 20px; text-shadow: none; text-align: center; transform: rotate(5deg)}

div.news strong {color: rgb(180,60,0); display: block; text-align: center; font-size: 19px;}

div.footer { padding: 5px 10px 5px 10px; }
div.footer i {float: right; }

hr {height: 0px; }

table.program {
    border-collapse: collapse;
    margin: 10px;
}

table.program td {
        vertical-align: top;
    padding: 2px 5px 2px 5px;
}

table.program td.day {
    
    font-weight: bold; padding: 3px;
}

table.program td.person {
    
}

table.program td.head {}

table.program tr.info td {}

}



@media (max-width: 800px) {


* {margin: 0px; padding: 0px;}
html, body {
    font-family: Calibri, Verdana, Tahoma, Arial;
}

div.ukraine {margin: 10px; 
box-shadow: 5px 5px 4px rgb(150,150,150); padding: 15px;}

div.scam-box {margin: 10px; 
box-shadow: 5px 5px 4px rgb(150,150,150); padding: 15px;}

div.ukraine2 {margin: 5px; }

/*div.top {background: url(img/bg3.png) repeat-x; box-shadow: 0 0px 10px black;}*/
div.top { box-shadow: 0 0px 10px black;}
div.top2 {margin: 0px auto 0px auto; padding: 15px 140px 23px 3px; position: relative;
text-align: right; font-weight: bold;
 font-style: italic; text-shadow:0px 0px 3px black, 0 0 10px rgb(50,100,200);
background: url(/img/logo_jaszowiec.png) no-repeat right 10px;
}
h1 {text-align: right; font-weight: bold; font-style: italic; text-shadow:0px 0px 3px black, 0 0 10px rgb(50,100,200);}
h2 {text-align: right; font-weight: bold; font-style: italic; text-shadow:0px 0px 3px black, 0 0 10px rgb(50,100,200);}
h3 { font-weight: bold; font-style: italic; text-shadow: 0 0 3px rgb(100,100,100); padding-bottom: 10px;}
h4 { font-weight: bold; font-style: italic; text-shadow: 0 0 2px rgb(100,100,100); padding: 20px 0px 5px 0px;
margin: 0px 0px 10px 0px;}
h5 {font-weight: bold; font-style: italic; text-shadow: 0 0 2px rgb(100,100,100); padding: 20px 0px 5px 0px;
margin: 0px 0px 10px 0px;}

#reg { }

div.page {clear: both; line-height: 150%; text-align: justify; margin-top: 20px; padding: 15px;}

div.page2 {padding: 10px; text-align: center; clear: both; font-weight: bold;}

a.page2 {display: block; text-align: center; margin: 20px 0px 10px 0px; padding: 10px; 
box-shadow: 5px 5px 4px rgb(150,150,150);
font-weight: bold; clear: both;}

div.mobile {clear: both;}




div.menu {}
div.menu a {float: left; width: 47%; display: block;
text-decoration: none;
padding: 1% 0px 1% 1%; margin: 1%; box-shadow: 2px 2px 4px rgb(50,50,50); border-radius: 3px;}
div.menu a.act {}

div.menu a:hover {box-shadow: none;}


div.bg {position: fixed; width: 100%; height: 100%; z-index: -1; }
div.bg {position: fixed; width: 100%; height: 100%; z-index: -1; }

ul li {margin: 2px 0px 2px 30px;}

div.news {display: none;}

div.footer {padding: 5px 10px 5px 10px;}
div.footer i {float: right;}

table.program {
    border-collapse: collapse;
    margin: 10px;
}

table.program td {
    
    vertical-align: top;
    padding: 2px 5px 2px 5px;
}

table.program td.day {
    
    font-weight: bold; padding: 3px;
}

table.program td.person {
    
}

table.program td.head {}

table.program tr.info td {}


#av {display: none;}

}

table.how {width: 100%;}

table.how tr td {
    width: 39%; padding: 10px 5% 10px 5%; text-align: center;

}

a {text-decoration: none; }
a:hover {}

div.page p {margin-bottom: 10px;}

tr.inv td {}

.img_prog {padding: 10px;}
.img_prog:hover {}

ol.normal li {padding: 2px 0px 2px 10px;}
ol.normal {margin-left: 20px;}

div.ukraine2 {padding: 10px; }

div.previous a {display: block; float: left; width: 150px; margin: 0px 5% 0px 1%;}

a.hvr:hover {cursor: pointer;}

div#avo {background-color: white; position: absolute; top: 0px; left: 0px;border: solid 1px black; float: left; text-decoration: none; padding: 5px; z-index: 200}