@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic&subset=latin,latin-ext);

/*
Theme Name: IT v kostce
Theme URI: http://itvkostce.cz
Author: Martin Gross
Author URI: http://itvkostce.cz
Description: Šablona vytvořená na míru pro potřeby klienta
Version: 1.0
License: Copyright - Martin Gross
Tags: custom-made
Text Domain: itvkostce
*/

* {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
}

body {
text-align: center; padding-top: 100px;
font-size: 18px; font-family: 'Open Sans', sans-serif; color: #000;
background-color: #fff; 
}

body.home {
padding-top: 0;
}

/*-----ZAKLAD-----*/

h1, h2, h3, h4, h5, p, hr {
margin: 0 0 20px; font-weight: normal;
}

h1 {
margin: 20px 0 40px;
color: #1a4880
}

p, .main ul, .main ol {
margin-bottom: 20px;
}

p:last-child, .main ul:last-child {
margin-bottom: 0;
}

a {
color: #1a4880;
}

a, .pcmenu li a:hover, .mobmenu a:hover, .subheader a, .subheader a:hover, .button:hover, .topcontacts a, .topcontacts a:hover, .sluzba a:hover {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ul li, ol li {
list-style-position: outside; margin-left: 25px;
}

ol li {
margin-left: 30px;
}

hr {
border-bottom: 1px solid #000;
}

.cleaner {
clear: both; height: 0;
}

.leva {
float: left;
}

.prava {
float: right;
}

.wrapper {
width: 100%; text-align: center;
}

.wrap {
padding: 0 20px;
}/*responsive*/

/*.tretina responsive*/

img {
display: block; max-width: 100%; height: auto;
}

body .ngg-galleryoverview {
margin: 0;
}

body .ngg-gallery-thumbnail-box {
max-width: 25%!important; margin: 0; padding-right: 20px;
}

body .ngg-gallery-thumbnail-box img {
max-width: 100% !important; margin: 0; margin-bottom: 20px;
border: 1px solid #605b52;
}

body .ngg-gallery-thumbnail {
max-width: 100%;
border: 0;
}

body .ngg-gallery-thumbnail img:hover {
background-color: #605b52;
}

body .ngg-gallery-thumbnail-box:nth-of-type(1), body .ngg-gallery-thumbnail-box:nth-of-type(4n+1) {
padding-left: 0; padding-right: 15px;
}

body .ngg-gallery-thumbnail-box:nth-of-type(2), body .ngg-gallery-thumbnail-box:nth-of-type(4n+2) {
padding-left: 5px; padding-right: 10px;
}

body .ngg-gallery-thumbnail-box:nth-of-type(3), body .ngg-gallery-thumbnail-box:nth-of-type(4n+3) {
padding-left: 10px; padding-right: 5px;
}

body .ngg-gallery-thumbnail-box:nth-of-type(4n) {
padding-left: 15px; padding-right: 0;
}

body .ngg-gallery-thumbnail-box:nth-of-type(4n+1) {
clear: both;
}

body #fancybox-bg-n, body #fancybox-bg-ne, body #fancybox-bg-e, body #fancybox-bg-se, body #fancybox-bg-s, body #fancybox-bg-sw, body #fancybox-bg-w, body #fancybox-bg-nw  {
background-image: none;
}

/*-----FONTY-----*/

h1 {
font-size: 2.5em;
}

h2 {
font-size: 1.5em;
}

h3, .subheader .tretina h2 {
font-size: 1.4em;
}

h4, .topcontacts {
font-size: 1.3em;
}

h5, .pcmenu a, #mobfire {
font-size: 1.2em;
}

.pcmenu li ul li a, .button, input, textarea, select {
font-size: 1em;	font-family: 'Open Sans', sans-serif; color: #000;
}

.subheader .tretina h2 {
line-height: 1.6em;
}

.topcontacts, .slidetext h2 {
line-height: 1em;
}

a {
font-weight: normal;	
}

.phone, .phone a, .content a, .footer a {
font-weight: bold;
}

.prefooter .tretina:last-of-type p {
font-style: italic;
}

.tretina h3, .subheader .tretina h2 {
text-transform: uppercase;
}

/*-----STRUKTURA-----*/

/*-----header-----*/

.header {
position: fixed; top: 0; left: 0; padding-top: 10px; padding-bottom: 10px;
background-color: rgba(2,66,145,0.8);
z-index: 9998;
}/*responsive*/

.logged .header {
top: 32px;	
}

.header .wrap {
position: relative;
}

.logo {
overflow: hidden;
background-color: #fff;
}/*responsive*/

.topcontacts {
text-align: right; padding-left: 22px; float: right;
background: url('images/phone.png') no-repeat left center;
background-size: auto 70%;
color: #fff;
}

.topcontacts a {
color: #fff;	
}

/* .pcmenu, #mobfire, #mobmenu responsive*/

/*-----slider cely responsive-----*/

/*-----subheader-----*/

.subheader {
background-color: #605b52;
}/*responsive*/

/*.subheader .tretina responsive*/

.subheader .tretina h2 {
max-width: 250px; margin: 0 auto;
color: #fff;	
}/*responsive*/

.subheader .tretina h2 {
width: 250px;
}

/*.homepic responsive*/

.homepic img {
width: 100%; height: 100%;
}

/*-----content-----*/

.content {
padding-bottom: 40px; text-align: left;
}/*responsive*/

.single .content {
padding-bottom: 0;	
}

.home .content {
text-align: center;
}

.home .narrow {
margin: auto;
}

.bottomh2 {
text-align: center; padding-top: 20px; margin-top: 30px; margin-bottom: 25px;
border-top: 2px #605b52 solid;
color: #1a4880;
}

/*-----sluzby-----*/

.sluzba {
margin-bottom: 20px; padding-bottom: 30px;
border-bottom: 2px #605b52 solid;
}

.sluzba a:hover {
color: #605b52;
}

.sluzba:last-of-type {
margin-bottom: 0; padding-bottom: 0;
border-bottom: 0; 
}

.sluzba_content {
min-height: 150px; padding-bottom: 48px; position: relative; padding-left: 170px;
}

.sluzba_thumb {
position: absolute; top: 0; left: 0; width: 150px; height: 150px; overflow: hidden;
}

.sluzba .button_wrap {
position: absolute; bottom: 0; left: 170px;
}

/*-----footer-----*/

.prefooter {
padding-bottom: 40px;
background-color: #3568a7;
color: #fff;
}

.prefooter a {
color: #fff;
}

.prefooter .error, .prefooter .thanks {
color: #000;
}

.footimg {
width: 150px; height: auto; margin: auto; margin-top: 30px;
}

.footer {
padding-top: 10px; padding-bottom: 10px;
}

.footer p {
margin: 0;
}

.prefooter-bottom {
	padding-top: 30px;
}

/*-----OSTATNI-----*/

.loader {
height: 3000px; text-align: center; padding-top: 150px;
}

.loader img {
margin: auto; width: 50px; height: 50px;
}

/*.anchor responsive*/

/*-----formulare-----*/

#contactForm {
display: table;
}

input, textarea, select {
width: 100%; display: block; padding: 5px; margin-top: 20px;
border: 1px solid #ccc;
-webkit-appearance: none;
}

#contactForm input, #contactForm textarea, #contactForm select {
height: 36px;
}/*responsive*/

#contactForm input:first-of-type, #contactForm label:first-of-type {
margin-top: 0;
}

#contactForm input.datum, #contactForm input.spam {
width: 40%;
}

textarea {
height: 200px;	
}

#contactForm textarea {
height: 200px;
}

/*#contactForm .labelhigh responsive*/

input[type="submit"], #contactForm input[type="submit"] {
width: auto; height: auto;
cursor: pointer;
}

select {
padding: 10px 35px 10px 10px;
cursor: pointer;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background: #fff url('images/downmini.png') center right no-repeat;
background-size: auto 50%;
}

select::-ms-expand {
display: none;
}

/*#contactForm label responsive*/

.thanks, .error {
padding: 10px; display: block; margin: 10px 0 20px; text-align: left;
border-left: 5px solid #0f0;
background-color: #ddd;
}

.error.spam {
margin-bottom: 0;
}

#contactForm .thanks, #contactForm .error {
float: left; width: 100%;	
}

.error {
border-left: 5px solid #f00;
}

.error p {
margin: 0;	
}

form .thanks {
background: #ddd url('images/loading.gif') right center no-repeat;
background-size: 25px 25px;
border-right: 10px #ddd solid;
}

.button_wrap {
margin-top: 32px; margin-bottom: 12px;
}

.button, input[type="submit"], #contactForm input[type="submit"], .gdpr-bar input[type=submit] {
padding: 10px; margin-top: 20px;
border: 2px #fff solid;
background-color: transparent;
color: #fff;
}

.main .button, input[type=submit].gdpr-page-button {
border: 2px #3568a7 solid;
background-color: #3568a7;
color: #fff;
}

.main .button:hover, input[type=submit].gdpr-page-button:hover {
border: 2px #1a4880 solid;
color: #1a4880;
}

#contactForm input[type="submit"] {
margin-left: auto; margin-right: auto; 
}

.button:hover, input[type="submit"]:hover, #contactForm input[type="submit"]:hover, .gdpr-bar input[type=submit]:hover {
background-color: #fff;
color: #1a4880;
}

.gdpr-bar input[type=submit]:hover {
background-color: #fff;
color: #333;
}

.gdpr-bar input[type=submit] {
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 6px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

input[type=submit].gdpr-page-button {
	min-width: auto;
	text-align: center;
	white-space: normal;
}

.slidetext .button:hover {
color: #544c44;	
}

/*-----GDPR-----*/

.gdpr-bar {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	background: #333;
	border-top: 1px #222 solid;
	z-index: 9990;
}

.gdpr-bar p {
	margin-bottom: 5px;
}

.gdpr-bar p a {
	text-decoration: underline;
	color: #fff;
}

.gdpr-bar p a:hover {
	text-decoration: none;
}

/*-----efekty gradient radius -----*/

body, .header, .logo {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a, input[type="submit"], .ngg-gallery-thumbnail img, .subheader .tretina, .homepic {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

.radius_0, #slider img {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}

.radius, #fancybox-content, #fancybox-outer {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}

.homepic {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
}

body .bx-wrapper .bx-pager.bx-default-pager a, .button, input, textarea, .sluzba_thumb, img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
}

.pcmenu li ul, .mobmenu.wrap {
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-ms-border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
overflow: hidden;
}

.pagetop .logo, .homepic, #fancybox-outer {
-webkit-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.6);
-ms-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.6);
-o-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.6);
box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.6);
}

/*-----float cleaner-----*/

.float_in:before, .float_in:after {
content:"";
display:table;
}

.float_in {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.float_in:after {
clear:both;
}

/*----------RESPONSIVE----------*/

@media only screen and (max-width:620px) {
	
body {
padding-top: 0;
}
	
.wrap {
width: 100%;
}

.tretina {
width: 100%;
}

h1 {
font-size: 2em;
}

.header {
padding: 0; position: relative;
background: transparent;
}

.header .wrap {
background-color: rgba(2,66,145,0.8);
}

.topwrap {
padding: 7px 0 6px; 
border-bottom: 2px #fff solid;	
}

.topcontacts {
width: 200px; text-align: center; padding-left: 50px; margin: auto; float: none;
line-height: 1.3em;
}

.lomitko {
display: none;
}

.phone {
display: block;
}

.logo {
width: 50%; float: left; margin: 10px 0;
}

.logo img {
width: 100%; height: auto;
}

.pagetop .logo {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}

.pcmenu {
display: none;
}

#mobfire {
cursor: pointer; width: 40%; position: absolute; bottom: 5px; right: 20px;
}

.mobfire_in {
width: 90px; height: 29px; text-align: right; float: right;
background: url('images/trigram.png') left 6px no-repeat;
background-size: auto 60%;
color: #fff;
}

#mobmenu {
overflow: hidden; clear: both; text-align: left; padding: 5px 20px 0; position: absolute; top: 95%; width: 100%;
-webkit-transition: max-height 0.5s ease;
-moz-transition: max-height 0.5s ease;
-ms-transition: max-height 0.5s ease;
-o-transition: max-height 0.5s ease;
transition: max-height 0.5s ease;
}

.mobmenu.wrap {
padding: 10px 20px;
background: rgba(255,255,255,0.9);
border: 4px #3568a7 solid;
border-style: none solid solid solid;	
}

#mobmenu li {
list-style-type: none; display: block; margin: 0;	
}

#mobmenu li a {
padding: 10px; display: block;
color: #000;
}

#mobmenu li ul {
display: none;
}
	
body .bx-wrapper {
margin: 0;
}

#slider {
display: none;
}

.subheader .tretina {
padding: 40px 0 30px;
border-bottom: 2px #fff solid;
}

.subheader a:last-of-type .tretina {
border-bottom: 0;
}

.homepic {
width: 200px; height: 200px; margin: auto; overflow: hidden;
}

.subheader .tretina h2 {
padding-top: 20px;
}

.home .content {
width: 100%; padding-top: 20px;
}

.sluzba_thumb {
position: static; margin-bottom: 20px;
}

.sluzba_content {
min-height: 220px; padding: 0;
}

.sluzba .button_wrap {
position: static;
}

.prefooter {
padding-top: 30px;
}

.prefooter .tretina {
width: 100%; margin-top: 40px; padding-top: 30px;
border-top: 2px #fff solid;	
}

.prefooter .tretina:first-of-type {
margin-top: 0;
}

.foot.leva, .foot.prava {
float: none; text-align: center;
}

.foot.leva {
margin-bottom: 5px;
}

#contactForm {
margin: auto;
}

#contactForm input, #contactForm textarea, #contactForm select {
margin: auto;
}

#contactForm label {
display: block; padding: 20px 0 10px;
}

#contactForm label:first-of-type {
padding-top: 0;	
}

.error.spam {
margin-bottom: 20px;
}

}

@media only screen and (min-width:620px) and (max-width:820px) {
	
.wrap {
width: 100%;
}

.tretina {
width: 100%;
}

.header {
height: 85px; 
}

.logo {
width: 208px; height: 65px; position: absolute; top: 0; left: 20px; 
}

.logo img {
width: 100%; height: 100%;
}

.pagetop .logo {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}

.pcmenu {
display: none;
}

#mobfire {
cursor: pointer; width: 100%; text-align: right; clear: both; float: right; padding-top: 18px;
}

.mobfire_in {
width: 90px; height: 29px; text-align: right; float: right;
background: url('images/trigram.png') left 6px no-repeat;
background-size: auto 60%;
color: #fff;
}

#mobmenu {
overflow: hidden; clear: both; text-align: left;
padding: 5px 20px 0;
-webkit-transition: max-height 0.5s ease;
-moz-transition: max-height 0.5s ease;
-ms-transition: max-height 0.5s ease;
-o-transition: max-height 0.5s ease;
transition: max-height 0.5s ease;
}

.mobmenu.wrap {
padding: 10px 20px;
background: rgba(255,255,255,0.9);
border: 4px #3568a7 solid;
border-style: none solid solid solid;	
}

#mobmenu li {
list-style-type: none; display: block; margin: 0;	
}

#mobmenu li a {
padding: 10px; display: block;
color: #000;
}

#mobmenu li ul {
display: none;
}
	
body .bx-wrapper {
margin: 0;
}

#slider li {
margin: 0; position: relative;
}

#slider li img {
width: 100%; height: auto;
}

.slidecontent {
position: absolute; top: 125px; left: 0; width: 100%; height: 100%; text-align: right;
}

#slider .wrap {
padding-left: 360px;
}

.slidetext {
display: none;
}

.bx-controls-direction {
display: none;
}

body .bx-wrapper .bx-pager {
width: 100%; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: auto; top: 90px; text-align: left; padding-left: 25px;
}

body .bx-wrapper .bx-pager.bx-default-pager a {
width: 20px; height: 20px; margin-right: 10px;
border: 2px #fff solid;
background-color: transparent;
}

body .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #fff;
}

body .bx-wrapper .bx-pager.bx-default-pager a:hover {
background-color: #3568a7;
}

.subheader .tretina {
padding: 40px 0 30px;
border-bottom: 2px #fff solid;
}

.subheader a:last-of-type .tretina {
border-bottom: 0;
}

.homepic {
width: 200px; height: 200px; margin: auto; overflow: hidden;
}

.subheader .tretina h2 {
padding-top: 20px;
}

.home .content {
width: 100%; padding-top: 20px;
}

.home .narrow {
width: 500px;
}

.prefooter .tretina {
width: 100%; margin-top: 40px; padding-top: 30px;
border-top: 2px #fff solid;	
}

.prefooter .tretina:first-of-type {
margin-top: 0;
}

.foot {
min-width: 260px;
}

#contactForm {
margin: auto;
}

#contactForm input, #contactForm textarea, #contactForm select {
margin: auto;
}

#contactForm label {
display: block; padding: 20px 0 10px;
}

#contactForm label:first-of-type {
padding-top: 0;	
}

.anchor {
display: inline-block; position: relative; margin-top: -104px; padding-top: 104px; visibility: hidden;
}

.logged .anchor {
margin-top: -136px; padding-top: 136px;
}

.error.spam {
margin-bottom: 20px;
}

}

@media only screen and (min-width:820px) and (max-width:915px) {
	
.wrap {
width: 100%;
}

.tretina {
width: 33.3%; float: left;
}

.tretina:first-of-type {
padding-right: 13px;
}

.tretina:nth-of-type(2) {
padding-left: 7px; padding-right: 7px;
}

.tretina:last-of-type {
padding-left: 13px;
}

.header {
height: 85px; 
}

.logo {
width: 208px; height: 65px; position: absolute; top: 0; left: 20px; 
}

.logo img {
width: 100%; height: 100%;
}

#mobfire, #mobmenu {
display: none;
}

.pcmenu {
clear: right; text-align: right; padding-top: 15px;
}

.pcmenu li {
list-style-type: none; display: inline-block; margin: 0; position: relative;
}

.pcmenu li a {
margin: 0 0 0 20px; display: block; padding-top: 1px;
border-top: 2px transparent solid;
color: #fff;
}

.pcmenu li a:hover {
border-top: 2px #fff solid;
}

.pcmenu li ul {
display: none; position: absolute; top: 31px; left: 0; text-align: left; padding-top: 5px;
}

.pcmenu li:hover ul {
display: block;
z-index: 9999;
}

.pcmenu li ul li {
margin: 0; width: 100%; padding: 0px 10px;
background-color: rgba(22,23,23,0.9);
}

.pcmenu li ul li:first-of-type {
padding-top: 10px;
}	
	
.pcmenu li ul li:last-of-type {
padding-bottom: 10px;	
}

.pcmenu li ul li a:hover {
border: 0;
}

.pcmenu li ul li a {
color: #fff; padding: 7px; margin: 0; width: 100%;
white-space: nowrap;
border: 0;
}

.pcmenu li ul li a:hover {
color: #3568a7;	
border: 0;
}
	
body .bx-wrapper {
margin: 0;
}

#slider li {
margin: 0; position: relative;
}

#slider li img {
width: 100%; height: auto;
}

.slidecontent {
position: absolute; top: 125px; left: 0; width: 100%; height: 100%; text-align: right;
}

#slider .wrap {
padding-left: 360px;
}

.slidetext {
display: none;
}

.bx-controls-direction {
display: none;
}

body .bx-wrapper .bx-pager {
width: 100%; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: auto; top: 90px; text-align: left; padding-left: 25px;
}

body .bx-wrapper .bx-pager.bx-default-pager a {
width: 20px; height: 20px; margin-right: 10px;
border: 2px #fff solid;
background-color: transparent;
}

body .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #fff;
}

body .bx-wrapper .bx-pager.bx-default-pager a:hover {
background-color: #3568a7;
}

.subheader .tretina {
padding: 40px 0 30px;
}

.subheader .tretina:hover {
background-color: #372f2e;
}

.homepic {
width: 200px; height: 200px; margin: auto; overflow: hidden;
}

.subheader {
background-image: url(images/subheader.jpg);
background-repeat: repeat-x;
background-position: center center;
background-size: auto 100%;
}

.subheader .tretina h2 {
padding-top: 20px;
}

.subheader a:hover {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}

.home .content {
width: 100%; padding-top: 20px;
}

.home .narrow {
width: 500px;
}

.prefooter .tretina {
display: inline-block; float: none; width: 40%; vertical-align: top;
}

.prefooter .tretina:last-of-type {
width: 100%; margin-top: 40px; padding-top: 30px;
border-top: 2px #fff solid;	
}

.foot {
min-width: 260px;
}

#contactForm input, #contactForm textarea, #contactForm select {
width: 67%; float: right;
}

#contactForm label {
width: 33%; height: 36px; margin-top: 20px; padding-right: 20px; padding-top: 5px; float: left; text-align: right;
}

#contactForm label.datum, #contactForm label.spam {
width: 60%;
}

#contactForm label.spam {
padding-right: 10px;
}

#contactForm .labelhigh {
height: 200px;
}

.anchor {
display: inline-block; position: relative; margin-top: -104px; padding-top: 104px; visibility: hidden;
}

.logged .anchor {
margin-top: -136px; padding-top: 136px;
}

}

@media only screen and (min-width:915px) and (max-width:1020px) {
	
.wrap {
width: 100%;
}

.tretina {
width: 33.3%; float: left;
}

.tretina:first-of-type {
padding-right: 13px;
}

.tretina:nth-of-type(2) {
padding-left: 7px; padding-right: 7px;
}

.tretina:last-of-type {
padding-left: 13px;
}

.header {
height: 85px; 
}

.pagetop .header {
height: 100px; padding-top: 25px;
}

.logo {
width: 208px; height: 65px; position: absolute; top: 0; left: 20px; 
}

.pagetop .logo {
width: 320px; height: 100px;
}

.logo img {
width: 100%; height: 100%;
}

#mobfire, #mobmenu {
display: none;
}

.pcmenu {
clear: right; text-align: right; padding-top: 15px;
}

.pcmenu li {
list-style-type: none; display: inline-block; margin: 0; position: relative;
}

.pcmenu li a {
margin: 0 0 0 20px; display: block; padding-top: 1px;
border-top: 2px transparent solid;
color: #fff;
}

.pcmenu li a:hover {
border-top: 2px #fff solid;
}

.pcmenu li ul {
display: none; position: absolute; top: 31px; left: 0; text-align: left; padding-top: 5px;
}

.pcmenu li:hover ul {
display: block;
z-index: 9999;
}

.pcmenu li ul li {
margin: 0; width: 100%; padding: 0px 10px;
background-color: rgba(22,23,23,0.9);
}

.pcmenu li ul li:first-of-type {
padding-top: 10px;
}	
	
.pcmenu li ul li:last-of-type {
padding-bottom: 10px;	
}

.pcmenu li ul li a:hover {
border: 0;
}

.pcmenu li ul li a {
color: #fff; padding: 7px; margin: 0; width: 100%;
white-space: nowrap;
border: 0;
}

.pcmenu li ul li a:hover {
color: #3568a7;	
border: 0;
}
	
body .bx-wrapper {
margin: 0;
}

#slider li {
margin: 0; position: relative;
}

#slider li img {
width: 100%; height: auto;
}

.slidecontent {
position: absolute; top: 125px; left: 0; width: 100%; height: 100%; text-align: right;
}

#slider .wrap {
padding-left: 360px;
}

.slidetext {
float: right; padding: 15px; max-width: 615px;
background-color: rgba(96,91,82,0.8);
color: #fff;
}

.slidetext h2 {
margin-bottom: 15px;
}

.slidetext p {
display: none;	
}

.bx-controls-direction {
display: none;
}

body .bx-wrapper .bx-pager {
width: 100%; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: auto; top: 125px; text-align: left; padding-left: 25px;
}

body .bx-wrapper .bx-pager.bx-default-pager a {
width: 20px; height: 20px; margin-right: 10px;
border: 2px #fff solid;
background-color: transparent;
}

body .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #fff;
}

body .bx-wrapper .bx-pager.bx-default-pager a:hover {
background-color: #3568a7;
}

.subheader {
background-image: url(images/subheader.jpg);
background-repeat: repeat-x;
background-position: center center;
background-size: auto 100%;
}

.subheader .tretina {
padding: 40px 0 30px;
}

.subheader .tretina:hover {
background-color: #372f2e;
}

.homepic {
width: 200px; height: 200px; margin: auto; overflow: hidden;
}

.subheader .tretina h2 {
padding-top: 20px;
}

.subheader a:hover {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}

.content {
padding-top: 20px;
}

.home .content {
width: 100%;
}

.home .narrow {
width: 500px;
}

.foot {
min-width: 260px;
}

#contactForm input, #contactForm textarea, #contactForm select {
width: 67%; float: right;
}

#contactForm label {
width: 33%; height: 36px; margin-top: 20px; padding-right: 20px; padding-top: 5px; float: left; text-align: right;
}

#contactForm label.datum, #contactForm label.spam {
width: 60%;
}

#contactForm label.spam {
padding-right: 10px;
}

#contactForm .labelhigh {
height: 200px;
}

.anchor {
display: inline-block; position: relative; margin-top: -104px; padding-top: 104px; visibility: hidden;
}

.logged .anchor {
margin-top: -136px; padding-top: 136px;
}

}

@media only screen and (min-width:1020px) and (max-width:1050px) {
	
.wrap {
width: 100%;
}

.tretina {
width: 33.3%; float: left;
}

.tretina:first-of-type {
padding-right: 13px;
}

.tretina:nth-of-type(2) {
padding-left: 7px; padding-right: 7px;
}

.tretina:last-of-type {
padding-left: 13px;
}

.header {
height: 85px; 
}

.pagetop .header {
height: 100px; padding-top: 25px;
}

.logo {
width: 208px; height: 65px; position: absolute; top: 0; left: 20px; 
}

.pagetop .logo {
width: 320px; height: 100px;
}

.logo img {
width: 100%; height: 100%;
}

#mobfire, #mobmenu {
display: none;
}

.pcmenu {
clear: right; text-align: right; padding-top: 15px;
}

.pcmenu li {
list-style-type: none; display: inline-block; margin: 0; position: relative;
}

.pcmenu li a {
margin: 0 0 0 20px; display: block; padding-top: 1px;
border-top: 2px transparent solid;
color: #fff;
}

.pcmenu li a:hover {
border-top: 2px #fff solid;
}

.pcmenu li ul {
display: none; position: absolute; top: 31px; left: 0; text-align: left; padding-top: 5px;
}

.pcmenu li:hover ul {
display: block;
z-index: 9999;
}

.pcmenu li ul li {
margin: 0; width: 100%; padding: 0px 10px;
background-color: rgba(22,23,23,0.9);
}

.pcmenu li ul li:first-of-type {
padding-top: 10px;
}	
	
.pcmenu li ul li:last-of-type {
padding-bottom: 10px;	
}

.pcmenu li ul li a:hover {
border: 0;
}

.pcmenu li ul li a {
color: #fff; padding: 7px; margin: 0; width: 100%;
white-space: nowrap;
border: 0;
}

.pcmenu li ul li a:hover {
color: #3568a7;	
border: 0;
}
	
body .bx-wrapper {
margin: 0;
}

#slider li {
margin: 0; position: relative;
}

#slider li img {
width: 100%; height: auto;
}

.slidecontent {
position: absolute; top: 125px; left: 0; width: 100%; height: 100%; text-align: right;
}

#slider .wrap {
padding-left: 360px;
}

.slidetext {
float: right; padding: 15px; max-width: 615px;
background-color: rgba(96,91,82,0.8);
color: #fff;
}

.slidetext h2 {
margin-bottom: 15px;
}

.bx-controls-direction {
display: none;
}

body .bx-wrapper .bx-pager {
width: 100%; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: auto; top: 125px; text-align: left; padding-left: 25px;
}

body .bx-wrapper .bx-pager.bx-default-pager a {
width: 20px; height: 20px; margin-right: 10px;
border: 2px #fff solid;
background-color: transparent;
}

body .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #fff;
}

body .bx-wrapper .bx-pager.bx-default-pager a:hover {
background-color: #3568a7;
}

.subheader {
background-image: url(images/subheader.jpg);
background-repeat: repeat-x;
background-position: center center;
background-size: auto 100%;
}

.subheader .tretina {
padding: 40px 0 30px;
}

.subheader .tretina:hover {
background-color: #372f2e;
}

.subheader a:hover {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}

.homepic {
width: 200px; height: 200px; margin: auto; overflow: hidden;
}

.subheader .tretina h2 {
padding-top: 20px;
}

.content {
padding-top: 20px;
}

.home .content {
width: 100%;
}

.home .narrow {
width: 500px;
}

.foot {
min-width: 260px;
}

#contactForm input, #contactForm textarea, #contactForm select {
width: 67%; float: right;
}

#contactForm label {
width: 33%; height: 36px; margin-top: 20px; padding-right: 20px; padding-top: 5px; float: left; text-align: right;
}

#contactForm label.datum, #contactForm label.spam {
width: 60%;
}

#contactForm label.spam {
padding-right: 10px;
}

#contactForm .labelhigh {
height: 200px;
}

.anchor {
display: inline-block; position: relative; margin-top: -104px; padding-top: 104px; visibility: hidden;
}

.logged .anchor {
margin-top: -136px; padding-top: 136px;
}

}

@media only screen and (min-width:1050px) and (max-width:1350px) {
	
.wrap {
width: 1000px; margin: auto; 
}

.tretina {
width: 33.3%; float: left;
}

.tretina:first-of-type {
padding-right: 13px;
}

.tretina:nth-of-type(2) {
padding-left: 7px; padding-right: 7px;
}

.tretina:last-of-type {
padding-left: 13px;
}

.header {
height: 85px; 
}

.pagetop .header {
height: 100px; padding-top: 25px;
}

.logo {
width: 208px; height: 65px; position: absolute; top: 0; left: 20px; 
}

.pagetop .logo {
width: 320px; height: 100px;
}

.logo img {
width: 100%; height: 100%;
}

#mobfire, #mobmenu {
display: none;
}

.pcmenu {
clear: right; text-align: right; padding-top: 15px;
}

.pcmenu li {
list-style-type: none; display: inline-block; margin: 0; position: relative;
}

.pcmenu li a {
margin: 0 0 0 20px; display: block; padding-top: 1px;
border-top: 2px transparent solid;
color: #fff;
}

.pcmenu li a:hover {
border-top: 2px #fff solid;
}

.pcmenu li ul {
display: none; position: absolute; top: 31px; left: 0; text-align: left; padding-top: 5px;
}

.pcmenu li:hover ul {
display: block;
z-index: 9999;
}

.pcmenu li ul li {
margin: 0; width: 100%; padding: 0px 10px;
background-color: rgba(22,23,23,0.9);
}

.pcmenu li ul li:first-of-type {
padding-top: 10px;
}	
	
.pcmenu li ul li:last-of-type {
padding-bottom: 10px;	
}

.pcmenu li ul li a:hover {
border: 0;
}

.pcmenu li ul li a {
color: #fff; padding: 7px; margin: 0; width: 100%;
white-space: nowrap;
border: 0;
}

.pcmenu li ul li a:hover {
color: #3568a7;	
border: 0;
}
	
body .bx-wrapper {
margin: 0;
}

#slider li {
margin: 0; position: relative;
}

#slider li img {
width: 100%; height: auto;
}

.slidecontent {
position: absolute; top: 125px; left: 0; width: 100%; height: 100%; text-align: right;
}

#slider .wrap {
padding-left: 360px;
}

.slidetext {
float: right; padding: 15px; max-width: 615px;
background-color: rgba(96,91,82,0.8);
color: #fff;
}

.slidetext h2 {
margin-bottom: 15px;
}

.bx-controls-direction {
display: none;
}

body .bx-wrapper .bx-pager {
width: 960px; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: auto; top: 125px; text-align: left; padding-left: 5px;
}

body .bx-wrapper .bx-pager.bx-default-pager a {
width: 20px; height: 20px; margin-right: 10px;
border: 2px #fff solid;
background-color: transparent;
}

body .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #fff;
}

body .bx-wrapper .bx-pager.bx-default-pager a:hover {
background-color: #3568a7;
}

.subheader {
background-image: url(images/subheader.jpg);
background-repeat: repeat-x;
background-position: center center;
background-size: auto 100%;
}

.subheader .tretina {
padding: 40px 0 30px;
}

.subheader .tretina:hover {
background-color: #372f2e;
}

.subheader a:hover {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}

.homepic {
width: 200px; height: 200px; margin: auto; overflow: hidden;
}

.tretina:hover .homepic {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}

.subheader .tretina h2 {
padding-top: 20px;
}

.content {
padding-top: 20px;
}

.home .content {
width: 960px;
}

.home .narrow {
width: 500px;
}

.foot {
min-width: 260px;
}

#contactForm input, #contactForm textarea, #contactForm select {
width: 67%; float: right;
}

#contactForm label {
width: 33%; height: 36px; margin-top: 20px; padding-right: 20px; padding-top: 5px; float: left; text-align: right;
}

#contactForm label.datum, #contactForm label.spam {
width: 60%;
}

#contactForm label.spam {
padding-right: 10px;
}

#contactForm .labelhigh {
height: 200px;
}

.anchor {
display: inline-block; position: relative; margin-top: -104px; padding-top: 104px; visibility: hidden;
}

.logged .anchor {
margin-top: -136px; padding-top: 136px;
}

}

@media only screen and (min-width:1350px) {

.wrap {
width: 1000px; margin: auto; 
}

.tretina {
width: 33.3%; float: left;
}

.tretina:first-of-type {
padding-right: 13px;
}

.tretina:nth-of-type(2) {
padding-left: 7px; padding-right: 7px;
}

.tretina:last-of-type {
padding-left: 13px;
}

.header {
height: 85px; 
}

.pagetop .header {
height: 100px; padding-top: 25px;
}

.logo {
width: 208px; height: 65px; position: absolute; top: 0; left: 20px; 
}

.pagetop .logo {
width: 320px; height: 100px;
}

.logo img {
width: 100%; height: 100%;
}

#mobfire, #mobmenu {
display: none;
}

.pcmenu {
clear: right; text-align: right; padding-top: 15px;
}

.pcmenu li {
list-style-type: none; display: inline-block; margin: 0; position: relative;
}

.pcmenu li a {
margin: 0 0 0 20px; display: block; padding-top: 1px;
border-top: 2px transparent solid;
color: #fff;
}

.pcmenu li a:hover {
border-top: 2px #fff solid;
}

.pcmenu li ul {
display: none; position: absolute; top: 31px; left: 0; text-align: left; padding-top: 5px;
}

.pcmenu li:hover ul {
display: block;
z-index: 9999;
}

.pcmenu li ul li {
margin: 0; width: 100%; padding: 0px 10px;
background-color: rgba(22,23,23,0.9);
}

.pcmenu li ul li:first-of-type {
padding-top: 10px;
}	
	
.pcmenu li ul li:last-of-type {
padding-bottom: 10px;	
}

.pcmenu li ul li a:hover {
border: 0;
}

.pcmenu li ul li a {
color: #fff; padding: 7px; margin: 0; width: 100%;
white-space: nowrap;
border: 0;
}

.pcmenu li ul li a:hover {
color: #3568a7;	
border: 0;
}

body .bx-wrapper {
margin: 0;
}

#slider li {
margin: 0; position: relative;
}

#slider li img {
width: 100%; height: auto;
}

.slidecontent {
position: absolute; top: 125px; left: 0; width: 100%; height: 100%; text-align: right;
}

#slider .wrap {
padding-left: 360px;
}

.slidetext {
float: right; padding: 15px; max-width: 615px;
background-color: rgba(96,91,82,0.8);
color: #fff;
}

.slidetext h2 {
margin-bottom: 15px;
}

body .bx-wrapper .bx-controls-direction a, body .bx-wrapper .bx-controls-direction a:hover {
height: 100%; width: 5%; top: 0;
background-position: center 200px;
background-repeat: no-repeat;
background-size: 100% auto;
opacity: 0.5;
}

body .bx-wrapper .bx-controls-direction a:hover {
opacity: 1;
}

body .bx-wrapper .bx-prev {
background-image: url('images/sipka-left.png');
}

body .bx-wrapper .bx-next {
background-image: url('images/sipka-right.png');
}

.bx-pager {
display: none;	
}

.subheader {
background-image: url(images/subheader.jpg);
background-repeat: repeat-x;
background-position: center center;
background-size: auto 100%;
}

.subheader .tretina {
position: relative; padding: 120px 0 40px;
}

.subheader .tretina:hover {
background-color: #372f2e;
}

.subheader a:hover {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}

.homepic {
position: absolute; width: 200px; height: 200px; margin-left: auto; margin-right: auto; left: 0; right: 0; top: -100px; overflow: hidden;
}

.tretina:hover .homepic {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}

.content {
padding-top: 20px;
}

.home .content {
width: 960px;
}

.home .narrow {
width: 500px;
}

.foot {
min-width: 260px;
}

#contactForm input, #contactForm textarea, #contactForm select {
width: 67%; float: right;
}

#contactForm label {
width: 33%; height: 36px; margin-top: 20px; padding-right: 20px; padding-top: 5px; float: left; text-align: right;
}

#contactForm label.datum, #contactForm label.spam {
width: 60%;
}

#contactForm label.spam {
padding-right: 10px;
}

#contactForm .labelhigh {
height: 200px;
}

.anchor {
display: inline-block; position: relative; margin-top: -104px; padding-top: 104px; visibility: hidden;
}

.logged .anchor {
margin-top: -136px; padding-top: 136px;
}

}