body {width:100%;height:100%;background:white;margin:0;padding:0;font-family:'Tahoma'}

h1 {text-align:center;color:red}
h2 {color:red;}
h3 {font-weight:normal;color:red;}

.logo {width:192px;height:165px;position:absolute;margin:49px 21% 0 21%;float:left;background: url(./img/logo.png) no-repeat;overflow: auto;background-size:100%}
.logo:hover {transform: scale(1.15);transition: all 5s ease-in-out;}

.container2 {max-width:1350px;margin:0 auto;position:relative;height: auto;overflow: hidden;}
#header {width:100%;height:183px;padding: 0 2% 0 2%;}


.main li a {text-decoration:none;color:white}
.main li a:hover {color:red;}

.main {background: #5B5B5B;width:100%;height:40px;margin: 7px 0 0 0;font-size:116%;font-weight:bold;list-style:none;display:none}
.main li {text-align:center;display:inline;float: left;margin:10px 1%;font-size:95%;ext-align:center}
.call {width: 100%;float: right;margin: 208px 0 0 3%;color: #191818;font-size: 158%;text-align: center;}

.call small, .adres small {font-size:63%;color:red}
.call a, .adres a {text-decoration:none;color:black}
.call a:hover {color:red}

.lang a:active {color:black !important}
.lang a {color:red !important;margin:0 7px}

.adres {float:left;font-size: 166%;twidth:33.33%;display:none;padding-top:45px}

.adres p {margin:20px 5px}
.call p {margin:24px 5px;font-size:103%}

.cont {width: 100%;height: 35px;position: fixed;background: #5B5B5B;z-index: 1;}
.cont img {float:right;width:20px;}
.cont img:hover {transform: scale(1.5);transition: all 1s ease-in-out;}
.cont a {color:black;text-decoration:none;float:right;margin:7px 18px}

.cont li ul {display:none;margin-top:40px;width:500%;background:#5B5B5B;font-size:120%}
.cont ul {list-style:none;margin:0;padding:0;float:none;position:absolute;}
.cont li:hover ul {display:block;}
.cont ul li {width:100%;}

.mob a {float:left;color:white;margin:6px}

.cont b {color:white;font-size:24px;margin-left:15px;float: left;display:none;}

.slider {height:139px;overflow:hidden;width:100%;position:relative}
.slider a {display:block}
.slider a.arrow {width:25px;height:25px;position:absolute;top:180px;background-color:rgba(100, 149, 237) !important;z-index:2;background-position:center !important}
.slider a.arrow:hover {padding:3px;margin:-3px 0}
.slider a.arrow.left {left:0;background:url(./img/left.png)no-repeat}
.slider a.arrow.right {right:0;background:url(./img/right.png)no-repeat}
.slider .slc {width:400%;height:401px;}
.slider .slc a {width:25%;height:430px;float:left;background-size:100% !important;text-decoration:none;color:white;position:relative}
.slider .slc a h3 {margin: 0;margin-top: 105px;padding: 7px;font-size: 15px;font-weight: normal;text-align: center;color: white;background: black;opacity: 0.6;}

.jak {width:100%;height:auto;overflow:hidden;background: #5B5B5B;}
.jak h2 {background: red;color:white;text-align:center;margin:0; padding: 10px 0}

.block {width:32.8%;float:left;color:white;text-align:center;font-weight:bold;font-size:11px;}
.block img {width:38%;margin: 12px 31% 0 31%;}

.block:hover {background:#3a3838}

.block2 {width:33.33%;float:left;color:white;text-align:center;font-weight:bold;font-size:12px;}
.block2 img {width:62%;margin: 33px 19% 2px 19%;}
.block2:hover {background:#3a3838}

#footer {width: 100%;height:auto;overflow:auto;margin-top:-17px;padding-bottom:10px;color: white;text-align: center;font-size: 17px;background: white;background:#5B5B5B}
#footer .logo {width:200px;margin:20px 0 0 18%;}

#footer ul {float:left;list-style:none;font-size:88%;line-height:2;font-weight:bold;}
#footer a {text-decoration:none;color:white;}
#footer h4 {font-weight:normal;font-size:160%;margin:23px;}
#footer b {font-size:107%}

.col {width:100%;height:auto;overflow:hidden;margin: 12px 0;}
.col p {margin-top:18px}
.col a img {width:25px;margin:9px}

.tab {width:100%;float:left;height:auto}
.tab p {line-height: 1.4;text-align: justify;}

.img {width:92%;height:200px;background-size: auto 100%!important;background-position: center !important;float: none;margin: 0 15px;}
.img:hover {-webkit-filter: blur(4px);transition: all 0.8s ease-in-out;}

.on {height: auto;overflow: hidden;}
.on a {color:#585858}
.on a h3 {color:#1b1b1b;text-align: center;}
.on a h3:hover {color:red;}

.pro {text-align:center;line-height:1.5;margin-bottom:25px}

small {font-size:12px}

.mob {float:left;display:block;}

.content {padding:15px;line-height:1.7;text-align:justify}
.content img {max-width:99%}

.content img.alignleft {float: none;margin-right: 10px;}
.content img.alignright {float: none;margin-left: 10px;}
.content img.aligncenter {float: none;}

.content p {text-align:justify !important}

.cat {margin:10px;line-height:1.6;text-align: justify;}
.cat img {width:97%;margin-right:15px}
.cat a {text-decoration:none;color:#5B5B5B}

.pre {}

aside ul {float:left;list-style:none;width:100%;text-align:center;line-height:2;padding: 0;}
aside ul a {text-decoration:none;color:#5b5b5b;}
aside ul a:hover {color:red;}
aside ul li {height:auto;overflow:hidden;font-size:105%}
aside h3 {font-size:140%}

#fancybox-content {text-align: center;}
input[type="submit"] {background:red;color:white;font-weight:bold}

@media (min-width:370px) {
.logo {margin:49px 25% 0 25%;}
}

@media (min-width:450px) {
		.slider {height:220px;}
		#footer .logo {width:200px;margin:20px 0 0 30%;}
		.slider .slc a h3 {margin-top: 188px;}
		.logo {margin:49px 29% 0 29%;}
		.content img.alignleft {float: left}
		.content img.alignright {float: right}
}

@media (min-width:650px) {
		.slider {height:310px;}
		.slider .slc a h3 {margin-top: 290px;}
		.vakansi {float:left;width:100%;}
		.col {width:33%;float:left}
		#searchsubmit {width: 22%;}
		#footer .logo {width:150px;margin:25px 0 0 2%;}
		.cat img {float:left;width:280px}
		.logo {margin:49px 34% 0 34%;}
}

@media (min-width:820px) {
		.call {width: 33.33%;margin: 38px 0 0 3%;}
		.logo {margin:49px 41% 0 41%;}
		#footer ul {font-size:105%;}
		.mob {display:none}
		.cont b {display:block}
		.adres {display:block}
		.slider {height:300px;}
		.tab {width:25%;}
		.main {display:block}
		.slider .slc a h3 {font-size: 26px;}
		.block {width:25.8%;font-size: 16px;}
		.block2 {width:13%;font-size: 16px;}
		.jak h2 {width:18%;float:left;height: 187px;padding: 1% 2%;font-size: 38px;}
		.main li {margin:10px 1.2%;}
		.content {width:77%;float:left}
		.cat {width:77%;float:left}
		aside {width:19%;float:right;border-left: 1px solid grey;}
		.pre {height:auto;overflow:hidden}

}

@media (min-width:1000px) {
	.main li {margin:10px 2.2%;}
}


@media (min-width:1200px) {
		.call small, .adres small {font-size:88%;}
		.slider {height:335px;}
		.main li {margin:10px 2.8%;}
}


@media (min-width:1300px) {
		.main li {margin:10px 3%;}
}