@charset "utf-8";
/* CSS Document */
body, input, select, textarea {
    color: #000;
}
hr{
	color: #666;
	background-color: #666;
	height: 1px;
    font-size: 0;
    border: 0;
	margin: 5px 0;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 30px;
}

h6 {
    margin-bottom: 10px;
	font-weight: 600;
}
h6 a {
    text-decoration: none;
	cursor:pointer;
}
h2 {
    font-size: 24px;
    font-weight: 400;
    margin: 20px 0 !important;
}
a:hover {
	color:#FE6500;
}
p.poznamka {
    font-size: 14px;
    display: table;
    width: 100%;
}
#blockp, #blockz, #blockzz, #blocko, #blocks, #blockj, #blocksj, #blockdt, #blockdl{
	
	display:none;
}
#blockdl{
	background-color: #E7EAFF;
	padding: 10px;
}
#clekovacena_container {
    display: block;
    width: inherit;
}

.fixed_aside
{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    top: 100px;
    bottom: 0;
}
.clear-fix {
    clear: both;
}

.kanvas{
	
	width:300px;
	float: left;
}

.canvas-container{


}
.marginbottom{
	margin-bottom:20px;

}

ul.barvy-serpy, ul.barvy-kytka, ul#barvy-kytka-stred, ul.font-color{
	display:inline-block;  
}
ul.barvy-serpy li, ul.barvy-kytka li, ul#barvy-kytka-stred li, ul.font-color li {
    background-image: none;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    padding: 0;
    width: 25px;
	border: 2px solid #a7d1f9;
	margin:0;
}
.barvy-serpy li.active, .barvy-serpy li:hover, .font-color li.active, .font-color li:hover, .barvy-kytka li.active, .barvy-kytka li:hover, #barvy-kytka-stred li.active, #barvy-kytka-stred li:hover{
	border-color:#666 !important;
}
#serpa-barva, #font-barva, #kytka-barva, #material-kytka, #kytka-barva-stred, #fontfamily, #inputcenaabsolvent, #inputcenaucitel, #inputcena, #pocettuzdarma, #inputdopravnecena, #inputpriplatkycena, #pngstring{
	display:none;
}
.controls { display: inline-block; background: #f6f6f6; margin-left: 10px; padding: 15px; border-left: 1px dotted #aaa; }
.canvas-container { 
	display: inline-block; 
	vertical-align: top; 
	background:#666666 url(../media/image/public/serpy/bg.png) repeat; 
}
input[disabled] { opacity: 0.5; }
#bd-wrapper { min-width: 1600px; }

.controls .dashicons, .controls .dashicons-before::before {
    color: red;
    font-size: 24px;
	padding-right: 10px;
}
input[id='pocet'], input[id='pocet_ka'], input[id='prodl22'], input[id='prodl24'], input[id='pocettest_ka'], input[id='pocettest_nt'],  input[id='hnk']{
	width:60px;
}
.controls input[name='datum-plesu']{
	width:50%;
}
input[id='pocettu']{
	width:60px;
	margin-left: 20px;
}
#blocktr{
	display:none;
}
.clekovacena h5 {
	color: #fff;
	margin-bottom: 8px;
}
.clekovacena {
    background-color: #fe6500;
    display: block;
    margin: 20px auto;
    padding: 10px 0;
    text-align: center;
}


#editor {
    background-color: #cdeaff;
    display: block;
    margin-left: 315px;
    padding: 15px;
}
.kontaktformsvetly {
    background-color: #cdeaff;
    display: block;
    padding: 15px;
}
#objednavka-container {
    display: block;
    margin-left: 315px;
    padding: 15px;
}

.pb-menu {
    background-color: #ffd400;
}

.pb-menu .pb-menu-default > .sf-menu > li > a {
    background-color: #ffd400;
	font-size:1.1em;
	color: #000;
}

.theme-page-header {
    background-color: #1C388F;
}
.theme-page .theme-page-header {
    overflow: hidden;
    padding: 36px 0 40px;
    text-align: center;
	margin-top: 15px;
}
.theme-page .theme-page-content {
    min-height: 500px;
    padding-bottom: 20px;
    padding-top: 20px;
}
input {
    border-radius: 0;
    box-sizing: border-box;
    padding: 0 5px;
}
select, input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    height: 42px;
    line-height: 1.5em;
}
#tridni .wpcf7-list-item {
    clear: both;
    display: block;
	margin: 0.2em 0 0.2em 1em;
}
.floatleft {
    float: left;
    margin-right: 10px;
	margin: 0 10px 15px 0;
}
.rev_slider_wrapper {
    margin-bottom: 25px !important;
}
/*dark styla*/


.controls {
    background: #a7d1f9  none repeat scroll 0 0;
    border-left: 1px dotted #aaa;
    display: inline-block;
    margin-left: 10px;
    padding: 15px;
}
.controls h6, .controls p {
	color: #000;
}

#editor > h6, #editor > p {
    color: #1C388F;
}
.controls button, .controls input[type="button"] {
    background-color: #fe6500;
}
select, button, input[type="button"], input[type="submit"]{
    color: #000;
}

#padaky, #fotokoutek {
    background: #a7d1f9 none repeat scroll 0 0;
    border-left: 1px dotted #aaa;
    display: inline-block;
    padding: 15px;
	width: 95%;
}

#padaky table p, #fotokoutek table p {
    font-size: 13px;
    font-weight: bold;
    margin-top: -5px;
    padding: 0;
}

img#vybranypadak {
    float: right;
    margin-top: -14px;
}
img#vybranepozadi {
    float: right;
    margin-top: -22px;
}

.wpcf7-form-control-wrap.plachta, .wpcf7-form-control-wrap.pozadi {
    display: none;
}
.red {
	color:#F00;
}
.bloky h6 {
    margin: 0 auto 30px;
}
.bloky h6 a:hover {
	color:#000000;
}
.pb .pb-layout-50x50 > .pb-layout-column-right {

    width: 46% !important;
}
.theme-page .theme-page-header h6 {
    margin: 10px auto -10px;
    text-transform: none;
}

.pb-menu .pb-menu-default > .sf-menu > li > a {
	padding: 33px 10px 15px;
	max-width: 145px;
	min-height: 100px;
}
.pb-menu .pb-menu-default > .sf-menu > li.dveradky > a {
	padding: 23px 10px 15px;
}

.pb-menu.pb-menu-sticky .pb-menu-default > .sf-menu > li > a {
	min-width: 0px;
	padding: 25px 20px 20px 20px;
	min-height: 90px;
}
.pb-menu.pb-menu-sticky .pb-menu-default > .sf-menu > li.dveradky > a {
	padding: 16px 10px 15px;
}

.wpcf7 .pb-image-box.pb-image-preloader-animation-enable.pb-image-hover.pb-image-hover-type-fade.pb-image-type-image {
    margin-top: -33px;
    position: absolute;
    right: 50px;
}
.wpcf7#wpcf7-f57-p31-o1 .pb-image-box.pb-image-preloader-animation-enable.pb-image-hover.pb-image-hover-type-fade.pb-image-type-image {
    margin-top: -30px;
    right: 80px;
}
.wpcf7 a.pb-image {
    color: #2C297F;
    font-size: 28px;
    padding: 0.2em;
    text-decoration: none;
	display:none;
}
.wpcf7 a.pb-image:hover {
    color: #f00;
	-webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;
}
.tp-caption {
    text-shadow: 0 0 10px #2C297F;
}
.nomargin ul.pb-layout {
    background: #f6f6f6 none repeat scroll 0 0;
	margin-bottom: 15px;
}
.nomargin .pb-responsive-column-a {
    margin-bottom: 0px !important;
}
a:hover img.aligncenter.size-image-525-315 {
    opacity: 0.8;
	filter: alpha(opacity=80);
}
.pb-header span.pb-header-content {
    padding: 10px;
}

#materialtable a img {
	border: 2px solid #aaa;
	cursor: pointer;
	border-radius: 10px;
}
#materialtable a img.active, #materialtable a:hover img {
    border: 2px solid #1c388f;
}
#material.wpcf7-form-control.wpcf7-text{
    display:none;
}
#vybranymaterial{
    display:none;
	font-weight:bold;
}
#vybranymaterial span{
	color: #48b81e;
	text-transform:uppercase;
	
}

#vybranymaterial .dashicons.dashicons-yes {
    padding-right: 10px;
	font-size: 24px;
	padding-right: 10px; 
	
}

.toggle {
    display: block;
    margin-bottom: 10px;
}

.toggle span.title {
	cursor: pointer;
	display: block;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 3px;
	overflow: hidden;
	padding: 7.5px 12px 7.5px 0;
	position: relative;
	font-size:18px;
}

.toggle span.title:before {
    color: #48b81e;
    content: "+";
	font-weight:bold;
    display: inline-block;
    float: left;
    font-size: 26px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    width: 25px;

}
.toggle span.title span.title_content {
    display: block;
    overflow: hidden;
    padding-left: 12px;
    position: relative;
}
.toggle span.active:before {
    color: #48b81e;
    content: "-";
}

.toggle .pane {
    display: none;
    font-size: 16px;
    line-height: 140%;
    margin: -5px 0 5px;
    padding: 19px 20px;
	background: #badaf8 none repeat scroll 0 0;
}
.toggle p {
    padding: 0;
}
table.bordered{ 
	background:#FFFFFF;
	margin: 0 auto;
	text-align:center;
}
table.bordered td{
	border: 1px solid #1c388f;

}
#serpazdarmavisible {
	background-color: #d8dde8;
	display: none;
	padding: 15px;
	margin-bottom: 15px;
}
#tridni_zdarma{
	display: block;
}
#blockjmennyseznamtext, #blockjmennyseznamreditel, #blockdttridni, #blockdttridni_zs, #blockdtreditel, #blockdtreditel_zs, #blockpocettest, #pocettest_ka_rd, #pocettest_nt_rd, #textpsmail, #zs_tr_mail, #zs_tr_mail2, #zs_red_mail, #zs_red_mail2, .zs_tr_mail, .zs_tr_mail2, .zs_red_mail, .zs_red_mail2 {
	display: none;
}
.w70{
  width:69%;
}
.w30{
  width:26%;
}
.rightpocet {
    float: right;
    margin: -15px 0 30px;
    text-align: right;
}
.aligncena {
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}
.aligncena span {
    min-width: 80px;
    display: block;
    float: right;
}
h6 span, label span {
    color: #A0275C;
    font-weight: bold;
}
/*fonty*/

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.chosen-container a {
    cursor: pointer;
}
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 15px;
    height: 36px;
    background-color: #fff;
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
        background-clip: border-box;
    background: -o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 36px;
}
.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: rgb(170, 170, 170);
    border-top: 0;
    background: #fff;
        background-clip: border-box;
    box-shadow: 0 4px 5px rgba(0,0,0,.15);
	display: none;
}
.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
    display: none;
	width: 100%;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
	background-image:none;
	font-size: 18px;
}
.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}
.dashicons.dashicons-arrow-down-alt2 {

    float: right;
    display: block;
    margin-top: -26px;
    color: #000;
}
#padaky table img {
    border: 2px solid #DDDBDC;
}
#padaky table img.active {
    border: 2px solid #1c388f;
}
.mytable td {
    border: 1px solid #ddd;
    padding: 2px 10px;
    margin: 0;
}
input#canvas2png {
    background-color: #ffc000;
    margin: 10px 25px 0;
    width: inherit;
    box-shadow: 0px 1px 3px #444;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
}
input#canvas2png:hover {
    background-color: #FFD400;
}
.theme-footer .theme-footer-bottom {
    padding: 0px 0px 50px 0px;
}

ul#menu-footer-menu {
    background-image: none;
    display: table;
    margin: 0 auto;
}
ul#menu-footer-menu li {
    background-image: none;
    display: inline;
	padding-left: 10px;
}
ul#menu-footer-menu li a{
	color:#666;
}
.grayblock {
	background-color: #F6F6F6;
	padding: 15px 20px;
	margin-bottom: 20px;
}
.polovina {
	width: 47%;
	display: block;
	float: left;
	margin-left: 2%;
}

#fotovideo {
	background: #ddd;
	display: inline-block;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 10px;
}
#fotovideo .wpcf7-form-control.wpcf7-submit {
    background-color: #F0F0F0;
}
#zs_tr_mailp, #zs_red_mailp{
    color: #1C388F;
}
#zadnistranapozadi {
	background: #cdeaff;
	padding: 14px;
}
#zadnistranapozadi {
	background: #cdeaff;
	padding: 14px;
	margin: 10px -15px 25px;
}
li.makeimggal {
    padding-left: 5px;
    margin-bottom: 5px;
    background-image: none;
    display: inline-block;
}

/*NEW!*/

li.makeimggal {
    padding-left: 5px;
    margin-bottom: 5px;
    background-image: none;
    display: inline-block;
}
.makeimggal input {
	position: absolute;
}
li.makeimggal.pb-image-box.pb-image-preloader-animation-enable.pb-image-hover.pb-image-hover-type-fade.pb-image-type-image {
	margin-top: inherit;
	position: relative;
	right: 0;
}
.controls {
	background: #eeeff5 repeat scroll 0 0;
	border-left: none;
}
#editor-container p {
    padding: 0 0px 10px 0px;
}
#editor{
margin-top: -10px;	
}
.fixed_aside {
	/*top: 105px;*/
	top:118px;
	position: -webkit-sticky;
  position: sticky;
}

#editor, #zadnistranapozadi, .kontaktformsvetly {
	background-color: #d0d7e2;
	background-color: #d8dde8;
	/*box-shadow: 0 0 5px #cccddf;*/
}
ul.barvy-serpy li, ul.barvy-kytka li, ul#barvy-kytka-stred li, ul.font-color li {
	border: 1px solid #fff;
}
p.poznamka {
	color:#1C388F;
	font-size: 15px;
	display: table;
	width: inherit;
	background: rgba(255,255,255,0.4);
	padding: 10px !important;
	margin-bottom: 20px;
}
li.makeimggal.pb-image-box.pb-image-preloader-animation-enable.pb-image-hover.pb-image-hover-type-fade.pb-image-type-image {
	box-shadow: 2px 2px 5px #aaa;
}
hr { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}
#clekovacena_container {
	display: block;
	width: 300px;
	float: left;
	top:118px;
	position: -webkit-sticky;
  position: sticky;
}
.clekovacena {
	background-color: #1C388F;
}
.aligncena {
	color: #ddd;
	font-weight: 400;
}
.aligncena span {
	color: #fff;
}
select, button, input[type="button"], input[type="submit"] {
	color: #fff;
	background-color: #1C388F;
}

img.galitem {
	border: 2px solid #fff;
	cursor:pointer;
}
img.galitem.active {
	border: 2px solid #1c388f;
}
img.galitem:hover{
	border: 2px solid #1c388f;
  filter: brightness(90%);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;	
}
.lupa.dashicons {
	position: absolute;
	bottom: 4px;
	right: 8px;
	z-index: 10;
	padding: 20px 0 0 20px;
	color: #aaa;
	text-shadow: 1px 1px 1px #fff;
}


/*media query*/

@media only screen  and (min-width:768px) and (max-width:959px)
{
.pb-menu .pb-logo {
    width: 180px;
	margin-top: 5px;
}
}	

@media only screen and (min-width:320px) and (max-width:767px)
{
.pb-menu .pb-menu-responsive a {
    border-color: #1C388F;
    border-style: solid;
    border-width: 1px;
    background: #1C388F;
	color: #fff;
}
.pb-menu .pb-menu-responsive .nav-toggle span > span {
    background-position: 0px -15px;
}
.pb-menu .pb-menu-responsive .nav-toggle > span {
    border-left: none;
}
#padaky, #fotokoutek {
    width: inherit;
}
.pb .pb-layout-50x50 > .pb-layout-column-right, .pb .pb-layout-50x50 > .pb-layout-column-left {
    width: 100% !important;
}


#clekovacena_container {
    display: block;
    width: 50%;
    float: left;

}
.canvas-container {
    display: table;
    float: none;
    margin: 0 auto;
}
.clekovacena {
    display: block;
    float: left;
}
.kanvas {
    width: 100%;
    float: left;
	margin-top: 20px;
}
#editor {
    margin-left: 0;
}
.clekovacena {
	width: 300px;
	margin: 10px auto;
	display: table;
	float: none;
}
#clekovacena_container {
    display: block !important;
    width: 100%;
    float: left;
    border-bottom: 10px #A7D1F9 solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.fixed_aside
{
    position: relative;
    top: inherit;
    bottom: inherit;
}

.aligncena {
    width: 280px;
}
#objednavka-container {
    display: block;
    margin-left: 0;
    padding: 15px;
}
input[name="datum-plesu"] {
    width: 100%;
}
input#canvas2png {
    margin: 10px 0 0;
    width: inherit;
    box-shadow: none;
}
.polovina {
    width: 96%;
    display: block;
    float: left;
    margin-left: 2%;
}
.fixed_aside {
		top: 0;
}
#clekovacena_container {
	border-bottom: 10px #EEEFF5 solid;
	background-color: #EEEFF5;

}
}