* {-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}

* {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;


  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

#list-zkratka td {height:auto !important; line-height:auto !important;}

.no-break {}

.control-label {width:100%;}

body {font-family: 'Open Sans', sans-serif;}
/*label {margin-right:4px;}*/

textarea {width:90%;}
a {outline : none !important;}
a img {outline : none !important;}

a {color: #004f76;}
a:hover {color: #0ea2af; text-decoration:none;}

.bg-gray {padding:10px; background: #556168; text-align:center; text-transform:uppercase; color:#FFFFFF;}
.bg-green {padding:10px; background: #0EA2AF; text-align:center; text-transform:uppercase; color:#FFFFFF;}
.bg-blue {padding:10px; background:#004f76; text-align:center; text-transform:uppercase; color:#FFFFFF;}
.bg-yellow {padding:10px; background:#ffd951; text-align:center; text-transform:uppercase; color:#004f76;}

.bbb {border-bottom:6px solid #004F76;}
.bbg {border-bottom:6px solid #0EA2AE;}
.bd6 {border-bottom-color: rgb(85, 97, 104); border-bottom-width: 6px; border-bottom-style: solid;}
.bg-cl {background: rgb(85, 97, 104);}
.bb-gray {border-bottom:#556168 6px solid;}

button {margin:0px; padding:0px;}

input[type='button'] {border:none !important;}
input[type='button']:hover {border:none !important;}

.next {margin-top:14px; text-decoration: underline; cursor: pointer;}
#myCarousel .next  {margin-top:0px;}
.col-height {display: table-cell; float: none; height: 100%;}
.col-top {vertical-align: top; display:inline-block;}
.col-middle {vertical-align: middle;}
.col-bottom {vertical-align: bottom; display:inline-block;}

.row-height {display: table; table-layout: fixed; height: 100%; width: 100%;}
.col-height {display: table-cell; float: none; height: 100%;}
.col-top {vertical-align: top;}
.col-middle {vertical-align: middle;}
.col-bottom {vertical-align: bottom;}

.logo {position:fixed; left:50%; top:0px; z-index:99; margin-left:-123px;}
.top-line {background:#004F76;}
.top-claim {margin-left:0px; padding-left:0px;}
.claim {display:inline; color:#FFFFFF; font-weight:normal; text-transform:uppercase; line-height:50px; font-size:16px;}

.languages {background:#83c2ca; height:18px; line-height:18px; width:28px; text-align:center; float:right; color:#FFFFFF; margin:14px 0px;}
.languages li {padding:5px; color:#6E6E6E;}
.languages a {color:#FFFFFF; text-decoration:none;}
.user {text-align:right; float:right; margin:14px;}
.user span {color:#FFFFFF;}
.user a {color:#FFFFFF;}

.article-gray {position:relative; background:#BDFFD5;}
.article-gray img {border-bottom:#556168 6px solid; margin-bottom:5px;}
.article-gray strong {font-weight:14px;}
.article-gray a {background: #556168; border:none;}
.article-gray a:hover {background: #3e3d40;}

.article-green {}
.article-green img {border-bottom:#556168 6px solid; margin-bottom:5px;}
.article-green strong {font-weight:14px;}
.article-green a {background: #556168; border:none;}
.article-green a:hover {background: #A6A6A6;}

.article-blue {}
.article-blue img {border-bottom:#556168 6px solid; margin-bottom:5px;}
.article-blue strong {font-weight:14px;}
.article-blue a {background: #556168; border:none;}
.article-blue a:hover {background: #A6A6A6;}

.article-yellow {}
.article-yellow img {border-bottom:#556168 6px solid; margin-bottom:5px;}
.article-yellow strong {font-weight:14px;}
.article-yellow a {background: #556168; border:none;}
.article-yellow a:hover {background: #A6A6A6;}

.alphabet {padding:4px 6px; line-height:22px; background:#0ea2af; margin:4px; color:#FFFFFF; display:inline-block;}
.alphabet:hover {padding:4px 6px; background:#004F76; color:#FFFFFF; text-decoration:none;}

a.trigger {cursor:pointer; clear:both; }
div.toggle {display: none; cursor: default; margin-top:20px;}

.blue-title {padding:10px; background:#004f76; text-align:center; text-transform:uppercase; color:#FFFFFF;}

.thumbnail:hover {border:1px solid #707070;}
.thumbnail h3 {height:60px; font-size:18px; line-height:24px;}

.kontakty {margin-top:10px;}
.kontakty img {margin-bottom:10px;}
.kontakty .green {color:#0EA2AF; background:none;}
.kontakty .fontsize16 {font-size:16px;}
.kontakty .fontsize18 {font-size:18px;}
.kontakty .fontsize20 {font-size:20px;}
.kontakty .email {margin:6px 2px; display:inline-block;}
.jazyky {padding:2px 6px; margin:4px 2px 12px 2px; display:inline-block; background:#cecfd0; color:#FFFFFF;}
.kontakty-border {margin-top:10px;}
.kontakty-border hr {color:#cecfd0; margin-top:20px; width:80%;}

.poradna-zadavatel {margin:20px 0px -10px 0px; padding: 0px; color:#727272;}
.odbornik-title {background:#f0f1f1; margin:0px; padding:20px 0px;}
.laik-title {margin:0px 0px 10px 0px; padding:0px; border-bottom:1px solid #f0f1f1;}
.poradna-soubor {margin-right:10px;}
.odbornik img {border-bottom:4px solid #004F76;}
.odbornik h3 {padding:10px; background:#0EA2AF; text-align:left; text-transform:uppercase; color:#FFFFFF;}
.laik img {border-bottom:4px solid #0EA2AF;}
.laik h3 {padding:10px; background:#004F76; text-align:left; text-transform:uppercase; color:#FFFFFF;}
.poradna-datum {color:#9c9e9f; font-size:12px;}
.poradna-jmeno {font-size:16px; margin-bottom:10px;}

.chci-byt-clenem {background:#FFD950; margin-top:20px;}
.chci-byt-clenem a {color:#004F75; padding:10px; font-size:24px; display:block;}

.logo-sluzby {max-width:250px; margin:10px auto;}
.pripojit-ucet {margin-bottom:10px; white-space: normal;}

section2 {background:#f7f7f7;}
section2 h2, section4 h2 {color:#0EA2AF; text-transform:uppercase;}
.s2-box strong {color:#004F76; font-size:16px;}
.s2-box .btn {width:60px; height:30px; line-height:30px; font-size:14px; margin:0px; padding:0px; background:#004F76; border:none;}
.s2-box .btn:hover {background:#0EA2AF;}
.aktualne {background:#0EA2AF; height:28px; line-height:28px; text-align:center; margin:20px auto; color:#FFFFFF; font-weight:normal; font-size:16px; letter-spacing:1px;}
.s3-box:nth-of-type(3n+1) {clear: both;}
.s3-box strong {color:#0EA2AF; font-size:16px;}
.s3-box .btn {height:30px; line-height:30px; font-size:14px; margin:0px; padding:0px 1em; background:#0EA2AF; border:none;}
.s3-box .btn:hover {background:#004F76;}
.s3-box p {
        padding: 16px;
}
.swap-bg {background:url(../img/icons/icons_bg.png) no-repeat center top;}
.swap-bg:hover {background:url(../img/icons/icons_bg-on.png) no-repeat center top;}
.swap-bg img {margin:0px; width:107px; height:95px;}
.swap-bg a {display:block;}
.swap-bg a:hover {text-decoration:none;}
.swap-bg h3 {margin:4px 0px 0px 0px; padding:4px; font-size:22px; color:#0EA2AE; text-transform:uppercase;}
.swap-bg:hover h3 {color:#004F76;}
.swap-bg p {color:#000000 !important; max-height:80px; overflow:hidden;}
.icon-row {margin:0 0 28px; display:inline-block; clear:both;}
.icon-row:last-child p {color:#FFFFFF;}

.gray16 {color:#3e3e40; font-size:18px;}
.gray16:hover {color:#0EA2AF;}
.index-icon {display:block; background:url(../img/icons/index.png) no-repeat right; height:60px; line-height:60px; margin:-14px 0px; padding:0px;}

.gray14 {color:#3e3e40; font-size:14px;}
.gray14:hover {color:#0EA2AF;}

.non-active {background:url(../img/icons/icons_bg_gray.png) no-repeat center top; }
.non-active:hover {background:url(../img/icons/icons_bg_gray.png) no-repeat center top; }
.non-active h3 {margin:4px 0px 0px 0px; padding:4px; font-size:22px; color:#676767; text-transform:uppercase;}
.non-active:hover h3 {color:#676767;}
.non-active p {color:#676767 !important; max-height:80px; overflow:hidden;}

.plemena a {color:#00a2af;}
.vcenter {display: inline-block; vertical-align: middle; float: none;}
.btn-lg {background-color:#004f76; border:#004f76;}
.btn-lg:hover {background-color:#00a2af; border:#00a2af;}

.btn-lg-green {background-color:#00a2af; border:#00a2af;}
.btn-lg-green:hover {background-color:#004f76; border:#004f76;}

.btn-lg-blue {background-color:#004f76; border:#004f76;}
.btn-lg-blue:hover {background-color:#00a2af; border:#00a2af;}

.table strong {display:block; clear:both; color:#00a2af;}
.table-sluzby thead tr {background:#00a2af; color:#FFFFFF;}

.clickable-row {cursor:pointer;}

.non-box {border:none; border-bottom:1px solid #83c2ca; border-radius:0px; box-shadow:none; background:none; color:#83c2ca;}
.non-box-120 {width:120px !important;}
.non-box:focus {border:none; border-bottom:1px solid #83c2ca; border-radius:0px; box-shadow:none; background:none;}
.non-padding {padding-left:0px; padding-right:0px;}

 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */   color: #6d6e70 !important; padding-left:4px;}
 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #6d6e70 !important; opacity:  1; padding-left:4px;}
 ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #6d6e70 !important; opacity:  1; padding-left:4px;}
 :-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #6d6e70 !important; padding-left:4px;}


.navbar {background:#FFFFFF; border:none; margin-top:14px;}
.btn-default:hover {background:none; color: #83c2ca}

.navbar-default .navbar-text {color: #000;}
.navbar-default .navbar-nav > li > a {color: #000; text-transform:uppercase;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #0EA2AF; background: none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #0EA2AF; background: none;}

ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}

header {background: #E7E7E7;}

.header-bg h2 {color:#0EA2AF; text-transform:uppercase; font-size:24px;}
.header-bg a {outline:none !important;}
.header-bg img {width:150px; height:150px; margin-top:-75px;}

.header-detail h2 {color:#0EA2AF; text-transform:uppercase; margin-top:50px; font-size:28px;}
.header-detail h3 {color:#0EA2AF; margin-top:30px; font-size:20px;}
.header-detail h4 {color:#404041; margin-top:20px; font-size:16px;}
.header-detail p {line-height:20px;}
.header-detail hr {width:40%;}
.header-detail label {color:#0EA2AF; font-size:14px; font-weight:normal; margin:0px 6px 0px 0px; padding:0px; line-height:20px;}
.header-detail p.fifty {width:50%; margin:0px auto;}

.bg_o-portalu {background:#CCC url(../img/bg_o-portalu.jpg) center top no-repeat; height:255px;}
.bg_psi {background:#CCC url(../img/bg_psi.jpg) center top no-repeat; height:255px;}
.bg_rejstrik {background:#CCC url(../img/bg_rejstrik.jpg) center top no-repeat; height:255px;}
.bg_blog {background:#CCC url(../img/bg_blog.jpg) center top no-repeat; height:255px;}
.bg_sluzby {background:#CCC url(../img/bg_sluzby.jpg) center top no-repeat; height:255px;}
.bg_poradna {background:#CCC url(../img/bg_poradna.jpg) center top no-repeat; height:255px;}
.bg_inzerce {background:#CCC url(../img/bg_inzerce.jpg) center top no-repeat; height:255px;}
.bg_kontakt {background:#CCC url(../img/bg_kontakt.jpg) center top no-repeat; height:255px;}
.bg_kluby_plemen {background:#CCC url(../img/bg_kluby_plemen.jpg) center top no-repeat; height:255px;}
.bg_poradci_chovu {background:#CCC url(../img/bg_poradci_chovu.jpg) center top no-repeat; height:255px;}
.bg_veterinari {background:#CCC url(../img/bg_veterinari.jpg) center top no-repeat; height:255px;}
.bg_salon {background:#CCC url(../img/bg_salon.jpg) center top no-repeat; height:255px;}
.bg_prodejny {background:#CCC url(../img/bg_prodejny.jpg) center top no-repeat; height:255px;}
.bg_vycvik {background:#CCC url(../img/bg_vycvik.jpg) center top no-repeat; height:255px;}
.bg_kalendar {background:#CCC url(../img/bg_kalendar.jpg) center top no-repeat; height:255px;}
.bg_index_pribuznosti {background:#CCC url(../img/bg_index_pribuznosti.jpg) center top no-repeat; height:255px;}
.bg_handling {background:#CCC url(../img/bg_handling.jpg) center top no-repeat; height:255px;}
.bg_chovky {background:#CCC url(../img/bg_chovky.jpg) center top no-repeat; height:255px;}
.bg_poradci_chovu2 {background:#CCC url(../img/bg_poradci_chovu2.jpg) center top no-repeat; height:255px;}

.partneri {display:block; color:#0EA2AF; text-transform:uppercase;}

#links {background:#26333b; color:#000000; clear:both; width:100%; margin-top:40px; padding:16px 0px;}
.foot strong {color:#00a2af; line-height:28px;}
.foot {color:#FFFFFF; line-height:20px;}
.foot a {color:#FFFFFF; text-transform:uppercase; line-height:28px;}
.foot a span {color:#0EA2AF;}
.foot a:hover {color:#0EA2AF;}
.socials a {margin-left:15px;}
.socials img {width:50px;}
.footer {background:#ebeded;}

.input-line {margin:8px auto;}
.input-line .glyphicon {color:#6d6e70;}
.input-line input {border:1px solid #6d6e70; min-height:30px; min-width:280px;}
.input-line input[type=checkbox] {border:1px solid #6d6e70; min-height:16px; min-width:16px;}
.input-line a {height:40px; line-height:40px; padding:0 12px;}
.input-line a .glyphicon, .input-line button .glyphicon {color:#FFF;}

.row-mt-10 {margin-top:10px;}

.block {max-width:200px; display:inline-block; text-align:center; padding:10px 22px;}
.block strong {display:block;}
.block img {clear:both !important;}
.block span {display:block; padding:4px 0px;}

.thumbnail {max-width:350px;}
.thumbnail img {margin-bottom:10px;}
.caption {position:relative; min-height:90px;word-wrap: break-word;}
.more-info {position:absolute; bottom:0%; width:100%; height:100px; line-height:15px; background:#FFF; color:#000; font-weight:400; font-size:14px; -webkit-transition:0.5s all ease-in-out; -moz-transition:0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; transition:0.5s all ease-in-out; overflow:hidden; text-align:center; padding:10px; margin-left:-9px;}
.thumbnail:hover .more-info {height:180px;}

.m10 {margin:0px 10px;}
.fancy-span {cursor:pointer;}

/** KALENDAR **/
.table > tbody > tr > td {vertical-align: middle; word-wrap: break-word !important; max-width:400px;}
.den {color:#004f76;}
.den tfoot {color:#00a2af; font-size:12px; background: #FFFFFF;}
.den a {display:block; padding:6px; color:#FFFFFF;}
.den a:hover {text-decoration:none;}
.green {background:#00a2af;}
.blue {background:#004f76;}
.gray {background: #556168;}
.yellow {background:#ffd951;}
.akce_druh, .akce_den {cursor:pointer;}

.actions {color:#888888;}
.actions:hover {color:#888888; text-decoration:none;}
.actions img {margin-bottom:2px;}

#mcs4_container{width:260px; height:200px;}
#mcs4_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs4_container .customScrollBox .container{position:relative; width:240px; top:0; float:left;}
#mcs4_container .customScrollBox .content{clear:both;}
#mcs4_container .customScrollBox .content p{padding:10px 5px; margin:10px 0; color:#09C; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs4_container .dragger_container{position:relative; width:0px; height:180px; float:left; margin:10px 0 0 10px; border-left:1px dotted #555; cursor:pointer;}
#mcs4_container .dragger{position:absolute; width:9px; height:9px; background:#555; margin-left:-5px; text-align:center; overflow:hidden; cursor:pointer; -moz-border-radius:18px; -khtml-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;}
#mcs4_container .dragger_pressed{position:absolute; width:9px; height:9px; background:#09C; margin-left:-5px; overflow:hidden; cursor:s-resize;}

.text-center p {text-align:justify; -moz-text-align-last: center; /* Code for Firefox */ text-align-last: center;}

.zadani-psa label {margin-top:5px; }
.zadani-psa input, .zadani-psa select {margin-bottom:8px;}
.zadani-psa select {width:100%; height:34px;}
.zadani-psa .tituly-vystavy {width:25%; height:34px;}
.zadani-psa .pull-right {color:#A3A3A3;}
.zadani-psa .pull-right input {height:16px; width:16px; color:#A3A3A3; border:#A3A3A3 1px solid;}
.zadani-psa-radio {width:100%; clear:both; height:34px; line-height:34px; margin-bottom:8px;}

/*===========Messages Layout============*/
#message {width:300px; height:100px;}
.messages {margin:0px 0px 5px 0px; padding:0px 0px 5px 0px;}
.messages li {list-style:none; position:relative; padding:2px 0px; }
.messages li:last-child {border-bottom:0px; padding-bottom:0px;}
.messages li.incoming:first-child {padding-top:0px;}
.messages li.incoming:first-child a {top:0px;}
.messages li.incoming .siluette img {height:50px; width:35px;}
.messages li.incoming .siluette {display: block; position:absolute; top:2px; text-align:center; text-decoration:none; font-size:13px;}
.messages li.incoming span.affected {clear:both; display:block;}
.messages li.incoming .affected a {display:inline-block; position:relative;}
.messages li.incoming .message_area {padding: 4px 8px; margin:0px 0px 0px 70px; font-size:14px; color:#666666; position:relative; background:#F8F8F8; text-align:left;}
.messages li.incoming .message_area a {display:inline-block; cursor:pointer; font-size:12px;}
.messages li:hover .message_area {background-color:#FFF;}
.messages li.incoming .message_area span.arow {background:url(../img/arow-left.jpg); width:6px; height:10px; position:absolute; top:20px; left:-6px;}
.message_info span.sender {color:#00a2af; font-size:16px;}
.message_info span.says, .message_info span.time {font-style:normal; font-size:12px; color:#999999; margin-left:5px;}
.message_info span.time {float:right;}
.messages li.outgoing:first-child {padding-top:0px;}
.messages li.outgoing:first-child a {top:0px;}
.messages li.outgoing .siluette img {height:50px; width:35px;}
.messages li.outgoing .siluette {display: block; position:absolute; top:4px; right:0px;}
.messages li.outgoing .message_area {padding: 4px 8px; margin:0px 70px; font-size:12px; color:#666666; position:relative; background:#F8F8F8; text-align:left;}
.messages li.outgoing .message_area a {display:inline-block;  cursor:pointer; font-size:12px;}
.messages li.outgoing .message_area span.arow {background:url(../img/arow-right.jpg); width:6px; height:10px; position:absolute; top:20px; right:-6px;}
.messages li.outgoing:hover .message_area {background-color:#FFF;}

@media (max-width: 767px) {
.top-claim {text-align:center; margin-top:80px;}
.top-claim .claim {font-size:24px;}
.dropdown-menu {margin:0px 0px 0px 40px; z-index:999;}
.main-buttons {margin:20px 0px;}
.main-buttons .blog-button {background:url(../img/tlacitko_blog.png) no-repeat center; width:380px; background-size:100% auto; margin:20px auto;}
.main-buttons .chci-button {background:url(../img/tlacitko_chci_se_stat_clenem.png) no-repeat center; width:380px; background-size:100% auto; margin:20px auto;}
.main-buttons .vet-button {background:url(../img/tlacitko_veterinari.png) no-repeat center; width:380px; background-size:100% auto; margin:20px auto;}
.blog-button a, .chci-button a, .vet-button a {display:block;  height:100%; width:100%; text-align:left; color:#FFFFFF; text-transform:uppercase; outline:none;}
.blog-button div {padding:15px 70px 0px 120px; height:100px; line-height:24px; font-size:18px; text-align:center;}
.chci-button div {padding:15px 70px 0px 120px; height:100px; line-height:24px; font-size:18px; text-align:center;}
.vet-button div {padding:15px 70px 0px 120px; height:100px; line-height:24px; font-size:18px; text-align:center;}
#map-canvas, #map_canvas {width:92% !important;}
.generace {padding:4px 10px; background:#D4D4D4; max-width:90%; margin:10px auto;}
.generace-strany {padding:4px 10px;}
.generace-delitko {width:100%; height:16px;}
.filtry-delitko {margin-bottom:18px;}
.text-center-sm {text-align:center;}
}

@media (max-width: 991px) {
.text-center-sm {text-align:center;}
}

@media (min-width: 768px) {
.claim {font-size:12px;}
.navbar-nav{float:none; margin: 0 auto; display: table; table-layout: fixed;}
.swap-bg {min-height:235px;}
.main-buttons {margin:20px 0px;}
.main-buttons .blog-button {background:url(../img/tlacitko_blog.png) no-repeat center; background-size:100% auto; height:112px;}
.main-buttons .chci-button {background:url(../img/tlacitko_chci_se_stat_clenem.png) no-repeat center; background-size:100% auto; height:112px;}
.main-buttons .vet-button {background:url(../img/tlacitko_veterinari.png) no-repeat center; background-size:100% auto; height:112px;}
.blog-button a, .chci-button a, .vet-button a {display:block;  height:100%; width:100%; text-align:left; color:#FFFFFF; text-transform:uppercase; outline:none;}
.blog-button div {padding:26px 20px 0px 50px; line-height:20px; font-size:16px; text-align:center;}
.chci-button div {padding:26px 20px 0px 50px; line-height:20px; font-size:16px; text-align:center;}
.vet-button div {padding:26px 20px 0px 50px; line-height:20px; font-size:16px; text-align:center;}
.generace {padding:4px 10px; background:#D4D4D4; max-width:90%; margin:10px auto;}
.generace-strany {display:none;}
.generace-delitko {display:none;}
.filtry-delitko {margin-bottom:18px; min-height:54px;}

    }

@media (min-width: 992px) {
#sluzby .row-1 {background:none;}
.claim {font-size:16px;}
.swap-bg {min-height:225px;}
.main-buttons {margin:20px 0px;}
.main-buttons .blog-button {background:url(../img/tlacitko_blog.png) no-repeat center; background-size:100% auto; height:112px;}
.main-buttons .chci-button {background:url(../img/tlacitko_chci_se_stat_clenem.png) no-repeat center; background-size:100% auto; height:112px;}
.main-buttons .vet-button {background:url(../img/tlacitko_veterinari.png) no-repeat center; background-size:100% auto; height:112px;}
.blog-button a, .chci-button a, .vet-button a {display:block;  height:100%; width:100%; text-align:left; color:#FFFFFF; text-transform:uppercase; outline:none;}
.blog-button div {padding:18px 25px 0px 65px; line-height:26px; font-size:20px; text-align:center;}
.chci-button div {padding:18px 25px 0px 65px; line-height:26px; font-size:20px; text-align:center;}
.vet-button div {padding:18px 25px 0px 65px; line-height:26px; font-size:20px; text-align:center;}
.generace {display:none;}
.filtry-delitko {margin-bottom:2px;}
  }

@media (min-width: 1200px) {
#sluzby {background: url(../img/2.png) center top no-repeat; margin-top:20px; display:block; padding:20px 0px;}
#sluzby .row-1 {background:none;}
.claim {font-size:16px;}
.swap-bg {min-height:200px;}
.main-buttons {margin:20px 0px;}
.main-buttons .blog-button {background:url(../img/tlacitko_blog.png) no-repeat center; background-size:100% auto; height:112px;}
.main-buttons .chci-button {background:url(../img/tlacitko_chci_se_stat_clenem.png) no-repeat center; background-size:100% auto; height:112px;}
.main-buttons .vet-button {background:url(../img/tlacitko_veterinari.png) no-repeat center; background-size:100% auto; height:112px;}
.blog-button a, .chci-button a, .vet-button a {display:block;  height:100%; width:100%; text-align:left; color:#FFFFFF; text-transform:uppercase; outline:none;}
.blog-button div {padding:10px 55px 10px 125px; line-height:30px; font-size:20px; text-align:center;}
.chci-button div {padding:10px 55px 10px 125px; line-height:30px; font-size:20px; text-align:center;}
.vet-button div {padding:10px 55px 10px 125px; line-height:30px; font-size:20px; text-align:center;}
  }


/* ESHOP */
/* Main content of the site */
#content {clear: both; overflow: auto;padding-top: 29px; background:#FF1F23;}
/* Sidebar */
#content .sidebar {color: rgba(146,146,146,1.00); float: left; width: 20%; padding-left: 3%; padding-right: 3%; text-align: center;background-color: rgba(246,246,246,1.00); padding-top: 36px; height: 784px;}
/* main content of the site */
#content .mainContent {float: left; width: 70%; text-align: center; padding-left: 4%; background:#FFDBDB;}
/*menubar's properties for menus in sidebar */
#content .sidebar #menubar {text-align: left; color: rgba(146,146,146,1.00); position: relative; left: 0%;}
/* Search field in sidebar */
#content .sidebar #search {width: 100%; border-radius: 0px; height: 42px; text-align: center; color: rgba(208,207,207,1.00); font-size: 14px; margin-bottom: 21px;}
/*menu elements */
.menu ul li {list-style-type: none;  font-size: x-large; position: relative; left: -35px; padding-top: 12px;}
/* Product rows for catalog */
#content .mainContent .productRow {overflow: auto; color: rgba(146,146,146,1.00);}
/* Each product Information in the catalog */
.mainContent .productRow .productInfo { float: left; padding-left: 5%; padding-right: 5%; width: 22%;}
/* Prices of a products in catalog */
.productRow .productInfo .price {font-family: 'Montserrat', sans-serif; color: rgba(146,146,146,1.00); font-size: 22px; position: relative; top: -20px;}
/* Content holder for products in catalog*/
.productRow .productInfo .productContent {position: relative; top: -37px; font-size: 14px; font-family: source-sans-pro, sans-serif; font-style: normal; font-weight: 200;
 color: rgba(146,146,146,1.00); white-space: pre-wrap;}
/* Buy button for products in catalog */
.productRow .productInfo .buyButton {position: relative;top: -48px; width: 84%; background-color: rgba(208,207,207,1.00); height: 35px; color: rgba(255,255,255,1.00); border-style: none; font-size: 14px; text-transform: uppercase; margin-top: 8px;}
/* footer */


div.corner-top-both-bevel, div.corner-bottom-both-bevel {border-style: solid; height: 0; width: 100%; margin-bottom:16px;}
div.corner-top-both-bevel a:hover, div.corner-bottom-both-bevel a:hover {text-decoration:none;}
.corner-top-both-bevel {border-color: transparent transparent pink transparent; border-width: 0 40px 60px 40px; line-height:60px;}
.corner-bottom-both-bevel {border-color: pink transparent transparent transparent; border-width: 60px 40px 0px 40px; line-height:60px;}
.borderless td, .borderless th {border: none !important;}
.borderless strong {color:#454545;}
/** GOOGLE MAP API */

#map-canvas, #map_canvas {height: 400px; width:100%; background-color:#999999; float:left; margin: 0px 0px 16px 0px;}
@media print { html, body {height: auto;}
               #map-canvas, #map_canvas {height: 300px;}
             }

/** filtry **/
.filtry {background:#004f76; padding: 10px 0px; margin:0px auto;}
.filtry input {height:30px;}
.filtry label {color:#FFFFFF; padding:0px !important; margin:0px !important; text-transform:uppercase;line-height:20px;}
.search-input {height:30px; background:#ddedf2 url(../img/lupa.png) no-repeat right; background-position:98% 50%; border:0px; width:100%; padding:4px 6px; margin:4px 0px;}
.search-input::-webkit-input-placeholder {color:#0EA2AF !important;}
.search-input:-moz-placeholder {color:#0EA2AF !important; opacity:  1;}
.search-input::-moz-placeholder {color:#0EA2AF !important; opacity:  1;}
.search-input:-ms-input-placeholder {color:#0EA2AF !important;}

input[type='radio']:checked {outline:none;}
.grayf {background:#293943; margin-bottom:20px;}
.xdropdown p {display: inline-block; font-weight: bold;}
.xdropdown select {
      border: 0 !important;  /*Removes border*/
      -webkit-appearance: none;  /*Removes default chrome and safari style*/
      -moz-appearance: none; /* Removes Default Firefox style*/
      background: #dcddde url(../img/down.png) no-repeat;  /*Adds background-image*/
      background-position: 95% 50%;  /*Position of the background-image*/
      width: 100%; /*Width of select dropdown to give space for arrow image*/
      height: 30px;/*fix for mac input height*/
      text-indent: 0.01px; /* Removes default arrow from firefox*/
      text-overflow: "";  /*Removes default arrow from firefox*/
      cursor: pointer;
      /*My custom style for fonts*/
      padding:4px;
      color: #293943;
   outline:0px;

}
.ic label {font-weight:normal;}
.ic span {display:inline-block; margin:0px 5px 0px 0px; padding:4px 0px 0px 0px; height:20px; line-height:20px;}
.ic input[type='radio'] {margin:-1px 0 0 0!important; display:inline-block; height:14px; vertical-align:middle;}
.xdropdown select option {background:#FFFFFF; text-align: left;}
.xdropdown select::-ms-expand { display: none; }
.paddtop4 {padding:4px 0px;}
.ui-rangeSlider{height:22px;}
.ui-rangeSlider .ui-rangeSlider-innerBar{height:12px;margin:5px 0px;background:#FFF;}
.ui-rangeSlider .ui-rangeSlider-handle {width:22px;height:22px;background:#0EA2AF; cursor:col-resize;}
.ui-rangeSlider .ui-rangeSlider-bar{margin: 3px 0; background:#d5e9eb; height:14px; cursor:move; cursor:grab; cursor: -moz-grab;}
.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging{ cursor: -moz-grabbing; cursor:grabbing;}
.ui-rangeSlider-arrow{height:16px; margin:2px 0; width:16px; background-repeat:no-repeat;}
.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow{ background-image: url('icons-classic/resultset_previous.png'); background-position:center left;}
.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow{ background-image: url('icons-classic/resultset_next.png'); background-position:center right;}
.ui-rangeSlider-arrow-inner{ display: none;}
.ui-rangeSlider-container{ height:22px;}
.ui-rangeSlider-withArrows .ui-rangeSlider-container { margin:0 11px;}
.ui-rangeSlider-noArrow .ui-rangeSlider-container{ margin:0;}
.ui-rangeSlider-label{ margin:2px 0px; /*background-image:url('icons-classic/label.png'); background-position:bottom center; background-repeat:no-repeat;*/  white-space: nowrap;  bottom:-20px;  cursor:col-resize; color:#FFFFFF; font-weight:bold;}
.ui-rangeSlider-label-inner{ display:none;}


/** pes-fena-form **/

.rodokmen {padding:10px; background:#0EA2AF; text-align:center; text-transform:uppercase; color:#FFFFFF;}
.pes-fena-form {font-size:12px; width:100%;}
.pes-fena-form .hints {font-size:16px;}
.pes-fena-form .hints span {width:30px; height:24px; background:#b2cfd5; display:inline-block;}
.pes-fena-form .help-line {font-size:12px; text-align:center; vertical-align:middle; margin-top:-10px;}
.pes-fena-form .help-line input[type="checkbox"] {font-weight:normal; vertical-align:middle; display:inline-block; width:15px; height:15px;margin:-1px 4px 0 10px;}
.pes-fena-form .col-sm-3 {display: table-cell; vertical-align: middle; height:32px;}
.pes-fena-form .col-sm-3 input[type="checkbox"] {margin:0px 0px 0px 4px; padding:0px; vertical-align:middle;}
.pes-fena-form h1 {background:#004f76; padding:8px 15px; display:block; text-align:left; font-size:14px; color:#FFFFFF; text-transform:uppercase;}
.pes-fena-form h2 {background:#404042; padding:8px 15px; display:block; text-align:left; font-size:14px; color:#FFFFFF; text-transform:uppercase;}
.pes-fena-form label {width:100% !important; color:#404042 !important; background:none; line-height:32px !important; text-align:left; font-weight:normal; letter-spacing:0px; padding:0px; margin:0px;}
.pes-fena-form .required {background:#b2cfd5; margin:4px 0px 0px 0px;}
.pes-fena-form .non-required {background:#f0f0f1; margin:4px 0px 0px 0px;}
.pes-fena-form textarea {background:#D3D3D3; border:none; margin:1px 15px; padding:6px; vertical-align:middle; height:80px;}
.pes-fena-form .input-clean {background:none; border:none; box-shadow: none; margin:0px; padding:0px 15px; height:32px; width:100%;}
.pes-fena-form select {background:none; border:none; box-shadow: none; margin:0px; padding:0px 15px; height:32px; width:100%;}
.pes-fena-form .input-clean::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:#B3B3B3 !important;}
.pes-fena-form .input-clean:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#B3B3B3 !important; opacity:  1;}
.pes-fena-form .input-clean::-moz-placeholder { /* Mozilla Firefox 19+ */  color:#B3B3B3 !important; opacity:  1;}
.pes-fena-form .input-clean:-ms-input-placeholder { /* Internet Explorer 10-11 */  color:#B3B3B3 !important;}
.pes-fena-form .input-clean:focus {background:none; border:none; box-shadow: none;}

.pes-fena-form .glyphicon-minus {color:#004f76; font-size:14px; vertical-align:middle; height:32px; line-height:32px;}
.pes-fena-form .glyphicon-plus {color:#0EA2AF; font-size:14px; vertical-align:middle; height:32px; line-height:32px;}
.pes-fena-form .glyphicon-cog {color:#556168; font-size:14px; vertical-align:middle; height:32px; line-height:32px;}
.pes-fena-form .pes-radio input {margin-left:15px !important; display:inline-block !important;}
.pes-fena-form .pes-radio span {display:inline-block !important; font-size:12px; font-weight:normal; }
.pes-fena-form .plus .nula {margin-left:15px;}
.pes-fena-form .hasDatepicker {height:32px; background:none; border:none;  box-shadow: none; text-align:left !important; margin-left:8px;}
.pes-fena-form .hasDatepicker:focus {height:32px; background:none; border:none;  box-shadow: none; text-align:left !important;}
.pes-fena-form .level-1 {max-width:350px; display:block; margin:0 auto;}
.pes-fena-form .level-1 label {font-size:14px !important; padding:2px 15px; line-height:24px !important;}
.pes-fena-form .level-1 .input-clean {padding:0px 15px;}
.pes-fena-form .level-1 .otec-matka {width:100%; color:#FFFFFF; background:#404042; padding:4px 15px; font-size:14px;}
.pes-fena-form .level-1 .input-clean::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:#B3B3B3 !important; font-size:14px;}
.pes-fena-form .level-1 .input-clean:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#B3B3B3 !important; font-size:14px; opacity:  1;}
.pes-fena-form .level-1 .input-clean::-moz-placeholder { /* Mozilla Firefox 19+ */  color:#B3B3B3 !important; font-size:14px; opacity:  1;}
.pes-fena-form .level-1 .input-clean:-ms-input-placeholder { /* Internet Explorer 10-11 */  color:#B3B3B3 !important; font-size:14px;}
.pes-fena-form .level-1 .jmeno-predka {font-size:20px; padding:4px;}
.pes-fena-form .level-2 {max-width:300px; display:block; margin:0 auto;}
.pes-fena-form .level-2 label {font-size:12px !important; padding:2px 15px; line-height:18px !important;}
.pes-fena-form .level-2 .input-clean {padding:0px 15px;}
.pes-fena-form .level-2 .otec-matka {width:100%; color:#FFFFFF; background:#404042; padding:4px 15px; font-size:12px;}
.pes-fena-form .level-2 .input-clean::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:#B3B3B3 !important; font-size:12px;}
.pes-fena-form .level-2 .input-clean:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#B3B3B3 !important; font-size:12px; opacity:  1;}
.pes-fena-form .level-2 .input-clean::-moz-placeholder { /* Mozilla Firefox 19+ */  color:#B3B3B3 !important; font-size:12px; opacity:  1;}
.pes-fena-form .level-2 .input-clean:-ms-input-placeholder { /* Internet Explorer 10-11 */  color:#B3B3B3 !important; font-size:12px;}
.pes-fena-form .level-2 .jmeno-predka {font-size:18px; padding:4px;}
.pes-fena-form .level-3 {max-width:240px; display:block; margin:0 auto;}
.pes-fena-form .level-3 label {font-size:11px !important; padding:2px 15px; line-height:16px !important;}
.pes-fena-form .level-3 .input-clean {padding:0px 15px;}
.pes-fena-form .level-3 .otec-matka {width:100%; color:#FFFFFF; background:#404042; padding:4px 15px; font-size:11px;}
.pes-fena-form .level-3 .input-clean::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:#B3B3B3 !important; font-size:11px;}
.pes-fena-form .level-3 .input-clean:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#B3B3B3 !important; font-size:11px; opacity:  1;}
.pes-fena-form .level-3 .input-clean::-moz-placeholder { /* Mozilla Firefox 19+ */  color:#B3B3B3 !important; font-size:11px; opacity:  1;}
.pes-fena-form .level-3 .input-clean:-ms-input-placeholder { /* Internet Explorer 10-11 */  color:#B3B3B3 !important; font-size:11px;}
.pes-fena-form .level-3 .jmeno-predka {font-size:16px; padding:4px;}
.pes-fena-form .level-4 {max-width:240px; display:block; margin:0 auto;}
.pes-fena-form .level-4 label {font-size:10px !important; padding:2px 15px; line-height:14px !important;}
.pes-fena-form .level-4 .input-clean {padding:0px 15px;}
.pes-fena-form .level-4 .otec-matka {width:100%; color:#FFFFFF; background:#404042; padding:4px 15px; font-size:10px;}
.pes-fena-form .level-4 .input-clean::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:#B3B3B3 !important; font-size:10px;}
.pes-fena-form .level-4 .input-clean:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#B3B3B3 !important; font-size:10px; opacity:  1;}
.pes-fena-form .level-4 .input-clean::-moz-placeholder { /* Mozilla Firefox 19+ */  color:#B3B3B3 !important; font-size:10px; opacity:  1;}
.pes-fena-form .level-4 .input-clean:-ms-input-placeholder { /* Internet Explorer 10-11 */  color:#B3B3B3 !important; font-size:10px;}
.pes-fena-form .level-4 .jmeno-predka {font-size:14px; padding:4px;}
.pes-fena-form .otec {background:#b2cfd5 !important;}
.pes-fena-form .matka {background:#f0f0f1 !important;}
.pes-fena-form p {-ms-word-break: break-all; padding:2px 4px;}
.blog-artical p {-moz-text-align-last: left; text-align-last: left;}

input[type=hkey] { display: none;  visibility:hidden;}

.doba-max {max-width:80px;}

/*=========== FILE BOXES ============*/
input[type="file"] {display: block;}
.filecontainer {display: inline-block;}
.filebox {display:table; width:160px; height:85px; border:1px solid #bebec4; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background-color: #FFF;}
.filebox p {display:table-cell; vertical-align:middle; text-align:center; }
.fileinput-button {display: inline-block; width:160px; overflow: hidden; position: relative;}
.fileinput-button input {cursor: pointer; direction: ltr; font-size: 200px !important; margin: 0; opacity: 0; position: absolute; right: 0; top: 0;}
@media screen {.fileinput-button input {font-size: 100%; height: 100%;}}


#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { word-wrap:normal !important; word-break:keep-all !important;}

@media only screen and (max-width: 600px) {
        /* Force table to not be like tables anymore */
        #no-more-tables table,
        #no-more-tables thead,
        #no-more-tables tbody,
        #no-more-tables th,
        #no-more-tables td,
        #no-more-tables tr { word-wrap:normal !important;
        display: block;
		  -ms-hyphens: none;  -moz-hyphens: none;  -webkit-hyphens: none;  hyphens: none;

        }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        }

        #no-more-tables tr { border: 0px solid #ccc;}

        #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
        margin-bottom:28px;
		line-height:14px;
		font-size:12px;
        }

        #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: normal;
        text-align:left;
        font-weight: bold;
        }

        /*
        Label the data
        */
        #no-more-tables td:before { content: attr(data-title);}
        }


.ftx {
	position: relative;
}

.ftxr {
	position: absolute;
	height: auto;
	background: #fff;
	z-index: 10000;
	width: 100%;
	display: block;
}
.ftxr a {
	padding: 2px 4px;
	display: block;
}

.xxlab label {
	width: 70px;
	text-align: right;
	margin-left: -70px;
}

#clanek_prispevek {
        width: 100%;
        height: 400px;
        }