@import url(magic-bootstrap-min.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:700,400&subset=latin,latin-ext);
@import url(/css/fa/all.min.css);

body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0px;
  background-color: white;
}

.text-serif {
  font-family: "Libre Baskerville", "Times New Roman", Times, serif;
}

/*
Basic layout
*/

#page {
  padding: 0px;
  margin-top: 0px;av
  margin-bottom: 0px;
}

#content {
  margin-top: 50px;
  margin-bottom: 50px;
}

#body_1 #content,
#body_3 #content,
#body_4 #content,
#body_5 #content,
#body_54 #content{
  margin-bottom: 0px;
}


#head {
  background-color: white;
}

#head1 {
  background-color: #fcc643;
  padding: 0px 0px;
}

.line {
  width: 170px;
  height: 1px;
  margin: 25px auto;
  background-color:#667380; 
}

#head2 {
  background-color: #262626;
    z-index:2;
}

#head3Wrapper {
  background-color: #667380;
}

#head3bg {
  background-image: url(/images/layout/rotator-bg.jpg);
  background-repeat: no-repeat;
  background-position: center -800px;
  position: absolute;
  top: 121px;
  left: 0px;
  margin-left: -14px;
  margin-top: -12px;
  margin-right: -100px;
  width: 110%;
  height: 432px;
  -khtml-opacity:.60; 
  -moz-opacity:.650; 
  -ms-filter:"alpha(opacity=60)";
   filter:alpha(opacity=60);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6);
   opacity:.60; 
    filter: blur(4px); 
    -webkit-filter: blur(4px); 
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='42');   
    z-index:0;
    clip: rect(10px,2900px,432px,10px);
}
  
#head3,
#head3b {

}

#head3b .col-md-12 {
  min-height: 0px;
}

#head4 {
  background-color: #cccccc;
  color: #667380;
  padding: 13px 0px;
}

#groupName {
  font-size: 30px;
  text-transform: uppercase;
}

#logo {
  padding-top: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
}

#logo img {
  max-width: 100%;
}

#search {
}

#searchForm {
  float: right;
}

#loginButton {
  float: right;
  margin-right: 20px;
  background-color: #fcc643;
  border-color:#fcc643;
}

#lang {
  padding-left: 0px;
}
#lang img {
  margin-right: 5px;
  margin-top: 2px;
}

#loginButton:hover,
#searchSubmit:hover,
.loggedUserButtons .btn:hover {
  background-color: #c8d54f;
}

.loggedUserButtons .btn,
#searchSubmit {
  background-color: #fcc643;
  border-color:#fcc643;
  margin-left: 15px;
}

#titleLoga {
  margin: 30px 0px 50px 0px;
  color: #667380;
}

#titleLoga a {
  color: #667380;  
}

#titleLoga img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    margin-bottom: 10px;
}

#titleLoga>div {
  padding: 10px 15px;
}

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

#titleLoga a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

#mainMenu {
  background-color: #377b5b;
  height: 66px;
  padding-top: 7px;
}

#hmenuWrapper {
}

#hmenu {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: right;
}

#hmenu li {
  float: left;
}

#hmenu li a {
  display: block;
  padding: 34px 20px 34px 20px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  border-left: 1px solid #262626;
}

#head2-mobile {
  padding: 15px 15px 15px 15px;
  background-color: #262626;
}
  
.navbar-toggle {
  border-color:#FCC643;
  color:#FCC643;
}
  
.navbar-toggle .icon-bar {
    background-color: #FCC643;
}  
  
#head2-mobile .navbar {
    margin-bottom: 0px
}  
  
.navbar #hmenu-mobile {
  margin-top: 15px;
}  
  
#body_4 #hmenu li a,
#body_7 #hmenu li a,
#body_11 #hmenu li a,
#body_21 #hmenu li a,
#body_22 #hmenu li a,
#body_23 #hmenu li a {
  padding: 34px 15px 34px 15px;
}

#body_5 #hmenu li a,
#body_8 #hmenu li a,
#body_12 #hmenu li a,
#body_24 #hmenu li a,
#body_25 #hmenu li a,
#body_26 #hmenu li a {
  padding: 34px 10px 34px 10px;
}

#hmenu li a:hover,
#hmenu li.menuULDirOpen a:hover,
#hmenu li.menuULDirClose a:hover{
  text-decoration: none;
   color: #262626;
  background-color: #aeaeae;
}

#hmenu li.menuULDirOpen a {
  color: #262626;
  background-color: #cccccc;
  border-left: 1px solid #262626;
}

#hmenu li.menuULDirClose a {
  color: #ffffff;
}

#foot {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0px;
  color: white;
  background-color: #3d454d;
}

#foot h3 {
  color: white;
  text-transform: uppercase;
  font-weight: normal;
}

.footMenu ul {
  padding: 0px;
  margin: 0px;
}

.footMenu li {
  list-style-type: none;
}

.footMenu a {
  padding-right: 20px;
  color: white;
  font-weight: 100;
}

.footMenu p {
  font-weight: 300;
}

#copyright {
  margin-top:30px;
}

#menuLeft {
  min-height: 150px;
}

.titleBox {
  background-color: #666666;
  padding-right: 0px;
  color: white;
  padding-bottom: 15px;
  min-height: 630px;
  border-left: 15px solid white;
  border-right: 15px solid white;
}

.titleBox img {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-left: -15px;
}

.titleBox h3 {
  background-color: #ffb510;
  margin: 0px;
  height: 110px;
  padding-top: 30px;
  color: #4D4D4D;
  margin-bottom: 15px;
  font-size: 20px;
}

.titleBox h3 small {
  color: #4D4D4D
}

.titleBox p {
  padding-right: 30px;
  padding-left: 15px;
}

.text-lg {
  font-size: 1.3em;
}

a {
  color: #0099e5;
}

#menu {
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  margin: 0px;
}

#menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#menu li {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#menu li a {
  width: 100%;
  display: block;
  font-size: 16px;
  color: #ffffff;
  background-color:#3871B6;
}

#menu li.menuULDirOpen a, #menu li.menuULDocOpen a, #menu li.menuULDirClose a, #menu li.menuULDocClose a {
    padding: 5px 15px;
}

#menu li a:hover,
#menu li.menuULDirClose a:hover,
#menu li.menuULDocClose a:hover {
  color: #ffffff;
}

#menu li li {
  padding-left: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  /*margin-left: 40px;*/
  border-bottom: none;
  clear: both;
}

#menu li li a
 {
  font-size: 14px;
}

#menu li.menuULDirOpen a,
#menu li.menuULDocOpen a {
  color: #ffffff;
  background-color: #0099e5;
  text-decoration: none;
  font-weight: bolder;
}

#menu li.menuULDirClose a,
#menu li.menuULDocClose a {
  color: #ffffff;
  background-color:#3871B6;	
  font-weight: normal;
  text-decoration: none;
}

#menu .sm-clean a .sub-arrow {
    margin-top: -10px;
}

#toggleMenu {
  background-color: #015198;
}

#toggleMenu .icon-bar {
  background-color: white;
}

#breadcrumb {
  padding-top: 15px;
  text-align: right;
  font-size: 0.9em;
   text-transform: uppercase;
}

#breadcrumb .navbar,
.search .navbar {
  display: inline-block;
  min-height: 0px;
  font-weight: normal;
  margin-bottom: 0px;
  color: #667380;
}

#breadcrumb a.navbar:last-child,
.search a.navbar:last-child {
  margin-bottom: 0px;
  color: #3d454d;
}

.search dd  {
  font-size: 12px;
}

.search dt {
  font-weight: normal;
}

.search dt strong  {
  background-color: #fcc643;
}

.search .navbar {
  display: inline-block;
  min-height: 0px;
  font-weight: normal;
  margin-bottom: 0px;
  color: #667380;
  font-size: 12px;
}

.search a.navbar:last-child {
  margin-bottom: 0px;
  color: #3d454d;
}

.goBack {
  margin-top: 40px;
}

.moreButton {
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-nowrap {
  white-space: nowrap;
}

#hmenu-mobile, #hmenu-mobile ul {
  clear: both;
  font-size: 11px;
  line-height: 11px;
  list-style-type: none;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

#hmenu-mobile ul {
  margin: 10px 0px 10px 15px;
}

#hmenu-mobile li {
  float: none;
  margin-bottom: 5px;
}

#hmenu-mobile li a {
  display: block;
  padding: 10px 5px;
  font-size: 15px;
  font-weight: normal;
  text-decoration: none;
  background-color: white;
  border: 1px solid #a6a6a6 ;
}

#hmenu-mobile li li a {
  padding: 5px 5px;
}

#hmenu-mobile li a:hover,
#hmenu-mobile li.menuULDirOpen a:hover,
#hmenu-mobile li.menuULDirClose a:hover{
  text-decoration: none;
  color: #0099ff;
}

#hmenu-mobile li.menuULDirOpen a {
  color: #015198;
}

#hmenu-mobile li.menuULDirClose a {
  color: #3E454C;
}

/*katalog*/
#body_13 h1,
#body_15 h1,
#body_23 h1,
#body_26 h1,
#body_57 h1 {
  margin-top: 0px;
}

#menuLeft h3 {
  background-color: #ffb510;
  padding: 15px;
  color: #4D4D4D;
  margin-top: 0px;
}

#upoutavky {
  background-color: #d9d9d9;
  padding: 25px 0px 50px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -15px;
  margin-right: -15px;
}

#upoutavky h3 {
  margin-top: 0px;
}

#upoutavkyMensi {
  background-color: #575e66;
  padding: 25px 0px 50px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -15px;
  margin-right: -15px;
}

#upoutavkyMensi h3 {
  margin-top: 0px;
  color: white;
}

#slider,
#slider2 {
  position: relative;
  padding: 0px 50px;
}

#slider .slide {
  float: left;
  width: 33.33333%;
}

#slider2 .slide {
  float: left;
  width: 100%;
}

#slider2 #slider2In {
  margin-left: auto;
  margin-right: auto;
}

#upoutavky #slider .rtpagerPos,
#upoutavky #slider2 .rtpagerPos {
  position: absolute;
  bottom: -30px;
  left: 0;
  text-align: right;
  width: 100%;
  padding-right: 80px;
}

#upoutavky #slider2 .rtpagerPos {
  text-align: center;
  padding-right: 0px;
}

#upoutavky #slider .rtpagerPos a,
#upoutavky #slider2 .rtpagerPos a {
  color: #667380;
  padding: 0px 5px;
}

#upoutavky #slider .rtpagerPos a.activeSlide,
#upoutavky #slider2 .rtpagerPos a.activeSlide {
  color: #000;
  font-weight: bold;
}

.pageSlider .slide:last-child {
  margin-right: 0px;
}

#sliderPrev,
#slider2Prev {
  position: absolute;
  width: 50px;
  height: 60px;
  top: 50%;
  margin-top: -30px;
  left: 0px;
  float: left;
  font-size: 45px;
  padding: 4px 5px 5px 5px;
}

#sliderPrev:hover,
#slider2Prev:hover {
  cursor: pointer;
  background-color: #bcbcbc;
}

#sliderNext,
#slider2Next {
  position: absolute;
  width: 50px;
  height: 60px;
  top: 50%;
  margin-top: -30px;
  right: 0px;
  float: right;
  font-size: 45px;
  padding: 4px 5px 5px 0px;
}

#sliderNext:hover,
#slider2Next:hover {
  cursor: pointer;
  background-color: #bcbcbc;
}

#sliderClear
#slider2Clear {
  clear:both;
}

#body_1 .pageSlider .slide img,
#body_3 .pageSlider .slide img,
#body_4 .pageSlider .slide img,
#body_5 .pageSlider .slide img,
#body_54 .pageSlider .slide img{
  width: 100%;
  height: 100%;
  padding: 0px 15px;
}

#sliderSmall,
#sliderSmall2 {
  position: relative;
  padding: 0px 50px;
}

#sliderSmall .slide {
  float: left;
  width: 16.66666666%;
}

#sliderSmall2 .slide {
  float: left;
  width: 33.33333333%;
}

#sliderSmallPrev,
#sliderSmallPrevOff,
#sliderSmall2Prev,
#sliderSmall2PrevOff {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -20px;
  left: 0px;
  float: left;
  font-size: 35px;
  color: #a7b2bc;
  padding: 4px 5px 5px 10px;
}

#sliderSmallPrev:hover,
#sliderSmall2Prev:hover {
  cursor: pointer;
  background-color: #7f8591;
}

#sliderSmallNext,
#sliderSmallNextOff,
#sliderSmall2Next,
#sliderSmall2NextOff {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -20px;
  right: 0px;
  float: right;
  font-size: 35px;
  color: #a7b2bc;
  padding: 4px 5px 5px 7px;
}

#sliderSmallPrevOff,
#sliderSmallNextOff,
#sliderSmall2PrevOff,
#sliderSmall2NextOff {
  color: #727984;
}

#sliderSmallNext:hover,
#sliderSmall2Next:hover {
  cursor: pointer;
  background-color: #7f8591;
}

#sliderSmallClear,
#sliderSmall2Clear {
  clear:both;
}

#sliderLeft {
  width: 263px;
}

#sliderLeft .pageSliderIn {
  width: 100%;
}

#sliderLeft .slide {
  float: none;
  width: 100%;
  margin-right: 0px;
}

#sliderLeft .slide img {
  width: 100%;
  margin-right: 0px;
}

#sliderLeft .slide:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

.leftBox {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #cccccc;
}

.loginForm label {
  width: 100%;
}

.loggedUser {
  font-size: 0.9em;
  float: right;
  margin-right: 15px;
}

.loggedUserName {
  background-color: #fcc643;
  border-color: #fcc643;
}

.searchResultsH1 {
  display: none;
}

.dropdown img {
  vertical-align: text-top;
}

#dropdownMenuLg {
  background-color: #fcc643;
  border-color: #fcc643;
}

.img-left {
  margin-right: 20px;
  margin-bottom: 20px;
  float:left;
}

#data ul.ULminus {
  list-style-type: none;
  padding: 0px;
  margin: 0px;  
}

#data ul.ULminus li {
  padding: 0px;
  margin: 0px;  
  clear: left;
}

#data ul.ULminus li::before {
    content: "\2212";
    font-family: 'Glyphicons Halflings';
    color: #FCC643;
    float: left;
    margin-right: 10px;
    font-size: 15px;
}

#data .galleryGalleriffic ul li {
  clear: none;
  margin: 5px 15px 5px 0px;
}

#data ul.ulPrettyGallery li,
#data ul.prettyNavigation li,
#data ul.nav li {
  clear: none;
} 

#data .galleryGalleriffic ul li::before,
#data ul.ulPrettyGallery li::before,
#data ul.prettyNavigation li::before,
#data ul.nav li::before {
  content: normal;
}

.pull-left { }
.pull-right { }

#motiv {
  margin-top: -50px;
  margin-bottom: 50px;
}

#motiv img {
  max-width: 100%;
}

.btGallery .row {
   margin-bottom: 15px;
   text-align: center;
}

.btGallery img {
  max-width: 100%;
}

.btGalleryModal {
  max-width: 100% !important;
}

.btGallery .btImage {
  margin-bottom: 15px;
}

.btGallery .btImage:hover img {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}

.btGalleryModal .modal-body {
  text-align: center;
}

.btGalleryModal .modal-body img {
  margin: 0px auto;
}

.btGalleryModal .modal-dialog {
  max-height: 90%;
}

.btGalleryModal .modal-dialog .modal-body img.img-responsive {
  max-height: 100%;
}

.btGalleryModal .modal-header {
  border-bottom: none;
}

#zastoupeniCechy,
#zastoupeniMorava,
#zastoupeniPraha {
  padding-top: 15px;
}

#mapaCR {
  max-width: 100%;
}

#tabsel1 a {
  background-color: white;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-left: 5px;
}

#tabsel2 a {
  background-color: white;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

#tabsel3 a {
  background-color: white;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

#tabsel1.active a {
  background-color: #bdcb00;
  color: black;
}

#tabsel2.active a {
  background-color: #32c0f9;
  color: black;
}

#tabsel3.active a {
  background-color: #fbb742;
  color: black;
}

#tabsel1 a:hover {
  background-color: #cacf84;
  color: black;
}

#tabsel2 a:hover {
  background-color: #a0d4ea;
  color: black;
}

#tabsel3 a:hover {
  background-color: #ecd2a7;
  color: black;
}

.hu #hmenu li a {
  padding: 34px 15px;
}

.btn-xsm, .btn-group-xsm > .btn {
  padding: 2px 2px;
  font-size: 14px;
  line-height: 1.1;
  border-radius: 0;
}

/*
------------------------------------------------------------------------
-  Rotátor
------------------------------------------------------------------------
*/
#rotator {
    width: 1140px;
    height: 422px;
    /*overflow: hidden;*/
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 100;
    margin-left: auto;
    margin-right: auto;
    background-color: #3d454d;
}

#rotatorPrev {
  position: absolute;
  top: 50%;
  left:0px;
  margin-top: -25px;
  height: 50px;
  width: 50px;
  font-size: 40px;
  z-index: 150;
  background-color: none;
  color: white;
  padding: 0px 0px 0px 2px;
  -khtml-opacity:.40; 
  -moz-opacity:.4; 
  -ms-filter:"alpha(opacity=40)";
   filter:alpha(opacity=40);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4);
   opacity:.40; 
}

#rotatorNext {
  position: absolute;
  top: 50%;
  right:0px;
  margin-top: -25px;
  height: 50px;
  width: 50px;
  font-size: 40px;
  z-index: 150;
  background-color: none;
  color: white;
  padding: 0px 0px 0px 2px;
  text-align: right;
  -khtml-opacity:.60; 
  -moz-opacity:.650; 
  -ms-filter:"alpha(opacity=60)";
   filter:alpha(opacity=60);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6);
   opacity:.60; 
}

#rotatorPrev:hover,
#rotatorNext:hover {
  cursor: pointer;
  -khtml-opacity:1; 
  -moz-opacity:1; 
  -ms-filter:"alpha(opacity=100)";
   filter:alpha(opacity=100);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
   opacity:1; 
}

#rotatorIn .slide {
    position: absolute;
    width: 1140px;
    height: 422px;
    top:0;
    left:0;
    /*overflow: hidden;*/
    padding: 0;
    margin: 0;
}

#rotatorIn .slide img {
  /*position: absolute;*/
  bottom: 0px;
  border: none;
}

#rotatorIn .news_text {
    color: white;
    position: absolute;
    width: 1090px;
    height: auto;
    bottom:0px;
    font-size: 13px;
    left:0px;
    margin: 0px 40px;
    z-index: 20;
    /*background-color:rgba(50,50,50,0.6);*/
    background-color:#015198;
    padding: 20px;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    display: block;
    min-height: 170px;
}

#rotatorIn .news_text_inner {
  display: table-cell;
  vertical-align: middle;
  font-size: 36px;
}

#rotatorIn .news_text ul {
  padding-left: 15px;
}

#rotatorIn .news_text ul li {
  font-size: 12px;
}

#rotator .news_title {
    padding: 8px 0px 8px 0px;
    margin: 0;
    display: block;
}

#rotator .news_title h4 {
    font-size: 54px;
    font-weight: 400;
    color: white;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
}

#rotator .news_title a {
    color: white;
    text-decoration: none;
}

#rotatorPagerPos {
    position: absolute;
    width: 100%;
    bottom:15px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    z-index: 50;
    text-align: center;
}
    
#rotatorPager {
  text-align: center;
  height: 30px;
  margin: 0px auto;
  display: none;
}

#rotatorPager a {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 2px 2px 2px 2px;
    margin: 0 10px 3px 0;
    border-radius: 11px;
    border: 2px solid #aaaaaa;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    background-color: #d9d9d9;
    color: #d9d9d9;
    font-size: 1px;
}

#rotatorPager a:link,
#rotatorPager a:visited,
#rotatorPager a:active
{
    color: #d9d9d9;
    text-decoration:none;
    border: 2px solid #aaaaaa;
}

#rotatorPager a:hover {
    color: #fcc643;
    text-decoration:none;
    background-image: none;
}

#rotatorPager a.activeSlide {
    background-image: none;
    background-color: #fcc643;
    color: #fcc643;
    border: 2px solid #aaaaaa;
}

.news_img {
  float: left;
  margin-right: 30px;
}

.news .news_title h4 {
  padding-bottom: 10px;
}

.news .news_content {
  margin-bottom: 20px;
  margin-top: 20px;
}

.news .news_date {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: bold;
}

.news .news_place {
  font-family: Arimo, Arial, sans-serif;
  display: block;
  margin-bottom: 10px;  
  font-weight: bold;
}

.news_no_image {
  height: 192px;
  width: 267px;
  background-image: url(/images/layout/no_image.png);
  background-repeat: no-repeat;
  float: left;
  border: 1px solid #e3e3e3;
  margin-right: 30px;
}

.clearLine {
  clear:both;
  border-bottom: 1px solid #d0dae3;
  padding-top: 15px;
  margin-bottom: 15px;
}

.clearer {
  clear: both;
}

.image-right {
  float: right;
  margin-left: 30px;
  margin-bottom: 10px;
}

.image-left {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}

.table {
}

.table-condensed {
}

.table-hover {
}

.table-striped {
}

.news_pages {
  float:right;
}

.news_pages_filtered div {
  float: left;
  font-size: 12px;
  margin-right: 2px;
  margin-left: 4px;
}

.news_pages_filtered div a {
  display: block;
  font-size: 12px;
  background-color: black;
  padding: 4px 3px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  border-radius: 2px;
  margin-bottom: 0px;
  width: 20px;
  text-align: center;
  color:white;
}

.news_pages_filtered div.goPrevious a {
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 4px;
  width: auto;
}

.news_pages_filtered div.goPrevious a:hover {
}

.news_pages_filtered div.goNext a {
  padding-right: 7px;
  padding-left: 7px;
  padding-top: 4px;
  width: auto;
}

.news_pages_filtered div.goNext a:hover {
}

.news_pages_filtered div.goPreviousOff {
  padding-left: 18px;
  padding: 4px 7px;
  color: white;
  background-color: #eeeeee;
  text-decoration: none;
  width: auto;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.news_pages_filtered div.goNextOff {
  padding: 4px 7px;
  color: white;
  background-color: #eeeeee;
  text-decoration: none;
  width: auto;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.news_pages_filtered div.act {
  padding: 4px 3px;  
  background-color: #FFB510;
  color: black;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  width: 20px;
  text-align: center;
}

.news_pages_filtered div a:hover {
  border-color: #1e4c9c;
}

span.for-desktop {
  display: none;
}
  
span.for-mobile {
  display: inline-block;
}


.invoiceDetail p, .invoiceDetail td, .invoiceDetail a { font-family: Arial; font-size: 12px; color: #444444;}
.invoiceDetail strong { color: #000000; }
.invoiceDetail .alignRight { text-align: right; }
.invoiceDetail a { color: #0085bd; text-decoration: none; }
.invoiceDetail a:hover { text-decoration: underline; }
    
.invoiceDetail table.invoiceDetailWrappingTable { width: 800px; }
.invoiceDetail table.invoiceDetailWrappingTable td { background-color: #E6E6E6; padding: 20px 40px; }
.invoiceDetail table.invoiceDetailWrappingTable td.footer { padding-top: 0px; text-align: center; font-size: 11px; }
    
.invoiceDetail table.invoiceDetailTable { width: 700px; border-collapse: collapse; }
.invoiceDetail table.invoiceDetailTable td { border: 1px solid #c9c9ca; padding: 20px; font-size: 12px; background-color: white; vertical-align: top; }
.invoiceDetail table.invoiceDetailTable td.nopadding { padding: 0px; }    
.invoiceDetail table.invoiceDetailTable td.invoiceHeader { font-weight: bold; font-size: 16px; padding: 0px; border: 0px; border-bottom: 4px solid #C8D64F; background-color: transparent; width: 50%; padding-bottom: 6px; }
.invoiceDetail table.invoiceDetailTable td.noRightBorder { border-right: 1px solid white; }
    
.invoiceDetail table.invoiceInnerTable { width: auto; border-collapse: collapse; margin: 10px 0px 0px 0px; }
.invoiceDetail table.invoiceInnerTable td { padding: 4px 2px 0px 0px; margin: 0px; border: 0px; }
.invoiceDetail table.invoiceInnerTable th { font-size: 12px; text-align: left; }
    
.invoiceDetail table.basketListTable { width: 100%; border-collapse: collapse; border: 0px; }
.invoiceDetail table.basketListTable th { background-color: #C8D64F; border: 0px; color: #5D5D5D; font-size: 12px; padding: 2px; white-space: nowrap; text-align: center; padding-top: 4px; padding-bottom: 4px; font-weight: normal; }
.invoiceDetail table.basketListTable td { border: 0px; border-top: 1px solid #c9c9ca; padding: 2px; padding-top: 4px; padding-bottom: 4px; }
.invoiceDetail table.basketListTable td.noBorder { border: 0px; }
.invoiceDetail table.basketListTable tr.basketListTableTotal td { padding-top: 40px; border-top: 1px solid #c9c9ca; }
.invoiceDetail table.basketListTable td.firstCell, table.basketListTable th.firstCell { padding-left: 20px; }
.invoiceDetail table.basketListTable td.lastCell, table.basketListTable th.lastCell { padding-right: 20px; text-align: right; }
.invoiceDetail table.basketListTable tr.basketListTableTotalVat td { padding-top: 20px; padding-bottom: 20px; background-color: #FFB510; color: #5D5D5D; }
.invoiceDetail table.basketListTable tr.basketListTableNoline td { border-top:none }    
.invoiceDetail table.basketListTable tr.basketListTableNoline td.firstCell { padding-left:30px }
.invoiceDetail .basketGroup { background-color: #87ceeb; border-radius: 3px; padding: 2px; color: white; font-size: 9px; }
.invoiceDetail small { background-color: #87ceeb; border-radius: 3px; padding: 2px; color: white; font-size: 9px; }
.invoiceDetail table.basketListTable tr.groupRow td { padding-right: 20px; padding-left: 20px; background-color: #cdcdcd; font-weight: bold; }


.link-list {
	
}

.link-list .link-list-item {
	display: block;
}

.md-cookie-bar .btn-primary {
	color: white!important;
}

.md-cookie-bar .bottom-buttons a.more.btn {
    color: #3d454d;
	border: 1px solid #3d454d;
	padding: 6px 15px;
}

.md-cookie-bar div.cookies-list .btn-akcept {
	padding: 6px 15px;
}

body .cookies-bar-wrapper h2 {
    color: #000;
} 

.cookies {
	margin-top:15px;
	color: #000;
}

.cookies > p > a {
	color:white;
}

.cookies > p > a:hover {
	color:white;
	text-decoration:underline;
}

#userForm .invalid, #userForm .invalid + .select2 .select2-selection {
	border-color: red;
}

/*
------------------------------------------------------------------------
-     Bootstrap >3.1 addons
------------------------------------------------------------------------
*/

.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.sk .blockTitle {
	font-size:14px;
}

.cs-error {
	color:red;
}

/*
------------------------------------------------------------------------
-     Pro tablety
------------------------------------------------------------------------
*/

@media only screen and (max-width: 1199px) {
  #page {
     width: 100%;
  }
  
  #head {
    padding-bottom: 0px;
  }
  
  #head3bg {
    display: none;
  }

  #content {
    margin-top: 50px;
  }
  
  #searchInput {
     width: 166px;
     display: inline-block;
  }
  
  #hmenuWrapper {
    padding: 0px;
  }
  
  .navbar-toggle {
    display: block;
      position: relative;
      float: right;
      margin-right: 15px;
      padding: 9px 10px;
      margin-top: 8px;
      margin-bottom: 8px;
      background-color: transparent;
      background-image: none;
      border: 1px solid #FCC643;
      border-radius: 3px;    
  }
  
  .container {
    width: auto;
  }
  
  .groupName {
    padding: 10px 15px;
  }
  
  #data {
    width: 100%;
  }
  
  .pageSlider {
    width: 100%;
  }
  
  .pageSlider .slide {
    width: 33.33333333%;
    margin-right: 0px;
  }
  
  .pageSlider .slide img {  
    max-width:100%;
    padding: 0px 10px;
  }
  
  .leftBox {
    display: none;
  }
  
  #menuLeft {
    min-height: 0px;
    margin-bottom: 30px;
  }
  
  #rotatorPos {
    padding-left: 0px;
    padding-right: 0px;
  }
  
  #rotator {
    max-width: 100%;
    height: auto;
  }
  
  #rotator .slide,
  #rotator img {
    max-width: 100%;
    height: auto;
  }
  
  #motiv {
    margin-top: 0px;
    margin-bottom: 0px;
  }  
  
  #menuLeft{
    margin-bottom: 0px;
  }
  
  #data {
    margin-top: 30px;
  }
  
  #head3bg {
    visibility: hidden;
    display: none;
  }
}

/*
------------------------------------------------------------------------
-     Pro mobily
------------------------------------------------------------------------
*/

@media only screen and (max-width: 991px) {
  #lang {
    padding-bottom: 0px;
  }
  
  #logo {
    text-align: center;
    padding-left: 0px;
  }
  
  #rotator {
    /*display: none;*/
  }
  
  #search {
    text-align: center;
  }
  
  #breadcrumb {
    text-align: left;
  }
  
  #searchForm {
    padding-bottom: 0px;
  }
  
  .loggedUser {
    float: none;
    margin-right: 0px;
  }

  #hmenu {
    float:none;
    margin-left:auto;
    margin-right:auto;
  }
  
  /*
  #hmenu {
    width: 100%;
    margin-bottom: 0px;
  }
  
  #hmenu li {
    width: 100%;
  }
  
  #hmenu li a,
  .hu #hmenu li a {  
    padding: 10px 10px;
    border: 1px solid gray;
    background-color: #a9a9a9;
  }

  #hmenu li a:hover {
    background-color: #cccccc;
  }
  */
  #loginButton {
    margin-right: 0px;
  }
  
  .loggedUser .btn {
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 5px;
  }

  .pageSlider .slide {
    width: 33.3333333%;
    margin-right: 0px;
  }

  .pageSlider .slide img {  
    padding: 0px 2px;
  }
  
  .img-left {
    float:none;
    margin-top: 20px;
  }
  
  div.ulPrettyGalleryContainer,
  ul.ulPrettyGallery {
    width:100% !important;
    height: auto !important;
  }
  
  .btGalleryModal {
    width: 100% !important;
  }
  
  
}


@media only screen and (max-width: 400px) {
  #slider {
    padding: 0px 25px;
  }
  
  #head1 {
    position: relative;
  }
  
  #lang {
    width: 100%;
  }
  
  #search {
    width: 100%;
    position: static;
  }
  
  #loginButton {
    position:absolute;
    top: 0px;
    right: 0px;
  }

  .pageSlider #sliderNext,
  .pageSlider #sliderPrev {
    font-size: 20px;
    width: 25px;
    height: 25px;  
  }
  
  #body_1 .pageSlider .slide img,
  #body_3 .pageSlider .slide img,
  #body_4 .pageSlider .slide img,
  #body_5 .pageSlider .slide img,
  #body_54 .pageSlider .slide img {
    padding: 0px 5px;
  }
  
  .img-left {
    float:none;
    margin-top: 20px;
  }  
  
  .details {
    max-width: 100%;
  }
  
  #rotatorPager {
    display: none;
  }
  
  #rotatorPrev {
    position: absolute;
    top: 50%;
    left:0px;
    margin-top: -25px;
    height: 50px;
    width: 50px;
    font-size: 40px;
    z-index: 150;
    background-color: none;
    color: white;
    padding: 0px 0px 0px 2px;
  }

  #rotatorNext {
    position: absolute;
    top: 50%;
    right:0px;
    margin-top: -25px;
    height: 50px;
    width: 50px;
    font-size: 40px;
    z-index: 150;
    background-color: none;
    color: white;
    padding: 0px 0px 0px 2px;
    text-align: right;
  }
  
}