p {
	text-align: justify; margin: 5px 0px 10px 20px; font-size: 12px;
	line-height: 20px;
}
.title {
	margin: 15px 0px 0px 0px !important;
}
.leftP {
	 margin: 5px 0px 10px 0px;
}
@media (max-width: 768px) {
	.resp-leftP {
		margin-left: 0px !important;
	}
}
* {
	font-family: verdana;
	color: #052b40; margin: 0px; padding: 0px;
}
ul, li, span, a, td, dl {
	font-size: 12px; line-height: 24px;
}
li {
	list-style-type: none;
}
html, body {
	height: 100%;
}
body {
	margin:0px auto;
	border: 0px solid black;
	background: #005427 url("../img/web-parts/bg-body.png") repeat-x;

}
a img {
	text-decoration: none;
	border: 0px solid red;
}
h1 {
	font-size: 26px; line-height: 38px; margin: 25px 0px 15px 0px;
	color: #062f19; font-family: Tahoma !important; font-weight: normal;
	background: url("../img/web-parts/bg-h1.png") no-repeat left bottom;
}
h1 .h1small {
	font-size: 20px !important; color: #fff;
}
h2 {
	font-size: 16px;
	font-weight: bold; color: #c9431b;
	margin: 15px 0px 5px 20px; clear: both;
}
h2 a, h2 a:hover {
	font-weight: bold; color: #c9431b !important;
	text-decoration: none;
}
.container-in h2 {
	margin: 15px 0px 20px 0px; float: left; clear: left; width: 100%;
	clear: both;
}
.topBorder, .topLine {
	border-top: 1px solid #bababa; padding-top: 15px;
}
h3 {
	font-size: 14px; font-weight: bold;
	margin: 20px 0px 15px 10px; clear: both; width: 100%;
}
.DivOverflow h3 {
	margin: 20px 0px 15px 0px;
}
h4 {
	font-size: 12px; font-weight: bold;
	margin: 20px 0px 15px 10px; clear: both; width: 100%;
}
h5 {
	font-size: 12px; font-style: italic;
	margin: 20px 0px 15px 10px; clear: both; width: 100%;
}
.navbar {
	height: 22px;
}
#wrapper {
	margin: 0px auto;
}
#allOver {
	margin: 0px auto;
}
#topDiv {
	_margin-left: 35px; width: 922px;
	margin: 0px auto;
}
.container {
	padding: 0px;
	max-width: 922px;
}
.container-in {
	padding: 20px 20px 30px 20px;
	background-color: #fff;
}
.logo {
	display: block; float: left; margin-top: 13px; margin-left: 10px;
	position: relative; z-index: 10;
}
.slogan {
	float: left; margin: 70px 0px 0px 70px;
}
#jazyky-tuv {
	float: right; margin: 95px -30px -10px 0px;
}
#jazyky-tuv a {
	line-height: 0px !important;
}
#menu { 
	margin: 8px 0 1px 0; clear: both; float: left;
}
#menu li { 
	list-style-type: none; display: inline;
}
#menu li a { 
	display: block; float: left; width: 184px; height: 22px; line-height: 22px;
	color: #ffffff; font-weight: bold;
	background: none; text-decoration: none; text-align: center; 
	border-left: 2px solid #fff;
}
#menu li a:hover, #menu li a:hover .caret { 
	background-color: #dde6ef; color: #c9431b;
}
.navbar-nav > li > a {
	padding: 0px !important;
}
.dropdown-menu li a {
	display: block; clear:both; float: left;
	height: 32px !important; line-height: 26px !important; 
	color: #797979; font-weight: bold; border-bottom: 1px solid #dbe8de;
	background: none; text-decoration: none; text-align: left;
	clear: both;
    color: #696969 !important;
    display: block;
    font-weight: 400 !important;
    line-height: 1.9;
    padding: 3px 20px;
    white-space: nowrap;
    min-width: 240px;
}
.dropdown-menu li a:hover { 
	background-color: #fff;
}
.caret {
    margin-left: 7px !important;
    color: #fff;
}
#mainDiv {
	_width: 992px; _float: left;
	_background: url("../img/web-parts/bg-mainDiv.png") repeat-y;
	min-height: 850px;
}
#divBottom {
	width: 100%; height: 22px; float: left;
	background: url("../img/web-parts/bg-bottomDiv.png") repeat-x;
}
#divBottom-in {
	width: 920px; margin: 0px auto;
}
#divBottom-in .firma {
	color: #ffffff; margin-left: 20px; font-size: 11px;
}
#divBottom-in .o-design {
	color: #ffffff; float: right; margin-right: 20px; font-size: 11px;
}
/* --------------------------    Pages    -------------------------------------------- */
#indexDiv {
	width: 922px; padding: 1px 0 25px 0; margin: 0px auto; position: relative;
	background: #007631 url("../img/web-parts/bg-index.jpg") no-repeat;
}
#indexDiv h1 {
	color: #fff; margin-left: 30px;
}
#indexDiv h2 {
	color: #c9431b; margin-left: 30px;
}
#indexDiv p {
	color: #fff; width: 860px; margin-left: 30px;
}
#indexDiv p a {
	color: #c9431b;
}
#indexDiv p a:hover {
	text-decoration: none;
}
#indexDiv-kryci {
	width: 724px; height: 510px; float: right; margin-bottom: -510px;
	margin-right: 1px;
	background: url("../img/web-parts/bg-index-kryci.jpg") no-repeat;
	position: relative; z-index: 10;
}
#indexDiv-kryci ul {
	margin: 160px 0px 0px 150px;
}
#indexDiv-kryci li {
	list-style-type: none;
	
}
#indexDiv-kryci li a  {
	color: #fff; font-size: 16px; font-weight: normal; text-decoration: none;
	background: url("../img/web-parts/bg-indexUL.png") no-repeat left 6px;
	padding-left: 25px; line-height: 28px;
}
#indexDiv-kryci li a:hover  {
	text-decoration: underline;
	background: url("../img/web-parts/bg-indexUL-hover.png") no-repeat left 6px;
}
.topLayer {
	position: relative; z-index: 15;
}
.topLayer p {
	color: #fff; margin-left: 20px; width: 880px; font-size: 13px;
}
.kontaktyDiv .nadpis {
	color: #c9431b; font-size: 16px; font-weight: bold; margin-left: 20px;
}
.kontakty-mapa {
	border: 1px solid #656565; margin: 40px 0px 80px 0px; float: left;
	width: 100%;
}
.leftImg {
	position:relative;
	left: 0px;
	top: 0px;
	margin: 10px 20px 10px 0px;
}
.rightImg {
	float: right; margin-left: 10px;
}
.cleaner {
	display: block; clear: both; line-height: 0px; width: 100%; 
}
.list {
	padding-left: 50px; margin-bottom: 20px;
}
.list li {
	list-style-type: disc; font-weight: bold;
}
.col-sm-12 ul, .col-sm-3 ul, .col-sm-4 ul, .col-sm-6 ul, .col-sm-8 ul, .col-sm-9 ul,
.col-sm-12 dl, .col-sm-3 dl, .col-sm-4 dl, .col-sm-6 dl, .col-sm-8 dl, .col-sm-9 dl {
	margin-left: 20px; 
}
.col-sm-12 li, .col-sm-3 li, .col-sm-4 li, .col-sm-6 li, .col-sm-8 li, .col-sm-9 li {
	list-style-type: circle; margin-left: 20px; padding-left: 0px;
}
.col-sm-12 dd, .col-sm-3 dd, .col-sm-4 dd, .col-sm-6 dd, .col-sm-8 dd, .col-sm-9 dd {
	margin-left: 20px; padding-left: 0px;
}
.produktyTable {
	width: 100%;
}
.produktyTable thead {
	border-bottom: 2px solid #d5d5d5;
}
.produktyTable th {
	padding: 10px;
}
.produktyTable td {
	padding: 10px;
}
.produktyTable-top td {
	vertical-align: top;
}
.produktyTable-center td {
	text-align: center; padding: 10px 10px;
}
.DivOverflow {
	width: 100%;
	overflow: auto !important;
}
/* ------------------------------- menu v produktech ---------------------------------- */
#menuProdukty-over {
	float: left; width: 180px;
}
.nadpisProdukty {
	font-size: 16px; font-weight: bold; display: block;
	margin: 15px 0px 0px 0px;
}
#menu-produkty {
	width: 170px; float: left; margin: 0px 0px 0px 15px;
}
#menu-produkty li {
	list-style-type: square;
}
#menu-produkty li a {
	text-decoration: none; font-size: 14px; display: block;
	width: 140px; height: 30px; line-height: 30px; padding-left: 10px;
}

#menu-produkty li a:hover, #menu-produkty li:hover {
	text-decoration: underline;
	background-color: #eeeeee;
}
/* --------------------------    Carousel    --------------------------------------------- */
.carousel
{
	position:relative;
	margin: -30px -70px 0px -25px;
	padding:0px;
	float: left;
	-moz-user-select:none;
	-webkit-user-select:none;
}


.carousel .carousel-item
{
	background-image:url(carousel-assets/images/preloader.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFF;
	position:absolute;
	cursor:pointer;
}


.carousel .out
{
	border:#DDD 2px solid;
}


.carousel .over
{
	border:#c9431b 2px solid;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";
	
}


.carousel .click
{
	border:#DDD 2px solid;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";
}


.carousel .select
{
	border:#c9431b 2px solid;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";
}


.carousel .tooltip
{
	position:absolute;
	z-index:9999;
	background-color:#DDD;
	margin-bottom:20px;
	border:#EEE solid 4px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}


.carousel .tooltip p
{
	color:#999;
	padding:10px;
	margin:0px;
}


.carousel .scrollbar
{
	width:340px;
	position:absolute;
	margin-top:100px;
	
}

.carousel .scrollbar .track
{
	background-image:url(carousel-assets/images/track.png);
	width:300px;
	height:20px;
	position:absolute;
	left:20px;
}

.carousel .scrollbar .thumb
{
	background-image:url(carousel-assets/images/thumb.png);
	width:70px;
	height:20px;
	position:absolute;
	cursor:pointer;
}

.carousel .scrollbar .left
{
	background-image:url(carousel-assets/images/left.png);
	width:20px;
	height:20px;
	position:absolute;
	cursor:pointer;
	left:0px;
}

.carousel .scrollbar .right
{
	background-image:url(carousel-assets/images/right.png);
	width:20px;
	height:20px;
	position:absolute;
	cursor:pointer;
	right:0px;
}
#text {
	clear: both; float: left; margin: 10px 0px 30px 0px;
}
#text #selected-title {
	font-size: 16px; font-weight: bold; color: #fff;
}
#text #selected-description {
	font-size: 12px; color: #fff;
}
#controls {
    margin: 90px 0px 0px 10px; clear: both; float: left;
}
#controls #auto-scroll {
    float: left; height: 38px; width: 38px;
}
#controls #right {
    background: url("../img/web-parts/arrows.png") no-repeat scroll -111px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 38px;
    width: 38px;
}
#controls #auto-scroll {
    background: url("../img/web-parts/playpause.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 38px;
    width: 38px;
}
#controls #left {
    background: url("../img/web-parts/arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 38px;
    width: 38px;
}
#controls a {
    cursor: pointer;
    margin: 0 20px;
}
/* ----------------------------------------------- responsive ------------------------------------- */
@media (max-width:767px) {
	.navbar {
		margin-right: 10px;
	}
	.topLayer p, .topLayer h1 {
		padding-left: 20px !important; padding-right: 20px !important;
	}
	.topLayer .description, .topLayer .title {
		padding-left: 0px !important; padding-right: 0px !important;
	}
	#indexDiv-resp {
		padding-right: 20px !important; padding-bottom: 20px;
	}
	.respLeftP {
		margin: 5px 0px 10px 0px;
	}
}
@media (min-width:768px) {
 .navbar-toggle {
  display: block;
 }
 .navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
    padding-bottom: 0;
  }
  .navbar-collapse.in {
  	overflow: visible !important;
  	position: relative !important;
  }
  .navbar-header {
    float: none !important;
  }
  .dropdown-menu {
  	  float: none !important;
  	  position: relative !important;
  	  clear: left !important;
  }
  .dropdown-menu {
	 z-index:1000;
	 min-width:160px;
	 padding:5px 0;
	 margin:2px 0 0;
	 font-size:14px;
	 text-align:left;
	 list-style:none;
	 background-color:#fff;
	 -webkit-background-clip:padding-box;
	 background-clip:padding-box;
	 border:0px solid #ccc;
	 border:0px solid rgba(0,0,0,.15);
	 border-radius:0px;
	 -webkit-box-shadow:0 0px 0px rgba(0,0,0,.175);
	 box-shadow:0 0px 0px rgba(0,0,0,.175)
}
}
@media (max-width: 999px) {
#topDiv, #divBottom-in, #indexDiv, #indexDiv p {
	width: 100% !important;
}
#indexDiv {
	display: none;
}
#indexDiv-resp {
	position: relative; float: left;
	z-index: 0; padding-top: 30px;
}
.topLayer p {
	width: 100% !important;
	margin-left: 0px;
}
.collapse {
 display:none !important;
}
.navbar-collapse.in {
    overflow-y: auto !important;
	position: relative; z-index: 10;
}
.collapse.in {
 display:block !important;
}
tr.collapse.in {
 display:table-row !important;
}
tbody.collapse.in {
 display:table-row-group !important;
}
#menu {
	margin: 0px 13px 0 0 !important;
}
.nav {
	border-radius: 4px;
	float: right !important;
}
.navbar-toggle {
	display: block;
	margin-top: 81px;
	margin-bottom: 20px;
	padding: 5px 10px;
	float: right !important;
	z-index: 10;
	border: 2px solid #fff;
	background: url("../img/web-parts/bg-toggle.png") no-repeat 50% 50%;
}
.navbar-toggle > .icon-bar {
	color: #fff !important;
	border: 2px solid #fff;
	width: 40px;
	height: 3px;
	margin: 8px 0px;
}
.navbar-nav {
	float: right !important;
}
.navbar-nav > li {
	display: block !important; clear : left; background-color: #fff !important;
	float: left !important;
    line-height: 40px !important;
    overflow: visible !important;
}
.navbar-nav > li > a {
	color: #023d77 !important;
    text-align: left; display: block !important;
    line-height: 40px !important;
    min-height: 40px !important;
    min-width: 240px !important;
}
.navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
	text-decoration: underline;
}
.menu-last {
	padding-left: 0px;
}
.caret {
	color: #c9431b;
}
#indexDiv-kryci {
	background: none !important;
}
#indexDiv-kryci ul {
	margin: 160px 0px 0px 150px;
}
#indexDiv-kryci li {
	list-style-type: none;
	
}
#indexDiv-kryci li a  {
	color: #fff; font-size: 16px; font-weight: normal; text-decoration: none;
	background: url("../img/web-parts/bg-indexUL.png") no-repeat left 6px;
	padding-left: 25px; line-height: 28px;
}
#indexDiv-kryci li a:hover  {
	text-decoration: underline;
	background: url("../img/web-parts/bg-indexUL-hover.png") no-repeat left 6px;
}
.carouseller {
	border: 1px solid #436c92;
	padding: 20px;
	background-color: #135ea5 !important;
}
.sliderBox {
	border: 1px solid #c8c6c6;
	padding: 20px 15px;
	background-color: #fff !important;
}
.sliderBox img {
	width: 100% !important;
}
.sliderBox p {
	color: #797979;
}
.sliderBox a {
	clear: left; display: block;
}
.sliderBox > .description {
	font-weight: normal;
}
.carouseller .carouseller__left, .carouseller .carouseller__right {
    bottom: 50% !important;
}
.container-in {
	margin-top: 25px; padding-top: 0px;
}
#indexDiv-resp h1, #indexDiv-resp p.white {
	color: #fff;
}
}
@media (min-width: 1000px) {
	#indexDiv-resp, .indexDiv-resp {
		display: none !important;
	}
.navbar-toggle {
	display: none;
}
.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible !important;
  }
  .navbar-header {
    float: left !important;
  }
  .dropdown-menu {
	 position:absolute !important;
	 top:100% !important;
	 left:0 !important;
	 z-index:1000;
	 display:none;
	 float:left !important;
	 min-width:160px;
	 padding:5px 0;
	 margin:2px 0 0;
	 font-size:14px;
	 text-align:left;
	 list-style:none;
	 background-color:#fff !important;
	 -webkit-background-clip:padding-box;
	 background-clip:padding-box;
	 border:1px solid #ccc;
	 border:1px solid rgba(0,0,0,.15);
	 border-radius:4px;
	 -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
	 box-shadow:0 6px 12px rgba(0,0,0,.175)
}
}