/* GLOBAL CSS */

* {
font-family: "Lexend", Arial, sans-serif!important;
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
font-size: 16px;
line-height: 1.5;
padding: 0;
margin: 0;
font-weight: 300;
}

h1, #main h2, #main h2 span, #main h2 a, #main h3, #main h3 span, #main h3 a, #main h3 strong, #max-slide h3, #menu a, div.ikony p, div.ikony p span, #main .uzitecne-odkazy div a, .tab button, .tabcontent > div > a span, .post.dlazdice h4 {
font-family: "Titillium Web", Arial, sans-serif!important;
}

.h4, h4 {margin:0px;}

#max-top #top-left h2, #max-top #top-left h2 span, #max-top #top-right h2, .uvod #main .post.pt8 > ul > li > a h3, .uvod #main .post.pt9 > ul > li > a h3, #main h2.nadpis-nwsz, #main h2.nadpis-nwsz span, #main h2.nadpis-vyraznejsi, #main h2.nadpis-vyraznejsi span, .webove-stranky-zdarma #main .post.blok-banner h1, .web-bez-starosti #main .post.blok-banner h1, .web-online #main .post.blok-banner h1, x.akce_-nove-webove-stranky-zdarma #main .post.blok-banner h1, body[class*="akce_"] #main .post.blok-banner h1 {
font-family: "Lexend", Arial, sans-serif!important;
}

a {color: #BC2D25; text-decoration: none;}
a:hover { text-decoration: none; color: #444; }
a img { margin: 0 !important; }

a, #menu ul, .galleryItem, .button, .post.ukazky-webu .post_body>div img {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

img {
-webkit-box-shadow: none;
box-shadow: none;
}

strong, b {
font-weight: 700!important;
font-size: inherit;
}

code {
font-weight: inherit;
}

._round-inner .roundblock, _round-block img {
border: none!important;
}

body>img {display:none !important;}

dl, ol, ul, p {
margin:0;
padding:0;
}

table {
border-collapse: unset;
}

hr {
margin:0px;
}

/* LAYOUT */

html {
/*background: #fcfcfc url(userFiles/img/bg.jpg) no-repeat center fixed;
    background-size: cover;*/
background:white;
margin: 0;
padding: 0;
}

body {
width: 100%;
margin: 0 auto;
color: #444;
padding: 120px 0 0 0;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box!important;
box-sizing: content-box !important;
}


body.fixed {
padding-top: 130px;
}

#wrap {
margin: 0 auto;
width: 1200px;
position: relative;
padding: 0px;
}

.uvod #wrap {
width: 100%;
}

ul {
list-style-position: inside;
list-style-type: square;
}

/* HEADER */

#max-header {
width: 100%;
margin: 0;
padding: 0;
position: fixed;
height: 80px;
top: 40px;
background: -webkit-linear-gradient(right, #f3f3f3, white, #f3f3f3);
background: -o-linear-gradient(right, #f3f3f3, white, #f3f3f3);
background: -moz-linear-gradient(right, #f3f3f3, white, #f3f3f3);
background: linear-gradient(to right, #f3f3f3, white, #f3f3f3);
-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);
z-index: 200;
}

body.uvod #max-header {
/* -webkit-box-shadow: none;
box-shadow: none; */
}

body.uvod.fixed #max-header {
-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);
}

#header {
width: 1200px;
margin: 0 auto;
padding: 0;
position: relative;
height: 100%;
}

#weblogo img {
margin-top:15px !important;
}

#logo {
position: relative;
display: inline-block;
    z-index: 1;
}

#logo a {
  background: url(userFiles/system/logo-web.png) no-repeat 10px top;
  font-size: 28px;
  font-weight: 700 !important;
  color: #BC2D25;
  line-height: 48px;
  display: block;
  margin: 0;
  position: relative;
  width: 270px;
  text-align: left;
  height: 50px;
  text-decoration: none;
top: 15px;
}

.fixed #logo a {
    font-size: 26px;
    line-height: 50px;
    color: #76CED5;
}

#slogan {
font-size: 14px;
    line-height: 30px;
    font-weight: 400!important;
    padding: 0;
    margin: 0 0 0 20px;
    position: relative;
    top: -3px;
    /* left: 0; */
    color: #444;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

#kont {
width: 280px;
display: block;
line-height: 17px;
height: 40px;
font-size: 32px;
position: absolute;
top: -137px;
color: #93CC39;
font-weight: normal !important;
padding: 0 0 0 2px;
text-shadow: 1px 1px white;
letter-spacing: 1px;
margin: 0px 0 0 505px;
text-transform: uppercase;
}

#header .boxed, #max-search {
width: 210px;
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 10;
}

#header .boxed input, #max-search input, #main input, #main textarea {
margin: 0 0 8px;
padding: 6px;
border: 1px solid rgba(0,0,0,0.2);
background: rgba(255,255,255,0.5);
font-weight: 400;
color: #333;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#header .boxed .hledani table tr td:first-child input, #max-search .hledani table tr td:first-child input {
background: rgba(0,0,0,0.05);
color: #fff;
padding: 4px;
border: 1px solid rgba(255,255,255,0.5)!important;
font-size: 14px;
-webkit-border-radius: 1px;
border-radius: 1px;
}

#max-search .button {
background: transparent url("userFiles/img/ico-src.png") no-repeat center center!important;
color: #fff!important;
    border: none!important;
    padding: 4.5px 18px!important;
    text-transform: none;
    font-size: 16px!important;
    font-weight: 300!important;
    margin: 0 0 9px 0!important;
}

#max-search .button:hover {
background: transparent url("userFiles/img/ico-src.png") no-repeat center center!important;
}

textarea {
height: 157px !important;
}

#header .boxed h2 {  display: none; }


.more, .button, input.button, .forum a.addtopic {
display: block;
color: #BC2D25!important;
padding: 10px 18px!important;
margin: 7px 10px;
font-weight: 400;
text-transform: uppercase;
background: rgba(255,255,255,0.5) !important;
border: 1px solid #BC2D25!important;
-webkit-border-radius: 3px!important;
border-radius: 3px!important;
font-size: 14px;
letter-spacing: 1px;
    -webkit-box-shadow: 1.5px 1.5px 1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 1.5px 1.5px 1px 0px rgba(0, 0, 0, 0.2);
}

.orange {
color: #fd5929!important;
background: transparent!important;
border: 1px solid #fd5929!important;
}


.forum a.addtopic {
    display: table;
    text-decoration: none;
    margin: 0 auto;
    text-align: center;
}

.forum a.addtopic em {
font-style: normal;
    font-weight: 700;
}

.button:hover, input.button:hover, .more:hover, .intro td:hover .more:hover, .forum a.addtopic:hover {
background: #BC2D25!important;
color: #fff!important;
border: 1px solid #BC2D25!important;
text-decoration: none;
}

.orange:hover {
background: #fd5929!important;
color: #fff!important;
border: 1px solid #fd5929!important;
text-decoration: none;
}

.white:hover {
background: #fff!important;
color: #fd5929!important;
border: 1px solid #fff!important;
text-decoration: none;
}

/*.bform #a_div1098>div input.button {
  color: #fff!important;
  border: 1px solid #fff!important;
}*/

.bform #a_div1098>div input.button:hover {
border: 1px solid #BC2D25!important;
}

#rightbar .news>ul {
margin: 0 auto;
width: 1200px;
}

#rightbar .news #allnews .more {
    display: inline-block;
    margin-top: 30px;
    line-height: 24px;
}

#allnews {
    text-align: center;
}


#max-top {
position: relative;
width: 100%;
height: calc(28vw + 40px);
padding: 0 30px 20px 30px;
margin: 0;
font-size: 28px;
    -webkit-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.15);
background: linear-gradient(to right, #f3f3f3, white, #f3f3f3);
display:none;
}

body.uvod #max-top {
display:none;
}

#max-top>div {
display: block;
}

#max-top #top-left {
float: left;
height: calc(28vw + 20px);
width: calc(71% - 20px);
margin-right: 20px;
background: #fff url(userFiles/slide/bg-new2.png) no-repeat center;
background-size:cover;
border: 2px solid #e9e9e9;
padding: 1.5vw 2.5vw 2vw 2.5vw;
position: relative;
}

#max-top #top-left h2, #max-top #top-left h2 span {
font-size: 3.6vw;
font-weight: 700;
padding: 0 !important;
line-height: 1;
color: #fd5929;
letter-spacing: -0.1vw;
}

#max-top #top-left h2 span {
color:#BC2D25;
}

#max-top #top-left h3 {
font-size: 1.5vw;
font-weight: 400;
padding: 1.2vw 0 0 0 !important;
line-height: 1;
color: #BC2D25;
}

#max-top #top-left h1 span, #max-top #top-left h3 span {
font-size: inherit;
font-weight: 700;
display: block;
}

#max-top #top-left p {
  display: block;
}

#max-top #top-left a.more {
display: inline-block;
font-size: 1.2vw;
font-weight: 700;
margin-top: 2vw;
padding: 8px 13px !important;
margin-right: 1vw;
}

#max-top #top-left a.topleft-info {
background: rgba(255,255,255,0.5) !important;
color: #a7a7a7 !important;
border: 1px solid #a7a7a7 !important;
}

#max-top #top-left a.topleft-info:hover {
background: #cbcbcb !important;
}

#max-top #top-left a.topleft-action {
background: #FD5829 !important;
color: #fff !important;
border: 1px solid #BC2D25 !important;
}

#max-top #top-left a.topleft-action:hover {
background: #BC2D25 !important;
border: 1px solid #BC2D25 !important;
}

#max-top #top-left img {
margin: 1vw 2.5vw 0 0 !important;
height: 22vw;
width: auto;
vertical-align: top;
display: block;
float: left;
}

#max-top #top-left:before {
content: " ";
width: 100%;
height: 100%;
/*background: rgba(188, 45, 37, 0.1);*/
background: rgba(253, 89, 41,0.05);
display: block;
position: absolute;
top: 0px;
left: 0;
z-index: 0;
display: none;
}

#max-top #top-left .topleft-topics {
padding: 1vw 0 0 0 !important;
display: flex;
height: 8vw;
flex-flow: column wrap;
}

#max-top #top-left .topleft-topics p {
display: flex;
flex-wrap: wrap;
}

#max-top #top-left .topleft-topics .mdi:before {
font-size: 1.5vw;
color: #069c06;
}

#max-top #top-left .topleft-topics p a {
font-size: 1.5vw;
font-weight:400;
padding-left:8px;
color:#069c06;
}

#max-top #top-right {
width: 29%;
float: right;
}

#max-top #top-right>div {
  background: blue;
  width: 100%;
  height: 14vw;
display: block;
margin-bottom: 20px;
background: #fff url(userFiles/slide/bg-new.png) no-repeat center;
border: 2px solid #e9e9e9;
padding: 0;
position: relative;
}

#max-top #top-right>div:last-child {
margin-bottom: 0;
}

/* Boxy home vpravo */

.flip-box {
perspective: 1000px;
display: inline-block;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.2s;
  transform-style: preserve-3d;
background:white;
}

.flip-box.fb-horizontal:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-inner div:first-of-type, .flip-box-inner div:last-of-type {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
padding: 1.5vw 2vw;
color:black;
}

.flip-box-inner div:first-of-type {
  background:#fff url(userFiles/slide/bg-new.png) no-repeat center;
  color: silver;
}

.flip-box.fb-horizontal .flip-box-inner div:last-of-type {
  background:#fff url(userFiles/slide/bg-new2.png) no-repeat right top;
  transform: rotateY(180deg);
text-align: center;
} 

.flip-box-inner .flip-box-front h2 {
display: block;
font-size: 2.5vw;
font-weight: 700;
padding: 0 !important;
line-height: 1;
letter-spacing:-0.1vw;
color: #fd5929;
}

.flip-box-inner .flip-box-front p, .flip-box-inner .flip-box-back p {
font-size: 1.1vw;
line-height: 1.2;
color: #464646;
}

.flip-box-inner .flip-box-front img {
margin-bottom:0px !important;
}

.flip-box-inner .flip-box-back a {
display: inline-block;
margin-top:20px !important;
background: #FD5829 !important;
color: #fff !important;
border: 1px solid #BC2D25 !important;
font-size: 1.1vw !important;
}

.flip-box-inner .flip-box-back a:hover {
background: #BC2D25 !important;
font-size: 1.1vw !important;
}

/* První box vpravo */

.homebox1 .flip-box-inner .flip-box-front h2 {
color:#3697bf;
}

.homebox1.flip-box.fb-horizontal .flip-box-inner div:last-of-type {
background: #def5ff;
}

.homebox1 .flip-box-inner .flip-box-back a {
background: #40A8D4 !important;
border: 1px solid #3697BF !important;
}

.homebox1 .flip-box-inner .flip-box-back a:hover {
background: #3697BF !important;
}

/* Druhý box vpravo */

.homebox2 .flip-box-inner .flip-box-front h2 {
color:#32ac42;
}

.homebox2.flip-box.fb-horizontal .flip-box-inner div:last-of-type {
background: #e4ffe8;
}

.homebox2 .flip-box-inner .flip-box-back a {
background: #47C663 !important;
border: 1px solid #32AC42 !important;
}

.homebox2 .flip-box-inner .flip-box-back a:hover {
background: #32AC42 !important;
}

/* MENU */

#pull {
display: none;
}


#menu {
margin: 0;
padding: 0;
height: 45px;
background: transparent;
width: auto;
position: absolute;
top: 15px;
right: 0px;
z-index: 190;
}

#menu>ul {
list-style-type: none;
margin: 0 auto;
padding: 0;
text-align: left;
/*height: 100%;*/
display: inline-block;
}

#menu>ul>li {
display: inline-block;
margin: 0;
height: 100%;
}

#menu>ul>li>a {
display: block;
font-size: 18px;
letter-spacing: 0px;
color: #BC2D25;
padding: 0px 15px;
margin: 0;
font-weight: 600;
/*text-transform: uppercase;*/
line-height: 50px;
}

#menu>ul>li>a:hover, #menu>ul>li:hover>a {
text-decoration: none;
}

.fixed #menu>ul>li.current>a, .fixed #menu>ul>li:hover>a {
color: #BC2D25;
}

#menu>ul>li>ul {
list-style-type: none;
position: absolute;
margin: 0;
padding: 0;
z-index: 10;
visibility: hidden;
color: #BC2D25;
background: #fff;
width: 200px;
}

#menu>ul>li>ul>li, #menu>ul>li>ul>li>ul>li, #menu>ul>li>ul>li>ul>li>ul>li {
position: relative;
padding: 0 5px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}

#menu>ul>li:hover>ul {
visibility: visible;
    -webkit-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.15);
}

#menu>ul>li>ul>li>a {
display: block;
text-decoration: none;
padding: 10px;
margin: 0 0px 0px;
color: transparent;
line-height: 0px;
font-size: 0px;
}

#menu>ul>li>ul>li:last-child>a {
border: none;
}


#menu>ul>li:hover>ul>li>a {
color: #BC2D25;
line-height: 1.25;
font-size: 16px;
}

#menu>ul>li>ul>li:hover, #menu>ul>li>ul>li>ul>li:hover, #menu>ul>li>ul>li>ul>li>ul>li:hover {
background: rgba(0,0,0,0.035);
}


#menu>ul>li>ul>li>a:hover, #menu>ul>li>ul>li>ul>li>a:hover, #menu>ul>li>ul>li:hover>a, #menu>ul>li>ul>li>ul>li:hover>a {

}

#menu>ul>li>ul>li>ul, #menu>ul>li>ul>li>ul>li>ul {
float:left;
list-style-type: none;
width: 0px;
position: absolute;
margin: 0px 0;
padding: 0px 0px;
z-index: 10;
overflow: hidden;
background: #fff;
left: 190px;
top: 10px;
    -webkit-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.15);
}

#menu>ul>li>ul>li:hover>ul, #menu>ul>li>ul>li>ul>li:hover>ul {
width: 200px;
}

#menu>ul>li>ul>li>ul:hover {
overflow: visible;
}

#menu>ul>li>ul>li>ul>li>a, #menu>ul>li>ul>li>ul>li>ul>li>a {
display: block;
text-decoration: none;
padding: 10px;
margin: 0 0px 0px;
color: #BC2D25;
line-height: 1.25;
width: 200px;
font-size: 15px;
}

#menu>ul>li>ul>li>ul>li>a:hover {

}

#menu-bott>ul>li>ul {
display: none;
}

#menu-bott>ul {
list-style-type: none;
}

#menu-bott>ul>li {
display: block;
padding: 0;
}

#menu-bott>ul>li>a {
color: #fff;
font-size: 15px;
}

#menu-bott>ul>li>a:hover {
text-decoration: underline;
}

/* SIDEBAR */

#sidebar {
display: none;
}

.split #sidebar {
margin: 30px 0 0 0;
width: 240px;
float: left;
display: block;
}


#sidebar>ul.sidemenu {
margin-bottom: 20px;
border-top: 7px solid rgba(0,0,0,0.05);
background: #fff;
}

.sidemenu {
list-style-type: none;
padding: 0px;
margin: 0;
}

.sidemenu li {
display: block;
}

#sidebar>.sidemenu>li {
padding: 0;
}

.sidemenu a {
font-weight: 400;
display: block;
}

#sidebar .post_formulare {
display:none !important;
}

#sidebar>.sidemenu>li {
margin: 0;
border-top: 1px solid rgba(0,0,0,0.05);
}

#sidebar>.sidemenu>li>a {
    font-weight: 600;
    font-size: 18px;
    padding: 8px 10px;
    margin: 0;
    line-height: 1.5;
    display: block;
    position: relative;
    color: #999;
}

#sidebar>.sidemenu>li:hover a, #sidebar>.sidemenu>li.current a {
/*color: #fff;*/
}

#sidebar>.sidemenu>li:hover, #sidebar>.sidemenu>li.current {
text-decoration: none;
/*background: #00a5cf;*/
}

/*
#sidebar>.sidemenu>li.current.aktivni a {
display:block;
}
*/

#sidebar>ul>li>ul>li, #sidebar>ul>li>ul>li>ul>li, #sidebar>ul>li>ul>li>ul>li>ul>li {
border-top: 1px solid rgba(0,0,0,0.075);
}

#sidebar>.sidemenu>li>ul>li>a {
   font-weight: 400!important;
    padding: 10px;
    margin: 0;
    text-transform: none;
    text-align: left;
font-size: 15px;
line-height: 1.25;
}

#sidebar>.sidemenu>li>ul>li:hover, #sidebar>.sidemenu>li>ul>li.current {
/*background: rgba(0,0,0,0.01);*/
}

#sidebar>.sidemenu>li>ul>li.current.aktivni, #sidebar>.sidemenu>li>ul>li.current>ul   {
}

#sidebar>.sidemenu>li>ul>li>a:hover, #sidebar>.sidemenu>li>ul>li>ul>li:hover, #sidebar>.sidemenu>li>ul>li>ul>li.current, #sidebar>.sidemenu>li>ul>li>ul>li.current>a, #sidebar>.sidemenu>li>ul>li>ul>li>ul>li.current {
background: rgba(0,0,0,0.01);
}

#sidebar>.sidemenu>li>ul>li>ul>li.current.aktivni>a {
background: none;
color: #BC2D25;
text-decoration: none;
}

#sidebar>.sidemenu>li>ul>li>ul>li>a {
    color: #444;
    margin: 0 0 0 0;
    padding: 10px 0 10px 25px;
    font-weight: 400;
font-size: 15px;
line-height: 1.25;
}

#sidebar>.sidemenu>li>ul>li>ul>li>ul>li>a {
    color: #00a5cf;
    margin: 0 20px 0 0;
    padding: 3px 0 3px 60px;
    font-weight: 400;
}

#sidebar>.sidemenu>li>ul>li.current>a, #sidebar>.sidemenu>li>ul>li.current>ul>li>a, #sidebar>.sidemenu>li>ul>li:hover a, #sidebar>.sidemenu>li>ul>li.current>ul>li>ul>li>a {
color: #BC2D25;
}

#sidebar .boxed {
padding: 10px;
margin: 0 0 20px 0;
background: transparent;
border-top: 0px solid rgba(0,0,0,0.05);
}

#sidebar .boxed:first-child {
display: none;
}

#sidebar h2 {
    font-weight: 700;
    font-size: 20px;
    padding: 0;
    margin: 0;
    line-height: 2;
    display: block;
    position: relative;
    color: #BC2D25;
}

#sidebar>h4 {
display: none;
}

#sidebar h3 {
    padding: 5px 0;
    color: #00a5cf;
    font-weight: 700;
    font-size: 18px;
}

#sidebar p, #rightbar p {
margin: 0;
padding: 0px;
}

#rightbar p {
font-size: 16px;
}

.content2 {
padding: 0;
}

#sidebar>.sidemenu>li, #sidebar>.sidemenu>li>a, #sidebar>.sidemenu>li>ul, #sidebar>.sidemenu>li>ul>li>ul, #sidebar>.sidemenu>li>ul>li>ul>li>ul  {
display: none;
}

#sidebar>.sidemenu>li.current>ax, #sidebar>.sidemenu>li.current>ul, #sidebar>.sidemenu>li>ul>li.current, #sidebar>.sidemenu>li.aktivni>ul, #sidebar>.sidemenu>li.aktivni, #sidebar>.sidemenu>li>ul>li.current>ul, #sidebar>.sidemenu>li>ul>li>ul>li.current>ul {
display: block!important;
}

/* MAIN */

#main {
width: 100%;
float: none;
}

.split #main{
padding: 0px;
margin: 0;
width: 940px;
float: right;
}

.post {
padding: 25px 0!important;
margin: 0!important;
clear: both;
}

.post_top, .post_body {
margin: 0 auto;
width: 100%;
display: block;
}

.uvod .post_top, .uvod .post_body {
width: 1200px;
}

#main>ul, #main>h2 {
margin: 0 auto !important;
width: 1200px;
display: block !important;
}

.post_top {
margin-bottom: 20px;
/*text-align: center;*/
}

.post_title {

}

.uvod .post.blok-pruh {
/*padding: 8px 0 0!important;*/
background:linear-gradient(to left, #bc2d25, #fd5929, #bc2d25);
}

.uvod .post.blok-loga {
padding: 50px 0 70px 0 !important;
background: linear-gradient(to bottom, rgba(0,0,0,0.05), white);
}

.uvod .post.blok-form {
background: -webkit-linear-gradient(right, #bc2d25, #fd5929);
background: -o-linear-gradient(right, #bc2d25, #fd5929);
background: -moz-linear-gradient(right, #bc2d25, #fd5929);
background: linear-gradient(to right, #bc2d25, #fd5929);
background: #ffe6df url(userFiles/slide/bg-new.png) no-repeat center;
background-size: cover;
position: relative;
margin-bottom: 20px !important;
}

.uvod .post.blok-form .post_top, .uvod .post.blok-form .post_body {
margin: 0 auto;
width: 1200px;
text-align: center;
position: relative;
z-index: 2;
}

.uvod #main .post.pt6 .post_top {
margin: 40px auto 0 auto;
}

.uvod #main .post.blok-weby .post_title, .uvod #main .post.pt6 .post_title {
text-align:center;
}

.uvod #main .blok-weby {
padding:50px 0 70px 0 !important;
background:linear-gradient(to top, rgba(0,0,0,0.05), white);
}

.uvod #main .post.blok-filozovie {
background: #f6f6f6;
margin-bottom: -2px !important;
padding:40px 0 !important;
}

.uvod #main .post.blok-filozovie .post_body {
column-count: 3;
gap: 30px;
}

.uvod #main .post.blok-filozovie .post_body p {
font-size:14px;
text-align: justify;
padding:20px 0 40px 0 !important;
color: gray;
}

.uvod #main .post.blok-filozovie .post_top {
margin-bottom: 0px;
}

.uvod #main .post.blok-filozovie .post_top h2 {
width: 100%;
text-align: center;
font-weight: 400 !important;
color: gray !important;
font-size: 28px;
}

.uvod #main .post.blok-filozovie .post_title h2:after {
display:none;
}

#main>h1 {
margin: 0 0px 0 0px !important;
padding: 10px 0 !important;

}


#main table td {
vertical-align: top;
}


#main h1, #main h1 span, #main>h2, .uvod #main .post.blok-form h3 {
    font-weight: 700!important;
    font-size: 28px!important;
    padding: 10px 0!important;
    margin: 0;
    display: inline-block;
    background: none;
    position: relative;
    color: #BC2D25!important;
line-height: 1;
}

.uvod #main .post.blok-form h3 {
margin-bottom: 20px !important;
width: 1180px;
text-align: left;
font-weight: 300 !important;
font-size: 45px !important;
}

#a_div1098 {
text-align: left;
width: 1200px;
margin: 0 auto;
}

.forum>h1 {
    margin-top: 60px!important;
}

.forum #main h1.vypis {
display: none;
}

#main h1:after, #rightbar .news>h2:after, #main>h2:after, .uvod #main .post.pt8 h2:after, .uvod #main .post.pt9 h2:after {
content: " ";
width: 80px;
height: 1px;
background: #ddd;
display: block;
margin: 10px 0;
}

.uvod #main .post.pt8 h2::after, .uvod #main .post.pt9 h2::after {
margin: 4px 0;
}

#main>ul>li {
    width: 100%;
    display: block;
    /* float: left; */
    padding: 0 0px 20px;
    text-align: left;
    font-size: 12px;
    line-height: 19px;
    margin: 10px 0;
}

#main>ul>li .more {
margin: 10px 40px!important;
}

#most>div {
width: 20%;
float: left;
text-align: center;
padding: 0 0px 20px;
margin: 5px 0 25px;
min-height: 300px;
position: relative;
}
#main .more {
display: inline-block;
}

.mimg {

margin: 10px auto;
text-align: center;
}


#main h2, #main h2 a, #main h2 span {
text-align:left;
font-weight: 600;
font-size: 26px;
padding: 0px 0;
margin: 20px 0 10px 0;
color: #444;
}

body.uvod #main h2 {
text-align:center;
}

body.poradna #main h2, body.poradna #main h2 span {
font-weight: 600;
font-size: 20px;
line-height: 1.1;
margin: 10px 0;
}

#main h3, #main h3 span, #main h3 a {
font-weight: 700;
padding: 0px 0;
margin: 7px 0;
text-transform: none;
font-size: 20px;
}

#main ol {
padding: 5px 0px;
margin: 0 0px 0 25px;
list-style-position: outside;
line-height: 2;
}

#main p {
padding: 5px 0;
text-indent: 0;
margin: 0px 0 0px;
}

#main ._round-cont {

margin: 0 9px 0px 0 !important;
}

#main-table img.nolink {
margin: 8px 9px 0 0 !important;
}
#main-table h2 {
margin: 0 0 -5px 0 !important;
}


/* RIGHTBAR */

#max-rightbar {
margin: 0 auto;
width: 100%;
padding: 0;
background: #333;
}

#rightbar {
margin: 0 auto;
width: 100%;
text-align: center;
}

#rightbar .boxed  {
padding: 40px 0;
margin: 0;
display: none;
width: 100%;
text-align: center;
color: #fff;
}

#rightbar .boxed:last-child  {
display: block;
}

#rightbar .boxed ul {
padding: 0px;
}

#rightbar h2 {
    font-weight: 600;
    font-size: 18px;
    padding: 10px 0;
    margin: 20px 0 0 0;
    display: block;
    position: relative;
    color: #fff;
display: none;
}

#rightbar h3 {
padding: 3px 0;
font-weight: 700;
font-size: 18px;
}

#sidebar .novinky, #rightbar .novinky {
    list-style-type: none;
    margin: 0;
    display: block;
}

#sidebar .novinky li, #rightbar .novinky li, .aktualne #news ul.novinky li {
width: calc(25% - 15px);
    margin: 5px;
    display: inline-grid;
    padding: 10px 20px!important;
    -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
background: #fff;
}



#rightbar ul.novinky li:nth-child(4) {
border-right: none;
}

#rightbar ul.novinky li {
display: none;
}

#rightbar ul.novinky li:first-child, #rightbar ul.novinky li:nth-child(2), #rightbar ul.novinky li:nth-child(3), #rightbar ul.novinky li:nth-child(4)  {
    display: inline-grid;
}

#rightbar ul.novinky li img, .aktualne #news ul.novinky li img {
width: calc(100% + 40px);
    display: block;
    margin: 10px 0 10px -20px!important;
}

#rightbar ul {
list-style-position: inside;
}

#rightbar>.news {
display: none;
}

.uvod #rightbar>.news {
display: block;
}

.aktualne #news ul.novinky {
    list-style-type: none;
}

small {
font-size: 14px;
line-height: 36px;
font-weight: 400;
letter-spacing: 1px;
}

#footer {
margin: 0px auto -20px;
width: 100%;
padding: 20px 0;
clear: both;
background: #333;
border-top: 1px solid rgba(255,255,255,0.05);
display: none;
}

#footer-content * {
color: #ddd;
}

#footer-content {
padding-top: 10px;
width: 1200px;
margin: 0 auto;
text-align:center;
}

#footer-content * {
font-size: 10px!important;
}

/* SLIDER */

#max-slide {
position: relative;
width: 100%;
height: 20vw;
padding: 0;
margin: 0;
background: #fff url(userFiles/slide/bg-new.png) no-repeat center;
background-size: cover;
  font-size: 28px;
    -webkit-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.15);
display: none;
}

.slider-wrapper {
margin: 0 ;
width: 59vw;
height: 20vw;
padding: 0px;
position: relative;
z-index: 0;
/*display: none;
background: rgba(0,0,0,0.05);*/
}

.theme-default #slider {
    margin:0px auto 0 auto;
padding-bottom: 0px;
}

.theme-default .nivoSlider {
position:relative;
background: transparent url(userFiles/nivo/thames/loading.gif) no-repeat 50%;
background: none;
margin-bottom:0px;
-webkit-box-shadow: none;
box-shadow: none;
height: 20vw;
}

.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
width: 100%!important;
display:none;
margin: 0 auto!important;
}


.theme-default .nivo-controlNav {
text-align: left;
padding: 0px 0;
position: relative;
bottom: 40px;
z-index: 100;
left: 20px;
width: 20vw !important;
}

.theme-default .nivo-controlNav a {
display:inline-block;
width: 18px;
height: 18px;
-webkit-border-radius: 30px;
border-radius: 30px;
background: rgba(255,255,255,0);
text-indent:-9999px;
margin: 0 3px;
border: 2px solid #BC2D25;
}

.theme-default .nivo-controlNav a.active {
background: #BC2D25;
}

.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(userFiles/img/arrow.png) no-repeat;
text-indent:-9999px;
border:0;
top: 50%!important;
color: transparent;
/*display: none!important;*/
}

.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px!important;
}

.theme-default a.nivo-prevNav {
left:15px;
}

.theme-default .nivo-caption {
  position: absolute !important;
  top: 0 !important;
  bottom: 0px !important;
  right: 0 !important;
  left: 0px !important;
  padding: 8vh 0 0 29vw !important;
  width: 60vw !important;
  margin: 0 auto !important;
  background: none;
  text-align: left;
  color: #dedede !important;
  height: 100%;
  background: rgba(0,0,0,0);
  opacity: 1;
/*display: none!important;*/
}



.nivo-caption h2, .nivo-caption h2 *, #akcni-box h2 {
font-size: 2.5vw;
margin: 0;
color: #BC2D25 !important;
font-weight: 700 !important;
text-transform: uppercase;
line-height: 1.15;
}

.nivo-caption h3, .nivo-caption h3 *, #akcni-box h3 {
font-size: 2.5vw;
margin: 0;
color: #fd5929!important;
font-weight: 300 !important;
text-transform: uppercase;
line-height: 1.15;
}

.nivo-caption p {
color: #666;
font-size: 1.25vw;
font-weight: 300 !important;
padding: 0;
line-height: 1.25;
margin-top: 15px;
}

.nivo-caption a.morec {
color: #ddd;
text-transform: lowercase;
margin-left: 10px;
}

.nivo-caption a:hover {
text-decoration: none;
color: #fff;
}

#akcni-box {
width: 40vw;
height: 20vw;
display: inline-block;
top: 0;
position: absolute;
right: 0;
  padding: 10vh 0 0 0 !important;
background: url(userFiles/slide/bg-akcni-box.png) no-repeat right center;
background-size: cover;
}

#akcni-box .more, #slide-button .more {
display: inline-block;
position: absolute;
bottom: 20px;
left: 0;
font-size: 20px;
font-weight: 700;
}

#slide-button .more {
  right: 20px;
left: auto;
z-index: 100;
}

div.galleryItem {
vertical-align: top;
float: none;
display: inline-block;
border: none !important;
margin: 5px;
padding: 8px 8px 12px;
background: #FEFFFF;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
div.galleryItem:hover {
background: rgba(255, 255, 255, 0.1);
}
div.galleryItem .frame img {
border: none !important;
-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.galleryItem .popisek.horni {
color:#fff;
font-weight: 600;
text-transform: uppercase;
font-size: 15px;
}
div.galleryProgress {
background-color:
transparent !important;
border: 0px !important;
}
.galleryItemBigCont {
 text-align: center !important;
}
div.galleryItemBigCtrls {
clear: both !important;
float: none  !important;
display: inline;
white-space: nowrap;
text-align: center;
}
.galleryItemBig {
text-align: center !important;
}


.addthis_container {
text-align: right !important;
margin: 0px 0 0 0!important;
clear: both;
position: relative;
bottom: 8px;

z-index: 10;
width: 155px;

}
.uvod .addthis_container {
display: block;
}

.addthis_container a {

}

.addthis_toolbox {

width: 170px;
}

#linkovani_fb {
clear: both;
margin: 0px 0px 0;
padding: 20px 0 0;
overflow: hidden;

}
.fb_iframe_widget {
position: relative;
bottom: 0;
display: block !important;
width: 90% !important;
margin: 10px !important;
padding: 0;
}

div.rsslink {
position: absolute;
right: 0;
font-size: 11px;
display: block;
clear: both;
color: #fff!important;
background: #00a5cf;
width: 30px;
height: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
line-height: 30px;
margin: -52px 12px 0 0;
text-align: center;
display: none!important;
}

div.rsslink a{
font-size: 11px;
color: #333 !important;
}

#rightbar ._round-cont {
margin: 5px 3px 0px 0 !important;
}

.intro {
width: 100%;
border: none;
border-collapse: separate;
border-spacing: 10px;
margin: 20px 0 0 !important;
}

.intro td {
    padding: 10px 20px!important;
/*    -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
background: #fff;*/
text-align:center;
border-right: 1px dashed rgba(0,0,0,0.3);
}

/*.intro td:hover {
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.15);
}*/

.intro td:last-child {
border-right: 0px dashed rgba(0,0,0,0.3);
}

.intro h2 {
    margin: 0!important;
    padding: 15px 0 0!important;
    font-weight: 700!important;
    font-size: 20px!important;
    text-transform: none!important;
}

.intro h3 {
color: #BC2D25!important;
font-weight: 400!important;
font-size: 22px!important;
margin: 10px 0 2px 0 !important;
}

.intro p.intro-link {
background: #f6f6f6 !important;
color: gray !important;
font-weight: 300 !important;
font-size: 13px !important;
display: inline-block;
padding: 2px 12px !important;
margin-bottom: 10px !important;
}

table.intro img {
border: 2px solid silver;
border-radius: 50%;
width: 140px;
}

div.intro>div {
display: inline-block;
margin: 0 auto!important;
vertical-align: top;
text-align: center;
padding: 0 20px;
}

div.ikony>div {
display: flex;
width: auto;
margin: 0 auto!important;
vertical-align: top;
text-align: left;
color: #fff;
padding: 6px 0 0;
}

div.ikony>div p {
display: inline-block;
font-size: 30px;
text-transform: uppercase;
font-weight: 700;
padding: 0 !important;
line-height: 1;
}

div.ikony>div p span {
display: block;
font-size: inherit;
font-weight: 300;
font-size:20px;
}

div.intro img {
width: 50%;
display: block;
margin: 0 auto 20px!important;
}

div.ikony img {
width: 60px;
height: auto;
display: inline-block;
margin: 0 10px 0 0 !important;
vertical-align: inherit;
}

.col-2 td {
width: 50%;
}

body.uvod #main .ikony.col-3 {
width:100%;
display: flex;
align-content: space-between;
}

.col-3 td, .col-21 td:last-child, .col-3>div {
width: 33%;
}

.col-4 td {
width: 25%;
}

.col-5 td {
width: 20%;
}

.mdi:before {
color: #BC2D25;
    font-size: 24px;
    margin: 0;
    padding: 0;
}

table.intro .mdi:before {
color: #BC2D25;
font-size: 18px;
margin: 0 6px 0 0;
vertical-align: middle;
}

.ico-seznam {
background: url(userFiles/icons/ico-seznam.png) left center no-repeat;
background-size: 18px;
padding-left: 26px !important;
display:inline-block;
}

.paticka {

}

._round-right, ._round-cont div, ._round-inner {
background: none!important;
}

.paticka_vzhled {display:none;}

hr {
clear: both;
    visibility: hidden;
}

.ui-datepicker {
    width: 100%;
}

.tabulka {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}

.tabulka tr:first-child td {
color: #BC2D25;
font-weight: 700;
border-bottom: 3px solid rgba(0,0,0,0.1);
}

.tabulka tr:hover{
background: none!important;
}

.tabulka tr td {
border: 1px solid rgba(0,0,0,0.1);
text-align: left;
padding: 6px 8px;
}

#locales {
position: absolute;
    right: 0;
    top: 334px;
    color: transparent;
}

#locales a {
    font-size: 16px;
    color: #00a5cf;
    padding: 11px 18px;
    margin-left: -8px!important;
    font-weight: 400;
    text-transform: lowercase;
    line-height: 40px;
}

#locales a.locales_select, #locales a:hover {
    text-decoration: none;
    background: #b4804b;
    -webkit-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.3);
color: #fff;
}

.post-center, div.center {
text-align: center;
}

body.uvod #main .more-references a:first-child {
margin-top:20px;
}


#TB_overlay {
    z-index: 998;
}

#TB_window {
    border: none;
    border-radius: 0;
    z-index: 999;
}



.forum .lasttopictitle {
    background-color: #BC2D25;
    color: #fff;
padding: 6px 8px;
}

.forum tr.forumtitle, .forum .crumbs {
    background-color: rgba(0,0,0,0.025);
    color: #444;
padding: 6px 8px;
}

.forum .forumtitle a, .forum .crumbs a {
color: #BC2D25;
    font-weight: 700;
    line-height: 2;
}

.forum table {
    border-spacing: 1px;
}

.forum tr.forumtema {
    background-color: rgba(0,0,0,0.025);
}

.forum .forumtema td {
padding: 6px 8px;
}

#max-info {
position: fixed;
height: 40px;
top: 0;
background: -webkit-linear-gradient(right, #666, #444);
background: -o-linear-gradient(right, #666, #444);
background: -moz-linear-gradient(right, #666, #444);
background: linear-gradient(to right, #666, #444);
z-index: 200;
width: 100%;
padding: 5px calc(50vw - 610px);
}

#max-info>div {
display: flex;
justify-content: space-between;
}

#max-info>div p {
display: inline-block;
line-height: 30px;
}

.contacts-icon p {
font-size: 16px;
margin: 0 15px 0 0 !important;
color: #fff;
}

.contacts-icon p span {
font-weight: 300;
font-size: inherit;
color: silver;
font-size: 13px;
}

.contacts-icon .mdi {
    color: #fff!important;
}

.contacts-icon .mdi a {
    font-size: 16px;
    color: #fff;
}

.contacts-icon .mdi:before {
    font-size: 22px;
    color: silver;
    display: inline-block;
    margin: 0 5px 0 0!important;
    vertical-align: middle;
}


/* kontrola domén */

.home-kontroladomen {
width:100%;
margin:0 auto;
padding:10px 30px;
color:white;
display:none;
}

.home-kontroladomen form {
text-align:center;
}

.home-kontroladomen span {
margin-right:10px;
}

.home-kontroladomen input[type=text] {
padding: 2px 10px!important;
border-radius: 3px!important;
border: 1px solid rgba(0,0,0,0.5)!important;
font-weight:600!important;
font-size: 18px;
margin-right:10px!important;
text-align:right;
background:rgba(255,255,255,0.9)!important;
width:300px;
}

.home-kontroladomen select {
padding: 2px 10px;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.5);
font-weight:600;
font-size:20px;
background:rgba(255,255,255,0.9);
}

.home-kontroladomen select option[value=cz] {background:transparent url(userFiles/flags/flag-cze.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=sk] {background:transparent url(userFiles/flags/flag-svk.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=pl] {background:transparent url(userFiles/flags/flag-pol.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=eu] {background:transparent url(userFiles/flags/flag-eu.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=com] {background:transparent url(userFiles/flags/flag-world.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=info] {background:transparent url(userFiles/flags/flag-world.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=name] {background:transparent url(userFiles/flags/flag-world.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=org] {background:transparent url(userFiles/flags/flag-world.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=at] {background:transparent url(userFiles/flags/flag-world.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=be] {background:transparent url(userFiles/flags/flag-bel.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=biz] {background:transparent url(userFiles/flags/flag-world.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=bz] {background:transparent url(userFiles/flags/flag-bze.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=ca] {background:transparent url(userFiles/flags/flag-can.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=cc] {background:transparent url(userFiles/flags/flag-coc.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=ch] {background:transparent url(userFiles/flags/flag-sui.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=cn] {background:transparent url(userFiles/flags/flag-chn.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value*=uk] {background:transparent url(userFiles/flags/flag-gbr.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=de] {background:transparent url(userFiles/flags/flag-ger.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=dk] {background:transparent url(userFiles/flags/flag-den.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=hk] {background:transparent url(userFiles/flags/flag-hkg.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=in] {background:transparent url(userFiles/flags/flag-ind.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=it] {background:transparent url(userFiles/flags/flag-ita.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=jp] {background:transparent url(userFiles/flags/flag-jpn.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=li] {background:transparent url(userFiles/flags/flag-lie.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=lt] {background:transparent url(userFiles/flags/flag-lat.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=lv] {background:transparent url(userFiles/flags/flag-ltu.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=net] {background:transparent url(userFiles/flags/flag-world.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=ro] {background:transparent url(userFiles/flags/flag-rom.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=ru] {background:transparent url(userFiles/flags/flag-rus.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=se] {background:transparent url(userFiles/flags/flag-swe.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=sg] {background:transparent url(userFiles/flags/flag-sin.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=tv] {background:transparent url(userFiles/flags/flag-tuv.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=us] {background:transparent url(userFiles/flags/flag-usa.jpg) 5px 50% no-repeat; padding-left:30px;}
.home-kontroladomen select option[value=ws] {background:transparent url(userFiles/flags/flag-wsa.jpg) 5px 50% no-repeat; padding-left:30px;}

.home-kontroladomen input[type=submit] {
background: #BC2D25!important;
background: linear-gradient(to bottom, #DADADA 0%, #AEAEAE 100%)!important;
border: 1px solid rgba(0,0,0,0.25)!important;
color: #222!important;
font-size: 16px;
font-weight: 400!important;
cursor: pointer;
text-transform: uppercase;
padding: 5px 15px!important;
border-radius: 3px!important;
margin: 0 0 0 20px!important;
}

/* vlastní patička - pravý panel poslední článek */

.home-footer-boxy {
width:1200px;
margin: 0px auto 20px !important;
border-bottom:1px solid rgba(255,255,255,0.1);
}

.home-footer-boxy td {
text-align:left;
padding:10px 0 20px 0 !important;
font-size:18px !important;
line-height:20px;
text-transform:uppercase;
color:silver !important;
}

.home-footer-boxy td img {
width:auto; border:none !important;
opacity:0.8;
margin-right:10px !important;
height: 26px;
display: inline-block;
}

.home-footer-boxy td img:hover {
opacity:1 !important;
}

.home-footer-boxy td a {
font-size: 12px !important;
text-decoration: none;
color: silver !important;
opacity: 0.8;
line-height: 1.3;
display: inline-block;
}

.home-footer-boxy td a:hover {
opacity:1;
}

.home-footer-boxy td a br {
line-height: 0;
}

/*
.home-footer-boxy td:nth-child(1) {
background: transparent url(userFiles/system/footer-boxy-1.png) left 50% no-repeat; padding-left:115px !important;
}
.home-footer-boxy td:nth-child(2) {
background: transparent url(userFiles/system/footer-boxy-2.png) left 50% no-repeat; padding-left:120px !important;
}
.home-footer-boxy td:nth-child(3) {
background: transparent url(userFiles/system/footer-boxy-3.png) left 50% no-repeat; padding-left:120px !important;
}
.home-footer-boxy td:nth-child(4) {
background: transparent url(userFiles/system/footer-boxy-4.png) left 50% no-repeat; padding-left:110px !important;
}
*/

.footer-info {
display:flex;
flex-direction:row;
width: 1200px;
margin: 0 auto;
justify-content: space-around;
}

.footer-info .footer-box-1 {
display:flex; text-align: left; flex-flow: column; width: 33%;
}

.footer-info .footer-box-2 {
display:flex; text-align: left; flex-flow: column; width: 33%;
}

.footer-info .footer-box-3 {
display:flex; text-align: left; flex-flow: column; width: 33%;
}

.footer-info .footer-box-1 a, .footer-info .footer-box-2 a, .footer-info .footer-box-3 a {
color:silver;
}

.footer-info .footer-box-1 a:hover, .footer-info .footer-box-2 a:hover, .footer-info .footer-box-3 a:hover {
color:white;
}

.home-footer-kontakty, .social-icon {
display:flex;
}

.footer-box-3 .social-icon {
margin-top:10px;
}

.home-footer-kontakty, .home-footer-ostatni {
font-size: 14px !important;
padding: 0;
text-align: left;
display: flex;
line-height: 1.2;
color: silver;
flex-direction: column;
}

.home-footer-kontakty span, .home-footer-kontakty a {
  font-size: 14px;
  color: silver;
}

.home-footer-kontakty a {
  text-decoration: underline;
}

.social-icon {
}

.social-icon .mdi {
    color: transparent!important;
}

.social-icon p {
display: flex;
}

.social-icon .mdi:before {
font-size: 30px;
  line-height: 30px;
  color: #7f7f7f;
  display: inline-block;
  margin: 0 5px 5px 0 !important;
  vertical-align: middle;
}

.social-icon .mdi.mdi-facebook:hover:before {
    color: #4267B2;
}

.social-icon .mdi.mdi-instagram:hover:before {
    color: #CF21CC;
}

.ico-blog {
background: url(userFiles/icons/ico-blog.png) left center no-repeat;
background-size: 24px;
color: transparent;
width: 28px;
display: block;
margin: 0px 7px !important;
    -webkit- filter: grayscale(100%);  /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}


.ico-blog:hover {
    -webkit- filter: grayscale(0%);  /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

/* Tabulka cenik */

table.cenik {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
width: 100%;
}

table.cenik th {
background: #666;
color: #fff;
font-weight: 600;
border-bottom: 3px solid rgba(0,0,0,0.1);
text-align: left;
padding: 5px;
}

table.cenik th a {
color: #fff;
}

table.cenik tr:hover{
background: none!important;
}

table.cenik tr td {
border: 1px solid rgba(0,0,0,0.1);
text-align: left;
padding: 5px;
}


table.tabulka-web {
margin-top: 10px;
border: none;
width: 100%;
}

table.tabulka-web thead {
background: gray;
color: white;
}

table.tabulka-web thead a {
color: white !important ;
}

table.tabulka-web td {
padding:2px 5px;
border: 1px solid rgba(0,0,0,0.05);
}

table.tabulka-web.tarify td:last-child {
padding:2px 5px;
}

table.tarif-bez-starosti {
border-collapse: separate;
border-spacing: 20px;
position:relative;
width:100%;
}

table.tarif-bez-starosti td {
padding: 0;
width: 50%;
}

table.tarif-bez-starosti h3 {
display: inline-block;
}

#main table.tarif-bez-starosti h1 {
display: inline-block;
font-weight: 700 !important;
  padding: 0 !important;
  margin: 7px 0;
  text-transform: none;
  font-size: 20px !important;
color: #444 !important;
}

#main table.tarif-bez-starosti h1:after {
display:none;
}

table.tarif-bez-starosti td img {
border: 2px solid silver;
width: 60px;
vertical-align: middle;
border-radius: 50%;
margin: 0 10px 0 0 !important;
}

table.tabulka-web.tarify-eshop {
width:75%;
margin:20px auto 0 auto;
border:1px solid #ffbdbd;
}

table.tabulka-web.tarify-eshop tr:nth-child(even) td {
background: #ffefef;
}

table.tabulka-web.tarify-eshop thead {
background: #fabcbc;
}

table.tabulka-web.tarify-eshop thead td {
padding:8px 15px;
font-size:20px;
color:white;
font-weight:500;
}

table.tabulka-web.tarify-eshop thead td:nth-child(2), table.tabulka-web.tarify-eshop thead td:nth-child(3) {
width:25%;
}

table.tabulka-web.tarify-eshop td {
padding:5px 15px;
text-align:center;
border:1px solid #ffbdbd;
}

table.tabulka-web.tarify-eshop tr td:first-child {
text-align:left;
}

table.tabulka-web.tarify-eshop tr:last-child td {
background:transparent;
border:none;
}

table.tabulka-web.tarify-eshop tr:last-child td a {
background:transparent;
border:none;
}

table.tabulka-web.tarify-eshop tr:last-child td:nth-child(1) {
border-top:1px solid #ffbdbd;
border-left:1px solid #ffbdbd;
border-bottom:1px solid #ffbdbd;
}

table.tabulka-web.tarify-eshop tr:last-child td:nth-child(2) {
border-top:1px solid #ffbdbd;
border-bottom:1px solid #ffbdbd;
}

table.tabulka-web.tarify-eshop tr:last-child td:nth-child(3) {
border-top:1px solid #ffbdbd;
border-right:1px solid #ffbdbd;
border-bottom:1px solid #ffbdbd;
}

/* nový formulář */

.bform label {
    padding: 0;
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

.bform .form_checkbox_option, .bform .form_textbox, .bform input#email_odesilatel {
    padding: 6px;
    display: inline-block;
    width: 74%;
}

.bform .form_checkbox_option>input, .bform .form_radio_option>input {
margin: 0 5px !important;
}

.bform .form_souhlas {
margin: 40px 0 !important;
float: none;
}

.bform input#souhlas {
    display: inline-block;
    width: 30px;
/*height: 18px;*/
    position: relative;
float: none;
}

.bform input#souhlas + label {
    display: inline-block;
    width: calc(100% - 40px);
float: none;
}

.bform form input.button{
    margin: 0 auto !important;
}

.bform .form_radio_option>label {
    margin: 3px 0;
}

.bform #a_div1098>div {
display: inline-block !important;
}

.bform #a_div1098>div input {
border: 1px solid rgba(255,255,255,0.2);
border: 1px solid rgba(0,0,0,0.2);
background: rgb(255, 255, 255);
color: #333;
}

.bform #atext_1098_81602 {
margin: 0 22% 20px 0;
display: block !important;
text-align: left;
}


.bform #atextbox_1098_4582 label, .bform #atextbox_1098_34461 label {
display: none;
}

.bform #atextbox_1098_4582 input, .bform #atextbox_1098_34461 input {
width: auto;
}


/* novinky */

#main>center {
display: none;
}

.uvod #main .post.pt8, .uvod #main .post.pt9 {
display: inline-block;
width: 580px;
vertical-align: top;
background: linear-gradient(to bottom right, #f0f0f0, #e1e1e1);
padding: 20px 40px !important;
border-radius:20px;
display:none;
}

.uvod #main .post.pt8 {
margin: 30px 10px 80px calc(50vw - 610px) !important;
}

.uvod #main .post.pt9 {
margin: 30px calc(50vw - 610px) 80px 10px !important;
}

.uvod #main .post.pt8 ul, .uvod #main .post.pt9 ul{
  list-style-position: inside;
  list-style-type: none;
margin: 20px 0 0 0 !important;
}

.uvod #main .post.pt8>ul>li, .uvod #main .post.pt9>ul>li {
display: none;
border-bottom: 1px dashed rgba(0,0,0,0.3);
padding: 8px 0;
text-align: right;
/* margin-top: -30px; */
font-size: 0px;
}

.uvod #main .post.pt8>ul>li:first-child, .uvod #main .post.pt8>ul>li:nth-child(2), .uvod #main .post.pt8>ul>li:nth-child(3), .uvod #main .post.pt8>ul>li:nth-child(4), .uvod #main .post.pt9>ul>li:first-child, .uvod #main .post.pt9>ul>li:nth-child(2), .uvod #main .post.pt9>ul>li:nth-child(3), .uvod #main .post.pt9>ul>li:nth-child(4) {
display: block;
}

.uvod #main .post.pt8>ul>li:nth-child(4), .uvod #main .post.pt8>ul>li:nth-child(4) {
border: none;
}

.uvod #main .post.pt8>ul>li>p, .uvod #main .post.pt9>ul>li>p {
display: none;
}

.uvod #main .post.pt8>ul>li>a, .uvod #main .post.pt9>ul>li>a {
display: block;
/* width: 84%; */ width:100%;
text-align: left;
/* top: 30px; */
position: relative;
}

.uvod #main .post.pt8>ul>li>a h3, .uvod #main .post.pt9>ul>li>a h3 {
font-size: 16px;
font-weight: 300;
padding-bottom: 0 !important;
}

.uvod #main .post.pt8 h2, .uvod #main .post.pt9 h2 {
font-weight: 700;
text-align:left;
}

#allnews1, #allnews2 {
  margin: 10px auto 0;
  display: none;
  text-align: center;
}

.komplexne {
  color: #069c06;
  text-align:center;
  font-size:18px;
  font-weight: 400;
  padding: 10px 0 0 0!important;
}

.komplexne:before {
  font-size:18px;
  color: #069c06;
  padding-right: 10px;
}

.uvod-filozofie td {
   width:30%;
   padding:0 1%;
   text-align: justify;
   font-size: 15px;
}

/* Slider úvod - reference */

.section-padding{
padding:20px 0;
}

.brand-carousel {
background: transparent;
margin-top: 0px;
}

.owl-dots {
text-align: center;
margin-top: 4%;
}

.owl-dot {
display: inline-block;
height: 15px !important;
width: 15px !important;
background-color: #cacaca !important;
opacity: 0.8;
border-radius: 50%;
margin: 0 5px;
}

.owl-dot.active {
background-color: #FD5829 !important;
}

.owl-carousel .owl-item {
padding: 10px 20px !important;
text-align: center;
border-right: 1px dashed rgba(0,0,0,0.3);
}

.owl-carousel .owl-item img {
width: 90%;
display: block;
margin: 0 auto !important;
}

.owl-carousel .owl-item h3 {
color: #BC2D25!important;
font-weight: 400!important;
font-size: 22px!important;
margin: 10px 0 2px 0 !important;
}

.owl-carousel .owl-item p.intro-link {
background: #f6f6f6 !important;
color: gray !important;
font-weight: 300 !important;
font-size: 13px !important;
display: inline-block;
padding: 2px 12px !important;
margin-bottom: 10px !important;
}

.owl-carousel .owl-item p.intro-link a {
color: gray !important;
font-size: 13px !important;
}

.owl-carousel .owl-item .mdi:before {
color: #BC2D25;
font-size: 18px;
margin: 0 6px 0 0;
vertical-align: middle;
}

.owl-carousel .owl-item .ico-seznam {
background: url(userFiles/icons/ico-seznam.png) left center no-repeat;
background-size: 18px;
padding-left: 26px !important;
display:inline-block;
}

.owl-carousel.bc-social .owl-item {
border-right: 0px dashed rgba(0,0,0,0.3);
}

.owl-carousel.bc-social .owl-item p.intro-link {
background: white !important;
color: #222 !important;
font-weight: 300 !important;
font-size: 15px !important;
display: inline-block;
}

/* Realizace webu - casova osa */

.casova-osa {margin:20px 0 30px 0;}

.casova-osa tr:nth-child(1) td:nth-child(1), .casova-osa tr:nth-child(1) td:nth-child(3), .casova-osa tr:nth-child(1) td:nth-child(5), .casova-osa tr:nth-child(1) td:nth-child(7), .casova-osa tr:nth-child(1) td:nth-child(9) {height: 100px; border: 2px solid silver; border-radius: 50%; width: 100px; background-size:contain !important;}
.casova-osa tr:nth-child(1) td:nth-child(1) {background:white url(userFiles/clanky-obrazky/krok-1.jpg) top center;}
.casova-osa tr:nth-child(1) td:nth-child(3) {background:white url(userFiles/clanky-obrazky/krok-2.jpg) top center;}
.casova-osa tr:nth-child(1) td:nth-child(5) {background:white url(userFiles/clanky-obrazky/krok-3.jpg) top center;}
.casova-osa tr:nth-child(1) td:nth-child(7) {background:white url(userFiles/clanky-obrazky/krok-4.jpg) top center;}
.casova-osa tr:nth-child(1) td:nth-child(9) {background:white url(userFiles/clanky-obrazky/krok-5.jpg) top center;}

.casova-osa tr:nth-child(1) td:nth-child(2), .casova-osa tr:nth-child(1) td:nth-child(4), .casova-osa tr:nth-child(1) td:nth-child(6), .casova-osa tr:nth-child(1) td:nth-child(8) {width: 170px; font-size: 13px; text-align: center; color: #71747b; font-weight: 400; background: white url(userFiles/clanky-obrazky/tecky.jpg) 50% repeat-x; padding-top: 25px;}

.casova-osa tr:nth-child(2) td:nth-child(1), .casova-osa tr:nth-child(2) td:nth-child(3), .casova-osa tr:nth-child(2) td:nth-child(5), .casova-osa tr:nth-child(2) td:nth-child(7), .casova-osa tr:nth-child(2) td:nth-child(9) {font-size:16px; line-height:1.2; text-align:center; color:#bc2d27; font-weight:600; padding:5px 0;}

#main h2.casova-osa-1, #main h2.casova-osa-2, #main h2.casova-osa-3, #main h2.casova-osa-4, #main h2.casova-osa-5 {padding:10px 0;}
#main h2.casova-osa-1:before {content: ""; display: block; height: 40px; width: 40px; border: 2px solid silver; background: white url(userFiles/clanky-obrazky/krok-1.jpg) center left; background-size: contain; float: left; border-radius: 50%; margin-right: 10px;}
#main h2.casova-osa-2:before {content: ""; display: block; height: 40px; width: 40px; border: 2px solid silver; background: white url(userFiles/clanky-obrazky/krok-2.jpg) center left; background-size: contain; float: left; border-radius: 50%; margin-right: 10px;}
#main h2.casova-osa-3:before {content: ""; display: block; height: 40px; width: 40px; border: 2px solid silver; background: white url(userFiles/clanky-obrazky/krok-3.jpg) center left; background-size: contain; float: left; border-radius: 50%; margin-right: 10px;}
#main h2.casova-osa-4:before {content: ""; display: block; height: 40px; width: 40px; border: 2px solid silver; background: white url(userFiles/clanky-obrazky/krok-4.jpg) center left; background-size: contain; float: left; border-radius: 50%; margin-right: 10px;}
#main h2.casova-osa-5:before {content: ""; display: block; height: 40px; width: 40px; border: 2px solid silver; background: white url(userFiles/clanky-obrazky/krok-5.jpg) center left; background-size: contain; float: left; border-radius: 50%; margin-right: 10px;}

#main .casova-osa-oddelovac {border-top:1px dashed silver; margin-top:30px; padding-top:30px;}

input.query.error {border: 2px solid red !important;}
div#dialogIC.hidden.dialog {display: none;}

#main p.tarify a.more {font-size:16px !important; color:white !important; background: linear-gradient(to bottom, #D83D35 0%, #BC2D25 100%); border: 1px solid rgba(0,0,0,0.1);}
#main p.tarify a.more:hover {background: linear-gradient(to bottom, #F75E56 0%, #D0423B 100%) !important; border: 1px solid rgba(0,0,0,0.1) !important;}

/* Kotva na home z hlavního banneru */
body.uvod #main a.anchor-komplexni-proces {position:absolute; top:-120px;}

.miniplus {
    list-style-image: url(/userFiles/img/miniplus.png);
    /*list-style-position: outside !important;*/
}

.miniminus {
    list-style-image: url(/userFiles/img/miniminus.png);
    /*list-style-position: outside !important;*/
}

.fajfka {
    list-style-image: url(/userFiles/img/fajfka.png);
    /*list-style-position: outside !important;*/
}

body.poradna #main {
padding:30px 0;
}

body.poradna #main .post {
padding:8px 0 !important;
border-bottom:1px dashed rgba(0,0,0,0.3);
}

body.poradna #main .post .post_top {
margin-bottom: 0px;
}

body.poradna #main .post:last-child {
padding:20px 0 !important !important;
border-bottom:0px dashed rgba(0,0,0,0.3);
}

body.poradna #main .post .post_body {
background: #f6f6f6;
padding: 10px 20px;
margin: 20px 0 40px !important;
}

body.poradna #main .post_formulare .post_body {
background: #f6f6f6;
padding: 30px;
margin-top: 50px !important;
}

#atext_1197_28356 span {
font-size: 20px;
font-weight: 600;
margin: 0 0 30px 0 !important;
display: block;
color: #c12b2b;
text-align: center;
}

/* Ceník - webhostingové tarify */

.more-center {text-align:center;}
body.cenik #main h2 {text-align:center;}
body.cenik #main h2:first-child {margin-top:0px;}
body.cenik #main h2.cenik-dom {margin-top:10px; padding-top:30px; border-top:1px dashed silver;}
body.cenik #main h2.cenik-graf {margin-top:40px; padding-top:30px; border-top:1px dashed silver;}

#main .prehled-tarify {display:flex; flex-direction:row; justify-content: space-between; margin:20px 0;}
#main .prehled-tarify .tarif {display:flex; position:relative; flex-direction:column; background:#f6f6f6; flex: 0 0 33%; padding: 40px 10px 20px 10px;}
#main .prehled-tarify .tarif:nth-child(3) {background:#fdedda;}

#main .prehled-tarify .tarif>span {position: absolute; top: 0px; left: 0px; width: 100%; background: #feebeb; padding: 5px 20px;}
#main .prehled-tarify .tarif:nth-child(1)>span {background:#ededed; color:gray;}
#main .prehled-tarify .tarif:nth-child(2)>span {background:#ededed; color:gray;}
#main .prehled-tarify .tarif:nth-child(3)>span {background:#bc2d25; color:white;}

#main .prehled-tarify .tarif .tarif-nadpis {text-align:center;}
#main .prehled-tarify .tarif h3, #main .prehled-tarify .tarif h3 a {font-size:30px; margin: 10px 0 0 0;}
#main .prehled-tarify .tarif h4 {font-size:20px; color:#444;}

#main .prehled-tarify .tarif .tarif-popis {margin-top:15px; text-align:center;}
#main .prehled-tarify .tarif .tarif-popis>p {display:block; align-items: center; flex-direction:row; background: #f6f6f6; color: #069c06; padding: 5px 10px; margin-bottom: 5px;}
#main .prehled-tarify .tarif .tarif-popis ul:before {color:#069c06;}
#main .prehled-tarify .tarif:nth-child(2) .tarif-popis>p {background:#ededed; color:gray;}
#main .prehled-tarify .tarif:nth-child(3) .tarif-popis>p {background:#f8e0c4; color:#bc2d25;}

#main .prehled-tarify .tarif .tarif-popis ul li {font-size:14px; padding: 2px 0;}

/* Ceník - domény */

#main .cenik-domeny {display:flex; flex-direction:row; justify-content: space-between; margin:20px 0 10px 0;}
#main .cenik-domeny div {display:flex; position:relative; flex-direction:column; flex: 0 0 33%; padding: 80px 20px 0 20px; text-align: center;}
#main .cenik-domeny div:nth-child(1) {background:transparent url(userFiles/slide/map-czechia.png) top center no-repeat; background-size:contain;}
#main .cenik-domeny div:nth-child(2) {background:transparent url(userFiles/slide/map-europe.png) top center no-repeat; background-size:contain;}
#main .cenik-domeny div:nth-child(3) {background:transparent url(userFiles/slide/map-world.png) top center no-repeat; background-size:contain;}

#main .cenik-domeny div p:first-child {display: inline-block; margin: 0 auto; padding: 2px 20px; background: rgba(255,255,255,0.75); border: 2px solid rgba(0,0,0,0.1);}
#main .cenik-domeny div p:first-child span {font-weight: 700; color: #bc2d25; font-size: 30px;}
#main .cenik-domeny div p:last-child {font-size:20px;}
#main .cenik-domeny div p:last-child span {display: block; margin: 0 auto; color: gray; font-size: 14px;}

/* Ceník - grafické práce */

#main .cenik-graficke {display:flex; flex-direction:row; justify-content: space-between; margin:20px 0;}
#main .cenik-graficke div {display:flex; position:relative; flex-direction:column; flex: 0 0 33%; padding: 20px 10px; text-align: center;}

#main .cenik-graficke div p:first-child {padding: 15px 20px; background: rgba(255,255,255,0.75); border: 2px solid rgba(0,0,0,0.1); color: #bc2d25; font-weight: 600; letter-spacing: -0.5px; font-size: 18px; line-height: 1.1;}
#main .cenik-graficke div p:last-child {font-size:18px; margin: 5px 0;}
#main .cenik-graficke div p:last-child span {display: block; margin: 0 auto; color: gray; font-size: 14px;}

/* Komplet ceník */

#main span.mdi:before {font-size: 16px; padding-right: 5px; font-weight: 400;}
#main span.mdi.mdi-check, #main span.mdi.mdi-check:before {color:#069c06; text-transform:uppercase;}
#main span.mdi.mdi-close, #main span.mdi.mdi-close:before {color:#EB2427; text-transform:uppercase;}
#main span.mdi.mdi-alert-rhombus-outline, #main span.mdi.mdi-alert-rhombus-outline:before {color:#fd5929; text-transform:uppercase;}

/* Články */

#main .clanky-highlight {width:100%; display: flex; flex-flow: row nowrap; justify-content: space-between;}
#main .clanky-highlight .clanky-box {display: flex; background: #f6f6f6; flex-flow: column nowrap; flex: 0 1 33%; padding: 10px 20px;}
#main .clanky-highlight .clanky-box h3 {font-size: 28px; line-height: 1.1; color: #bc2d25; font-weight: 600;}

#main .clanky-other {margin-top:10px; width:100%; padding:20px; display: flex; flex-flow: column nowrap;}
#main .clanky-other .clanky-box h3 {margin-top:30px; font-size: 24px; line-height:1.1; font-weight:600;}

#main .clanky-old {width:100%; padding:20px; display: flex; flex-flow: column nowrap;}
#main .clanky-old .clanky-box h3 {color:gray; font-size: 24px; font-weight:400;}
#main .clanky-old .clanky-box p {color:gray;}

#main .clanky-highlight .clanky-box h4 strong, #main .clanky-other .clanky-box h4 strong {font-weight:300 !important; color:#BC2D25; margin:10px 0; margin: 10px 0 5px; display: block; font-size: 16px; line-height: 1.1;}

/* Klientská zóna */

#main .uzitecne-odkazy {display: flex; flex-flow: row nowrap; align-content: space-between; margin-top:20px;}
#main .uzitecne-odkazy div {display: flex; flex-direction: column; flex: 0 0 calc(25% - 10px); background: #f6f6f6; padding: 20px; margin: 5px;}
#main .uzitecne-odkazy div a {text-align:center; font-size: 26px; font-weight: 600;}
#main .uzitecne-odkazy div h4 {text-align:center; font-size: 14px; font-weight: 300;}

#main .uzitecne-odkazy .mdi:before {display:inline-block; text-align: center; font-size:40px;}

/* Naše práce grafiků */

.flex-center {
	display: flex !important;
	align-items: left;
	justify-content: center;
	flex-direction: column;
        text-align:left;
        padding:0 40px;
        width: 75%;
}
.akce-weby .section {
	display: flex;
	flex-direction: row;
	margin: 20px 0;
}

.akce-weby .section:nth-child(even) {
	flex-direction: row-reverse;
	text-align: right;
}

.akce-weby .section:nth-child(even) h2, .akce-weby .section:nth-child(even) p {;
	text-align: right !important;
}

.akce-weby .section p {
	font-size: 16px;
	line-height: 1.3;
}

.akce-weby .section a {
	display: inline-block;
	font-size: 18px;
	text-decoration: none;
	padding-top: 10px;
        margin: 15px 0px;
        text-transform: none;
        padding: 8px 20px 8px 30px !important;
}

.akce-weby .section h2 {
	font-size: 30px;
	margin: 0;
}

.akce-weby .img-web {
	width: 100%;
}

/* akce weby - info */

.akce-weby .info {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 20px 0;
}

.akce-weby .info div {
	display: flex;
	flex-direction: column;
	align-items: left;
	justify-content: center;
}

.akce-weby .info-text {
	width: 300px;
}

.akce-weby .info-text h2 {
	font-size: 20px;
	margin: 0;
	text-transform: uppercase;
	line-height: 1.25;
}

.akce-weby .info-text p {
	font-size: 18px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 300;
	color: #ff5400;
}

.akce-weby .circle-num__circle {
	/*animation: circle-fill 2s reverse;*/
	transform: rotate(-90deg);
	transform-origin: center;
}

.akce-weby .circle-num__number {
	font-family: 'Titillium Web', sans-serif !important;
	font-size: 4px; /* pouze pro RS ffs */
	fill: #bc2d25;
	transform-origin: center;
}

.akce-weby > p {
	font-size: 16px;
        line-height: 1.3;
}

.post.ukazky-webu {
text-align: center;
}

.post.ukazky-webu .post_body>div {
margin: 50px 0 20px 0;
}

.post.ukazky-webu .post_body>div img {
display: inline-block;
width: calc(33% - 3px);
margin: 2px!important;
border: 1px solid rgba(0,0,0,0.15);
}

.post.ukazky-webu .post_body>div img:hover {
transform: scale(1.1,1.1);
z-index: 10;
}

.post.ukazky-webu .post_body div.mluvi-za-nas div {
margin: 0;
}

.post.ukazky-logo {

}


.post.ukazky-logo .post_body p {
display: inline-block;
border: 2px solid rgba(0,0,0,0.1);
width: calc(25% - 15px);
margin: 6px 4px!important;
/*height: calc(25vw - 55px);*/
vertical-align: middle;
text-align: center;
}

.post.ukazky-logo .post_body img {
width: 100%;
margin: 0 auto!important;
}

.post.ukazky-logo .post_body p a {
  margin-left: 0;
  position: relative;
/*height: calc(25vw - 55px);*/
display: -webkit-box;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-box-align: center;
box-align: center;
}

table.full img {
display: block;
width: 80%;
margin: 10px auto !important;
}

.volejte.mdi {
margin: 10px 0 !important;
}

.volejte.mdi a {
margin-right: 6px;
font-size: 24px;
vertical-align: sub;
}

.volejte.mdi:before {
margin-right: 6px;
font-size: 28px;
vertical-align: middle;
}

/** AKCE ANIMACE WEBY END **/

#gprace {margin: 30px 0;}
#gprace h3 {text-align: center; margin: 30px 0 20px 0; font-size: 25px; font-weight: 600;}

.reference-img {display:inline-block; max-width:1200px;}
.reference-img a {display: inline-block; width: calc(33% - 10px); margin: 2px 0;}
.reference-img img {width:100%; border: 2px solid rgba(0,0,0,0.1);}


/* Stranka Bez starosti - převzato z Ostravski */

.col-12 td:first-child, .col-12 div:first-child {width: 33%;}
.col-12 div:first-child img {width:160px;}

.col-11 td:first-child, .col-11 div:first-child {width: 50%;}

.h2porovnani {
margin: 29px 0 0 -120px!important;
background: white;
}


.profil {
border: none;
border-collapse: separate;
border-spacing: 10px;
padding: 0;
margin: 30px 0;
width: 1200px;
background: transparent;
}

.profil .mdi {
color: inherit!important;
}

.profil .mdi::before {
color: #fff;
font-size: 32px;
padding: 15px;
margin: 0 auto !important;
display: inline-block;
position: absolute;
line-height: 1;
vertical-align: middle;
left: -93px;
background: #BC2D25; /* #00adef; */
border-radius: 50%;
}

.verze-2 .profil .mdi::before {
color: #00adef;
background: #fff;
border-radius: 50%;
border: 1px solid #00adef;
}

.profil td, .profil div {
padding: 0 60px 0 0;
}

.profil div {
display: table-cell;
}

.profil td:last-child, .profil div:last-child {
padding: 30px 0 0 60px;
  border: 3px solid;
  /*border-image: linear-gradient(to bottom, #00adef, #006288) 1;*/
  border-image: linear-gradient(to bottom, white 0%, #BC2D25 5%, #BC2D25 95%, white 100%) 1;
border-right: none;
    border-top: none;
    border-bottom: none;
}

.profil h2 {
font-size: 26px;
padding: 0;
margin: 0;
color: #bc2d25;
position: relative;
line-height: 60px;
}

a[name] {
display: block;
position: relative;
top: -200px;
visibility: hidden;
}

.profil h2 a {
  font-weight: inherit;
  font-size: inherit;
  margin: 20px 0 10px 0 !important;
}

.profil p {
text-align:left;
}

.profil div:first-child p {
text-align:right;
}

div.online td {padding-right:50px;}
div.online h3 {text-align: center; padding: 15px 0!important;}

/* Stranka Bez starosti */

.webove-stranky-zdarma #main .post, .web-bez-starosti #main .post {text-align:center;}
.webove-stranky-zdarma #main .post h1:after, .web-bez-starosti #main .post h1:after {display:none;}

.webove-stranky-zdarma #main .post.blok-banner h1, .web-bez-starosti #main .post.blok-banner h1 {background: transparent; color: #f60 !important; padding: 7px 20px !important; margin: 10px 0; text-transform: uppercase; font-weight: 400 !important; font-size: 20px !important; border: 2px solid #f60;}

#main h2.nadpis-vyraznejsi, #main h2.nadpis-vyraznejsi span {background: transparent url(/userFiles/system/bg-title.jpg) top center no-repeat; font-size: 50px; text-align: center; color: #bc2d25; font-weight: 700; letter-spacing: -1px; line-height: 1.2; width: 80%; margin: 0 auto; padding: 50px 0px;}
#main h2.nadpis-vyraznejsi span {color:#ff6600; background:transparent;}
/*
#main h2.nadpis-vyraznejsi, #main h2.nadpis-vyraznejsi span {background: transparent url(/userFiles/system/bg-title2.jpg) top center no-repeat; font-size: 50px; text-align: center; color: #ff5f30; font-weight: 700; letter-spacing: -1px; line-height: 1.2; width: 80%; margin: 0 auto; padding: 50px 0px;}
*/
#main .nadpis-perex {display:flex; align-items: center; flex-direction: column;}
#main .nadpis-perex .nadpis-perex-left p:before {margin-right:10px; color: #dec22a; font-size: 50px; line-height: 45px;}
#main .nadpis-perex .nadpis-perex-left p span {color: #dec22a; font-size: 30px; font-weight: 400; text-transform: uppercase;}
#main .nadpis-perex .nadpis-perex-left p {display: flex; flex-direction: row;}

#main .nadpis-perex .nadpis-perex-right {}
#main .nadpis-perex .nadpis-perex-right p {font-weight:400; font-size: 18px; padding: 3px 0;}
#main .nadpis-perex .nadpis-perex-right p strong {font-size: 18px; font-weight:400 !important;}


#main .post.ukazky-webu .post_body > div img {width: calc(25% - 10px); margin: 5px !important; border: 2px solid rgba(0,0,0,0.15);}

table.tabNapsali td {background: #f6f6f6; margin: 0 10px; display: inline-block; width: calc(33% - 30px); padding: 0 20px; min-height: 330px;}
table.tabNapsali td p {font-style: italic;}
table.tabNapsali td p strong {font-style: normal;}
table.tabNapsali .mdi::before {font-size: 45px; color:silver;}

table.tabVyhody {margin: 20px 0 !important;}
table.tabVyhody td {background: #fff0f0; margin: 0 10px; display: inline-block; width: calc(25% - 30px); padding: 0 20px; min-height: 190px;}
table.tabVyhody td p {font-size: 18px; line-height: 1.3;}
table.tabVyhody .mdi::before {font-size: 45px; color:#ff6600;}

#main .bez-dotaz {display: block; width: calc(50% - 25px); margin: 20px 10px; float: left; height: 180px; text-align:left;}
#main .bez-dotaz h3 {margin-bottom:10px;}
#main .bez-dotaz .mdi:before {height: 30px; width: 35px; float: left;}

#main .volejte.mdi a {margin-right: 0; font-size: 40px; vertical-align: middle;}
#main .volejte.mdi:before {margin-right: 15px; font-size: 35px; vertical-align: middle;}

#acheckbox_1217_50882>label {display:none;}
#acheckbox_1217_50882 .form_checkbox_option {background: #ffebea; display: inline-block; width: auto; margin: 10px 0 0 0; padding: 5px 15px; border-radius: 25px;}
#acheckbox_1217_50882 .form_checkbox_option:last-child {background: transparent;}
#acheckbox_1217_50882 .form_checkbox_option label {width:calc(100% - 20px); padding-left:5px;}
#acheckbox_1217_50882 .form_checkbox_option input, #acheckbox_1217_50882 .form_checkbox_option label {display:inline;}

#acheckbox_1253_56528 .form_checkbox_option label {width:75%;}

/* Stranka Web Online */

.web-online #main .post {text-align:center;}
.web-online #main .post h1:after {display:none;}

.web-online #main .post.pt1 h1 {background: transparent; color: #f60 !important; padding: 7px 20px !important; margin: 10px 0; text-transform: uppercase; font-weight: 400 !important; font-size: 20px !important; border: 2px solid #f60;}

#main h3.nadpis-vyraznejsi-upper {color: #ff6600; font-size: 40px; font-weight: 500;}
#main h2.nadpis-vyraznejsi, #main h2.nadpis-vyraznejsi span {font-size: 55px; text-align: center; color: #bc2d25; font-weight: 700; letter-spacing: -1px; line-height: 1.2; width: 90%; margin: 0 auto;}
#main h2.nadpis-vyraznejsi span {color:#ff6600;}
#main h2.nadpis-sedivy {color: #f60; font-size: 35px; font-weight: 300; text-align: center;}

.web-online #main .nadpis-perex-all {display:flex; align-items: center; flex-direction: row; align-items: stretch;}
.web-online #main .nadpis-perex-all .nadpis-perex {display:flex; width:46%; margin: 0 2%; align-items: center; flex-direction: column; align-items:flex-end;}
.web-online #main .nadpis-perex-all .nadpis-perex:last-child {align-items:flex-start;}
.web-online #main .nadpis-perex-all .nadpis-perex-right p {font-size:18px; font-weight:400;}
.web-online #main .nadpis-perex-all .nadpis-perex-right p strong {font-size:18px; font-weight:400 !important;}

.web-online #main .nadpis-perex-all .nadpis-perex:first-child .nadpis-perex-right p {text-align:right;}
.web-online #main .nadpis-perex-all .nadpis-perex:last-child .nadpis-perex-right p {text-align:left;}

body.web-online .casova-osa tr:nth-child(2) td:nth-child(1), body.web-online .casova-osa tr:nth-child(2) td:nth-child(3), body.web-online .casova-osa tr:nth-child(2) td:nth-child(5), body.web-online .casova-osa tr:nth-child(2) td:nth-child(7), body.web-online .casova-osa tr:nth-child(2) td:nth-child(9) {font-size: 18px; line-height: 1.2; color: gray; font-weight: 400; padding: 8px 0;}

.web-online #main .post.ukazky-webu .post_body > div img {width: calc(16.66666% - 10px); margin: 5px !important; border: 2px solid rgba(0,0,0,0.15);}

table.tabNapsali td {background: #f6f6f6; margin: 0 10px; display: inline-block; width: calc(33% - 20px); padding: 0 20px; min-height: 330px;}
table.tabNapsali td p {font-style: italic;}
table.tabNapsali td p strong {font-style: normal;}
table.tabNapsali .mdi::before {font-size: 45px; color:silver;}

.web-online #main .bez-dotaz {display: block; width: calc(50% - 25px); margin: 20px 10px; float: left; height: 180px; text-align:left;}
.web-online #main .bez-dotaz h3 {margin-bottom:10px;}
.web-online #main .bez-dotaz .mdi:before {height: 30px; width: 35px; float: left;}

.web-online #main .volejte.mdi a {margin-right: 0; font-size: 40px; vertical-align: middle;}
.web-online #main .volejte.mdi:before {margin-right: 15px; font-size: 35px; vertical-align: middle;}

#acheckbox_1223_4344>label {display:none;}
#acheckbox_1223_4344 .form_checkbox_option {background: #ffebea; display: inline-block; width: auto; margin: 10px 0 0 0; padding: 5px 15px; border-radius: 25px;}
#acheckbox_1223_4344 .form_checkbox_option:last-child {background: transparent;}
#acheckbox_1223_4344 .form_checkbox_option label {width:calc(100% - 20px); padding-left:5px;}
#acheckbox_1223_4344 .form_checkbox_option input, #acheckbox_1223_4344 .form_checkbox_option label {display:inline;}


/* Formular Patrik */

#atext_1224_10086 {text-align: center;}
#atext_1224_10086 span {font-size:18px; line-height:22px; font-weight:500;}

#atextbox_1224_3935 {margin-top:20px;}
#atextbox_1224_3935, #atextbox_1224_10186, #atextbox_1224_2622, #atextbox_1224_96985, #form_email_odesilatel {text-align:center;}

#atext_1224_38653 {margin:40px 0 20px 0; text-align: center;}
#atext_1224_38653 span {font-size:18px; line-height:22px; font-weight:600; color:#bc2d25;}

#aradio_1224_74762, #aradio_1224_59277, #acheckbox_1224_48506, #aselect_1224_1 {width:70%; padding:10px 20px; margin: 20px auto 40px auto; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.15);}
#aselect_1224_1 {margin-bottom:20px;}
#aradio_1224_74762>label, #aradio_1224_59277>label, #acheckbox_1224_48506>label, #aselect_1224_1>label {width:100%;}
#aradio_1224_74762 .mdi, #aradio_1224_59277 .mdi, #acheckbox_1224_48506 .mdi, #aselect_1224_1 .mdi {font-size:22px; line-height:30px; color:#4c5155; font-weight:300; text-transform: uppercase; padding: 0 0 5px 0; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.1);}
#aradio_1224_74762 .mdi:before, #aradio_1224_59277 .mdi:before, #acheckbox_1224_48506 .mdi:before, #aselect_1224_1 .mdi:before {font-size: 25px; line-height: 30px; color:#bc2d25; margin-right:10px;}

#aradio_1224_74762 div>label, #aradio_1224_59277 div>label, #acheckbox_1224_48506 div>label, #aselect_1224_1 div>label {width:80%; font-weight: 500; padding: 2px 10px; font-size: 16px;}


/* Typ ubytování, podkategorie */

#aradio_1224_74762 div[name=radio_kontejner] {margin:10px 0;}
#aradio_1224_74762 div[name=radio_kontejner]>div>div>label {color: #bc2d25; padding: 5px 0; text-transform: uppercase;}

.form_vysledek {text-align: center; margin: 40px auto 20px auto; width: 70%; background: #bc2d25; padding: 15px 10px !important; font-size: 0px;}
.form_vysledek span {color: white; font-size: 20px; font-weight: 400; line-height: 22px;}
.form_vysledek span#vysledek {font-weight: 600;}


/* Info o rekreacnim poplatku */

#atext_1224_36527 {background: rgba(0,0,0,0.05); width: 70%; margin: 0 auto; padding: 10px 20px; text-align:center;}

#atextarea_1224_98170 {width: 80%; margin: 20px auto 10px auto;}
#atextarea_1224_98170>label {padding: 5px 10px;}


/* Akce Nové webové stránky zdarma */

x.akce_-nove-webove-stranky-zdarma #main .post, body[class*="akce_"] #main .post, body.ssl #main .post {text-align:center;}

x.akce_-nove-webove-stranky-zdarma #main .post.pt1 h1, body[class*="akce_"] #main .post.pt1 h1, body.ssl #main .post.pt1 h1 {background: transparent; color: #f60 !important; padding: 7px 20px !important; margin: 10px 0; text-transform: uppercase; font-weight: 400 !important; font-size: 20px !important; border: 2px solid #f60;}

x.akce_-nove-webove-stranky-zdarma #main .post.pt1 h1:after, body[class*="akce_"] #main .post.pt1 h1:after, body.ssl #main .post.pt1 h1:after {display:none;}

x.akce_-nove-webove-stranky-zdarma #main h2.nadpis-nwsz, body[class*="akce_"] #main h2.nadpis-nwsz, x.akce_-nove-webove-stranky-zdarma #main h2.nadpis-nwsz span, body[class*="akce_"] #main h2.nadpis-nwsz span, body.ssl #main h2.nadpis-nwsz, body.ssl #main h2.nadpis-nwsz span {font-size: 55px; text-align: center; color: #bc2d25; font-weight: 700; letter-spacing: -1px; line-height: 1.2; width: 90%; margin: 0 auto;}

x.akce_-nove-webove-stranky-zdarma #main .perex-nwsz p, body[class*="akce_"] #main .perex-nwsz p, body.ssl #main .perex-nwsz p {font-size: 22px; line-height: 1.2;}

x.akce_-nove-webove-stranky-zdarma #main h2, body[class*="akce_"] #main h2, body.ssl #main h2 {color:#444; text-align:center; font-size: 35px; line-height: 1.2;}

table.tabNovestranky {margin-top:30px;}
table.tabNovestranky td {background: #f6f6f6; margin: 0 10px; display: inline-block; width: calc(20% - 40px); padding: 20px; min-height: 180px;}
table.tabNovestranky td p {font-size: 20px; line-height: 1.25; font-weight: 400; color: black;}
table.tabNovestranky td p strong {font-style: normal;}
table.tabNovestranky .mdi::before {font-size: 45px; color:silver;}

#main .perex-nwsz {margin:30px 0;}

#main .nwsz {width: calc(100% - 250px); height:530px; padding: 30px 0 0 90px; border: 3px solid; border-image: linear-gradient(to bottom, white 0%, #BC2D25 5%, #BC2D25 95%, white 100%) 1; border-right: none; border-top: none; border-bottom: none; display: block; margin-left: 250px;}

#main .nwsz div {border: none; border-collapse: separate; border-spacing: 10px; padding: 0; margin: 30px 0; width: 100%; background: transparent;}

x.akce_-nove-webove-stranky-zdarma #main .nwsz h2, body[class*="akce_"] #main .nwsz h2, body.ssl #main .nwsz h2 {position: relative; line-height: 2; font-size:34px; margin-bottom:0px; text-align:left;}

#main .nwsz div h2.nwsz-1::before {content: ""; display: block; background: white url(userFiles/akce/ico-info-grafika2.png) 50% center no-repeat; height: 120px; width: 120px; background-size: 65%; border-radius: 50%; border: 3px solid #BC2D25; left: -150px; position: absolute; line-height: 1;}

#main .nwsz div h2.nwsz-2::before {content: ""; display: block; background: white url(userFiles/akce/ico-info-respo.png) 50% center no-repeat; height: 120px; width: 120px; background-size: 65%; border-radius: 50%; border: 3px solid #BC2D25; left: -150px; position: absolute; line-height: 1;}

#main .nwsz div h2.nwsz-3::before {content: ""; display: block; background: white url(userFiles/akce/ico-info-obsah.png) 50% center no-repeat; height: 120px; width: 120px; background-size: 65%; border-radius: 50%; border: 3px solid #BC2D25; left: -150px; position: absolute; line-height: 1;}

#main .nwsz p {margin-bottom: 30px; poadding:0; text-align: left; font-size: 25px; color: #ff5400; font-style: italic;}

#main h2.akce-nwsz, body[class*="akce_"] #main h2.akce-nwsz, body.ssl #main h2.akce-nwsz {color: white; font-size: 25px; background: #bc2d25; display: inline-block; margin: 10px auto 20px auto; padding:10px 25px;}

x.akce_-nove-webove-stranky-zdarma #main .volejte.mdi a, body[class*="akce_"] #main .volejte.mdi a,  body.ssl #main .volejte.mdi a {margin-right: 0; font-size: 40px; vertical-align: middle;}


/* Stránka recenze na Google a Seznamu */

body.sponzorovany-provoz-webu #main .post h2 {text-align:center;}
.tab-recenze {width:100%;}
.tab-recenze td {text-align:center; padding:20px;}
.tab-recenze td p {text-align:center;}
.tab-recenze td img {border:2px solid rgba(0,0,0,0.05); width:80%; margin:0 auto !important;}

#input_54836{
width: 74%;
display: inline-block !important;
}

/* Uvod - klientska loga */

#main .klientska-loga-text {margin:0 0 30px 0;}
#main .klientska-loga img {border:1px solid rgba(0,0,0,0.1); margin:0 5px !important; box-shadow: 0 0 5px rgba(0,0,0,0.05);}

/* Reference kotvy */

.nase-prace-grafiku #main .post_body {position:relative;}
.nase-prace-grafiku #main .post_body a[name] {position:absolute; top: -220px;}

/* Nový eshop */

#main table.tabEshop {margin: 20px 0 !important;}
#main table.tabEshop td {background: #ffefef; margin: 10px 10px 20px 10px; display: inline-block; width: calc(33% - 30px); padding: 0 20px; min-height: 270px; border-radius: 15px;}
#main table.tabEshop td p {font-size: 16px; line-height: 1.3; text-align:center;}
#main table.tabEshop .mdi {text-align:center;}
#main table.tabEshop .mdi::before {font-size: 60px; color:#bc2d25;}
#main table.tabEshop h3 {font-weight: 700; font-size: 24px; text-align: center;}

/* Ceník - nový rozcestník */

body.cenik #sidebar {display:none;}
body.cenik #main {width: 100%;}
#main .cenik-links {margin: 20px 0 30px 0; font-size: 16px; line-height: 1.15; text-align:center;}
#main .cenik-links span, #main .cenik-links a {margin: 0 0 30px 0; font-size: 20px; line-height: 1.15; font-weight:400; padding:5px 15px;}
#main .cenik-links span {font-weight:600;}

/* Eshop - tarify */

#main .tab-eshop-tarify {
display: flex;
justify-content: center;
margin:30px 0 50px 0;
text-align: center;
}

#main .tab-eshop-tarify div {
background:#fff3dc;
border-radius: 15px;
padding:10px 20px;
margin:0 15px;
width: 33%;
justify-content: space-between;
  display: flex;
  flex-direction: column;
}

#main .tab-eshop-tarify h2 {
color: #FD5929;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: currentColor;
  -webkit-text-stroke-width: var(--heading-stroke-size,2px);
  font-size: 40px;
  text-transform: uppercase;
text-align:center;
}

#main .tab-eshop-tarify h3 {
padding: 0 10px;
margin-top: 20px;
color: #FD5929;
font-weight: 400;
text-align:center;
}

#main .tab-eshop-tarify p {text-align:left;}
#main .tab-eshop-tarify .tab-eshop-tarify-price {width: 75%; margin: 0 auto; padding: 0;}
#main .tab-eshop-tarify a.more {margin:10px 0;}

#main span.mdi.mdi-check {color: #444; text-transform: none;}
#main span.mdi.mdi-check::before {color: #069c06;}
#main span.mdi.mdi-check.mdi-green {color: #069c06;}

#main span.mdi.mdi-close {color: #444; text-transform: none;}
#main span.mdi.mdi-close::before {color: #BC2D25;}
#main span.mdi.mdi-close.mdi-red {color: #BC2D25;}


#main .tab-socials-tarify {
display: flex;
justify-content: center;
margin:30px 0 50px 0;
text-align: center;
}

#main .tab-socials-tarify div {
background:#fff3dc;
border-radius: 15px;
padding:10px 30px 30px 30px;
margin:0 15px;
width: 33%;
justify-content: flex-start;
display: flex;
flex-direction: column;
text-align: left;
}

#main .tab-socials-tarify h2 {
color: #FD5929;
  font-size: 34px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  line-height: 1.1;
  margin: 20px 0;
}

#main .socials-img {
text-align:center;
}

#main .socials-img img {
max-width: 60vw;
margin:0 auto !important;
}

#main h3.podnadpis-vyraznejsi {
font-size: 35px;
font-weight: 600;
max-width: 65vw;
margin: 20px auto 80px auto;
text-align: center;
}

#main .tab-socials-tarify p {
line-height:1.2;
}

#main .tab-socials-tarify p em {
font-size:12px;
}

#main .tab-socials-tarify span.mdi:before {
font-size: 12px;
padding-right: 10px;
font-weight: 600;
color:#FD5929;
}

#main .tab-socials-tarify span.mdi.mdi-check:before {
color: #FD5929;
line-height: 1;
}

#main .form-site h2 {
text-align:center;
font-size: 35px;
font-weight: 600;
}

body.akce-eshop #main h2 {text-align:center;}

#bform1260 {
width: 75%;
margin: 0 auto 30px auto;
background: #ffefef;
padding: 30px 30px;
border-radius: 15px;
}

body.akce100-eshop #main h2.v-clanku, body.akce100-eshop #main .pt2 h2, #main .obsah-darek h2.v-clanku {text-align:center; font-weight: 700; font-size: 40px; color: #c12b2b;}

#bform1263 {
width: 75%;
margin: 0 auto 30px auto;
background: #fff2e0;
padding: 30px 30px;
border-radius: 15px;
}

body.akce100-eshop #main table.tabEshop td {background: #fff2e0; margin: 10px 10px 20px 10px; display: inline-block; width: calc(33% - 30px); padding: 0 20px; min-height: 270px; border-radius: 15px;}

body.akce100-eshop #main h3.vyraznejsi {width:75%; margin: 20px auto 20px auto; text-align:center; font-weight: 700; font-size: 35px;}

body.akce100-eshop #aselect_1263_1 select {width:74%; padding: 8px 6px; margin-bottom:5px; border: 1px solid rgba(0,0,0,0.2); background: rgba(255,255,255,0.5); border-radius: 5px;}

/* Sociální sítě - akce */

#main h2.nadpis-vyraznejsi.nadpis-social {
background: transparent url(/userFiles/social/bg-title-blue.jpg) top center no-repeat;
color: #4d1fb2;
}

#main .tab-eshop-tarify.tab-socials div {
padding: 30px 20px;
width:40%;
background:#dbf0fd;
}

#main .tab-eshop-tarify.tab-socials h2 {
-webkit-text-fill-color: unset;
-webkit-text-stroke-color: unset;
-webkit-text-stroke-width: unset;
color: #4D1FB2;
margin: 0 0 20px 0;
font-weight: 700;
}

#main .tab-eshop-tarify.tab-socials p {
font-size:18px;
}



/* -------------------- BANNER ------------------------ */

.banner {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: transparent;
  font-family: "Open Sans", sans-serif;
margin-top:0px !important;
}

.banner .left {
  display: flex;
  flex-flow: column;
  width: 33%;
}
.banner .left > div {
  display: grid;
  grid-template-areas: "icon top" "icon bottom";
  grid-template-columns: 40% auto;
}
.banner .left > div.active {
    color: #ad403f;
}
.banner .left > div .top {
    grid-area: top;
    font-size: 18px;
    padding: 2px 0;
}
.banner .left > div .bottom {
  grid-area: bottom;
  padding: 5px 0;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.banner .left > div .icon {
    grid-area: icon;
    align-self: center;
    justify-self: center;
    transform: rotate(90deg);
    font-size: 64px;
}

.banner .right {
  width: 33%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 10px;
  padding: 10px 5px;
  align-items: center;
}
.banner .right .box {
  height: 100%;
  display: grid;
  grid-template-areas: "title" "text" "icon";
  grid-column: span 4;
  align-content: space-between;
}
.banner .right .box.disabled {
    opacity: 0.3;
}

.banner .right .box:nth-last-child(2) {
  grid-row-start: 2;
  grid-column: 3 / span 4;
  grid-template-areas: "icon" "title" "text";  
}
.banner .right .box:nth-last-child(1) {
  grid-row-start: 2;
  grid-column: 7 / span 4;
  grid-template-areas: "icon" "title" "text";  
}

.banner .right .box .title {
  grid-area: title;
  font-size: 22px;
  letter-spacing:-0.5px;
  font-weight: 600;
  color: #ad403f;
text-align:center;
}
.banner .right .box .text {
    grid-area: text;
    text-align: center;
    font-size: 14px;
    line-height: 1.1;
}
.banner .right .box .icon {
    grid-area: icon;
    font-size: 64px;
    align-self: center;
    justify-self: center;
    padding: 20px;
    margin: 5px;
    color: #ad403f;
}

.banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.banner .overlay #rect-starosti, .banner .overlay #rect-profi, .banner .overlay #rect-zdarma, .banner .overlay > polygon.box {cursor: pointer;}
.overlay > polygon.box, .overlay .middle-line {stroke: #ad403f;}
.overlay > polygon.box {stroke-width: 3 !important;}


body.uvod #main .post.blok-banner {padding:0px !important; /* background: #ffe6df url(userFiles/slide/bg-new.png) no-repeat center; background-size: cover; --- background:linear-gradient(to right, #ebebeb, white, #ebebeb); */ background: url(userFiles/home/bg-up5.jpg); background-size: cover;}

body.uvod #main .banner .right span.mdi {width: 115px; text-align: center; line-height: 1.4; font-size: 60px;}

body.uvod #main .banner span.mdi:before {font-size: 70px; padding-right:0;}
body.uvod #main .banner .right span.mdi:before {font-size: 50px; padding-right:0;}

/* Úvodní boxy */

.tab {
  overflow: hidden;
padding: 2px 10px;
/* background: linear-gradient(90deg, rgba(188,45,37,0), rgba(188,45,37,0.2)); */
  background:transparent;
text-align: center;
width:25%;
}

.tab button {
  background: rgba(0,0,0,0.05);
  /*float: left;*/
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px 0 15px 75px;
  transition: 0.3s;
  font-size: 32px;
  line-height: 1;
  font-weight: 700 !important;
  border-bottom: 1px solid transparent;
  text-align:left;
  text-transform: uppercase;
  color: #7e7e7e;
  letter-spacing: -1px;
  border-radius: 10px;
  border-bottom: 1px solid silver;
  margin:10px 0;
}

.tab button:hover, .tab button.active {color: #fd5929;}

.tab button span {display: block; color: gray; font-size: 18px; letter-spacing:0;}
.tab button span:hover, .tab button.active span {color: #b71515;}

.tab button:nth-child(1) {background: rgba(0,0,0,0.05) url(userFiles/home/battery-1-gray.png) 10px 50% no-repeat; background-size:55px;}
.tab button:nth-child(2) {background: rgba(0,0,0,0.05) url(userFiles/home/battery-2-gray.png) 10px 50% no-repeat; background-size:55px;}
.tab button:nth-child(3) {background: rgba(0,0,0,0.05) url(userFiles/home/battery-3-gray.png) 10px 50% no-repeat; background-size:55px;}

.tab button:hover {
  border-bottom: 1px solid #fd5929;
}

.tab button:hover:nth-child(1), .tab button.active:nth-child(1) {background: rgba(253, 89, 41,0.2) url(userFiles/home/battery-1-red.png) 10px 50% no-repeat; background-size:55px;}
.tab button:hover:nth-child(2), .tab button.active:nth-child(2) {background: rgba(253, 89, 41,0.2) url(userFiles/home/battery-2-red.png) 10px 50% no-repeat; background-size:55px;}
.tab button:hover:nth-child(3), .tab button.active:nth-child(3) {background: rgba(253, 89, 41,0.2) url(userFiles/home/battery-3-red.png) 10px 50% no-repeat; background-size:55px;}

.tab button:hover:nth-child(1) {padding: 20px 0 20px 95px; background-size: 70px; font-size: 28px;}
.tab button:hover:nth-child(2) {padding: 20px 0 20px 95px; background-size: 70px; font-size: 28px;}
.tab button:hover:nth-child(3) {padding: 20px 0 20px 95px; background-size: 70px; font-size: 28px;}

.tab button:hover span {}

.tab button.active {
  border-bottom: 1px solid #fd5929;
}

.tabcontent {
  display: none;
  padding: 45px 20px 15px 20px;
  /* background: linear-gradient(90deg, rgba(188,45,37,0.1), rgba(188,45,37,0.0)); */
  background:transparent;
  border-top: none;
width:75%;
text-align:center;
}

#main .tabcontent h2 {
color: #fd5929;
  font-size: 40px;
  font-weight: 700;
  margin: 10px 0 30px 0;
  letter-spacing: -1px;
font-family: "Lexend", Arial, sans-serif !important;
display:none;
}

.tabcontent .tarif-1, .tabcontent .tarif-2, .tabcontent .tarif-3 {display:flex; justify-content: center;}

.tabcontent .tarif-1 a, .tabcontent .tarif-2 a, .tabcontent .tarif-3 a {display: flex; width:150px; height:240px; margin: 0 10px; flex-direction: column;}
.tabcontent .tarif-2 a {width:180px;}

.tabcontent > div > .hb-web {background:url(userFiles/home/icon-we.png) bottom center no-repeat; background-size: 135px;}
.tabcontent > div > .hb-loga {background:url(userFiles/home/icon-lg.png) bottom center no-repeat; background-size: 135px;}
.tabcontent > div > .hb-logano {background:url(userFiles/home/icon-lgno.png) bottom center no-repeat; background-size: 135px;}
.tabcontent > div > .hb-sablony {background:url(userFiles/home/icon-sa.png) bottom center no-repeat; background-size: 135px;}
.tabcontent > div > .hb-seo {background:url(userFiles/home/icon-sg.png) bottom center no-repeat; background-size: 135px;}
.tabcontent > div > .hb-eshop {background:url(userFiles/home/icon-sh.png) bottom center no-repeat; background-size: 135px;}
.tabcontent > div > .hb-obsah {background:url(userFiles/home/icon-po.png) bottom center no-repeat; background-size: 135px;}
.tabcontent > div > .hb-social {background:url(userFiles/home/icon-fi.png) bottom center no-repeat; background-size: 135px;}
.tabcontent > div > .hb-hostyes {background:url(userFiles/home/icon-hostyes.png) bottom center no-repeat; background-size: 135px;}
.tabcontent > div > .hb-hostno {background:url(userFiles/home/icon-no.png) bottom center no-repeat; background-size: 135px;}
.tabcontent > div > .hb-domenacz {background:url(userFiles/home/icon-cz.png) bottom center no-repeat; background-size: 135px;}
.tabcontent > div > .hb-lista {background:url(userFiles/home/icon-li.png) bottom center no-repeat; background-size: 135px;}

.tabcontent > div > .hb-web:hover, .tabcontent > div > .hb-loga:hover, .tabcontent > div > .hb-sablony:hover, .tabcontent > div > .hb-seo:hover, .tabcontent > div > .hb-eshop:hover, .tabcontent > div > .hb-obsah:hover, .tabcontent > div > .hb-social:hover, .tabcontent > div > .hb-hostyes:hover, .tabcontent > div > .hb-hostno:hover, .tabcontent > div > .hb-domenacz:hover, .tabcontent > div > .hb-lista:hover {background-size: 150px; 
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}


.tabcontent > div > a {font-size: 16px; line-height:1.1; letter-spacing:-0.5px; font-weight: 400; color: black; text-align:center; padding: 10px 0 0 0; border-radius: 10px;}
.tabcontent > div > a span {display: flex; font-weight: 700; font-size: 22px; line-height: 1.1; color: #bc2d25; justify-content: center; margin:5px 0; text-transform: uppercase; letter-spacing: -1px;}
.tabcontent > div > a:hover {color: gray;}
.tabcontent > div > a:hover span {color: black;}

.tabcontent > div > a:nth-child(2n) {flex-direction: column-reverse; background-position-y: top; padding: 0 0 10px 0; border-radius: 10px;}

.tabcontent > div > a.gray {filter: grayscale(1); opacity: 0.5;}

.tabcontent .tarif-1 a:nth-child(1) {padding-top:40px;}
.tabcontent .tarif-1 a:nth-child(1):hover {padding-top:30px;}
.tabcontent .tarif-1 a:nth-child(2) {padding-bottom:10px;}
.tabcontent .tarif-1 a:nth-child(2):hover {padding-bottom:0px;}
.tabcontent .tarif-1 a:nth-child(3) {padding-top:30px;}
.tabcontent .tarif-1 a:nth-child(3):hover {padding-top:20px;}
.tabcontent .tarif-1 a:nth-child(4) {padding-bottom:20px;}
.tabcontent .tarif-1 a:nth-child(4):hover {padding-bottom:10px;}
.tabcontent .tarif-1 a:nth-child(5) {padding-top:25px;}
.tabcontent .tarif-1 a:nth-child(5):hover {padding-top:15px;}

.tabcontent .tarif-2 a:nth-child(1) {padding-top:40px;}
.tabcontent .tarif-2 a:nth-child(1):hover {padding-top:30px;}
.tabcontent .tarif-2 a:nth-child(2) {padding-bottom:10px;}
.tabcontent .tarif-2 a:nth-child(2):hover {padding-bottom:0px;}
.tabcontent .tarif-2 a:nth-child(3) {padding-top:30px;}
.tabcontent .tarif-2 a:nth-child(3):hover {padding-top:20px;}
.tabcontent .tarif-2 a:nth-child(4) {padding-bottom:20px;}
.tabcontent .tarif-2 a:nth-child(4):hover {padding-bottom:10px;}
.tabcontent .tarif-2 a:nth-child(5) {padding-top:25px;}
.tabcontent .tarif-2 a:nth-child(5):hover {padding-top:15px;}

.tabcontent .tarif-3 a:nth-child(1) {padding-top:40px;}
.tabcontent .tarif-3 a:nth-child(1):hover {padding-top:30px;}
.tabcontent .tarif-3 a:nth-child(2) {padding-bottom:30px;}
.tabcontent .tarif-3 a:nth-child(2):hover {padding-bottom:20px;}
.tabcontent .tarif-3 a:nth-child(3) {padding-top:45px;}
.tabcontent .tarif-3 a:nth-child(3):hover {padding-top:35px;}
.tabcontent .tarif-3 a:nth-child(4) {padding-bottom:25px;}
.tabcontent .tarif-3 a:nth-child(4):hover {padding-bottom:15px;}
.tabcontent .tarif-3 a:nth-child(5) {padding-top:45px;}
.tabcontent .tarif-3 a:nth-child(5):hover {padding-top:35px;}

.tabcontent > div > .hb-web:hover {background:url(userFiles/home/icon-we-hover.png) bottom center no-repeat; background-size: 150px;}
.tabcontent > div > .hb-obsah:hover {background:url(userFiles/home/icon-po-hover.png) bottom center no-repeat; background-size: 150px; background-position-y: top;}
.tabcontent > div > .hb-sablony:hover {background:url(userFiles/home/icon-sa-hover.png) bottom center no-repeat; background-size: 150px;}
.tabcontent > div > .hb-loga:hover {background:url(userFiles/home/icon-lg-hover.png) bottom center no-repeat; background-size: 150px;}
.tabcontent > div > .hb-logano:hover {background:url(userFiles/home/icon-lgno-hover.png) bottom center no-repeat; background-size: 150px;}
.tabcontent > div > .hb-eshop:hover {background:url(userFiles/home/icon-sh-hover.png) bottom center no-repeat; background-size: 150px;}
.tabcontent > div > .hb-hostno:hover {background:url(userFiles/home/icon-no-hover.png) top center no-repeat; background-size: 150px;}
.tabcontent > div > .hb-seo:hover {background:url(userFiles/home/icon-sg-hover.png) bottom center no-repeat; background-size: 150px; background-position-y: top;}
.tabcontent > div > .hb-social:hover {background:url(userFiles/home/icon-fi-hover.png) bottom center no-repeat; background-size: 150px;}
.tabcontent > div > .hb-lista:hover {background:url(userFiles/home/icon-li-hover.png) top center no-repeat; background-size: 150px;}
.tabcontent > div > .hb-domenacz:hover {background:url(userFiles/home/icon-cz-hover.png) bottom center no-repeat; background-size: 150px;}


#main .home-banner {
display:flex;
height: 400px;
}

#main .home-banner .tab {
display: flex;
flex-flow: column;
justify-content: center;
}


#main .home-banner a.banner-go {
border-bottom: 2px solid #fd5929;
  padding: 7px 95px 7px 25px;
  margin-top: 30px;
  display: inline-block;
  border-radius: 10px;
  font-size: 24px;
  letter-spacing: -1px;
  font-weight: 600;
}

#main .home-banner a.banner-go.t1 {background: rgba(253, 89, 41,0.2) url(userFiles/home/arrows.png) 515px 50% no-repeat;}
#main .home-banner a.banner-go.t1:hover {background: rgba(253, 89, 41,0.1) url(userFiles/home/arrows.png) 520px 50% no-repeat;}
#main .home-banner a.banner-go.t2 {background: rgba(253, 89, 41,0.2) url(userFiles/home/arrows.png) 385px 50% no-repeat;}
#main .home-banner a.banner-go.t2:hover {background: rgba(253, 89, 41,0.1) url(userFiles/home/arrows.png) 390px 50% no-repeat;}
#main .home-banner a.banner-go.t3 {background: rgba(253, 89, 41,0.2) url(userFiles/home/arrows.png) 610px 50% no-repeat;}
#main .home-banner a.banner-go.t3:hover {background: rgba(253, 89, 41,0.1) url(userFiles/home/arrows.png) 615px 50% no-repeat;}
#main .home-banner a:hover {color:#BC2D25;}

#a_div1282 {width: calc(100% - 300px);}

body.uvod #main .post a[name] {margin-top: -200px; display: block;}
body.uvod #main .post a[name=newsid4], body.uvod #main .post a[name=newsid15] {margin-top: unset;}

body.uvod #main .box-inside img {width: 250px;}
body.uvod #main .box-inside.bimage-right img {margin: 0 0 0 50px !important;}
body.uvod #main .box-inside.bimage-left img {margin: 0 50px 0 0 !important;}

body.uvod #main .post.blok-seo, body.uvod #main .post.blok-obsah {background:linear-gradient(to right bottom , #feeae4, white);}
body.uvod #main .post.blok-eshop, body.uvod #main .post.blok-social {background:linear-gradient(to left bottom , #feeae4, white);}

/* Akce dárky */

body.darky #main img {margin:30px auto !important;}
#main .tab-darky {display:none;}

#main .darek-pic-web {margin:30px auto !important;}
#main .darek-pic-web img {margin:0 auto !important; border-radius:15px !important;}

#main .darek-pic-respo {display:none; border-radius:15px !important;}

#main .darek-pic-ilustracni img {margin: 30px auto !important; display: block;}

#main .obsah-darek .nadpis-vyraznejsi {}

#main .tabDarek {margin: 20px 0 !important; display:flex;}
#main .tabDarek div {background: #ffefef; margin: 10px 10px 20px 10px; display: inline-block; width: calc(25% - 30px); padding: 0 20px; min-height: 180px; border-radius: 15px;}
#main .tabDarek div p {font-size: 16px; line-height: 1.3; text-align:center;}
#main .tabDarek .mdi {text-align:center;}
#main .tabDarek .mdi::before {font-size: 60px; color:#bc2d25;}
#main .tabDarek div h3 {font-weight: 700; font-size: 22px; text-align: center;}

/* Praxe */

body.pojd-k-nam-na-praxi {background:#161717; color:white;}
body.pojd-k-nam-na-praxi a {color:#b5b6ba;}

#main .praxe-h1 {font-size: 80px !important; color: #e9421b !important; font-weight: 700 !important; text-transform: uppercase; text-align: center; display: block; margin: 30px 0 0 0; text-shadow: 2px 2px #9d0f13;}
#main .praxe-h1:after {display:none;}
#main .praxe-anotace {font-size: 20px; width: 750px; margin: 0 auto; text-align: center;}
#main .praxe-h2 {font-size:35px; color:#b5b6ba; font-weight:600;}
#main .praxe-h2-vclanku {text-align: center; color:#e9421b; font-size: 40px; font-weight: 300; margin-top: 50px;}
#main .praxe-h3 {font-size:30px; color:#b5b6ba; font-weight:700; text-transform: uppercase;}

body.pojd-k-nam-na-praxi .praxe-box-inner2 ul li {color:#e9421b; text-transform:uppercase;}

#main .praxe-box1, #main .praxe-box2, #main .praxe-box3 {display:flex; flex-direction:row; margin:50px 0;}
#main .praxe-box-inner1 {padding-right:10px;}
#main .praxe-box-inner1 img {width:200px; margin-top:10px !important;}

#main .praxe-more {background:white !important; color: #e9421b !important; border: 2px solid #b5b6ba !important; font-weight: 700; display: inline-block;}


/* Kontaktní form pro akční stránky */

#main .blok-form {width: 100%; background: #fff0f0; margin: 20px auto 0 auto !important; padding: 20px 40px !important;}
#main .blok-form table {width: 100%;}
#main .blok-form table td {width: 50%;}
#main .blok-form table td:first-child {text-align:left;}

#main .blok-form .bform label {display:none;}
#main .blok-form .bform > form > div > div:nth-child(1), #main .blok-form .bform > form > div > div:nth-child(2), #main .blok-form .bform > form > div > div:nth-child(3) {width:33%; display: inline-block !important;}
#main .blok-form .bform > form > div > div:nth-child(1) {padding: 3px 5px 3px 0;}
#main .blok-form .bform > form > div > div:nth-child(2) {padding: 3px 5px;}
#main .blok-form .bform > form > div > div:nth-child(3) {padding: 3px 0 3px 5px;}
#main .blok-form .bform > form > div > div input, #main .blok-form .bform > form > div > div textarea {width:100%; border:0; border-radius: 0px; border-bottom: 1px solid #BC2D25; padding: 5px 10px;}
#main .blok-form .bform > form > div > div input.button {width:auto;}


/* Styly pro form na úvodu */

body.uvod #main .blok-form #form_email_odesilatel {display:none;}
body.uvod #main .blok-form {background: rgba(253, 89, 41,0.2);}

body.uvod #main .post.blok-form table {border: none; border-collapse: separate; border-spacing: 0; padding: 0; margin: 0; width: 100%; background: transparent;}
body.uvod #main .post.blok-form table td:first-child {padding-right: 30px;}

body.uvod #main .post.blok-form h2 {color: #BC2D25; text-align: left; font-size: 35px; font-weight: 700;}
body.uvod #main .post.blok-form .home-contacts p {display:inline-block; margin-right:30px; font-size: 35px;}
body.uvod #main .post.blok-form .home-contacts a.mdi {font-size: 22px; font-weight: 600;}
body.uvod #main .post.blok-form .home-contacts a:before {margin-right:10px;}


.post.skryt {display:none !important;}

.nadpis-boxy {padding:40px 0 20px 0 !important;}

.blok-dlazdice {padding:0 0 80px 0 !important;}
.blok-dlazdice>.post_body {display:grid; grid-gap:20px; grid-template-areas: "dl-1 dl-2 dl-5" "dl-1 dl-3 dl-5" "dl-1 dl-4 dl-4";}

.post.dlazdice {display:block; background: linear-gradient(to bottom right, #f0f0f0, #e1e1e1); border-radius:20px; padding:20px 60px 60px 40px !important;}
.post.dlazdice .post_body {width:unset;}
.post.dlazdice .post_body .more {background: rgba(255,255,255,0.5) !important; color: #BC2D25 !important; border: 1px solid #6e1414 !important; margin:10px 0 !important;}
.post.dlazdice .post_body .more:hover {background: #BC2D25 !important; color: white !important; border: 1px solid #6e1414 !important}

.post.dlazdice.dl-1 {grid-area: dl-1; background: #f9e4e5 url(userFiles/home/arrows-red.png) left bottom no-repeat;}
.post.dlazdice.dl-2 {grid-area: dl-2; padding:20px 40px 80px 40px !important; background: #eaeaea url(userFiles/home/waves-social2.png) 230px 180px no-repeat; background-size: auto; background-size: 35%; background: #eaeaea url(userFiles/home/arrows-gray8.png) right bottom no-repeat; background-size:auto;}
.post.dlazdice.dl-3 {grid-area: dl-3; padding:20px 40px 80px 40px !important; background: #eaeaea url(userFiles/home/waves-obsah2.png) 200px 220px no-repeat; background-size: 45%; background: #eaeaea url(userFiles/home/arrows-gray10.png) right bottom no-repeat; background-size:auto;}
.post.dlazdice.dl-4 {grid-area: dl-4; padding:20px 200px 20px 40px !important; background: #eaeaea url(userFiles/home/waves-seo2.png) 590px 60px no-repeat; background-size: 22%; background: #eaeaea url(userFiles/home/arrows-gray7.png) right bottom no-repeat; background-size:auto;}
.post.dlazdice.dl-5 {grid-area: dl-5; background: #eaeaea url(userFiles/home/waves-search2.png) 230px 290px no-repeat; background-size: 35%; background: #eaeaea url(userFiles/home/arrows-gray9.png) right bottom no-repeat; background-size:auto;}

#main .post.dlazdice h2 {color: #BC2D25; text-align: left; font-size: 35px; line-height: 1.1; font-weight: 700; margin-bottom:20px;}
#main .post.dlazdice.dl-1 h2 {color: #BC2D25; text-transform: uppercase;}

#main .post.dlazdice h4 {margin-top:20px; font-size: 26px; font-weight:600;}

#main .post.dlazdice p {font-size:18px;}
#main .post.dlazdice.dl-1 p {font-size: 18px;}

.blok-dlazdice>.post_body>p {position:absolute;}
.blok-dlazdice>.post_body>p a[name] {margin-top: -140px !important;}


/* ----------- BANNER RESPO ----------------- */

@media (max-width:1200px) {

#main .darek-pic-web {text-align:center;}
#main .darek-pic-web img {width:95% !important;}

#main .darek-pic-ilustracni img {width:80% !important;}

}

@media (max-width:960px) {

.banner {
    flex-flow: column nowrap;
    align-items: unset;
    width: calc(100% - 20px);
    padding: 0 10px;
}

.banner .left {
    width: 100%;
    flex-flow: row-reverse;
    justify-content: space-between;
}
.banner .left .box {
    grid-template-areas: "icon bottom";
    grid-template-columns: auto auto;
    align-items: center;
    width: 33%;
}

.banner .left .box.profi {
    border-left: 1px solid rgba(0,0,0,0.15);
    border-right: 1px solid rgba(0,0,0,0.15);
}

.banner .left > div .top {display:none;}

.banner .right {
    width: 100%;
    padding: 20px 0;
}

.banner .overlay .middle-line {visibility:hidden;}

body.uvod #main .banner span.mdi:before {
    font-size: 50px;
}

.banner .left > div .bottom {
    font-size: 18px;
}


/* Akce dárky */

#main .tabDarek {display:block;}
#main .tabDarek div {width: calc(50% - 30px); float: left;}
#main .tabDarek div h3 {font-size: 26px;}

#main .obsah-darek .nadpis-vyraznejsi {font-size: 6vw;}

}



/* styl seo dotaznik */

.blok-seo-dotaznik + .post_formulare {

}

.blok-seo-dotaznik + .post_formulare .bform [id*="atextarea_"] {
margin-bottom: 30px;
}

.blok-seo-dotaznik + .post_formulare .bform [id*="atextarea_"]>label {
display: block!important;
width: 100%!important;
margin-bottom: 10px;
}

.blok-seo-dotaznik + .post_formulare .bform [id*="atextarea_"]>textarea {
display: block!important;
width: 100%!important;
height: 100px;
}

body.ssl .bform>form {
width: 400px;
margin: auto;
}

body.ssl .bform>form .form_textbox {
  padding: 6px;
  display: inline-block;
  width: 50%;
}

body.ssl .bform>form>div>div>label {
  padding: 0;
  display: inline-block;
  width: 48%;
  text-align: left;
}
/*-------------STYLE-------------*//* STYL PRO TABLETY */

@media screen and (max-width: 1199px) {

body, body.fixed {
padding: 0;
}

#main, .split #main{
padding: 0;
margin: 0;
width: 100%;
float: none;
}

#main>ul, #main>h2 {
  width: 100%;
padding: 0 10px!important;
}


#wrap {
width: 100%;
}

#footer, #footer-content {
margin-bottom:0px;
width: 100%;
padding: 0 10px;
}

.home-footer-kontakty, .home-footer-ostatni {
padding: 0 !important;
}

#logo {
margin-left: 55px;
}

#logo a {

}

/* HEADER */

#max-header {
position: relative;
top: 0;
}

#header {
width: 100%;
}


#max-info {
position: relative;
height: auto;
text-align: center;
}

#max-info > div p {
line-height: 1.2;
}

#max-slide {
height: 30vw;
}

.theme-default .nivo-caption {
padding: 2vh 0 0 29vw !important;
}

#akcni-box {
padding: 2vh 0 0 0 !important;
}

#akcni-box .more, #slide-button .more {
bottom: -10vw;
font-size: 18px;
}

.theme-default .nivo-controlNav {
bottom: -5vw;
}

.nivo-caption h2, .nivo-caption h2 *, #akcni-box h2, .nivo-caption h3, .nivo-caption h3 *, #akcni-box h3 {
font-size: 3.5vw;
}

.nivo-caption p {
font-size: 2.25vw;
}

/* MENU */

#pull {
height: 40px;
    width: 40px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 0;
    margin: 0;
    position: relative;
    top: 15px;
    left: 15px;
    z-index: 100;
}

#pull:after {
content: '\61';
    font-family: "ElegantIcons"!important;
    position: absolute;
    top: 0px;
    left: 0;
    font-weight: 400;
    font-size: 48px;
    line-height: 1;
    width: 40px;
    display: block;
    color: #bc2d25;
}

#pull.mAct:after {
content: '\4d';
}

#menu {
width: 100%;
position: absolute;
top: 0;
left: 0;
text-align: left;
height: 0;
}

#menu>ul {
display: block;
position: absolute;
left: 0px;
top: 80px;
z-index: 9999;
opacity: 1;
background: -webkit-linear-gradient(to right, #e6e6e6, #fcfcfc);
  background: -o-linear-gradient(to right, #e6e6e6, #fcfcfc);
  background: -moz-linear-gradient(to right, #e6e6e6, #fcfcfc);
  background: linear-gradient(to right, #e6e6e6, #fcfcfc);
width: 300px;
margin-left:-300px;
}

#menu>ul>li {
display: block;
width: 100%;
margin: 0;
-webkit-border-radius: 0;
border-radius: 0;
height: auto;
}

#menu>ul>li.current, #menu>ul>li:hover {
background: rgba(0,0,0,0.05);
}

#menu>ul>li>a {
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,0.05)!important;
padding-left:20px;
margin: 0;
line-height: 3;
}

.fixed #menu>ul>li>a {
line-height: 3;
}

#menu>ul>li.current>a, #menu>ul>li:hover>a {
color: #000;
}

#menu>ul>li>a, #menu>ul>li.current>a, #menu>ul>li:hover>a {
border: none;
}

#menu>ul>li>ul {
background: rgba(0,0,0,0.01);
width: 100%;
margin: 0;
}

#menu ul li a:after {display: none;}
#menu ul li a:before {display: none;}
#menu ul li.current {background: rgba(0,0,0,0.015);}
#menu li {display: block; float: none; width: 100%; position:relative;}

#menu ul li ul {display: none; position: inherit;}

#menu ul li ul.menu_add_show {
display:block!important;
visibility:visible;
}

#menu>ul>li>ul>li, #menu>ul>li.menu_add_active {
background: rgba(0,0,0,0.015);
border-top: 1px solid rgba(0,0,0,0.05);
padding: 0;
}

#menu>ul>li>ul>li>a {
padding: 5px 20px;
font-weight: 400;
}

#menu>ul>li>ul>li>ul>li {
border-top: 1px solid rgba(0,0,0,0.05);
}

#menu>ul>li>ul>li>ul, #menu>ul>li>ul>li>ul>li>ul {
float: none;
list-style-type: none;
width: 0px;
position: relative;
margin: 0px 0;
padding: 0px 0px;
z-index: 10;
overflow: visible;
left: 0px;
top: 0px;
display: none!important;
background: rgba(0,0,0,0.005);
}

#menu ul li ul li:hover a, #menu ul li.menu_add_active a:hover {background:rgba(0,0,0,0.025);}

.menu_add_row:after {
    content: '\33';
    font-family: "ElegantIcons"!important;
    position: absolute;
    top: 0px;
    right: 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 2.2;
    display: block;
    color: #bc2d25;
    width: 40px;
    text-align: center;
}

.menu_add_row.active:after {
    content: '\32';
}

.menu_add_show a {
color: #bc2d25!important;
line-height: 3!important;
visibility: visible;
}

#menu>ul>li>ul>li>ul, #menu>ul>li>ul>li:hover>ul, #menu>ul>li>ul>li>ul>li>a {
width: 100%;
}

#menu>ul>li>ul>li>ul>li>a, #menu>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 30px;
    font-size: 14px;
}

#sidebar {
    margin: 0;
    width: 100%;
    float: left;
    display: none;
}

#sidebar>.sidemenu {
display: none;
}


.post, #sidebar .boxed, #footer, .uvod .post_top, .uvod .post_body {
width: 100%;
}

.post {
padding: 20px 10px!important;
}

.intro {
width: 100%;
}

#max-top {
padding:0 20px 20px 20px;
}

#max-top #top-left {
padding: 1.5vw 2vw 2vw 2vw;
text-align: center;
}

#max-top #top-left img {
margin: 1vw 3vw 0 0 !important;
height: 12vw;
}

#max-top #top-left h2, #max-top #top-left h2 span {
font-size: 4.2vw;
text-align: left;
padding-right: 0 !important;
}

#max-top #top-left h3 {
font-size: 2vw;
padding: 0.5vw 0 0 0 !important;
text-align: left;
}

#max-top #top-left .topleft-topics {
padding: 1vw 0 0 0 !important;
display: block;
width: 100%;
}

#max-top #top-left .topleft-topics p {
display: block;
float: left;
width: 33%;
text-align: left;
}

#max-top #top-left .topleft-topics p a {
font-size: 1.8vw;
letter-spacing: -0.5px;
padding-left: 5px;
}

#max-top #top-left .topleft-topics .mdi:before {
font-size: 1.8vw;
}

#max-top #top-left a.more {
font-size: 1.5vw;
font-weight: 700;
padding: 5px 15px !important;
margin: 0.5vw 1vw;
}

#news1, #news2 {
display: inline-block;
width: calc(50% - 18px);
}

#news1 {
margin: 0 5px 0 10px;
}

#news2 {
margin: 0 10px 0 5px;
}

.owl-carousel .owl-item {
border-right: 0px dashed rgba(0,0,0,0.3);
}

#weblogo img {
margin: 15px 0 0 75px !important;
}

div.intro > div {
width: calc(33% - 10px);
}

div.intro img {
width: 60%;
}

div.ikony > div {
padding: 6px 2vw 0;
width: calc(33% - 1vw);
}

div.ikony img {
width: 4.5vw;
margin: 0 1vw 0 0 !important;
}

div.ikony > div p {
font-size: 1.9vw;
}

.uvod .post.pt4 {
padding: 20px !important;
}

.uvod .post.pt4 .post_top, .uvod .post.pt4 .post_body {
width: 100%;
}

.uvod .post.pt4 .post_body:after {
display: none;
}

.uvod #main .post.pt4 h3 {
width: 100%;
text-align: center;
font-size: 35px !important;
}

#a_div1098 {
text-align: center;
width:100%;
}

.bform #atext_1098_81602 {
margin: 0 0 20px 0;
text-align: center;
}

/* Home novinky, forum, boxy */

.uvod #main .post.pt5, .uvod #main .post.pt6 {
margin:0px !important;
width:100%;
}

.uvod #main .post.pt5 {
margin-bottom:20px !important;
}

.uvod #main .post.pt5 > ul > li, .uvod #main .post.pt6 > ul > li {
/* padding: 10px 0; */ padding:6px 0;
/* margin-top: -30px; */
}

#main .tarif-bez-starosti td h3 {
margin: 10px 0;
font-size: 22px;
text-align: center;
font-weight: 700;
line-height: 1.1;
display: block;
}

#main .tarif-bez-starosti td h1 {
margin: 10px 0;
font-size: 22px !important;
text-align: center;
line-height: 1.1;
display: block;
}

table.tarif-bez-starosti td img {
width: 80px;
margin: 0 auto 10px auto !important;
display: block;
}

table.tarif-bez-starosti td p {
text-align:center;
}

table.tarif-bez-starosti td p.komplexne, table.tarif-bez-starosti td p.komplexne:before {
font-size:16px;
}

.uvod #main .post.pt8 {
padding: 20px 0 40px 0 !important;
}

.uvod #main .post.pt8 .post_body {
column-count: 1;
gap: normal;
}

.uvod #main .post.pt8 .post_body p {
font-size: 14px;
padding: 10px 30px !important;
}

/* Boxy home vpravo */

.flip-box-inner div:first-of-type, .flip-box-inner div:last-of-type {
padding: 1.2vw 1vw;
}

.flip-box-inner .flip-box-front img {
height: 5vw;
}

.flip-box-inner .flip-box-front h2 {
font-size: 2.4vw;
}

.flip-box-inner .flip-box-front p, .flip-box-inner .flip-box-back p {
font-size: 1.2vw;
line-height: 1.1;
}

.flip-box-inner .flip-box-back a {
margin-top: 12px !important;
padding: 6px 12px !important;
}

/* Patička */

.footer-info {
width: 95%;
flex-direction: row;
}

.home-footer-kontakty, .social-icon {
width: 95%;
text-align: left;
justify-content:left;
}

.home-footer-kontakty span {
padding:2px 0;
}

.home-footer-boxy {
width: 100%;
padding-bottom: 20px;
}

.home-footer-boxy td a {
display: inline-block;
}

.home-footer-boxy td {
display:inline-block;
width:45%;
text-align:center;
}

.post.ukazky-webu .post_body>div img:hover {
transform: unset;
}

.post.ukazky-logo .post_body p {
  width: calc(25vw - 21px);
  height: calc(25vw - 21px);
}

.post.ukazky-logo .post_body p a {
  height: calc(25vw - 21px);
}

/* Stranka Bez starosti */

#main h2.nadpis-vyraznejsi, #main h2.nadpis-vyraznejsi span {background-size: contain; font-size: 5vw; line-height: 1.1;}
#main .nadpis-perex .nadpis-perex-right {width: 75%;}
#main .nadpis-perex .nadpis-perex-right p {font-size: 16px; line-height: 1.2;}
#main .nadpis-perex .nadpis-perex-right p strong {font-size: 16px;}

.profil {width:100%;}
.col-12 div:first-child {width: 40%;}

/* Akce - Webove stranky zdarma */

table.tabNovestranky td {
margin: 0 20px 20px 20px;
display: block;
width: calc(50% - 40px);
padding: 20px;
height: 120px;
min-height: auto;
float: left;
}

#main .nwsz {
margin-left: 0px;
height: auto;
padding: 0;
border-left: 0;
width:100%;
}

#main .nwsz div {width:100%;}
#main .nwsz div h2.nwsz-1::before, #main .nwsz div h2.nwsz-2::before, #main .nwsz div h2.nwsz-3::before {left:20px;}
x.akce_-nove-webove-stranky-zdarma #main .nwsz h2, body[class*="akce_"] #main .nwsz h2, body.ssl #main .nwsz h2, #main .nwsz p {padding-left: 170px;}

#main .tab-eshop-tarify div {width: 50%;}

body.akce-eshop #main h2 {font-size: 4vw; padding: 1vw 0;}
body.akce-eshop #main h2.nadpis-vyraznejsi {font-size: 6.5vw; padding: 5vw 0;}
body.akce-eshop #main table.tabEshop td {width: calc(50% - 30px); display:inline-block; min-height: 40vw;}
body.akce-eshop #main table.tabEshop h3 {font-weight: 700; font-size: 3vw;}
body.akce-eshop #main table.tabEshop td p {font-size: 2.2vw; line-height: 1.2;}

.uvod .post.pt5 .post_top, .uvod .post.pt5 .post_body {width:100%;}
.uvod .post.pt5 .post_body:after {position: relative; top: 0; width: 200px; height: 200px; margin: 20px auto; display:none;}

.uvod .post.blok-form .post_body {width: 100%;}
#main .blok-form table td {width: 100%; display: block;}


#a_div1282 {width: 100%;}
#atext_1282_45388 {padding:20px;}


/* Akce dárky */

body.darky #main img {margin:30px auto !important; width:100% !important;}


/* Praxe */

#main .praxe-h1 {font-size: 70px !important;}
#main .praxe-anotace {width: 80%;}
#main .praxe-box-inner1 img {width: 150px; margin-top: 10px !important;}


/* Stránky s akcemi - form */

#main .blok-form {margin: 30px auto 0 auto !important; padding: 30px 40px !important;}


/* Home */

.tabcontent > div > a, .tabcontent > div > a:hover {background-size: 110px !important;}
.tabcontent > div > a {font-size: 1.6vw;}
.tabcontent > div > a span {font-size: 2.2vw;}
#main .home-banner a.banner-go {background-size:0px !important; padding: 7px 25px 7px 25px; font-size:2.4vw;}

.tab button {font-size:2.2vw;}
.tab button span {font-size:1.6vw;}
.tab button:nth-child(1), .tab button:nth-child(2), .tab button:nth-child(3) {padding: 20px 0 20px 70px; background-size: 55px;}
.tab button:hover:nth-child(1), .tab button:hover:nth-child(2), .tab button:hover:nth-child(3) {padding: 20px 0 20px 60px; background-size: 40px; font-size: 2.5vw;}

.blok-dlazdice > .post_body {grid-template-areas:"dl-1" "dl-2" "dl-3" "dl-4" "dl-5";}

div.ikony > div {flex-direction: column; text-align: center;}
div.ikony img {width: 70px; margin: 0 auto 2vw auto !important;}
div.ikony > div p {font-size: 25px;}
div.ikony > div p span {font-size: 16px;}

.post.dlazdice.dl-1 {background: #f9e4e5 url(userFiles/home/arrows-red3.png) right top no-repeat;}
.post.dlazdice.dl-2, .post.dlazdice.dl-3, .post.dlazdice.dl-4, .post.dlazdice.dl-5 {padding: 20px 40px !important;}
.post.dlazdice.dl-2 {background: #eaeaea url(userFiles/home/arrows-respo1.png) right bottom no-repeat; background-size: contain;}
.post.dlazdice.dl-3 {background: #eaeaea url(userFiles/home/arrows-respo2.png) right bottom no-repeat; background-size: contain;}
.post.dlazdice.dl-4 {background: #eaeaea url(userFiles/home/arrows-respo3.png) right bottom no-repeat; background-size: contain;}
.post.dlazdice.dl-5 {background: #eaeaea url(userFiles/home/arrows-respo4.png) right bottom no-repeat; background-size: contain;}

.uvod .post.blok-loga {padding: 50px 40px 70px 40px !important;}

#main .klientska-loga img {width: 19vw;}

#main .tab-socials-tarify {flex-direction: column;}
#main .tab-socials-tarify div {width: calc(100% - 30px); margin: 20px 15px;}
#main h3.podnadpis-vyraznejsi {font-size: 3.8vw; max-width: 90vw;}

}


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

#news1, #news2 {
display: block;
width: calc(100% - 20px);
margin: 10px;
}

table.tarif-bez-starosti td {
padding: 10px 0px;
  width: 100%;
  display: block;
}

.uvod .post.pt4:after {
display: none;
}

.bform #atext_1098_81602 {
  margin: 20px 10%;
}

.reference-img a {width: calc(50% - 10px);
}

.post.ukazky-webu .post_body > div img {
  width: calc(49% - 3px);
}

.akce-weby .img-web {
width: 50vw;
}

body.akce-eshop #main input {width: 100%; border: 2px solid rgba(0,0,0,0.2);}

body.akce100-eshop #main table.tabEshop td {
  width: calc(100% - 20px);
  min-height: auto !important;
  padding: 10px 20px 20px 20px;
}

#bform1263 {
width: calc(100% - 20px); padding: 30px 20px;
}

#bform1263 label {
width: calc(100% - 20px); margin-bottom: 5px;
}

body.akce100-eshop #aselect_1263_1 select, body.akce100-eshop #main input {
width: 100%; margin-top:5px 0 20px 0;
}

body.akce100-eshop #main input.button {
width: auto;
}

body.akce100-eshop #main h2.nadpis-vyraznejsi, body.akce100-eshop #main h2.nadpis-vyraznejsi span {
font-size: 8vw;
    line-height: 1.2;
    background-size: contain;
    background-position-y: center;
    width: calc(100% - 30px);
    padding: 20px 0;
}

body.akce100-eshop #main h2.v-clanku, body.akce100-eshop #main .pt2 h2 {
font-size: 8vw;
}

body.akce100-eshop #main a.thickbox img {
width:100%; margin: 20px auto !important;
}


#main .tab-eshop-tarify.tab-socials {display: block; margin:20px 0 0 0;}
#main .tab-eshop-tarify.tab-socials div {padding: 30px 20px; width: calc(100% - 30px); background: #dbf0fd; margin-bottom: 30px; display: inline-block;}



/* Novy uvod */
#main .home-banner {height: auto; min-height:550px; flex-direction: column;}

#main .home-banner .tab {flex-flow: row; width: 100%; padding: 20px;}
.tab button {padding: 10px 10px 10px 75px; width: 30%; font-size: 28px;}

.tabcontent {width: 100%;}
.tabcontent .tarif-1, .tabcontent .tarif-2, .tabcontent .tarif-3 {justify-content: space-around;}


#main h3.podnadpis-vyraznejsi {font-size: 4.5vw;}
#main .tab-socials-tarify h2 {font-size: 26px;}

}

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

#news1, #news2 {
display: block;
width: calc(100% - 20px);
margin: 10px;
}

table.tarif-bez-starosti td {
padding: 10px 0px;
  width: 100%;
  display: block;
}

.uvod .post.pt4:after {
display: none;
}

.bform #atext_1098_81602 {
  margin: 20px 10%;
}

.reference-img a {width: calc(50% - 10px);
}

.post.ukazky-webu .post_body > div img {
  width: calc(49% - 3px);
}

.akce-weby .img-web {
width: 50vw;
}

body.akce-eshop #main input {width: 100%; border: 2px solid rgba(0,0,0,0.2);}

body.akce100-eshop #main table.tabEshop td {
  width: calc(100% - 20px);
  min-height: auto !important;
  padding: 10px 20px 20px 20px;
}

#bform1263 {
width: calc(100% - 20px); padding: 30px 20px;
}

#bform1263 label {
width: calc(100% - 20px); margin-bottom: 5px;
}

body.akce100-eshop #aselect_1263_1 select, body.akce100-eshop #main input {
width: 100%; margin-top:5px 0 20px 0;
}

body.akce100-eshop #main input.button {
width: auto;
}

body.akce100-eshop #main h2.nadpis-vyraznejsi, body.akce100-eshop #main h2.nadpis-vyraznejsi span {
font-size: 8vw;
    line-height: 1.2;
    background-size: contain;
    background-position-y: center;
    width: calc(100% - 30px);
    padding: 20px 0;
}

body.akce100-eshop #main h2.v-clanku, body.akce100-eshop #main .pt2 h2 {
font-size: 8vw;
}

body.akce100-eshop #main a.thickbox img {
width:100%; margin: 20px auto !important;
}

#main .home-banner .tab {flex-flow: column;}
.tab button {width:100%; margin-bottom: 10px;}
.tab button span {display:inline-block; padding-right: 10px;}

#main .home-banner a.banner-go {padding: 7px 25px 7px 25px; font-size: 5vw; margin: 8vw 5vw 20px 5vw;}

.tabcontent {padding: 10px 20px 40px 20px;}
.tabcontent .tarif-1, .tabcontent .tarif-2, .tabcontent .tarif-3 {flex-direction: column;}
.tabcontent > div > div {font-size: 20px; position:relative; border-bottom: 1px solid #fd5929; border-top:0px solid silver;}
.tabcontent > div > div span {font-size: 28px; line-height: 1.5; margin: 0px; float: left; position: absolute; top: 40px; letter-spacing: -0.5px;}
.tabcontent .tarif-1 a, .tabcontent .tarif-2 a, .tabcontent .tarif-3 a {width: 100%; height: 100px; margin: 0 0 10px 0; padding: 10px 0 10px 115px !important; text-align: left;}
.tabcontent .tarif-1 a:nth-child(2n), .tabcontent .tarif-2 a:nth-child(2n), .tabcontent .tarif-3 a:nth-child(2n) {display: block; width: 100%; height: 100px; margin: 0 0 10px 0; padding: 10px 0 10px 115px; text-align: left;}

.tabcontent > div > a {background-position-x: left !important; background-position-y: top !important; background-size: 100px !important; font-size: 2.8vw;}
.tabcontent > div > a:hover {background-position-x: left !important; background-position-y: top !important; background-size: 100px !important;}

.tabcontent > div > a span {text-align: left; display: block; font-size: 5vw;}


/* Akce dárky */

#main .darek-pic-web {display:none !important;}
#main .darek-pic-respo {display:block; text-align: center;}
#main .darek-pic-respo img {margin:0 auto !important; width:95%; border-radius:15px !important;}

/* Praxe */

body.pojd-k-nam-na-praxi #main ul li {padding: 5px 0;}

#main .praxe-h1 {font-size: 70px !important;}
#main .praxe-h3 {text-align: center; margin: 20px 0; font-size: 26px;}
#main .praxe-box1, #main .praxe-box2, #main .praxe-box3 {flex-direction: column;}
#main .praxe-box-inner1 {padding-right: 0; text-align: center;}
#main .praxe-box-inner1 img {width: 250px; margin:0 !important;}


/* Kontaktní form pro akční stránky */

#main .blok-form table td:first-child, #main .blok-form table td h2 {text-align:center !important;}
#main .blok-form table td {width:100%; display:block;}


table.tabVyhody td {width:calc(50% - 30px); margin-bottom: 30px;}
#main h2.nadpis-vyraznejsi, #main h2.nadpis-vyraznejsi span {font-size: 7vw;}


#main .klientska-loga img {margin: 10px 5px 0 5px !important;}

/* Home */

.tab button {font-size:28px;}
.tab button span {font-size:18px;}

.tab button:hover:nth-child(1), .tab button:hover:nth-child(2), .tab button:hover:nth-child(3) {background-size: 55px !important; padding-left:70px !important; font-size: 28px;}

#main .klientska-loga img {width: 35vw;}

.uvod .post.blok-loga {padding: 20px 40px 40px 40px !important;}


}/*-------------STYLE-------------*/@media only screen and (max-width : 600px) {


#max-slide, #max-slide>.slider-wrapper, #max-slide .nivoSlider {
width: 100%;
}

#wrap {
width: 100%;
}

#menu > ul {
top: 60px;
}

div.ikony > div {
padding: 2vw 2vw;
width: 100%;
display: flex;
justify-content: center;
flex-direction: row;
}

div.ikony > div p {
font-size: 25px;
text-align: left;
margin-left: 10px !important;
padding-top: 14px !important;
}

div.ikony img {
width: 70px;
margin: 0 0 3vw 0 !important;
height: auto;
}

div.intro > div {
width: 100%;
margin: 20px auto 0 auto !important;
}

div.intro img {
width: 30vw;
}

#main h1::after, #rightbar .news > h2::after, #main > h2::after, .uvod #main .post.pt5 h2::after, .uvod #main .post.pt6 h2::after {display:none;}

.uvod #main .post.pt5 > ul > li > a, .uvod #main .post.pt6 > ul > li > a {
/* width:75%; */ width:100%;
}

#max-slide {
  height: 60vw;
}

#slider1, #max-slide .nivoSlider {
  height: 30vw;
}

.theme-default .nivo-caption {
  padding: 2vh 0 0 43vw !important;
  width: 100% !important;
}

#akcni-box {
    display: block;
    width: 100%;
    position: relative;
height: 30vw;
background-size: contain;
padding: 2vh 0 0 20px !important;
}

#akcni-box .more, #slide-button .more {
  bottom: 1vw;
}

#akcni-box .more {
left: 20px;
}

.theme-default .nivo-controlNav {
bottom: 15px;
}

.col-2 td, .col-3 td, .col-21 td, .col-4 td, .col-5 td {
width: 100%;
display: block;
}

.split #main, #main, .split #sidebar, #sidebar {
  width: 100%;
  float: none;
}

.rtable th {
display: none;
}

.rtable tr {
border-bottom: 3px solid #333;
}

.rtable td {
width: 100% !important;
display: block;
padding-left: 50% !important;
position: relative;
}

.rtable td:before {
content: attr(data-label);
position: absolute;
left: 0;
width: 50% !important;
padding-left: 15px;
font-weight: 700;
color: #666;
}

.home-footer-boxy {
}

.footer-info {
flex-direction: column;
width:90%;
}

.footer-info .footer-box-1, .footer-info .footer-box-2, .footer-info .footer-box-3 {
width: 90%;
padding-bottom: 30px;
}

.home-footer-kontakty span, .home-footer-kontakty a {
  font-size: 16px;
}

.bform #atext_1098_81602 {
margin: 20px;
}

#max-info > div {
flex-direction: column;
}

.contacts-icon .mdi a, .contacts-icon p {
font-size: 14px;
}

.contacts-icon p {
margin: 0 5px 0 0 !important;
}

.contacts-icon .mdi, .contacts-icon .mdi:before {
font-size: 16px;
}

#max-header {
height: 60px;
}

#pull {
top: 8px;
left: 12px;
}

#weblogo img {
height: 30px;
}

#max-top {
height: 170vw;
}

#max-top #top-left {
padding: 3vw 2vw;
margin: 0 0 4vw 0;
width: 100%;
height: 90vw;
background: #fff url(userFiles/slide/bg-new2.png) no-repeat center;
background-size: auto;
}

#max-top #top-left img {
display:none;
}

#max-top #top-left h2 {
font-size: 8.5vw;
text-align: center;
padding: 1vw 1vw 2vw 1vw !important;
line-height: 1;
}

#max-top #top-left h2 span {
font-size: 9vw;
text-align: center;
line-height: 1;
}

#max-top #top-left h3 {
font-size: 4.6vw;
text-align: center;
padding: 0.5vw 1vw 0.5vw 1vw !important;
}

#max-top #top-left .topleft-topics {
height: 22vw;
}

#max-top #top-left .topleft-topics p {
width: 50%;
}

#max-top #top-left .topleft-topics p a {
font-size: 3.5vw;
padding-left: 6px;
}

#max-top #top-left .topleft-topics .mdi:before {
font-size: 4vw;
}

#max-top #top-left a.more {
font-size: 3.5vw;
padding: 1vw 3vw !important;
margin: 2vw 2vw;
display: block;
}

#max-top #top-right {
width: 100%;
display: flex;
flex-direction: column;
}

#max-top #top-right > div {
height: 30vw;
}

.flip-box-inner div:first-of-type {
padding: 6vw 2.5vw;
display: flex;
justify-content: center;
}

.flip-box-inner .flip-box-front h2 {
font-size: 5.5vw;
padding: 2vw 0 !important;
line-height: 1;
}

.flip-box-inner .flip-box-front img {
height: 15vw;
margin: 0.5vw 5vw 0.5vw 0 !important;
}

.flip-box-inner .flip-box-front p, .flip-box-inner .flip-box-back p {
font-size: 3.2vw;
line-height: 1.1;
}

.flip-box-inner div:last-of-type {
padding: 3vw 2.5vw;
}

.flip-box-inner .flip-box-back a, .flip-box-inner .flip-box-back a:hover {
font-size: 3vw !important;
}

/* Stránka Články */

#main .clanky-highlight {
flex-direction: column;
}

#main .clanky-highlight .clanky-box {
margin-bottom: 20px;
}

/* Stránka Poradna */

body.poradna #main {
padding: 30px 20px;
}

.bform .form_checkbox_option, .bform .form_textbox, .bform input#email_odesilatel {
width: 100%;
}

/* Stránka Klientská zóna */

#main .uzitecne-odkazy {
flex-direction: column;
}

/* Stránka Ceník */

#main .prehled-tarify, #main .cenik-domeny, #main .cenik-graficke {
flex-direction: column;
}

#main .prehled-tarify .tarif {
margin: 10px 0;
}

#main .cenik-domeny div {
padding: 30px 20px 0 20px;
margin: 10px 0;
} 

.reference-img a {width: calc(100% - 10px);}

.akce-weby .section {flex-direction: column-reverse !important;}

.post.ukazky-webu .post_body > div img {
  width: 100%;
display: block;
margin: 5px 0 !important;
}

.post.ukazky-logo .post_body p {
  width: calc(49vw - 26px);
  height: calc(49vw - 26px);
}

.post.ukazky-logo .post_body p a {
  height: calc(49vw - 26px);
}

.flex-center, .akce-weby .section:nth-child(2n) h2, .akce-weby .section:nth-child(2n) p {
width:100%;
text-align:center !important;
}

.akce-weby .img-web {
  width: 100%;
}

table.tabNovestranky td {
width: calc(100% - 40px);
height: auto;
}

x.akce_-nove-webove-stranky-zdarma #main .nwsz h2, body[class*="akce_"] #main .nwsz h2, body.ssl #main .nwsz h2, #main .nwsz p {
padding-left: 0;
text-align: center;
}

#main .nwsz div h2.nwsz-1::before, #main .nwsz div h2.nwsz-2::before, #main .nwsz div h2.nwsz-3::before {
left: auto;
display: block;
position: relative;
margin: 0 auto 20px auto;
}

x.akce_-nove-webove-stranky-zdarma #main .nwsz h2, body[class*="akce_"] #main .nwsz h2,  body.ssl #main .nwsz h2 {
line-height: 1.1;
font-size: 30px;
margin:10px 0;
}

#main .nwsz p {
font-size: 22px;
line-height:1.2;
}

x.akce_-nove-webove-stranky-zdarma #main h2.nadpis-nwsz, body[class*="akce_"] #main h2.nadpis-nwsz, body.ssl #main h2.nadpis-nwsz {
line-height: 1;
}

x.akce_-nove-webove-stranky-zdarma #main .post.pt1 h1, body[class*="akce_"] #main .post.pt1 h1, body.ssl #main .post.pt1 h1 {
width: 80%;
letter-spacing: 1px;
line-height: 1.2;
}

.post.blok-frame iframe {
width: 100%;
}

/* Stránka recenze na Google a Seznamu */

.tab-recenze td {width:100%; float:left; padding: 10px 20px;}
.tab-recenze td img {border:2px solid rgba(0,0,0,0.05); width:100%; margin:0 auto !important;}

/* Ceník - nový rozcestník */

#main .cenik-links {margin:0;}
#main .cenik-links span, #main .cenik-links a {display:block; margin: 0; font-size: 18px; line-height: 1.15; font-weight:400; padding:5px 0;}

/* Nový eshop */

#main table.tabEshop td {width: calc(100% - 30px);}

#main .tab-eshop-tarify {flex-direction: column;}
#main .tab-eshop-tarify div {width: calc(100% - 40px); margin-bottom: 30px;}

body.akce-eshop #main h2 {font-size: 5vw; padding: 2vw 0;}
body.akce-eshop #main p a img {width: 90%; margin: 2vw 0 !important;}
body.akce-eshop #main table.tabEshop h3 {font-weight: 700; font-size: 6vw; padding: 0 5vw;}
body.akce-eshop #main table.tabEshop td {width: calc(100% - 30px); display: inline-block; min-height: auto; padding: 0 0 20px 0;}
body.akce-eshop #main table.tabEshop td p {font-size: 4vw; line-height: 1.3; padding: 0 5vw;}
body.akce-eshop #main .post_formulare h2 {font-size: 8vw; font-weight: 700;}
#bform1260 {width: 90%; padding: 20px 20px;}

#main h2.nadpis-vyraznejsi.nadpis-social {font-size: 7vw; background-size: 100%; background-position-y: center; padding: 2vw 0 4vw 0;}


.tabcontent > div > div {font-size: 16px; background-size: 80px !important;}
.tabcontent .tarif-1 div, .tabcontent .tarif-2 div, .tabcontent .tarif-3 div {height: 90px; padding: 10px 0 5px 90px;}
.tabcontent .tarif-1 div:nth-child(2n), .tabcontent .tarif-2 div:nth-child(2n), .tabcontent .tarif-3 div:nth-child(2n) {height: 90px; padding: 10px 0 5px 90px;}
.tabcontent > div > div span {top: 30px; line-height: 1.4; font-size: 26px;}
.tabcontent > div > div.hb-hostyes span {top:45px;}

/* Akce dárky */

#main .obsah-darek .nadpis-vyraznejsi {font-size: 7vw;}
#main .tabDarek div {width: calc(100% - 30px); float: none; min-height: auto; padding: 10px 20px 20px 20px;}

/* Kontaktní form pro akční stránky */

#main .blok-form .bform > form > div > div:nth-child(1), #main .blok-form .bform > form > div > div:nth-child(2), #main .blok-form .bform > form > div > div:nth-child(3) {width:100%; display: block !important;}


/* Clanky nove - stejna struktura */

.profil div:first-child {display:block; width:100%; padding: 0px 20px;}
.profil div:first-child p {text-align:left;}
.profil div:last-child {margin: 30px 20px 30px 50px; display: block; padding: 20px 0 0 60px;}
.profil h2 {line-height:1.2;}

.osa-clanek .casova-osa {width:100%;}
.osa-clanek .casova-osa tr {display:flex;}
.osa-clanek .casova-osa tr:nth-child(1) td {height: 80px; width: 80px; display: flex; border: 0px; width: 20%;}

.osa-clanek .casova-osa tr:nth-child(2) {display: flex; flex-direction: row; flex-wrap: wrap;}
.osa-clanek .casova-osa tr:nth-child(2) td {font-size: 12px; rotate: -90deg; text-align: right; padding: 0 !important; align-items: center; display: flex; width: 20%; min-height: 80px;}

.osa-clanek .casova-osa tr:nth-child(1) td:nth-child(2), .osa-clanek .casova-osa tr:nth-child(1) td:nth-child(4), .osa-clanek .casova-osa tr:nth-child(1) td:nth-child(6), .osa-clanek .casova-osa tr:nth-child(1) td:nth-child(8) {display:none;}

.osa-clanek .casova-osa tr:nth-child(2) td:nth-child(2), .osa-clanek .casova-osa tr:nth-child(2) td:nth-child(4), .osa-clanek .casova-osa tr:nth-child(2) td:nth-child(6), .osa-clanek .casova-osa tr:nth-child(2) td:nth-child(8) {display:none;}

#main .ukazky-webu .mluvi-za-nas {margin:30px 0 !important;}
#main .post.ukazky-webu .post_body > div img {width: 75%; margin: 10px auto !important;}

table.tabVyhody td {width: calc(100% - 30px); margin-bottom: 20px; min-height: unset; padding-bottom: 20px;}

table.tabNapsali td {width: calc(100% - 20px); min-height: auto; margin: 10px 0; padding: 0 20px 30px 20px;}

.webove-stranky-zdarma #main .post.pt1 h1, .web-bez-starosti #main .post.pt1 h1 {font-size: 16px !important;}

.post.dlazdice.dl-2, .post.dlazdice.dl-3, .post.dlazdice.dl-4, .post.dlazdice.dl-5 {background-size: 50% !important;}

body.uvod #main .ikony.col-3 {flex-direction:column;}


body.ssl #main h2.nadpis-nwsz, body.ssl #main h2.nadpis-nwsz span {
  font-size: 10vw;
}

body.ssl .bform > form {
  width: 100%;
  margin: auto;
}

body.ssl .bform > form > div > div > label, body.ssl .bform > form .form_textbox {
  display: block;
  width: 100%;
}

}
/*-------------STYLE-------------*/@media only screen and (max-width : 450px) {

.tabcontent > div > a {font-size: 4vw;}
.tabcontent > div > a span {font-size: 7vw;}

.tabcontent .tarif-1 a, .tabcontent .tarif-2 a, .tabcontent .tarif-3 a {height: auto; min-height:100px;}

#main .klientska-loga img {width: 50vw;}

.owl-dot {height: 8px !important; width: 8px !important; margin: 0 3px;}
.owl-dots {margin: 2vw 10vw;}

body.uvod #main .post.blok-form .home-contacts a.mdi {font-size: 20px;}
body.uvod #main .post.blok-form .home-contacts p {margin-right:0px;}

}

.ref-item-new {
	display: inline-block !important;
	vertical-align: top !important;
	width: 320px !important;
	margin: 0 20px 35px 20px !important;
	padding: 18px 12px !important;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	text-align: center !important;
	float: none !important;
}

.ref-item-new:hover {
	transform: none !important;
	box-shadow: none !important;
}

.ref-item-new .thickbox {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	float: none !important;
}

.ref-img-new {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	height: 220px !important;
	margin: 0 auto 14px auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	float: none !important;
}

.ref-title-new {
	display: block !important;
	width: 100% !important;
	margin: 0 auto 6px auto !important;
	padding: 0 !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	color: #333333 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: center !important;
	white-space: nowrap !important;
	float: none !important;
	clear: both !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
}

.ref-link-new {
	display: block !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	font-size: 17px !important;
	line-height: 1.2 !important;
	color: #777777 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: center !important;
	border: 0 !important;
	float: none !important;
	clear: both !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
}

.ref-link-new a {
	display: inline-block !important;
	margin: 0 auto !important;
	color: #e74c3c !important;
	text-decoration: none !important;
	text-align: center !important;
	float: none !important;
}

.ref-link-new a:hover {
	text-decoration: underline !important;
}