@font-face {
font-family: "trebuchet";
src: url('fonts/trebuchet.eot'); /* EOT file for IE */
}
@font-face {
font-family: "trebuchet";
src: url('fonts/trebuchet.ttf') format("truetype");
}

@font-face {
  font-family: 'Avenir Next';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/avenir-next/AvenirNextLTPro-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Avenir Next';
  font-style: normal;
  font-weight: bold;
  src: url('fonts/avenir-next/AvenirNextLTPro-Demi.woff') format('woff');
}



body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6, a
{
  font-family: 'Avenir Next';
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}

a{color:#BBBBBB;}
a, input, select, textarea{outline-style:none;}
a:link, a:visited, a:hover, a:focus, a:active{color:#BBBBBB;text-decoration:none;}
.section-admin  #content a{text-decoration:underline;}
.section-admin  #content .tabs a{text-decoration:none;}

h1, h2, h3, h4, h5, h6{
margin:5px 0;
color:#ffffff;
line-height: 1.3em;
font-family: Arial;
}

h1{
  color: #969694;
  font-size: 32px;
  font-weight: normal;
}

h2{
font-size: 16px;
}

h3{
font-size: 14px;
}

h4, h5, h6{
font-size: 14px;
}


.underline{text-decoration:underline!important;}
.italic{font-style:italic!important;}
.bold{font-weight:bold!important;}

.black{color:black!important;}
.white{color:white!important;}
.red{color:red!important;}
.green{color:green!important;}


body
{
margin: 0px;
padding: 0px;
color:#ffffff;
background: url('cssimg/bgpattern.jpg');
}


#body-top {background:url(cssimg/bg.jpg) left top repeat white; min-height:1200px; _height:1200px;}
/* .not-front #body-bottom {position: relative; background:url(cssimg/slogo.png) center bottom no-repeat; min-height:1186px; _height:1186px;} */
.not-front #body-bottom {position: relative; min-height:1186px; _height:1186px; }

/*
.not-front #body-bottom:after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%);
  background: url('cssimg/logo-footer.svg') center center/contain no-repeat;
}
*/



.front #body-top {background:url(cssimg/home.jpg) center top no-repeat;}

.node-53 #body-top {background:url(cssimg/predslovo.jpg) center top no-repeat;}
.node-58 #body-top {background:url(cssimg/predslovo.jpg) center top no-repeat;}

.node-51 #body-top {background:url(cssimg/sluzby.jpg) center top no-repeat;}
.node-56 #body-top {background:url(cssimg/sluzby.jpg) center top no-repeat;}

.node-52 #body-top {background:url(cssimg/new_gejza.png) center top no-repeat;}
.node-57 #body-top {background:url(cssimg/new_gejza.png) center top no-repeat;}

.node-50 #body-top {background:url(cssimg/spolupraca.jpg) center top no-repeat;}
.node-55 #body-top {background:url(cssimg/spolupraca.jpg) center top no-repeat;}

.node-2 #body-top {background:url(cssimg/kontakt.jpg) center top no-repeat;}
.node-59 #body-top {background:url(cssimg/kontakt.jpg) center top no-repeat;}

.node-57 #body-top {background:url(cssimg/last.jpg) center top no-repeat;}
.node-52 #body-top {background:url(cssimg/last.jpg) center top no-repeat;}


.node-2 #body-bottom,
.node-59 #body-bottom {min-height:1280px;}



#page, #closure-blocks
{
margin-left: auto;
margin-right: auto;
width: 960px;
font-size: 1em;
line-height: 1.2em;
}

#page{
	max-width: 960px;
	width: 100%;
}


#content,
.no-sidebars #content
{
float: left;
/*width: 960px;*/
width: 100%;
margin-left: 0;
margin-right: -960px; /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}

.sidebar-left #content
{
width: 800px;
margin-left: 200px; /* The width of #sidebar-left. */
margin-right: -1000px; /* Negative value of #content's width + left margin. */
min-height:500px;
}

.sidebar-right #content
{
width: 800px;
margin-left: 0;
margin-right: -800px; /* Negative value of #content's width + left margin. */
}

.two-sidebars #content
{
width: 600px;
margin-left: 200px; /* The width of #sidebar-left */
margin-right: -800px; /* Negative value of #content's width + left margin. */
}






#sidebar-left
{
float: left;
width: 200px;
margin-right: -200px; /* Negative value of #sidebar-left's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}

#sidebar-left-inner
{
margin: 0;
padding: 0;
}


#sidebar-right
{
float: left;
width: 200px;
margin-left: 800px; /* Width of content + sidebar-left. */
margin-right: -1000px; /* Negative value of #sidebar-right's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
}

#sidebar-right-inner
{
margin: 0;
padding: 0;
}

#header
{
/*height:191px;*/
/*position:relative;*/
z-index:2;
margin: 0 0 30px;
}


#header-inner
{
/*position:relative;*/
}


#logo {
  height: auto;
  padding: 20px;
  position: absolute;
  top: 50px;
  left: 0;
  text-align: right;
/*  float: left;
  margin-top: 70px;
  margin-left: 10px;*/
  /* width: 30%; */
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;


  background: #0095da; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #0095da, transparent); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #0095da, transparent); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #0095da, transparent); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #0095da, transparent); /* Standard syntax */

  
}

.not-front #logo {
  width: 110px;
}

#main
{
min-height: 450px;
position:relative;
z-index:1;
}


#content-inner {
margin: 20px 10px;
padding: 0;
}



#footer {
  height: 30px;
  padding-top: 70px;
  position: relative;
}




.form-submit {
color: #FFFFFF;
cursor: pointer;
padding: 3px 10px;
position:relative;
z-index:1;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #666666;
border: 1px solid black!important;
box-shadow: 0 1px 1px white inset;
-moz-box-shadow: 0 1px 1px white inset;
-webkit-box-shadow: 0 1px 1px white inset;
background-image: -moz-linear-gradient(#666666, #000000);
background-image: -webkit-linear-gradient(#666666, #000000); 
background-image: -o-linear-gradient(#666666, #000000);
-pie-background: linear-gradient(#666666, #000000);
behavior: url(http://epixtest.com/drupal6/sites/all/themes/mytheme/pie.htc);
}

.form-submit:hover{
background-color: #888888;
box-shadow: 0 0px 1px white inset;
-moz-box-shadow: 0 0px 1px white inset;
-webkit-box-shadow: 0 1px 1px white inset;
background-image: -moz-linear-gradient(#000000, #666666);
background-image: -webkit-linear-gradient(#000000, #666666); 
background-image: -o-linear-gradient(#000000, #666666);
-pie-background: linear-gradient(#000000, #666666);
behavior: url(http://epixtest.com/drupal6/sites/all/themes/mytheme/pie.htc);
}



.tabs ul.primary {border-bottom: 1px solid #555555;}

.tabs .primary a {
border: medium none !important;
position:relative;
z-index:1;
color: #FFFFFF;
display: inline-block;
padding: 4px 6px !important;
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
box-shadow: 0 0 1px #888888;
-moz-box-shadow: 0 0 1px #888888;
-webkit-box-shadow: 0 0 1px #888888;
background-color:#000000;
background-image: -moz-linear-gradient(#666666, #000000);
background-image: -webkit-linear-gradient(#666666, #000000); 
background-image: -o-linear-gradient(#666666, #000000);
-pie-background: linear-gradient(#666666, #000000);
behavior: url(http://epixtest.com/drupal6/sites/all/themes/mytheme/pie.htc);
}

.tabs .primary a:hover,
.tabs .primary a.active {
color: #ffffff;
background-color:#00A4E3;
background-image: -moz-linear-gradient(#00A4E3, #184D90);
background-image: -webkit-linear-gradient(#00A4E3, #184D90); 
background-image: -o-linear-gradient(#00A4E3, #184D90);
-pie-background: linear-gradient(#00A4E3, #184D90);
behavior: url(http://epixtest.com/drupal6/sites/all/themes/mytheme/pie.htc);
}
.tabs .primary a .tab {_background: none!important;}





::-moz-selection {
	background: #0095da; /* Firefox */
	color:#ffffff;
	text-shadow:none;
}
::selection {
	background: #0095da; /* safari */
	color:#ffffff;
	text-shadow:none;
}




#menu-editor-overview-form #menu-overview{width:100%;}
#menu-editor-overview-form #menu-overview td.description{width:10em;}


.help /* Help text on a page */
{
margin: 1em 0;
}

.more-help-link /* Link to more help */
{
font-size: 0.85em;
text-align: right;
}


ul.links /* List of links */
{
margin: 1em 0;
padding: 0;
}

ul.links.inline
{
margin: 0;
display: inline;
}

ul.links li
{
display: inline;
list-style-type: none;
padding: 0 0.5em;
}

.pager /* A list of page numbers when more than 1 page of content is available */
{
clear: both;
margin: 1em 0;
text-align: center;
}

.pager .pager-current{
background-color:#555555;
color:white;
}

.pager li{
margin: 2px !important;
padding: 0 !important;
}

.pager li a{
color:white!important;
background-color:#aaaaaa;
text-decoration:none;
}

.pager li a:hover{
background-color:#555555;
}

.pager li a, .pager .pager-current{
padding: 3px 6px!important;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
text-decoration: none !important;
}

.feed-icons /* The links to the RSS or Atom feeds for the current list of content */
{
margin: 1em 0;
}


#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */
{
display: none;
}




.node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
.comment-unpublished div.unpublished
{
height: 0;
overflow: visible;
color: #d8d8d8;
font-size: 75px;
line-height: 1;
font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: center;
word-wrap: break-word; /* A very nice CSS3 property */
}



.marker /* "New" or "Updated" marker for content that is new or updated for the current user */
{
color: #c00;
}


.node.node-unpublished .picture,
.comment.comment-unpublished .picture
{
position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}


.node .content {
  /* font-size: 13px; */
  line-height: 20px;
  text-shadow: 0 1px 2px black;
}


/** Drupal comments **/
#comments /* Wrapper for the list of comments and its title */
{
margin: 1em 0;
}


.new /* "New" marker for comments that are new for the current user */
{
color: #c00;
}


.comment ul.links /* Comment links. See also the ul.links declaration above. */
{
margin: 1em 0;
}



/** Drupal blocks **/
.block /* Block wrapper */
{
margin-bottom: 1em;
}



.more-link /* Aggregator, blog, and forum more link */
{
text-align: right;
}

#user-login-form /* Drupal's default login form */
{
text-align: left;
}

tr.even /* Some tables have rows marked even or odd. */
{
/* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd
{
/* background-color: #eee; */ /* Drupal core uses a #eee background */
}

li a.active /* The active item in a Drupal menu */
{
color: #000;
}


/** Drupal forms **/
.form-item, /* Wrapper for a form element (or group of form elements) and its label */
.form-checkboxes,
.form-radios
{
margin: 1em 0;
}

.form-item input.error, /* Highlight the form elements that caused a form submission error */
.form-item textarea.error,
.form-item select.error
{
border-color: #c00!important;
}

.form-item label /* The label for a form element */
{
display: block;
font-weight: bold;
}

.form-item label.option /* The label for a radio button or checkbox */
{
display: inline;
font-weight: normal;
}

.form-required /* The part of the label that indicates a required field */
{
color: #c00;
}

.form-item .description /* The descriptive help text (separate from the label) */
{
font-size: 0.85em;
}

.form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
.form-radios .form-item
{
margin: 0.4em 0;
}

.container-inline div, .container-inline label /* Inline labels and form divs */
{
display: inline;
}

.tips /* Tips for Drupal's input formats */
{
margin: 0;
padding: 0;
font-size: 0.9em;
}

.page-node-add-simplenews .help{display:none;}


/** OpenID **/
/* The default styling for the OpenID login link seems to assume Garland's
* styling of list items.
*/
#user-login-form ul /* OpenID creates a new ul above the login form's links. */
{
margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}

#user-login-form li.openid-link /* The "Log in using OpenID" links. */
{
margin-top: 1em;
margin-left: -20px; /* Un-do some of the padding on the ul list. */
}

#user-login-form li.user-link /* The "Cancel OpenID login" links. */
{
margin-top: 1em;
}

#user-login ul
{
margin: 1em 0;
}

#user-login li.openid-link, /* The OpenID links on the /user form. */
#user-login li.user-link
{
margin-left: -2em; /* Un-do all of the padding on the ul list. */
}



#user-login #edit-name,
#user-login #edit-pass{
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
padding: 2px;
background: none repeat scroll 0 0 #efefef;
border: 1px solid #BBBBBB;
behavior: url(http://epixtest.com/drupal6/sites/all/themes/mytheme/pie.htc);
}








/** Drupal admin tables **/
/* We overrode these styles in html-elements.css, but restore them for the
* forms on the site.
*/
form tbody
{
border-top: 1px solid #ccc;
}

form th
{
text-align: left;
padding-right: 1em;
border-bottom: 3px solid #ccc;
}

form tbody th
{
border-bottom: 1px solid #ccc;
}

form thead th
{
text-align: left;
padding-right: 1em;
border-bottom: 3px solid #ccc;
}

.textarea-identifier{display:none;}
#popups {
  box-shadow: 0 0 7px black;
  -moz-box-shadow: 0 0 7px black;
  -webkit-box-shadow: 0 0 7px black;
  opacity: 1;
}

#popups-overlay {opacity: 0.75!important;}

#popups-title #popups-close a {color: black;}








.node .filefield-file .filefield-icon {
margin: 0 8px 0 0;
float:left;
}
.node .field-field-subory-page .field-item {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
color: #555555 !important;
display: block;
font-size: 18px;
margin: 10px 0;
padding: 10px 10px;
text-transform: uppercase;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
behavior: url(http://epixtest.com/drupal6/sites/all/themes/mytheme/pie.htc);
}


.node .field-field-subory-page .field-item:hover {
background-color: #DDDDDD;
}

.node .filefield-file a {
display: block;
text-transform: uppercase;
}






/*  FOOTER  */


.footer-left {
display:block;
width:auto;
float:left;
}

.footer-right {
display:block;
width:auto;
float:right;
}

#footer .block {
margin-bottom:0;
}



.epix {
  background: url("cssimg/epix.png") no-repeat scroll center bottom transparent;
  display: inline-block;
  height: 16px;
  text-indent: -10000px;
  width: 59px;
}

.epix:hover {
opacity:0.85;
}



#block-menu-primary-links {
/*  clear: both;
  position: absolute;
  right: 10px;
  top: 95px;*/
      float: right;
    clear: right;
    margin: 60px 10px 0 0;
    position: relative;
}

#block-menu-primary-links #mmenu_btn {display: none;}

#block-menu-primary-links ul{
margin:0;
padding:0;
}

#block-menu-primary-links .menu li {
display: inline;
list-style: none outside none;
}


#block-menu-primary-links .menu li a {
  color: white;
  float: left;
  font-size: 15px;
  font-weight: bold;
  margin: 0 8px;
  padding: 3px 5px;
  text-transform: uppercase;
    transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}


#block-menu-primary-links .menu li a span {text-transform:lowercase;}

#block-menu-primary-links .menu li a:hover,
#block-menu-primary-links .menu li a.active {
color:#0095da;
}



#block-menu-primary-links .menu li.last a {
margin-right: 0 !important;
padding-right: 0 !important;
}


/* ADMIN MENU + SIMPLEMENU */


#admin-menu {
font-size: 12px;
}
#admin-menu ul a{    
padding: 3px 8px;
font-family: arial;
}
#admin-menu li ,
#admin-menu li li,
#admin-menu li li li,
#admin-menu li li li li
{opacity: 0.95!important;}

#simplemenu {
background: none repeat scroll 0 0 #000000;
border-bottom: 1px solid #FFFFFF;
font: 11px Verdana,Helvetica,sans-serif;
position: relative;
text-align: left;
width: 100%;
z-index: 9999 !important;
}
.userid-1 #simplemenu {display:none;}

#simplemenu li {
background: none repeat scroll 0 0 #DDDDDD;
text-align: left;
}

#simplemenu a {
background: none repeat scroll 0 0 #000000;
border-left: medium none !important;
border-right: 1px solid #FFFFFF;
color: #FFFFFF;
font-weight: normal;
padding: 4px 8px 5px;
text-decoration: none;
text-transform: uppercase;
width: auto;
}

#simplemenu li:hover, #simplemenu li.sfHover, #simplemenu a:focus, #simplemenu a:hover, #simplemenu a:active {
background: none repeat scroll 0 0 gray;
color: #FFFFFF;
}











/* HEADER BANNER */

#block-block-4 {
clear: both;
}

#block-block-4 .content {
}

.banner-item{background-color:transparent!important;}

.banner-item img{}

.banner-popis-box{}

.banner-title{}

.banner-description{}

#nav a {
    background: url("cssimg/slide.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 21px;
    margin: 0 5px;
    text-indent: -10000px;
    width: 21px;
    text-align: left;
}
#nav a.activeSlide, #nav a:hover {
    background: url("cssimg/active-slide.png") no-repeat scroll left top transparent;
}
#nav {
  display: inline-block;
  height: 21px;
  position: absolute;
  z-index: 11;
  right: 14px;
  text-align: right;
  top: 17px;
  width: auto;
  #width: 220px;
}













/* BLOCKS  */

.block h2.title {}

#block-block-1 {}

#block-block-2 {}

#block-block-5 {}

#block-block-6 {
  text-align: center;
}

#block-block-7 {}






/* SIDEBAR LEFT */

#sidebar-left ul {
margin:0;
padding:0;
}





/* CT PAGE */

.field-field-obrazok-page img{
background-color: white;
border: 1px solid lightgrey;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
box-shadow: 3px 3px 3px #888888;
-moz-box-shadow: 3px 3px 3px #888888;
-webkit-box-shadow: 3px 3px 3px #888888;
margin-bottom: 5px;
margin-right: 15px;
padding: 4px;
float:left;
position:relative;
behavior: url(http://epixtest.com/drupal6/sites/all/themes/mytheme/pie.htc);
}

.field-field-obrazky-page img {
background-color: white;
border: 1px solid lightgrey;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
box-shadow: 3px 3px 3px #888888;
-moz-box-shadow: 3px 3px 3px #888888;
-webkit-box-shadow: 3px 3px 3px #888888;
float: left;
margin-bottom: 15px;
margin-right: 15px;
padding: 4px;
position:relative;
behavior: url(http://epixtest.com/drupal6/sites/all/themes/mytheme/pie.htc);
}
.field-field-obrazok-page img:hover,
.field-field-obrazky-page img:hover{
opacity:0.8;
filter: alpha(opacity=80);
}

.field-field-obrazky-page, .field-field-video-page, .field-field-subory-page {clear:both;}










/* CT GALERIA */

.field-field-galeria-obrazky .field-item{
float: left;
margin-bottom: 15px;
margin-right: 15px;
}


.field-field-galeria-obrazky img{
border: 1px solid lightgrey;
padding: 5px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.field-field-galeria-obrazky img:hover{
opacity:0.8;
filter: alpha(opacity=80);
}

.last-item,
.last-item img{
margin-right: 0px;
}

.field-field-galeria-obrazky a{
display: block;
}

.image-title {
display: block;
font-size: 11px;
height: 18px;
line-height: 18px;
overflow: hidden;
width: auto;
text-align: center;
}


.view-galeria td {
padding-bottom: 20px;
padding-right: 20px;
}

.view-galeria td.col-last {
padding-right: 0px;
}


.view-galeria .views-field-title{
display: block;
font-size: 11px;
height: 18px;
line-height: 18px;
overflow: hidden;
width: auto;
text-align: center;
}

.views-field-field-galeria-obrazky-fid img{
border: 1px solid lightgrey;
float: left;
padding: 5px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.views-field-field-galeria-obrazky-fid img:hover{
opacity:0.8;
filter: alpha(opacity=80);
}











/*CT AKTUALITA */

.field-field-aktualita-obraz img{
border: 1px solid lightgrey;
margin-right: 10px;
padding: 5px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.views-field-field-aktualita-obraz-fid img{
border: 1px solid lightgrey;
float: left;
margin-bottom: 5px;
margin-right: 10px;
padding: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.views-field-view-node {text-align: right;}
.views-field-view-node a{text-decoration: underline;}


/* KONTAKT */ 

.kontakt-firma {
  display: block;
  float: left;
  max-width: 360px;
}

.kontakt-firma a{}

.kontakt-gmap {
border: 1px solid #555555;
display: block;
float: right;
height: auto;
margin-bottom: 25px;
padding: 5px 5px 0px;
background-color:white!;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.kontakt-gmap img {
  width: 450px;
}


.kontakt-firma ul, .kontakt-kontakt ul {
padding-left: 0;}

.kontakt-firma li, .kontakt-kontakt li {
list-style: none outside none;}


.webform-client-form{
	clear:both;
}

#webform-component-sprava{float:right; width: 60%;}
#webform-component-sprava .form-item {
height: auto;
margin: 0 !important;
}

.webform-client-form .webform-component-textfield .form-text,
.webform-client-form .webform-component-email .form-text{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}


.webform-component-textfield,
.webform-component-email{
	width: 39%;
}


.webform-client-form .form-item{margin:8px 0;}

.webform-client-form .form-item label {
  display: block;
  font-weight: normal;
}



.webform-client-form .form-item input, .webform-client-form textarea
{
background: none repeat scroll 0 0 #F7F7F7;
border: 1px solid #BBBBBB;
box-shadow: 0 0 3px #CCCCCC inset;
-moz-box-shadow: 0 0 3px #CCCCCC inset;
-webkit-box-shadow: 0 0 3px #CCCCCC inset;
}

.webform-client-form .form-item input:hover, .webform-client-form textarea:hover{
border: 1px solid #999999;
}


.webform-client-form .form-item input:focus, .webform-client-form textarea:focus
{
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #dddddd;
box-shadow: 0 0 3px #aaaaaa;
-moz-box-shadow: 0 0 3px #aaaaaa;
-webkit-box-shadow: 0 0 3px #aaaaaa;
}


.webform-client-form .webform-component-textfield input,.webform-client-form .webform-component-email input
{
width:280px;
padding:2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
position:relative;
behavior: url(http://epixtest.com/drupal6/sites/all/themes/mytheme/pie.htc);
}

#edit-captcha-response{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url(http://epixtest.com/drupal6/sites/all/themes/mytheme/pie.htc);
}


#webform-client-form label{font-weight:normal;}



#webform-client-form-2 textarea,
#webform-client-form-59 textarea {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url(http://epixtest.com/drupal6/sites/all/themes/mytheme/pie.htc);
display: block;
height: 170px;
overflow: auto;
resize: vertical;
/*width: 587px;*/
width: 100%;
position:relative;
z-index:2;
margin-bottom: 15px;
}



.captcha{
border:none;
/*width: 285px;*/
width: 39%;
}
.captcha legend{display:none;}
.captcha .description{display:none;}
.captcha img{float:right;margin-top:12px;}



.spat {
background: url("cssimg/spat.png") no-repeat scroll left center transparent;
clear: both;
display: inline-block;
font-weight: bold;
height: 25px;
line-height: 24px;
padding-left: 27px;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: -45px;
z-index: 1;
}
.spat:hover{ text-decoration:underline; }




.search-results .search-info {
display:none;
}

.search-results dt.title a {
font-family: trebuchet MS,arial;
font-size: 16px;
text-decoration: underline;
}

.search-results dd{
margin-bottom: 25px;
margin-left: 0;
margin-top: 10px;
}

.section-search .box-inner h2.title {
border-bottom: 1px dotted #555555;
font-family: trebuchet MS,arial;
font-size: 16px;
margin-bottom: 20px;
margin-top: 20px;
padding-bottom: 5px;
}


.feed-icons{display:none;}



.node-edit-link ul li a {
background-color: black;
border: 1px solid #FFFFFF;
border-radius: 1px 1px 1px 1px;
color: #DDDDDD !important;
font-size: 11px;
padding: 2px;
-moz-transition:all 500ms ease;
}

.node-edit-link ul li a:hover {
background-color: white;
color: #000000 !important;
border: 1px solid #000000;
}


.node-edit-link ul li{padding:0px;}

/*social links*/
#block-block-7{
/*	position: absolute;
	top: 10px;
	right: 0;*/
	float: right;
	margin: 15px 0 0;
}

#block-block-7 .social{
	float: left;
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 5px;
	text-indent: -9999px;
	background-size: auto 100%;
	background-image: url('cssimg/face_linked.png');
	background-repeat: no-repeat;
}

#block-block-7 .social:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
}


#block-block-7 .facebook{
	background-position: left center;
}

#block-block-7 .linkedin{
	background-position: right center;
}






#block-search-0 label{display:none;}


#block-locale-0 {
/*  position: absolute;
	right: 100px;
  top: 20px;*/
  float: right;
  margin: 20px 25px 0 0;
}
#block-locale-0 ul{padding:0;margin:0;}
#block-locale-0 ul li {
  float: left;
  list-style: none outside none;
  margin-left: 8px;
}

#block-locale-0 .content ul li a {
  color: #858585;
  font-size: 14px;
  font-weight: bold;
}

#block-locale-0 .content ul li a:hover,
#block-locale-0 .content ul li a.active{
color:white;
}

div.block.with-block-editing div.edit {top:-18px;}




.footer-left ul {
  margin: 0;
  padding: 0;
}
.footer-left ul li {
  display: inline;
  list-style: none outside none;
}
.footer-left ul li a {
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  border-right: 1px solid #929292;
  color: #929292;
  display: block;
  float: left;
  font-family: arial;
  font-size: 11px;
  height: 11px;
  line-height: 11px;
  padding: 0 10px;
}
.footer-left ul li a.active, .footer-left ul li a:hover {
  color: black;
  text-decoration: underline !important;
}
.footer-left ul li.first a {padding-left:0!important;}
.footer-left ul li.last a {border-right: 0px solid #929292 !important;}

.front .body-page{

}

.body-page h2 {
  color: white;
  font-size: 30px;
}

.front1{

}

.front2{
margin-top: 40px;
}

.front h1.title {
  text-align: right;
}


.node-52 .body-page{max-width: 530px;}
.node-57 .body-page{max-width: 530px;}

.tel {
  background: url("cssimg/tel.jpg") no-repeat scroll 16px center rgba(0, 0, 0, 0.6);
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  display: inline-block;
  font-size: 30px;
  font-weight: normal;
  padding: 12px 18px 12px 40px;
  text-shadow: 0 0 0;
  margin-right: 50px;
}


.mail {
  background: url("cssimg/mail.jpg") no-repeat scroll 16px center rgba(0, 0, 0, 0.6);
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  display: inline-block;
  font-size: 30px;
  font-weight: normal;
  padding: 12px 18px 12px 50px;
  text-shadow: 0 0 0;
}

.mail a{color:white!important;}


.sbox {
  float: left;
  width: 33.3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/*
.sbox2{width:212px;}
.sbox3{width:400px;}
*/

.clear{clear:both;}





.node-2 #body-top,
.node-59 #body-top {
background-color:black;
}


.webform-client-form .form-submit{
margin-top: 10px;
}




.node-2 .node .content,
.node-59 .node .content {
  background:url(cssimg/black.png) left top repeat;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  display: inline-block;
  box-shadow: 0 0 10px #333333 inset;
  -moz-box-shadow: 0 0 10px #333333 inset;
  -webkit-box-shadow: 0 0 10px #333333 inset;
  padding: 3%;
  width: 94%;
  margin-bottom: 30px;
}



.front .node .content{
  background:url(cssimg/black2.png) left top repeat;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  display: inline-block;
  box-shadow: 0 0 10px #333333 inset;
  -moz-box-shadow: 0 0 10px #333333 inset;
  -webkit-box-shadow: 0 0 10px #333333 inset;
  float:right;
  padding: 10px 25px;
  max-width: 371px;
  margin-top: 20px;
}




.node-53 .node .content,
.node-58 .node .content {
  background:url(cssimg/black.png) left top repeat;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  display: inline-block;
  box-shadow: 0 0 10px #333333 inset;
  -moz-box-shadow: 0 0 10px #333333 inset;
  -webkit-box-shadow: 0 0 10px #333333 inset;
  padding: 10px 25px;
  max-width: 445px;
  margin-top: 20px;
}



.node-55 .node .content, .node-50 .node .content {
  display: inline-block;
  float: right;
  padding: 0;
  text-align: right;
  max-width: 570px;
}

.node-55 h1.title,
.node-50 h1.title {
text-align:right;
}


#node-52 p{margin:8px 0;}


.info2{
padding: 0 0 20px;
}

.disabled {
  background: url("cssimg/disabled.png") no-repeat scroll left top transparent;
  display: inline-block;
  height: 20px;
  margin: 0 2px;
  width: 20px;
}



.front #logo img{
  width: 100%;
}


@media screen and (min-width: 421px) {
  .front #logo {
    padding-left: initial;
    text-align: initial;
    background: initial;
  }
}


@media all and (max-width: 980px) {
  #logo{ width: 180px }
  #block-menu-primary-links .menu li a{ margin: 0 5px; }
}

@media all and (max-width: 800px) {

  .front #logo {
    top: 5px;
  }


	#block-menu-primary-links{
	    margin: 110px 0 0;
	    position: relative;
	    clear: both;
	    width: 100%;
		background: #969694;
	}

	#block-menu-primary-links #mmenu_btn{
		width: 40px;
		height: 41px;
		display: block;
		background-image: url('cssimg/mmenu_btn_white.png');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
		cursor: pointer;
		position: absolute;
		top: -70px;
		right: 10px;
		text-indent: -9999px;
	}

	#block-menu-primary-links.show #mmenu_btn{
		background-position: center bottom;
	}

	#block-menu-primary-links .menu{
		width: 100%;
		/*background: #969694;*/
		display: none;
	}

	#block-menu-primary-links.show .menu{
		display: block;
	}


	#block-menu-primary-links .menu li{
		display: block;
	}

	#block-menu-primary-links .menu li a{
		float: none;
		display: block;
		margin: 0;
		padding: 15px 0;
		text-align: center;
	}

	.sbox{
		width: 100%;
		float: none;
	}

	.kontakt-gmap,
	.kontakt-gmap iframe{
		width: 100%;
	}

	#webform-component-sprava,
	.webform-component-textfield,
	.webform-component-email,
	.webform-client-form .captcha{
		width: 100%;
		float: none;
	}

	.webform-client-form .captcha img{
		float: none;
	}

}

@media all and (max-width: 420px) {

	#body-top{
		background: none!important;
	}

	#logo{
		/* background: none; */
    width: auto;
    top: 50px !important;
	}

  #logo img{
    height: 100%;
  }

  .front #logo a{
    text-indent: 9999px;
    background: url('files/logo-small-sido-2023.svg') no-repeat center center transparent;
		background-size: auto 100%;
		width: 70px;
		height: 45px;
		display: block;
		overflow: hidden;
  }

	#logo a{
		/* text-indent: 9999px; */
		/* background: url('files/logo-small-sido-2023.svg') no-repeat center center transparent;
		background-size: auto 100%;
		width: 70px; */
		height: 45px;
		display: block;
		overflow: hidden;
	}

	.node .content{
		background: url(cssimg/black2.png) left top repeat;
	    border-radius: 10px 10px 10px 10px;
	    -moz-border-radius: 10px 10px 10px 10px;
	    -webkit-border-radius: 10px 10px 10px 10px;
	    display: inline-block;
	    box-shadow: 0 0 10px #333 inset;
	    -moz-box-shadow: 0 0 10px #333333 inset;
	    -webkit-box-shadow: 0 0 10px #333 inset;
	    float: right;
	    padding: 10px 25px!important;
	    width: 100%!important;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    box-sizing: border-box;
	}

	.webform-client-form .captcha img{
		float: none;
	}

}