/*
Theme Name: Twenty Eleven Child
Theme URI: https://wordpress.org/themes/twentyeleven/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven-child
Template: twentyeleven
*/


@import url("../twentyeleven/style.css");
@import url("jquery.ui.custom.css");
.ui-tabs-panel[aria-hidden="false"]{
	display: block !important;
}
.ui-tabs-panel table{
	width: auto;
}
.ui-tabs-panel table th, .ui-tabs-panel table td {
    padding: 3px 15px !important;
    font-size: 11px !important;
    line-height: 140%;
}
.ui-tabs-panel table th{
	font-weight: bold;
	color: #f39a00 !important;
	text-transform: none;
	text-align: center;
	vertical-align: middle;
}
body.page-template-showcase-php #content article .entry-content .ui-state-default, 
body.page-template-showcase-php #content article .entry-content .ui-widget-content .ui-state-default, 
body.page-template-showcase-php #content article .entry-content .ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
}
body.page-template-showcase-php #content article .entry-content .ui-state-default a, 
body.page-template-showcase-php #content article .entry-content .ui-widget-content .ui-state-default a, 
body.page-template-showcase-php #content article .entry-content .ui-widget-header .ui-state-default a{
	color: #1c94c4;
}
body.page-template-showcase-php #content article .entry-content .ui-state-active, 
body.page-template-showcase-php #content article .entry-content .ui-widget-content .ui-state-active, 
body.page-template-showcase-php #content article .entry-content .ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00;
}
body.page-template-showcase-php #content article .entry-content .ui-state-active a, 
body.page-template-showcase-php #content article .entry-content .ui-widget-content .ui-state-active a, 
body.page-template-showcase-php #content article .entry-content .ui-widget-header .ui-state-active a{
	color: #eb8f00;
}
body #content .entry-content .ui-tabs .ui-tabs-nav li{
	padding: 0;
	margin: 0 0 0 2px;
}
body #content .entry-content .ui-tabs .ui-tabs-nav li a{
	background: none;
	padding: .7em 1em;
	font-size: 12px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
	cursor: pointer;
}
body.page-template-showcase-php #content article .entry-content .ui-tabs-panel table td strong{
	color: #999999;
}
.ui-tabs-panel table td a{
	text-decoration: underline;
}
.ui-tabs-panel table td a:hover{
	text-decoration: none;
}

html{
	background: #E2E2E2 url("./images/banner_bg.png") no-repeat scroll 50% 0%;
	padding: 0;
	float: left;
  width: 100%;
}
body{
	background: url("./images/footer.png") no-repeat scroll 50% 100%;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	color: #6B6C6E;
	font-size: 11px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	width: 100%;
	height: 100%;
}
#page{
	background: none;
}

a{
	color: #F39A00;
}

#page #branding{
	border: 0;
	padding: 0;
	/*min-height: 165px;*/
}
#page #branding img.logo{
	width: auto;
	margin-bottom: 45px;
	margin-left: 4.5%;
}
#page #branding hgroup{
	margin: 0 0 0 4%;
	float: left;
}
#page #branding #rightHeader{
	position: relative;
	float: right;
	margin-top: -14px;
	margin-right: 4%;
}
#page #branding  .widget-area{
	float: right;
}
#page #branding  .widget_polylang{
	float: right;
	margin: 0 0 6px 0;
}
#page #branding  .widget_polylang ul li{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	width: 47px;
	height: 36px;
}
#page #branding  .widget_polylang ul li a{
	display: block;
	width: 100%;
	height: 100%;
	background: 0 0 no-repeat;
}
#page #branding  .widget_polylang ul li img{
	display: none;
}
#page #branding  .widget_polylang ul li.lang-item-cs a{
	background-image: url(./images/flag_cz.png);
}
#page #branding  .widget_polylang ul li.lang-item-en a{
	background-image: url(./images/flag_en.png);
}
#page #branding  .widget_polylang ul li.lang-item-ru a{
	background-image: url(./images/flag_ru.png);
}
#page #branding #searchform{
	position: static;
	display: block;
	margin: 0 4px 0 0;
	padding: 0;
}

#branding #s{
	width: 94px;
}

#page #branding #searchform #s{
	background-color: #fff;
	border: 1px solid #A8A8A9;
	border-radius: 3px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4) inset;
	color: #444;
}
#page #access{
	background: none;
	box-shadow: none;
}
#page #access,
#page #access div,
#page #access ul {
	margin: 0;
}
#page #access{
	background: none;
	box-shadow: none;
	margin-bottom: 45px;
}
#page #access ul li a{
	color: #6B6C6E;
	font-size: 12px;
	font-weight: bold;
	background: url(./images/menu_line.png) right top no-repeat;
}
#page #access ul.menu > li > a{
	padding-left: 1.5em;
	padding-right: 1.7em;
}

#page #access ul > li:last-child a{
	background-image: none;
}

#page #access ul li a:hover{
	color: #6B6C6E;
	background-image: url(./images/menu_hover.png);
}
#page #access ul li .sub-menu{
	margin-top: -4px;
}
#page #access ul li li a{
	background-color: #eee;
	background-position: 105% 0%;
}

body.page-template-showcase-home-php #page #access{
	margin-bottom: 0;
}
body.page-template-showcase-home-php #main{
	padding-top: 0;
	float: left;
}
body.page-template-showcase-home-php #content #home-content-header{
	width: 121%;
	margin-left: -12%;
	margin-right: -9%;
	margin-bottom: 7px;
	position: relative;
}
body.page-template-showcase-home-php #content #home-content-header img.banner{
}
body.page-template-showcase-home-php #content #home-content-header #small_banners{
	width: 90%;
	margin: 0 5%;
	position: absolute;
	bottom: 0;
}
body.page-template-showcase-home-php #content #home-content-header #small_banners .banner_el{
	display: block;
	position: relative;
	float: left;
}
body.page-template-showcase-home-php #content #home-content-header #small_banners img{
	width: 100%;
}
body.page-template-showcase-home-php #content #home-content-header #small_banners img.gray{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1.0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
body.page-template-showcase-home-php #content #home-content-header #small_banners a:hover img.gray{
	opacity: 0.0;
}
body.page-template-showcase-home-php #content #home-content-header #small_banners img.orange{
	float: left;
}
body.page-template-showcase-home-php #content #home-content-header #small_banners .mala_rada{
	width: 32.1%;
}
body.page-template-showcase-home-php #content #home-content-header #small_banners .velka_rada{
	width: 33.7%;
}
body.page-template-showcase-home-php #content #home-content-header #small_banners .katalogy{
	width: 34.2%;
}

body.page-template-showcase-home-php #content #home-content-header #small_banners .banner_el strong{
	position: absolute;
	top: 9%;
	left: 5%;
	font-size: 18px;
	font-weight: bold;
	color: #6B6C6E;
}
body.page-template-showcase-home-php #content #home-content-header #small_banners .banner_el strong span{
	font-size: 12px;
}
body.page-template-showcase-home-php #content #home-content-header #small_banners .banner_el small{
	position: absolute;
	top: 50%;
	left: 5%;
	font-size: 12px;
	color: #6B6C6E;
	line-height: 130%;
	background: url(./images/wave_grey_tr.png) left 6px no-repeat;
	padding-left: 22px;
}
body.page-template-showcase-home-php #content #home-content-header #small_banners .banner_el a:hover small{
	background-image: url(./images/wave_orange_tr.png);
}
#content{
	width: auto;
}
body.page-template-showcase-php #content,
body.page-template-showcase-home-php #content,
body.category #content,
.singular #content,
body.category #content{
	margin: 0px 7.6% 0px 10.0%;
}
body.search #content,
body.category #content{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	background: #F3F3F3;
	padding: 3% 6%;
	min-height: 360px;
	margin: 0px 0% 1.625em 5.0%;
	width: 80.0%;
}
body.search #content .page-title{
	font-size: 18px;
	letter-spacing: normal;
}
body.search #main #content footer,
body.category #main #content footer{
	min-height: 0px;
}
body.page-template-showcase-php #content article,
body.page-template-showcase-home-php #content article,
body.error404 #content article,
body.single  #content .format-status{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	background: #F3F3F3;
	margin: 0 -6% 1.625em -6%;
	padding: 3% 6%;
	min-height: 360px;
	float: left;
	width: 100%;
}
body.single #nav-single{
	display: none;
}
body.error404 #content article{
	width: 100%;
}
body.page-template-showcase-home-php #content article .entry-content{
	margin: 0;
	width: 100%;
}
.error404 #main #searchform{
	margin-left: -6%;
	margin-right: -6%;
	padding-left: 6%;
	padding-right: 6%;
}
.singular .entry-content,
.singular .entry-header,
.singular footer.entry-meta{
	width: auto;
	margin: 0;
}

body.page-template-showcase-php #content article .entry-content *,
body.page-template-showcase-home-php #content article .entry-content *{
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	color: #6B6C6E;
	font-size: 11px;
}

body.page-template-showcase-php #content article .entry-content h3 strong{
	font-size: 14px;
	text-transform: none;
}

body.page-template-showcase-php #content article .entry-content a,
body.page-template-showcase-home-php #content article .entry-content a{
	color: #F39A00;
}
body.category #content .format-status a.flaglink,
.waveOrange{
	background: url(./images/wave_orange_tr.png) left center no-repeat;
	padding-left: 20px;
}
body.page-template-showcase-php #content article .entry-header .entry-title,
/*body.page-template-showcase-php #content article .entry-content h2,*/
body.page-template-showcase-home-php #content article .entry-header .entry-title,
body.page-template-showcase-home-php #content article .entry-content h2,
#content .entry-title,
#content .page-title
/*#content .status-publish .entry-title*/{
	display: block;
	color: #6B6C6E;
	font-size: 18px;
}
body.page-template-showcase-php #content article .entry-content h2 strong,
body.page-template-showcase-home-php #content article .entry-content h2 strong{
	color: #6B6C6E;
	font-size: 18px;
}

body.page-template-showcase-php #content article .entry-content h2{
	font-size: 16px;
}

body.page-template-showcase-php #content article .entry-content h2 small,
body.page-template-showcase-home-php #content article .entry-content h2 small{
	font-size: 14px;
}
body.page-template-showcase-php #content .entry-content table,
body.page-template-showcase-php #content .entry-content td{
	border: 0;
}
#content article.format-status .entry-title{
	display: none;
}
body.single #content article.format-status .entry-title,
body.search #content article.format-status .entry-title{
	display: block;
}
#content .status-publish .entry-title a{
	color: #6B6C6E;
	background: url(./images/wave_orange_tr.png) left center no-repeat;
	padding-left: 25px;
}
body.page-template-showcase-php #content article#post-21 .entry-header .entry-title,
body.page-template-showcase-php #content article#post-24 .entry-header .entry-title,
body.page-template-showcase-php #content article#post-26 .entry-header .entry-title,
body.page-template-showcase-home-php #content article#post-21 .entry-header .entry-title,
body.page-template-showcase-home-php #content article#post-24 .entry-header .entry-title,
body.page-template-showcase-home-php #content article#post-26 .entry-header .entry-title {
	display: none;
}

body.page-template-showcase-home-php #content #homeContent{
	width: 55%;
	padding-right: 5%;
	float: left;
}
body.page-template-showcase-home-php #content #secondary{
	margin: 0;
	width: 40%;
}
body.page-template-showcase-home-php #content #secondary a.title-contribution{
	background: url(./images/wave_orange_tr.png) left center no-repeat;
	padding-left: 20px;
}
body.page-template-showcase-home-php #content #secondary h3.widget-title,
#secondary h3.widget-title{
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	line-height: normal;
}
body.page-template-showcase-home-php #content #secondary .hentry,
#secondary .hentry{
	padding-top: 1.8em;
}

#content .entry-content ul{
	list-style-type: none;
}
#content .entry-content ul li{
	background: url(./images/wave_orange_tr.png) left 7px no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
}

#supplementary{
	border: 0;
	padding-right: 2.5%;
	padding-left: 12.7%;
}
#supplementary a:hover{
	text-decoration: none;
}
 
footer{
	position: relative;
	min-height: 222px;
}
footer .logo{
	margin-left: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#supplementary .widget-area{
	font-size: 11px;
	line-height: 140%;
}

#supplementary .widget-area big,
#supplementary .widget-area strong,
#supplementary .widget-area .orange,
body.page-template-showcase-php #content article .entry-content .orange{
	font-weight: bold;
	color: #F39A00;
	text-transform: none;
}
#supplementary .widget-area big,
#supplementary .widget-area .orange{
	font-size: 12px;
}

body.page-template-showcase-php #content article .entry-content h3{
	font-size: 14px;
	letter-spacing: normal;
	margin-bottom: 14px;
}

#supplementary .widget-area td{
	line-height: 130%;
	padding: 3px;
}

#supplementary .widget-area em{
	color: #6B6C6E;
	font-weight: normal;
	width: 90%;
	display: block;
}

#supplementary .widget-area .textright{
	text-align: right;
}
#supplementary .widget-area .textright big{
	font-size: 14px;
}
#supplementary .widget-area .textright big,
#supplementary .widget-area .textright strong{
	color: #6B6C6E;
}

.floatright{
	float: right;
}
.floatleft{
	float: left;
}
.textcenter,
table.textcenter td{
	text-align: center;
}
.textleft,
table.textleft td,
.textleft *{
	text-align: left;
}
.verticaltop,
table.verticaltop td{
	vertical-align: top;
}
.autosize{
	width: auto !important;
}

body.category-novinky .hentry{
	margin: 0;
	padding: 0;
}
body.category-novinky .novinkyLine{
	font-size: 13px;
}
table.contactTab td{
  padding: 3px 5px 3px 10px;
}
.contactImg{
  border: 2px solid #F39A00;
}

body.page-template-showcase-php #content article .entry-content table.files{
	width: 70%;
}

body.page-template-showcase-php #content article .entry-content table.files th{
	text-transform: none;
	font-weight: bold;
	color: #F39A00;
}

body.page-template-showcase-php #content article .entry-content table.files td{
	vertical-align: middle;
}

body.page-template-showcase-php #content article .entry-content div.image {
    text-align: center;
    float: left;
    margin-bottom: 20px;
    width: 100px;
}

body.page-template-showcase-php #content article .entry-content div.image img {
    display: block;
    margin: 0 auto 5px auto;
    height: 100px;
    width: 71px;
}

body.page-template-showcase-php #content article .entry-content .imageborder img {
    border: solid 2px #f39a00;
    padding: 2px;
}

.table-responsive{
	overflow: auto;
}

@media (max-width: 1016px) {
	body.page-template-showcase-home-php #content #home-content-header{
		margin-bottom: 0;
	}
	body.page-template-showcase-home-php #content #home-content-header img.banner{
		width: 100%;
		height: auto;
	}
	#content{
		width: auto;
	}
}
@media (max-width: 800px) {
	html{
		background-image: none;
	}
	body.page-template-showcase-home-php #content #home-content-header{
		margin-top: 40px;
		border-top: 4px solid #bbb;
	}
	body.page-template-showcase-home-php #content #home-content-header #small_banners{
		position: relative;
		float: left;
		width: 100%;
		margin: 0;
	}
	body.page-template-showcase-home-php #content #home-content-header #small_banners .banner_el{
		width: 100%;
		border-top: 4px solid #BBB;
		font-size: 20px;
	}
	body.page-template-showcase-home-php #content #home-content-header #small_banners .banner_el strong{
		font-size: 100%;
	}
	body.page-template-showcase-home-php #content #home-content-header #small_banners .banner_el strong span{
		font-size: 66.6%;
	}
	body.page-template-showcase-home-php #content #home-content-header #small_banners .banner_el small{
		font-size: 66.6%;
		top: 25%;
	}
	body.page-template-showcase-home-php #content #homeContent{
		width: 100%;
		padiing: 0;
	}
	body.page-template-showcase-home-php #content #secondary{
		width: 100%;
	}
	body.search #main #content{
		margin: 0 3%;
		width: auto;
	}
	#supplementary .widget-area .textright{
		text-align: left;
	}
	#supplementary{
		padding-bottom: 50px;
	}
	#page #access{
		padding-top: 20px;
	}
	#page #access ul,
	#page #access ul li,
	#page #access ul li a{
		width: 100%;
	}
	#page #access ul{
		position: relative;
		float: left;
	}
	#page #access ul li{
		border-top: 1px solid #999;
		background-color: #eee;
	}
	#page #access ul li a{
		width: 90%;
	}
	#page #access ul.menu > li > a{
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
	#page #access ul ul{
		margin: 0;
		padding: 0;
		top: 0;
	}
	#page #access ul li li a{
		background-color: #ddd;
		padding-left: 10%;
		padding-right: 5%;
		width: 85%;
	}
	body.page-template-showcase-php #content article .entry-content table.files{
		width: 100%;
	}
  table#fuel tr{
    display: block;
    float: left;
    width: 100%;
  }
  table#fuel tr td{
    width: 48%;
    min-height: 190px;
    display: block;
    float: left;
  }
}
@media (max-width: 760px) {
	.blockRows tr{
		border-bottom: 1px solid #aaa;
		display: block;
		float: left;
	}
	.blockRows tr td{
		display: block;
		float: left;
		width: 100%;
	}
}