body {margin:0px;}
.bckr_img { max-width:100%; background: #000 url(bgr1.jpg) repeat 0; padding:0px; margin:0;}
.bckr_img2 { max-width:100%; background: #000 url(bgr3.jpg) repeat 0; padding:0px; margin:0;}
.content { position: relative; margin: auto; max-width: 1224px; }


.template { width: 100%; text-align: justify; margin: auto; background: #FFFFFF;  padding: 90px 46px 50px 90px;}
.hdr_logo { width: 100%; text-align: center; margin: auto; font-family: Geneva, Arial, Helvetica, sans-serif; color: #02B1FF; font-size: 30px; padding: 20px 0px 0px 0px;}
.hdr { width: 100%; text-align: left; margin: auto; background: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; color: #0087EA; font-size: 34px; padding: 100px 0px 90px 0px;}
.hdr_into { text-align: left; margin: auto; font-family: Geneva, Arial, Helvetica, sans-serif; color: #003399; font-size: 48px; padding: 0px 50px 0px 50px;}

.block_blue {  margin: auto; width: 100%; background: #000 url(bgr.jpg) repeat 0; }
.block_logo_img {  margin: auto; padding: 0px 0px 0px 50px;}
.block_logo_tlf {  
    margin: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 30px 0px 0px;
	max-width: 550px;
	text-align: right;
	font-size: 26px;
	color: #FFFFFF}
.block_buttons { width: 100%; text-align: center; margin: auto;}
.block_buttons_into {text-align: center; margin: 5px 30px 5px 30px;}
.block_buttons_line1 { width: 100%;  margin: auto; height:25px; border: 3px solid #777777; border-width: 0px 0px 1px 0px;}
.block_buttons_line2 { width: 100%;  margin: auto; height:10px; border: 3px solid #777777; border-width: 1px 0px 0px 0px;}
.block_buttons_line3 { width: 100%;  margin: auto; height:10px; border: 3px solid #777777; border-width: 0px 0px 1px 0px;}


.block_white {  margin: auto; width: 100%; background: #FFFFFF; }
.block_line{ display: table; width: 100%;  background: #FFFFFF; margin-top: 0px;}
.block_p {display: table-cell; text-align: center; background: #FFFFFF; padding: 0px 26px 60px 46px;  margin: auto;}
.block_t {display: table-cell; text-align: left; background: #FFFFFF; vertical-align:top;  margin: auto;  padding: 0px 46px 60px 26px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #777777;}



.style_hdr1 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 35px; text-decoration: none; line-height: 0.9;}
.style_hdr2 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 35px; text-decoration: none; }
.style_hdr3 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 20px; text-decoration: none; line-height: 0.9;}
.style_buttons {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px; text-decoration: none; }
.style_0 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 18px; text-decoration: none; line-height: 2.0;}
.style_1 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 22px; text-decoration: none; line-height: 1.5;}
.style_2 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #003399; font-size: 26px; text-decoration: none; }
.style_3 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #666666; font-size: 24px; text-decoration: none; }
.style_5 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #777777; font-size: 16px; text-decoration: none; }
.style_6 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #777777; font-size: 20px; text-decoration: none; }
.style_7 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 30px; text-decoration: none; }
.style_8 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #777777; font-size: 22px; text-decoration: none; }
.style_9 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #0087EA; font-size: 34px; text-decoration: none; }


.block_green {  margin: auto; width: 100%; background: #F5F5F5; }
.content1 { position: relative; margin: auto; max-width: 1024px; background: #F5F5F5;}
.hdr1 { width: 100%; text-align: center; margin: auto; background: #F5F5F5; font-family: Geneva, Arial, Helvetica, sans-serif; color: #02C0FF; font-size: 32px; padding: 86px 0px 60px 0px;}

.block_line1{ display: table; width: 100%;  background: #F5F5F5; }
.block_p1 {display: block; text-align: center; background: #F5F5F5; margin: auto; padding:0px 20px 0px 20px;}
.block_p2 {display: table-cell; text-align: center; background: #F5F5F5; padding:26px 26px 26px 26px;  margin: auto; }
.block_p3 {display: table-cell; width: 275px; border: 1px solid #CCCCCC; text-align: center; margin: auto; background: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; color: #777777; font-size: 22px;}
.block_p4 {display: inline-table; width: 250px; border: 0px solid #CCCCCC; text-align: left; margin: auto; background: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; color: #777777; font-size: 16px;}
.block_p4green {display: inline-table; width: 350px; border: 0px solid #CCCCCC; text-align: left; margin: auto; background: #F5F5F5; font-family: Geneva, Arial, Helvetica, sans-serif; color: #777777; font-size: 16px;}
.block_p4a {display: inline-table; width: 250px; text-align: center; margin: auto; background: #FFFFFF; padding:0px 15px 40px 15px;}
.block_p4b {display: inline-table; width: 350px; text-align: center; margin: auto; background: #F5F5F5; padding:0px 15px 40px 15px;}


.hdr2 { width: 100%; text-align: center; margin: auto; background: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; color: #02C0FF; font-size: 32px; padding: 80px 0px 40px 0px;}
.hdr3 { width: 100%; text-align: center; margin: auto; background: #FFFFFF;  padding: 10px 0px 50px 0px;}
.hdr4 { width: 100%; text-align: center; margin: auto; background: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; color: #02C0FF; font-size: 32px; padding: 90px 0px 80px 0px;}

.block_piktures { width: 100%; text-align: center; margin: auto; background: #FFFFFF;}
.block_piktures1 { width: 100%; text-align: center; margin: auto; background: #F5F5F5;}
.block_piktures_line3 { width: 100%;  margin: auto; background-image: url(line3.jpg); background-repeat: repeat; }
.block_piktures_line4 { width: 100%;  margin: auto; background-image: url(line4.jpg); background-repeat: repeat;}

.block_p5 {display: table-cell; text-align: center; background: #F5F5F5; padding: 15px 26px 90px 46px;  margin: auto; }
.block_t5 {display: table-cell; text-align: left; background: #F5F5F5; margin: auto;  padding: 0px 46px 90px 26px; vertical-align: top;}

.block_p6 {display: table-cell; text-align: left; background: #F5F5F5; padding: 20px 26px 20px 56px;  margin: auto; width: 50%}
.block_t6 {display: table-cell; text-align: left; background: #F5F5F5; padding: 20px 56px 20px 36px;  margin: auto;}



.block_black { margin: auto; width: 100%; background: #444444; }
.content5 { position: relative; margin: auto; max-width: 1024px;  padding: 20px 30px 20px 30px;}
.hdr5 { width: 100%; text-align: justify; margin: auto; background: #444444; padding: 0px 0px 0px 0px;}
.block_p7 {display: table-cell; text-align: left; background: #444444; padding: 0px 16px 20px 0px;  margin: auto; width: 50%}
.block_t7 {display: table-cell; text-align: right; background: #444444; padding: 0px 0px 20px 16px;  margin: auto;}



@media screen and (min-width: 995px) and (max-width: 1044px) {
.content {}
.block_p1 { display: table-cell; }
.block_p2 { display: block; }

.block_p6 { display: table-cell; }
.block_t6 { display: block; }
}


@media screen and (min-width: 990px) and (max-width: 995px) {
.block_p {display: block; }
.block_t {display: block; text-align: justify; background: #FFFFFF; vertical-align:top;  margin: auto;  padding: 0px 70px 60px 70px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #777777;}

.block_p1 { display: table-cell; }
.block_p2 { display: block; }

.block_p5 {display: block; }
.block_t5 {display: block; text-align: justify; background: #F5F5F5; vertical-align:top;  margin: auto;  padding: 0px 70px 60px 70px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #777777;}

.block_p6 { display: block; text-align: justify; vertical-align:top;  margin: auto;  padding: 20px 70px 0px 70px; width: auto}
.block_t6 { display: block; text-align: justify; vertical-align:top;  margin: auto;  padding: 0px 70px 20px 70px; width: auto}

}

<!-- -->
@media screen and (min-width: 100px) and (max-width: 990px) {
.block_p {display: block; }
.block_t {display: block; text-align: justify; background: #FFFFFF; vertical-align:top;  margin: auto;  padding: 0px 70px 60px 70px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #777777;}

.block_p1 { display: block; }
.block_p2 { display: block; }

.block_p5 {display: block; }
.block_t5 {display: block; text-align: justify; background: #F5F5F5; vertical-align:top;  margin: auto;  padding: 0px 70px 60px 70px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #777777;} 

.block_p6 { display: block; text-align: justify; vertical-align:top;  margin: auto;  padding: 20px 70px 0px 70px; width: auto}
.block_t6 { display: block; text-align: justify; vertical-align:top;  margin: auto;  padding: 0px 70px 20px 70px; width: auto}
.img_sz { width: 100% }
}