/* ------------------------------------------------------------- */
/* - WRS-css system -------------------------------------------- */
/* ------------------------------------------------------------- */
/* - Neprovádět změny! ----------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/** css wrs v0.0002 ** 07-04-2018 ********************************/
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* - aktualizovana kat eshop ----------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */

/** if afix menu - zadat body top margin *****/
	body { margin-top: 0px;  }
/*********************************************/

body {
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	background: white;
}

a[name] { display: block; margin-top: -100px; height: 100px }

/*
a:active { color: #26B7E3; }
a:hover { color: #26B7E3; }
*/

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0; }

a[href^="#error:"] {
	background: purple; /*red;*/
	color: white;
}

form th, form td {
	vertical-align: top;
	font-weight: normal;
}

form th {
	text-align: right;
}

form .required label {
	font-weight: bold; color: red;
}

form .error {
	color: #D00;
	font-weight: bold;
}

ul.error { list-style: none; margin-left: 0; padding-left: 0 }

/* ------------------------------------------- */
#EllaCarousel .col-md-4 { background: #f4f4f4; border: 1px solid #fff; margin-bottom: 7px; min-height: 520px; }
.glyphicon { margin-right: 5px; }
/* - WRS Obecné CSS -------------------------- */
.center { text-align: center; }
.fl_left { float: left; }
.fl_right { float: right; }
.margin_l { margin-left: 5px; }
.margin_r { margin-right: 5px; }
.margin_b { margin-bottom: 5px; }
.margin_t { margin-top: 5px; }
.margin_top { margin-top: 15px; }
.padding { padding: 0 5% 5% 5%; }
.padding_t { padding-top: 5px; }
.padding_r { padding-right: 5px; }
.padding_b { padding-bottom: 5px; }
.margin_nula { margin: 0; }
.padding_nula { padding: 0; }
.padding_bbig { padding-bottom: 30px; }
.margin_bbig { padding-bottom: 30px; }
.clear { clear: both; }
.relative { position: relative; }
.absolute { position: absolute; }
.abs_top { top: 0; }
.magina { margin-left: auto; margin-right: auto; display: block; }
.inline { display: inline-block; }
.nowrap { white-space: nowrap; }

.showoff { opacity: 0.5; }
.circle_ico  { background: #fff; padding: 7px; border-radius: 20px; }
.posun_lh { left: 6%; top: 3%; }
.img-spam { padding-top: 10px; }

._layout_backA { background-color: #f4f4f4; clear: both; position: relative; margin: 0; padding: 60px 0 60px 0; }
._layout_backB { background-color: transparent; clear: both; position: relative; margin: 0; padding: 60px 0 60px 0; }

/* - hover opacity - */
.h_opacity { opacity: 0.4;  transition: all 0.7s; z-index: 1; }
.h_opacity:hover { opacity: 1; }

/* PDF */
.btn-pdf { border: 1px red solid; color: red; background: #f2f2F2; border-left: 7px red solid; margin: 10px 0 20px;  }
.btn-pdf:hover { border: 1px red solid; color: red; background: #fff; border-left: 7px red solid; }
	
/* admin - ovladaci box systemu */
.admin ul, .admin-absolute ul { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 1 }
.admin ul li a { text-align: left; }
.admin-absolute { position: absolute; right: 0; }

.article .admin-absolute { position: absolute; right: 0; z-index: 1; right: 0; top: -3px; }
/* admin - pro umístění v pravo - aby vyjizdejici drop neroztahoval obraz */
.admin .drop-right .dropdown-content, .admin-absolute .drop-right .dropdown-content { right: 0; top: 3px; }

.button-rotace { transition: all ease-in-out 500ms; }
.button-rotace:hover { transform: rotate(360deg); }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* youtube responsive video ------------------------------------ */
.video-iframe {
    position: relative;
    padding-bottom: 60%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-iframe iframe, .video-iframe object, .video-iframe embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* WRS nette *****************************************************/
/* WRS nette form */
#frm-postForm legend , #frm-postFotoForm legend , #frm-objednavkaForm  legend { border: 0 }
#frm-postForm .text-big { font-size: 150%; padding: 5px 10px; height: auto; }
.inForm_p { margin-top: 10px; }
#frm-postForm .inForm_p span.collapsed { background: #faebcc; }
textarea.mceEditor_height_min { height: 200px; width: 100% }
textarea.mceEditor_height { height: 300px; width: 100% }
textarea.mceEditor_height_big { height: 600px; width: 100% }
#frm-postForm .form-control-checkbox { margin-right: 10px; }
.required { color: red; }
.bordered_pils { border: 1px solid #ddd; border-top: 0; padding: 1.5%; }
/*
#frm-postForm table { width: 100%; }
#frm-postForm td { display: block; width: 100%; font-size: 120%; }
#frm-postForm th { margin-top: 2%; display: block; width: 100% }
#frm-postForm input, #frm-postForm select { padding: 5px 10px; border-radius: 4px; border: 1px #ccc solid;  }
#frm-postForm input.maxwidth, #frm-postForm select.maxwidth { width: 100%; padding: 5px 10px; border-radius: 4px; border: 1px #ccc solid }
#frm-postForm textarea { display: block; }
*/
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ---------------------------------- */
#form_lang { padding: 5px 10px; border: 1px solid #f4f4f4; }
#form_lang .dropbtn { padding: 5px 10px; background-color: transparent; color: #333; }
#form_lang img { max-width: 32px; margin-right: 10px; }
#form_lang.form-xss { font-size: 100%; padding: 0px; border: 1px solid #222; color: #222; }
#form_lang.form-xss img {  max-width: 27px; }
#form_lang.form-xss span { display: none; }
#form_lang .dropbtn-xss { font-size: 92%; padding: 0px 0 0 5px; color: #999;  }
#form_lang .dropbtn-xss img { border: 1px solid #666; padding: 2px; margin: 1px; }
#form_lang .dropdown-content { text-align: left; z-index: 11; right: 0; left: auto; max-width: 90px; }
#form_lang .dropdown-content span { display: inline; } 
#form_lang .dropdown-content a { padding: 15px 18px; font-size: 12px; display: block; }
/* - css bropdown hover ------------- */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background-color: #3e8e41; }
/* - css bropdown hover - konec ----- */
/* ---------------------------------- */
.ico_send_mail {
    border: 1px solid #333;
    padding: 4px 4px 1px 8px;
    font-size: 20px;
}
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* BLOG - clanky na webu ------------------------------------------------------------ */
.article div.col-md-12 { margin-top: 20px; margin-bottom: 30px }
.wrs_share { margin: 20px 0; }
.prilozeno div { margin: 10px 0; }
/* ---------------------------------------------------------------------------------- */
.fotogalerie_detail_text { padding-top: 20px; padding-bottom: 30px;  }
.fotogalerie_detail_foto { clear: both; }
.fotogalerie_detail_foto .foto { position: relative; overflow: hidden; }
.fotogalerie_detail_foto .foto a div { position: absolute; height: 0; left: 0; bottom: 500px;
    background: #fff; background: rgba(255,255,255,0.8); opacity: 0; text-align: center;
    width: 90%;  margin: 5%; transition: all 1s; }
.fotogalerie_detail_foto .foto a div button { margin: 1% 0; }
.fotogalerie_detail_foto .foto a:hover div { opacity: 0.8; bottom: 0; top:0; height: auto;  }
.fotogalerie_detail_foto .foto a:hover div button { display: block; }
.fotogalerie_detail_foto .col-md-2, .fotogalerie_detail_foto .col-xs-4 { padding: 0; }
.foto .admin-absolute { top: 0; }


.pager { padding: 10px 0; }
.pagerblock { clear: both; }
.pager ._nav_active { border-radius: 0; background: #00a7eb; color: #fff; }
.pager li > a { border-radius: 0; margin-bottom: 3px; }

.article .karta_show_0 { opacity: 0.6; }
.article .karta_show_0:hover { opacity: 1; }

/* ---------------------------------------------------------------------------------- */
.kom_area_height { min-height: 80px;  }
.kom_area_height_big { min-height: 150px; }
.komentare { border-color: #f2f2f2; border: 1px; background: #f2f2f2; padding: 2%; }
.komentare  a { float: right; margin: 0 4px; }
.komentare  a[name] { height: auto; }
.komentare .komentar { margin: 1%; } .komentare .komentar .kom_text { background: #fff; padding: 3px 10px; }
.komentare .komentar i {  }
.komentare .komentar .kom_head {  margin-right: 20px }
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* konec - BLOG - clanky na webu ---------------------------------------------------- */
/**************************************************************************************/
/* uprava css recaptcha ***************************************************************/
#recaptcha .grecaptcha-badge { margin: 0 auto; }
/**************************************************************************************/
/* WRS ESHOP DOKLADY ADRESAR **********************************************************/
.adresar .alert-default h3 { padding-bottom: 10px; }
.adresar .alert-default h3 span, h1 span { opacity: 0.6; }
.adresar .alert-default:hover h3 span { opacity: 1; }
/*.doklady .alert-default, .adresar .alert-default { background: #efefef } resi Stav_*/
.doklady_detail_text table tr { border-bottom: 1px solid #ccc; }
.doklady_detail_text table tr td span { font-weight: bold;  }
.doklady_detail_text table tr.no-border { border: 0;  }
.doklady_detail_text table tr td .fa_polozky { font-size: 75%; }
.Stav_dokladu0 { background-color: #f4f4f4; border-color: #333; }
.Stav_dokladu1 { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.Stav_dokladu2 { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.Stav_dokladu3 { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.Stav_dokladu4 { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
#fak_legenda .col-sm-3 { min-height: 43px; }
/* ----------------------------------- */
.parametry .alert { padding: 2px; margin-bottom: 0; }
.parametry ul li { font-size: 130%; line-height: 34px; }
.parametry ul li:hover { background: #f1f1f1; }
.parametry ul li .admin-absolute { top: 5px; }
.parametry ul li .admin-absolute ul li { font-size: 16px; }
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ESHOP ----------------------------- */
#slider-range { position: relative; z-index: 0; }
.list-eshop, .list-eshop > li  { border: 0; }
.list-eshop span.list-group-nadpis { background: transparent; border: 0; border-bottom: 2px solid #ddd; }

.ajax-spinner { background: red; padding: 100px; margin: 20px; position: absolute; z-index: 1; }

#eshop-custom { padding: 10px; margin-bottom: 10px }
#eshop-sort .dropdown-menu, #eshop-onpage .dropdown-menu  { right: 0; left: auto; }
#eshop-onpage .dropdown-menu { min-width: 30px; text-align: right; }
#eshop-sort .dropdown-menu {  }
#eshop-custom .dropdown-menu > li > a { padding: 2px 5px }
#eshop_allfiltrs {  padding-top: 10px } 

.eshop .karta { overflow: hidden; font-size: 95%; padding: 3px; border: 1px solid #ddd; margin-bottom: 20px }
.eshop .karta_show_0 { opacity: 0.6; }
.zbozi_ico { position: absolute; bottom: 2%; padding: 0; }
.items_data { clear: both; padding-bottom: 40px }
.items_data .file { float: left }
.form-group input[type="checkbox"] { margin-right: 5px; }


/* karta - pro všechny ----------------------- */
/* karta-default */
.eshop .karta { border: 1px solid #f2f2f2; }
.eshop .karta:hover { border: 1px solid #ddd; }
.karta { font-size: 90%; text-align: center;  position: relative; }
.karta .eshop-produkt-text { text-align: center; }
.eshop-produkt-text h3 { margin-top: 10px; font-size: 20px; padding: 0 5%; }
.karta .eshop-produkt-text div { margin-top: 10px; display: none }

.karta a.cena { background: #428bca; color: #fff; padding: 4px 10px; }
.karta a.cena:hover { text-decoration: none;}
/* karta-default */
.karta-default { min-height: 200px; }
.karta-default .eshop-produkt-text .text-muted { font-size: 80%; }
.karta-default .eshop-produkt-text h3 { margin-top: 5px; font-size: 10px; margin-bottom: 5px; }
/* karta-large */
.karta-large { min-height: 500px; }
.karta-large .eshop-produkt-text div { display: none; }
/* karta-list */
/* karta-list  ----------------- */
.eshop .karta-list .eshop-produkt-text .cena { font-size: 120%; position: absolute; bottom: 0; right: 41%; }
.eshop .karta-list .eshop-produkt-text { position: absolute; width: 65%; height: 100%; right: 0; }
.karta-list .eshop-produkt-text h3 { margin: 20Px 0 20px 0; font-size: 26px; }
.karta-list .eshop-produkt-text div { display: block; clear: both; }


.eshop_detail .admin,.articles_detail .admin  { float: right; }

.config .btn { white-space: normal; }
.top_images { position: relative; }
.top_images .admin { position: absolute; z-index: 1; right: 2%; top: 1% }

.eshop_detail_text .ico_sleva , .karta .ico_sleva { position: absolute; top: 3%; right: 5%; padding: 15px 15px 19px 17px; background: green; color: #fff; border-radius: 45px; line-height: 100%; font-size: 20px; text-align: center; }
    .karta .ico_sleva { position: absolute; top: 3%; right: 0%; padding: 10px 10px 14px 13px; line-height: 100%; font-size: 15px; text-align: center; }
.eshop_detail_text .ico_sleva .small , .karta .ico_sleva .small { display: block; font-size: 80%; letter-spacing: 1px; }

.eshop-product a[name] { position: relative; z-index: -1; }
/* konec - ESHOP ----------------------------- */

.koupit h2 { margin-top: 0; color: #777; }
.prepravci .padding_b { padding-bottom: 20px  }
#frm-objednavkaForm input.margin_r { margin-right: 10px }
input.input_mini { max-width: 50px; text-align: center }
/* konec WRS ESHOP DOKLADY ADRESAR ************************************************************************************/

/* WRS ESHOP TREE MENU ************************************************************************************************/
#tree_menu { padding-left: 0; }
#tree_menu .handle {  
  background: transparent url(../design/ico/tree_c.png); 
  background-size: 20px 20px;
  background-repeat: no-repeat; 
  background-position: center bottom;  
  display: block;
  float: left; 
  width: 27px; 
  height: 23px;
}     
#tree_menu .collapsed {  
  background: transparent url(../design/ico/tree_a.png);  
  background-size: 20px 20px;
  background-repeat: no-repeat; 
  background-position: center bottom; 
  cursor: pointer;
}
#tree_menu .expanded {  
  background: transparent url(../design/ico/tree_b.png);
  background-size: 20px 20px;
  background-repeat: no-repeat; 
  background-position: center bottom;
  cursor: pointer;
}

#tree_menu div.full_padding { padding: 10px 15px; }
#tree_menu .list-group-item { padding: 5px 0px 5px 10px; font-size: 100%; border: 0; border-radius: 0; }
#tree_menu .list-group-item .list-group-item { border-left: 1px solid #e2e2e2  }
#tree_menu a { border-radius: 0px; text-decoration: none; display: block; margin: 1px; padding: 1px 1px 1px 3px; }
#tree_menu ul { list-style: none; margin: 0px; padding: 0 0; }
#tree_menu li > ul { margin-left: 10px; }
#tree_menu ul li ul { margin-left: 10px; } 
#tree_menu a.open  { background: #fff; color: #0098ff; border: 1px solid #0098ff; }
/* ---------------------------------------------------- */
/* konec WRS ESHOP TREE *******************************************************************************************/
/******************************************************************************************************************/
/* uprava css recaptcha *******************************************************************************************/
#recaptcha .grecaptcha-badge { margin: 0 auto; }
/******************************************************************************************************************/
/* SIDE NAV *******************************************************************************************************/
/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 10; /* Stay on top */
    top: 0;
    right: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* pro adminitraci---------*/
#administrace { background-color: #111;  }
#administrace .administrace_top { padding-left: 60px; }
#administrace .administrace_main { background-color: #f2f2f2; } 
#adminSidenav.divsidenav {	
	position: absolute;
	width: 60px;
	height: 100%;
	z-index: 10;
	left: 0px;
	background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
/* The navigation menu links */
#adminSidenav.divsidenav  a {
    padding: 8px 8px 8px 20px;
    text-decoration: none;
    font-size: 24px;
    color: #818181;
    display: block; white-space: nowrap;
    transition: 0.3s
}
#adminSidenav.divsidenav  a span { margin-right: 10px; }
#adminSidenav.divsidenav .closebtn { position: absolute; right: 60px; opacity: 0.4; }
#adminSidenav.divsidenav:hover .closebtn { opacity: 1; color: red; }
/* konec pro adminitraci--------- */
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
}
/* konec SIDE NAV *****************************************************************************************************/

#administrace_menu {  }
#administrace_main { clear: both; display: block; margin-top: 0px; }
#administrace_main .adresar_minikarta { min-height: 300px; font-size: 90%; }
#administrace_main #css-settings-show > .col-sm-6, #administrace_main #css-settings-show >  .col-sm-12 { min-height: 470px; }
#administrace_main #css-settings-show > .col-sm-6 .btn-xs, #administrace_main #css-settings-show > .col-sm-12 .btn-xs { float: left; margin: 0 5px 0 0; } 
#accordion1 ul  { margin: 0;  }
#accordion1 ul li  { list-style: none; }
.block-web { background-color: #fff; margin-bottom: 15px; }

.text-white { color: #fff; }
.only-xs { display: none; }


/* Small Devices, Tablets */
@media only screen and (max-width : 1200px) {
    
	
}
@media only screen and (min-width : 1200px) {
    div.eshop-product-place > div.col-xs-6 { padding: 2px; margin: 0; }
	.karta-default { min-height: 200px; }
}
	
}
@media only screen and (max-width : 992px) {
    
	#administrace_menu.navbar-inverse .navbar-nav  { font-size: 90%; }
	#administrace_menu .nav > li > a { padding-left: 10px; padding-right: 10px; }
	#administrace_menu .navbar-brand { font-size: 90%; }
	
}

@media only screen and (max-width: 880px) {
    
	#administrace_menu.navbar-inverse .navbar-nav  { font-size: 80%; }
	#administrace_menu .nav > li > a { padding: 11px; }
	#administrace_menu .navbar-brand { font-size: 80%; }
	
	.karta-default .eshop-produkt-text h3 { margin-top: 20px; font-size: 115%; }
	.karta-default { min-height: 295px; }
}

@media only screen and (max-width: 768px) {
    .only-xs { display: block;}
	
	#administrace_menu.navbar-inverse .navbar-nav  { font-size: 70%; }
	#administrace_menu .nav > li > a { padding-left: 4px; padding-right: 4px; }
	#administrace_menu .navbar-brand { font-size: 80%; }
}

@media only screen and (max-width: 480px) {
    
	#adminSidenav.divsidenav {  }
	
}