@import url("reset.css");

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	background: url("../images/bg.png") repeat-x 0px 182px #f6f6f6;
}
h1 {
	display: none;
}
.clr {
	clear: both;
}
.fleft {
	float: left !important;
}
.fright {
	float: right !important;
}
#wrapper {
	width: 1417px;
	margin: 0 auto;
}
#header {
	height: 147px;
	padding-top: 35px;;
}
#header #logo {
	display: block;
	float: left;
	margin-top: 8px;
}
#header .akce {
	float: left;
	margin-left: 121px;
	padding: 0px 0px 0px 58px;
	background: url("../images/icon_akce.png") no-repeat left top;
}
#header .akce strong {
	color: #67696e;
	font-size: 24px;
	font-weight: bold;
}
#header .akce p {
	font-size: 18px;
	font-weight: bold;
	color: #01ac4c;
	line-height: 1.3em;
	margin-bottom: 10px;
}
a.more {
	background-color: #019947;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#019947), to(#01642e));
	background-image: -webkit-linear-gradient(top, #019947, #01642e);
	background-image:    -moz-linear-gradient(top, #019947, #01642e);
	background-image:      -o-linear-gradient(top, #019947, #01642e);
	background-image:         linear-gradient(to bottom, #019947, #01642e);
	padding: 7px 7px 7px 12px;
	-webkit-border-radius: 5px;
    border-radius: 5px; 
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
}
#header .akce .akce_inner {
	padding-right: 205px;
	background: url("../images/header_auto.png") no-repeat right top;
	min-height: 125px;
	height: auto !important;
	height: 125px;
}
a.more span {
	padding-right: 23px;
	background: url("../images/icon_more.png") no-repeat right center;
}
#header > ul {
	float: right;
	margin-top: 25px;
}
#header > ul li {
	font-size: 24px;
	text-align: right;
	margin-bottom: 5px;
	padding-right: 35px;
	background: url("../images/icon_arrow.png") no-repeat right center;
}
#header > ul li a {
	color: #01ab4e;
}
#header > ul li.red a {
	color: #e30133;
}
#menu {
	height: 77px;
}
#menu nav ul {
	float: right;
}
#menu nav ul li {
	float: left;
	height: 70px;
	background: url("../images/menu_delimeter.png") no-repeat left top;
	padding-left: 1px;
}
#menu nav ul li a {
	display: block;
	height: 50px;
	padding: 20px 35px 0;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#menu nav ul li.active a, #menu nav ul li a:hover {
	background: url("../images/menu_active.png") repeat-x left top;
}
#content {
	padding-top: 30px;
}
#left-content {
	width: 290px;
	float: left;
}
#left-content .left-heading {
	height: 40px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	margin-bottom: 9px;
	padding: 15px 0 0 24px;
}
#left-content .left-heading p {
	font-size: 17px;
	color: #fff;
	background: url("../images/icon_arrow_bottom.png") no-repeat 230px 3px;
	min-height: 34px;
	height: auto !important;
	height: 34px;
}
#left-content .left-heading p strong {
	font-size: 21px;
	font-weight: bold;
}
.left-heading-green {
	background-color: #019947;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#019947), to(#01642e));
	background-image: -webkit-linear-gradient(top, #019947, #01642e); 
	background-image:    -moz-linear-gradient(top, #019947, #01642e); 
	background-image:      -o-linear-gradient(top, #019947, #01642e); 
	background-image:         linear-gradient(to bottom, #019947, #01642e);
}
.left-heading-orange {
	background-color: #c15800;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c15800), to(#7e3900));
	background-image: -webkit-linear-gradient(top, #c15800, #7e3900);
	background-image:    -moz-linear-gradient(top, #c15800, #7e3900);
	background-image:      -o-linear-gradient(top, #c15800, #7e3900);
	background-image:         linear-gradient(to bottom, #c15800, #7e3900);
}
.left-heading-blue {
	background-color: #016a99;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#016a99), to(#014564));
	background-image: -webkit-linear-gradient(top, #016a99, #014564);
	background-image:    -moz-linear-gradient(top, #016a99, #014564);
	background-image:      -o-linear-gradient(top, #016a99, #014564);
	background-image:         linear-gradient(to bottom, #016a99, #014564);
}
.left-heading-grey {
	background-color: #4d4d4d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#323232));
	background-image: -webkit-linear-gradient(top, #4d4d4d, #323232);
	background-image:    -moz-linear-gradient(top, #4d4d4d, #323232);
	background-image:      -o-linear-gradient(top, #4d4d4d, #323232);
	background-image:         linear-gradient(to bottom, #4d4d4d, #323232);
}
#left-content .left-nav {
	padding-bottom: 14px;
	background: url("../images/left_box_shadow.png") no-repeat center bottom;
	margin-bottom: 10px;
}
#left-content .left-nav ul {
	background: #fff;
	padding: 24px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
}
#left-content .left-nav ul li {
	line-height: 1.5em;
	background: url("../images/list_bullet.png") no-repeat left center;
	padding-left: 15px;
}
#left-content .left-nav ul li a {
	text-decoration: none;
	font-size: 16px;
	color: #282425;
}
#left-content .left-nav ul li.active a {
	color: #01ab4e;
}
#left-content .left-nav ul li a:hover {
	text-decoration: underline;
}
#right-content {
	width: 1092px;
	float: right;
}
#right-content .center-box {
	padding-bottom: 14px;
	background: url("../images/right_box_shadow.png") no-repeat center bottom;
	margin-bottom: 8px;
}

#right-content .center-box h1 {
	font-weight: bold;
	font-size: 2em;
}

#right-content .center-box h2 {
	font-weight: bold;
	font-size: 1.6em;
}

#right-content .center-box h3 {
	font-weight: bold;
	font-size: 1.2em;
}

#right-content .center-box strong, b {
	font-weight: bold;
}

#right-content .center-box i, em {
	font-style: italic;
}

#right-content .center-box u {
	text-decoration: underline;
}

#right-content .center-box-l li {
	list-style-type: disc;
	margin-left: 15px;
}

#right-content .center-box-heading {
	height: 36px;
	background: url("../images/right_box_bg.png") repeat-x left top #aaa;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0; 
	padding: 13px 0 0 32px;
}
#right-content .center-box-heading h2 {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #383838;
}
#right-content .center-box-content {
	padding: 17px 20px;
	background: #fff;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

#right-content .center-box-content h1 {
 margin: 15px 0px;
}

#right-content .center-box-content h2 {
 margin: 15px 0px;
}

#right-content .center-box-content h3 {
 margin: 15px 0px;
}

#right-content .center-box-content h4 {
 margin: 15px 0px;
}

#right-content .center-box-content h5 {
 margin: 15px 0px;
}

#right-content .center-box-content h6 {
 margin: 15px 0px;
}

#right-content .center-box-content p {
 margin: 5px 0px;
 line-height: 20px;
}


#right-content .center-box-content ul li {
 list-style-type: disc;
 line-height: 20px;
}

#right-content .center-box-content ul {
 margin: 20px 30px;
}


a.galerie {
 width: 175px; 
 height: 115px; 
 background-position: center 25%; 
 background-repeat: no-repeat;
 background-size: cover;
 display: block;
 float: left;
 margin: 4px;
 border: 5px solid #fff;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}

a.galerie:hover {
 border: 5px solid #676767;
 margin: 4px 6px;
}

a.galerie img {
 display: none;
}

#right-content .firma-detail ul {
	float: left;
	width: 430px;
  margin: 0px;
	margin-top: 24px;
}
#right-content .firma-detail ul li {
 list-style-type: none;
	margin-bottom: 15px;
  line-height: 20px;
	padding: 1px 0 0 30px;
	background: url("../images/icon_arrow_medium.png") no-repeat left top;
}
#right-content .firma-detail ul li h3 {
	font-size: 18px;
	font-weight: bold;
	color: #019445;
  margin-top: 0px;
}
#right-content .firma-detail ul li p {
	line-height: 1.3em;
}

#right-content .center-box-content table tr td {
 padding: 8px 15px;
}

#right-content .novinka {
	float: left;
	width: 481px;
}
#right-content .novinka div {
	margin-top: 10px;
}
#right-content .novinka img {
	float: left;
	margin-right: 29px;
}
#right-content .novinka h3 {
	font-size: 17px;
	color: #d5092a;
	font-weight: bold;
	line-height: 1.2em;
}
#right-content .novinka p {
	margin-top: 5px;
}
#right-content .novinka .more {
	font-size: 10px;
	padding: 5px 5px 5px 10px;
	float: right;
	margin-top: 10px;
}
#right-content .novinka .more span {
	background-image: url("../images/icon_more_small.png");
	padding-right: 18px;
}
#right-content .firma-detail {
	padding-left: 41px;
}
#right-content .firma-detail img {
	float: right;
}
.player {
	padding: 10px 0;
	text-align: center;
}
#footer {
	background: #505050;
}
#footer .f1 {
	float: left;
	color: #acabab;
}
#footer .f1 p {
	margin-bottom: 20px;
	line-height: 1.3em;
}
#footer .f1 a {
	color: #acabab;
}
#footer .f1 span.telefon {
	display: block;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding-left: 35px;
	background: url("../images/icon_telefon.png") no-repeat left center;
	min-height: 21px;
	height: auto !important;
	height: 21px;
	margin-bottom: 10px;
}
#footer .f1 span.email {
	display: block;
	padding-left: 35px;
	background: url("../images/icon_email.png") no-repeat left center;
	min-height: 17px;
	height: auto !important;
	height: 17px;
	padding-top: 5px;
}
#footer .f2 {
	float: left;
	margin-left: 158px;
	color: #fff;
}
#footer .f2 h2 {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 15px;
}
#footer .f2 table {
	width: 240px;
}
#footer .f2 table td {
	line-height: 1.5em;
}
#footer .f3 {
	float: left;
	margin-left: 108px;
}
#footer .f3 ul {
	float: right;
	margin-top: 25px;
}
#footer .f3 ul li {
	font-size: 24px;
	text-align: right;
	margin-bottom: 5px;
	padding-right: 35px;
	background: url("../images/icon_arrow.png") no-repeat right center;
}
#footer .f3 ul li a {
	color: #01ab4e;
}
#footer .f3 ul li.red a {
	color: #e30133;
}
#footer .f4 {
	float: right;
}
#footer .f4 ul li {
	text-align: right;
}
#footer .f4 ul li a {
	font-weight: bold;
	color: #727272;
	text-decoration: none;
	line-height: 1.3em;
}
#footer .f4 ul li.active a {
	color: #fff;
}
#footer_wrapper {
	width: 1417px;
	margin: 0 auto;
	padding: 40px 0
}
#copyright {
	background: #363636;
}
#copyright_wrapper {
	width: 1417px;
	margin: 0 auto;
	padding: 15px 0;
}
#copyright p {
	font-size: 12px;
	color: #727272;
	float: left;
}
#copyright .totop {
	float: right;
	color: #727272;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding-right: 30px;
	background: url("../images/icon_arrow_top.png") no-repeat right center;
	min-height: 15px;
	height: auto !important;
	height: 15px;
}

#copyright a.smartim {
	float: right;
	padding-right: 50px;
	color: #646464;
	font-size: 12px!important;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}

#copyright a.smartim:hover {
	float: right;
	font-size: 12px;
	padding-right: 50px;
	color: #00e4ff;
}



/*
RESPONSIVE:
*/


@media only screen and (min-width: 1300px) and (max-width: 1600px) {

  #wrapper {
  	width: 1217px;
  }
  
  #header {
  	height: 147px;
  	padding-top: 35px;
  }
  #header #logo img {
  	width: 350px;
    margin-left: 10px;
  }
  #header .akce {
  	margin-left: 81px;
  }
  
  #header > ul {
  	float: right;
  	margin-top: 15px;
  }
  #header > ul li {
  	font-size: 18px;
  	line-height: 28px;
  }
  
  #menu nav ul li a {
  	font-size: 16px;
  }

  
  #left-content {
  	width: 210px;
  	float: left;
  }
  #left-content .left-heading {
  	height: 30px;
  }
  #left-content .left-heading p {
  	font-size: 15px;
  }
  #left-content .left-heading p strong {
  	font-size: 17px;
  }
  #left-content .left-nav ul {
  	padding: 20px;
  }
  #left-content .left-nav ul li a {
  	font-size: 14px;
  }

  #right-content {
  	width: 992px;
  }

  #right-content iframe {
  	max-width: 900px;
  }

  #right-content img {
  	max-width: 900px;
  }
  
  #right-content .novinka {
  	width: 451px;
  }
  
  #right-content .firma-detail ul {
  	width: 330px;
  }
  
  #right-content .firma-detail img {
  	float: right;
  }
  
  #footer .f2 {
  	margin-left: 58px;
  }
  #footer .f2 table {
  	width: 300px;
  }
  #footer .f3 {
  	margin-left: 58px;
  }
  #footer_wrapper {
  	width: 1217px;
  }
  
  #copyright_wrapper {
  	width: 1217px;
  }
}


@media only screen and (min-width: 1031px) and (max-width: 1299px) {

  #wrapper {
  	width: 1017px;
  }
  
  #header #logo img {
  	width: 250px;
    margin-left: 10px;
  }
  #header .akce {
  	margin-left: 41px;
  }
  
  #header > ul li {
  	font-size: 16px;
  	line-height: 24px;
  }
  
  #menu nav ul li a {
  	font-size: 14px;
  }

  
  #left-content {
  	width: 180px;
  	float: left;
  }
  #left-content .left-heading {
  	height: 30px;
    padding-top: 9px!important;
  }
  #left-content .left-heading p {
  	font-size: 14px;
  	line-height: 14px;
  }
  #left-content .left-heading p strong {
  	font-size: 16px;
  }
  #left-content .left-nav ul {
  	padding: 15px;
  }
  #left-content .left-nav ul li a {
  	font-size: 13px;
  }

  #right-content {
  	width: 802px;
  }

  #right-content iframe {
  	max-width: 750px;
  }

  #right-content img {
  	max-width: 750px;
  }
  
  #right-content .novinka {
  	width: 351px;
  }
  
  #right-content .novinka img {
  	width: 100px;
  }
  
  #right-content .firma-detail ul {
  	width: 280px;
  }
  
  #right-content .firma-detail img {
  	float: right;
  	width: 400px;
  }
  
  #footer .f2 {
  	margin-left: 28px;
  }
  #footer .f2 table {
  	width: 250px;
  }
  #footer .f3 {
  	margin-left: 28px;
  }
  #footer .f3 ul li {
  	font-size: 18px;
  	line-height: 28px;
  }
  #footer_wrapper {
  	width: 1017px;
  }
  
  #copyright_wrapper {
  	width: 1017px;
  }
}



@media only screen and (min-width: 0px) and (max-width: 1030px) {

body {
	background: url("../images/bg.png") repeat-x 0px 140px #f6f6f6;
}
  #wrapper {
  	width: 797px;
  }
  
#header {
	height: 107px;
	padding-top: 15px;
  background-size: contain;
}
  #header #logo img {
  	width: 250px;
    margin-left: 10px;
    margin-bottom: 20px;
  }
  #header .akce {
    width: 240px;
  	margin-left: 31px;
	  padding: 0px 0px 0px 58px;
  }
  
#header .akce strong {
	font-size: 15px;
}
#header .akce p {
	font-size: 13px;
}

#header .akce .akce_inner {
	background-size: 80px;
  padding-right: 30px;
}
  
  #header > ul li {
  	font-size: 12px;
  	line-height: 24px;
  }
  
  #menu nav ul li a {
  	font-size: 12px;
    padding: 25px 25px 0;
  }
  
  .akce_obrazek_nahled_hlavicka {
   background-size: 100px!important;
   width: 250px!important;
  }
  
  #right-content .center-box-heading h2 {
   font-size: 19px!important;
  }

  
  #left-content {
  	width: 170px;
  	float: left;
  }
  #left-content .left-heading {
  	height: 35px;
    padding-top: 9px!important;
  }
  #left-content .left-heading p {
  	font-size: 14px;
  }
  #left-content .left-heading p strong {
  	font-size: 16px;
  }
  #left-content .left-nav ul {
  	padding: 10px;
  }
  #left-content .left-nav ul li a {
  	font-size: 12px;
  }

  #right-content {
  	width: 592px;
  }

  #right-content iframe {
  	max-width: 540px;
  }

  #right-content img {
  	max-width: 540px;
  }
  
  #right-content .novinka {
  	width: 230px;
  }
  
  #right-content .novinka img {
  	width: 80px;
  }
  
  #right-content .firma-detail ul {
  	width: 400px;
  }
  
  #right-content .firma-detail img {
  	float: none;
    clear: both;
    margin: 10px
  	width: 350px;
  }
  
  #footer {
  	font-size: 11px!important;
  }
  #footer .f2 {
  	margin-left: 28px;
  }
  #footer .f2 table {
  	width: 180px;
  }
  #footer .f3 {
  	margin-left: 18px;
  }
  #footer .f3 ul li {
  	font-size: 15px;
  	line-height: 28px;
  }
  #footer_wrapper {
  	width: 797px;
  }
  
  #copyright_wrapper {
  	width: 797px;
  }
}

.table-article {
    border:1px solid white;
    background-color: lightgray;
}

.table-article td {
	 border:1px solid white;
}