body {
    background-color: #fff;
    font-family: 'Palatino linotype', Helvetica, sans-serif;
	font-size: 12px;

}
#pageblok{
	 background: url("../images/background6.jpg")  45% 30%  no-repeat;
}
#pageblok2{
	 background: url("../images/bg2.jpg") no-repeat;
	     background-size: cover;
}
* {
    padding: 0;
    margin: 0;
    border: 0;
}

#wrapper {
    min-height: 100%;
    height: 100%;
    margin: 0 auto;
    width: 1200px;
    max-width: 80%;
}

#container {
    width: 960px;
    max-width: 80%;
    min-height: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}


div.sidebar {
    display: inline-block;
    height: auto;
    margin-right: -4px;
    vertical-align: top;
}

.bl-1, .bl-2 {width: 50%;}
.bl-4 {width: 60%;}
.bl-3 {width: 40%;}

div.inline-block {
    display: inline-block;
    margin-right: -28px;
    vertical-align: top;
    height: 100%;
    min-height: 100%;
	margin-top: -20px;
}

span.inline-block {
    display: inline-block;
    height: 100%;
    min-height: 100%;
}

.m-l-8{margin-left: 8px;}

.inline-block li{
    display: inline-block;
    vertical-align: top;
    height: 100%;
    min-height: 100%;
}

.w250 {width: 250px;}
.w208 {width: 208px;}


div.module-1{
    width: 458px;
    height: auto;
    display: block;
    overflow: hidden;
    background-color: rgba(51,51,0,0.37);
    background: url("../images/background_form2410.jpg")  50% 0  no-repeat;
    margin: 0 auto;
}


.tablo-wrapper { display: block;  width: 203px; margin: 16px 0 0 9px; }

.tablo-wrapp {margin-top: 20px;}

div.module-1 header {border-bottom:1px solid #f6f6f3; display: block; height: 81px; width: 100%; text-align: center;}

div.module-1 header img { width: 374px; display: block; margin: 4px auto;}

div.module-1 div.row-1 {height: 100px; background-color: #fff; width: 100%; display: block;}

.row-1 h5 {text-transform: uppercase; font-size: 12px; color: #333333;}
.tablo{
    width: 44px;
    height: 38px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 2px 4px 2px rgba(153,153,153,1);
    -moz-box-shadow: 1px 2px 4px 2px rgba(153,153,153,1);
    box-shadow: 1px 2px 4px 2px rgba(153,153,153,1);
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    color: #666666;
}

input[type="text"], input[type="email"] {width: 329px; height: 39px; text-align: center; margin-bottom: 8px;
    background-color: #fff;border: 2px;border-radius: 6px; color:#9b9a8d; font-size: 18px; font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;font-style: italic;
}

input[type="submit"] {width: 327px; height: 72px; color: #623f00; font-size: 30px; font-weight: bold; text-transform: uppercase;
     background: url("../images/button3.png") no-repeat; border-radius: 6px;
}


input[type="submit"]:focus
{
    border: none;
    outline: none;
}

input[type="submit"]:hover{color: #3a2e1f; cursor: pointer;}

input[type="submit"]:active
{
-webkit-box-shadow: inset 2px 2px 3px 2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 2px 2px 3px 2px rgba(0,0,0,0.75);
box-shadow: inset 2px 2px 3px 2px rgba(0,0,0,0.75);
border: none;
outline: none;
}

.row-1 ul {margin: 5px 0 0 0; padding: 0; font-size: 0}

.row-1 ul li {text-align: center;}

.row-1 ul span.format-1 {font-size: 12px; margin-top: 5px; display: block; color: #666;}

.m-5 li {margin: 3px;}

span.format-2, span.format-3 {
    display: block;
    font-weight: bold;
    padding: 0;
}
span.format-2 {
    color: #ed1c24; text-align: center; margin-top: 14px; font-size: 44px;
    position: relative; line-height: 44px; }
span.format-3 {color:#ed1c24; font-size: 28px;    font-family: 'Arial', Helvetica, sans-serif;}
span.line {background: url("../images/line.png")  no-repeat; top:-15px;
    width: 137px; height: 68px; display: block; position: absolute;}

.row-2 {width: 100%; display: table-cell; vertical-align: middle;
        height: 84px;text-align: center;   
}
.row-2 {font-size: 25px; color: #fff; font-weight: bold;margin-top: 5px;    margin-bottom: 0px;display: table;}

.row-2 .uppercase {text-transform: uppercase;}
.row-3, .row-4 {text-align: center;    margin-top: -10px;}
.row-3 span.format-4, .row-3 span.format-6, .row-3 span.format-7 {
    text-shadow: 1px 1px 2px rgba(28, 28, 28, 1);
    display: block;
}
.row-3 span.format-4 {font-size: 20px; color:#fff; margin-top: 12px;}
.row-3 span.format-5 {color:#fddd31; /*text-transform: uppercase;*/} 
.row-3 span.format-6 {font-size: 30px;  color:#fff;  margin-top: 1px;}
.row-3 span.format-7 {font-size: 30px; color:#ffeb7b; font-style:italic;  margin-top: 1px;}
.row-4 {margin-top: 35px;}
.logo-f{width: 100%; margin-right: 40px;}
.logo-f p {text-align: center; margin: 0 auto;}
.contact{width: 310px; margin-right: 32px;}
.tel{width: 285px;}
.tel p, .contact p {clear: left;}

span.icon-gal, span.icon-email, span.icon-tel {
    background: url("../images/css/icon-1.png") no-repeat;
    width: 19px;
    height: 19px;
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 6px;
}

span.icon-email {background-position: 0 -20px;}
span.icon-tel {background-position: 0 -40px;}
span.copyright { margin-right: 10px; font-size: 14px; color: #999;}

footer {width: 960px; max-width: 80%; margin: 0 auto; display: block; overflow: hidden; color:#2a3141; font-size: 14px;}




@media only screen and (max-width: 767px) {
    #pageblok {
		 background: url("../images/bg2.jpg") right no-repeat  fixed;
    }

    .bl-1, .bl-4  {width: 0%; }
    .bl-2 , .bl-3 {width: 100%; max-width: 100%;  }
    footer {text-align: center;}

    #wrapper {
        width: 100%;
        max-width: 100%;
    }

    #container {
        width: 100%;
        max-width: 100%;
    }

    .contact, .tel { margin: 0 auto;  width: 300px;}
    .contact p {text-align: left; }

 }


@media only screen and (max-width: 480px) {

    #pageblok{ 
	
        background-image:none; 	
        
    }

    #wrapper {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    #container {
        width: 100%;
        max-width: 100%;
        height: auto;
    }


    div.module-1 {
        width: 95%;
        height: auto;
        min-height: 100%;
        padding-bottom: 10px;
    }

    div.module-1 div.row-1, div.module-1 div.row-2,  div.module-1 div.row-3,  div.module-1 div.row-4 {
        
        text-align: center;
        background-repeat: repeat;
    }
    div.module-1 header img {
        width: 90%;
        display: block;
        margin: 13px auto;
    }


    div.sidebar {height: auto;}

    .logo-f  {width: 100%;}
    .logo-f img {width: 90%;}


    input[type="text"], input[type="email"] {
        width: 85%;
    }

    input[type="button"] {width: 85%; height: 40px; margin-top: 13px;
    }
	input[type="submit"] {width: 85%;background-size: cover; }
	footer {font-size: 10px; width: 100%; text-align: left}
	li.privat{
    display: inline;
	padding-left: 50px;
  }
}    
li.privat{
    display: inline;
	padding-left: 50px;
  }
}