  
  h1 {color:#4fcf02; font-weight: 900; font-size:24px; }
	h2 {color:#4fcf02, font-weight: 900;font-size:20px; }
	h3 {color:#4fcf02;}
  h4 {color:#147b00;}
  
	.category-image {position: relative; text-align:right}
	.category-image .slogan {position:absolute; top:50px; right:-50; text-shadow: 0 0 15px #fff;}

  .tit1 {color:#4fcf02; font-weight: 600; font-size:24px; }
	.tit2 {color:#61676b; font-size:18px; font-weight: 200}
  .container1 {text-align:center;}

<!--- doplnek --->



@media screen, projection
{
	body {font-family: arial, "Serif" ; color: #000000; font-size: 20px;}
	h1 {color:#000; font-weight:normal}
	a {color:#5dec06}

	
	.mmenu {margin:0; min-height: 0;}
	.mmenu .navpanel {width:100%;}
	.mmenu .navpanel>li>a {color:#000; text-transform: uppercase;
	.mmenu .navpanel>li>a {padding-top:7px; padding-bottom:5px;border:1px solid transparent;color:#ffffff;}
	.mmenu .navpanel>li>a:hover {background-color:#4dd232;}
	.mmenu .navpanel>li a:hover {color:#000;}
	.navbar-default {border-color:#000;}
	.navbar-default .navpanel>.active>a, .navpanel .navpanel>.active>a:hover, .navbar-default .navpanel>.active>a:focus {color:#ffffff; background: none}
	.navbar-brand img {width:190px; position:absolute; margin-top:-8px;}
        
	.panel1 img.text-right  {display:none;}
	.panel1 {border:1px solid #ffffff; padding:1em; position:relative; padding:30px 30px 70px; margin-bottom:30px;}
	.panel2 {padding:30px 30px 80px;}

@media (min-width: 992px) {
	.logo img {max-width:300px;}
	.mmenu {font-size:12px;}
	.mmenu .navbar>li>a {padding-left:10px; padding-right:10px;}
	.mmenu {margin:12px 0 0}

	.mmenu .navpanel>li.hledat {float:right; display:block;}
	.mmenu .navpanel>li.hledat a {width:46px; height: 46px; display:inline-block; background:url('../img/ico-search.png') no-repeat 0 0 !important; margin-top:-6px;}
	.mmenu .navpanel>li.hledat:hover {opacity:0.8;}
	.mmenu .navpanel>li.hledat a span {display:none;}

	.panel1 img.text-right {display:block; float:right; margin-right:-31px; margin-bottom:-71px; margin-top:-51px; margin-left:30px;}
	.panel1 nodt {font-family: serif}
  .panel2 {height: 300px; overflow: hidden}
	.panel2a {background: url('images/pozadi_a.jpg') no-repeat top center}
	.panel2b {background: url('../images/pozadi_b.jpg') no-repeat top center}
	.panel2a, .panel2b h2 {color:#fff;}
	.panel2c {background: url('../images/pozadi_c.jpg') no-repeat top center}
	.panel2b .list-group {margin-top:1em;}
	.panel2b .list-group-item {border:none; background: none; padding-left:0; padding-right: 0}
	.panel2b .list-group-item a {color:#fff;}
	.panel2b .list-group-item a span {float:right; width:28px; height: 28px; background: url('../img/bkg-arrow.png') no-repeat 0 0; margin-top:-4px;}
	.panel2b .list-group-item a:hover span {background: url('../img/bkg-arrow-hover.png') no-repeat 0 0}
	.panel2b .list-group-item a:hover {color:#014061; text-decoration: none}

	.smenu {margin-top:2000px;}
	.smenu li.active::after {content:' '; display:block; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 20px; border-color: transparent transparent transparent #858f93; position: absolute; right:-20px; top:0px;}

	.panel1 h1 {font-size:24px;}
	.panel1 h2 {font-size:20px;}



  