html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, dl, dt, dd, hr, table, td, th, a img {
	border:medium none;
	margin:0;
	padding:0;
	zoom:1;
}

.fRight{
	float:right;
}
.fLeft{
	float:left; 
}
.none{
	margin:0px;
	padding:0px;
	border:0px;
}

.clearBoth{
	clear:both;
	height:0px;
	margin:0; 
	padding:0;
	position:relative;
	zoom:1;
}

.bolded{
	font-weight:bold;
}


body{
 font-family: "Tahoma", sans-serif;
 font-size:14px;
 color:#525659; 
 background:#F4F4F4 url('../images/tlo.png') no-repeat center 20px;
 margin:0;
 padding:0;
 
} 

/*headers*/
h1{
	color:#094779;
	font-family: "Tahoma";
	font-weight:normal;
	font-size:22px;
	padding:30px 0 15px 0px;
    margin:0px;
    text-transform:uppercase;
}

h2{
	color:#094779;
	font-family: "Tahoma";
	font-weight:normal;
	font-size:15px;
	padding:0px 0 15px 0px;
    margin:0px;
    text-transform:uppercase;
} 

/*links*/
a:link{
	display:inline;
	margin:0; padding:0;
	color:#a83500;
	text-decoration:underline;
}
a:visited{
	color:#733315;
}
a:hover{
	color:#ff5100;
}
a:active{
	color:#ff5100;
}
/*tags*/
p{
	margin:0;
	padding:5px 3px;
	line-height:150%;

}
ul{
	margin:0;
	padding:0;	
	list-style-type:none;
	list-style-image:none;
}
ul li{
	padding:0;
	margin:0;	
	list-style-type:none;
	list-style-image:none;
}

.wrapper
{
    width:100%;
    background:transparent;
    border-top:20px solid #094779;
}

.top
{
    width:998px;
    height:250px;
    margin:0 auto;
    background: transparent url('../images/top_top.jpg') no-repeat top right;
    border-bottom:1px solid #483225;
}
.top a.logo
{
    margin:0;
    padding:0;
    border:0;
    text-decoration:none;
    display:block;
    width:400px;
    height:167px;
    position:relative;
}
.top a.logo span.wt-dark
{
    position:absolute;
    top:23px;
    left:8px;
    color:#094779;
    font-family: "Tahoma";
    font-size:28px;  
    text-transform:uppercase; 
}
.top a.logo span.wt-light
{
    position:absolute;
    top:24px;
    left:9px;
    color:#1c0f00;
    font-family: "Tahoma";
    font-size:28px;   
    text-transform:uppercase;
}
.top a.logo span.wh-dark
{
    position:absolute;
    top:112px;
    left:8px;
    color:#34180c;
    font-family: "Tahoma", sans-serif;
    font-size:26px;  
    font-style:italic;
}
.top a.logo span.wh-light
{
    position:absolute;
    top:113px;
    left:9px;
    color:#dacdbb;
    font-family: "Tahoma", sans-serif;
    font-size:26px;   
    font-style:italic;
}
.menu
{
    width:998px;
    margin:0 auto;
    padding:0 0 06px;
        background:#094779;
}
.menu ul li
{
    float:left;
}
.menu ul li span, .menu ul li a:link, .menu ul li a:visited
{
    display:inline-block;
    font-family: "Tahoma", sans-serif;
    color:#FFFFFF;
    font-size:15px;
    text-transform:uppercase;
    padding:18px 25px 8px;
    background:transparent;
    text-decoration:none;
    letter-spacing:1px;
}
.menu ul li a:hover, .menu ul li a:active, .menu ul li span
{
    color:#1c0f00;
    background-color:#E2EDF1;
}
.menu .clearBoth
{
    border-bottom:10px solid #1C0F00; 
    height:6px;
    _margin-top:-10px;
}
.page
{
   clear:both;
   width:716px;
   margin:0 auto;
   padding:0 240px 40px 40px; 
   border:1px solid #cebda9;
   border-top:0; 
   border-bottom:0;
   background-color:#E2EDF1;  
   position:relative;
}
.page .notes
{
    position:absolute;
    line-height:100%;
    width:179px;
    top:30px;
    right:1px;
    background:transparent url('../images/notes-bg.png') right top repeat-y;
}
.page .notes .btm
{
    background:transparent url('../images/notes-bg-bt.png') right bottom no-repeat; 
    height:26px;
}  
.page .notes p
{
    padding:10px 15px 0;
		text-align: right;
}

.page ul li {
padding-left: 18px;
background-image: url(../images/li_bg.png);
background-position: 0px 6px;
background-repeat: no-repeat;
margin-left: 10px;
}

.page img {
clear: none;
padding: 0px;
border: 0px solid #fdfcfc;
margin: 20px 10px 5px 10px;
}

.footer
{
    width:978px;
    margin:0 auto;
    padding:10px;
    background-color:#094779;
}

.footer2
{
    width:978px;
    margin:0 auto;
    padding:10px;
}



p
{
    margin:0;
    padding:0 0 18px;

}
.footer p
{
    padding:0;
    width:80%;
    color:#FFFFFF;
}
.footer a:link,.footer a:visited,.footer a:hover,.footer a:active
{
   color:#FFFFFF;
} 
.footer a.lex
{
    float:right;
}










 .menumobile {
            display: inline-block;
            position: absolute;
            top: 60px;
            right: 0px;
            z-index: 9999;
             width: 190px;
            text-align: left;
        }
        
         .menumobile ul {
             list-style: none;
             display: none;
             background: #f6f6f6;
             padding: 0;
             margin: 14px 0 0px;
         }
        
        .menumobile li {
            margin: 0;
            padding: 0;
        }
        
        .menumobile a {
            width: 100%;
            display: inline-block;
            background: #5bad4b;
            color: #ffffff;
            font-size: 28px;
            padding: 8px 20px;
            text-align: left;

        }
        
        .button {
            position: absolute;
            top: -35px;
            right: 20px;
            
        }













@media only screen and (min-width: 768px) and (max-width: 999px) {
    .top {
        width: 100%;
        
    }
    .page {
        width: 100%;
    }
    
.page .right-col {
    width: calc(100% - 250px);
}
    .page .right-col .content {
        background-size: contain;
        width: 100%;
    }
    
    .stopka {
        width: 100%;
    }
    


}

@media only screen and (min-width: 768px) and (max-width: 820px) {
    h1 {
    padding: 0 0 7px 50px;
}
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
.page .left-col{
    display: none;
}
        .top {
        width: 100%;
        
    }
    .page {
        width: 100%;
    }
    
     .page .right-col {
         width: 100%;
     }
    
    .page .right-col .content {
        box-sizing: border-box;
        margin: 0;
        background-size: contain;
        width: 100%;
        padding: 245px 30px 0;
        
    }
    
        .stopka {
        width: 100%;
           
    }
    
    .stopka p {
       width: 100%; 
        box-sizing: border-box;
        background: transparent none repeat scroll 0 0;
    padding: 20px;
    }

}

@media only screen and (min-width: 1px) and (max-width: 567px) {
    
    body {
        min-width: 320px;
    }
.page .left-col{
    display: none;
}
        .top {
        width: 100%;
        
    }
    .page {
        width: 100%;
    }
    
     .page .right-col {
         width: 100%;
     }
    
    .page .right-col .content {
        box-sizing: border-box;
        margin: 0;
        background-size: contain;
        width: 100%;
        padding: 172px 20px 0;
        
    }
    
        .stopka {
        width: 100%;
           
    }
    
    .stopka p {
       width: 100%; 
        box-sizing: border-box;
        background: transparent none repeat scroll 0 0;
    padding: 20px;
        text-align: center;
    }

}


@media only screen and (min-width: 1px) and (max-width: 400px) {
    
    h1 {
            padding: 0 0 0px 0px;
            font-size: 34px;
    }
    
    
}


@media only screen and (min-width: 400px) and (max-width: 470px) {
    
    h1 {
            padding: 17px 0 7px 50px;
            font-size: 39px;
    }
    
    
}