@charset "utf-8";
/* CSS Document */

h1 {font-size:15px; font-style: normal; font-weight: bold; color:#FFF;}
h2 {font-size:15px; color:#fff; margin-bottom:3px;}
h3 {font-size:14px; font-weight: bold; line-height:22px; color:#000;}
h4 {font-size:14px; font-style: normal; font-weight: bold; color:#202808; margin-bottom:3px; margin-top:5px;} 
h5 {font-size:14px; color:#FFF;}

img {border:0px;}

body {
	padding: 0px;
	/*	font-size: 62.5%;*/
	/*text-align:center;*/
	/*	behavior:url("csshover.htc");*/
	background-color: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:100%;
	background-repeat: repeat-x;  
	background-position: center top;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#000;	
	text-align:left;
}

a {
	/*color: #0da959;*/
  color: #f15a22;
	/*text-decoration: underline; */
  text-decoration: none;
}

a:hover {
	color: #666;
  text-decoration: none;
}

.cleared
{
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  border: none;
  font-size: 1px;
}

.invisible
{
  display: none;
  visibility: hidden;
}

.optika {
	color:#00adef !important;
}

.bezdrat {
	color:#f15a22 !important;
}

.televize {
	color:#00a050 !important;
}

.telefon {
	/*color:#ffcc00 !important;*/
	color:#f7a72d !important;
}

.data {
	color: #cc00cc !important;
}

.dark {
	color:#333333 !important;
}


#main-wrapper {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-position: center top;
}

#header-wrapper {
	width: 100%;
	height: 86px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0px;
	/*background-image: url("bg_head.jpg");
	background-repeat: repeat-x;
	background-position: center top;*/
  position:relative;
  z-index:99;
}

#header-content {
	width: 982px;
	height: 86px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0px;
}

#logo {
	width: 207px;
	height: 58px;
	float:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 15px 0px 3px 0px;
	background-repeat: no-repeat;
	background-position: center top;
}

#phone {
	/*width: 257px;*/
	height: 31px;
	float:right;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #f15a22;
	font-size: 12px;
	text-align: right;
	padding: 17px 0px 0px 0px;
	background-repeat: no-repeat;
}


#search {
	/*width: 257px;*/
	height: 38px;
	float: right;
	text-align: right;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: center top;
}

#search form input {
	width:166px;
	padding: 1px;
	line-height: 1.3em;
}

#search img {
	padding-left: 5px;
	background-position:center bottom;
}


#link-wrapper {
	width: 100%;
	height: 222px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding: 0px;
	/*background-image: url('bg_hit.png');
	background-repeat: repeat;
	background-position: center top;*/
}


#link-content {
	width: 1062px;
	height: 222px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0px;
	/*background-image:url('carousel_bg_bar.png');
	background-repeat:no-repeat;
	background-position:center;*/
}

.easy-carousel-arrows-left {
	visibility:hidden;
	width: 31px;
	height: 124px;
	float: left;
	margin: 0px;
	margin-top: 98px;
	padding: 0px;
	display: block;
	/*background-image:url('arrow-left.png');
	background-repeat:no-repeat;*/	
}

.easy-carousel-arrows-right {
	visibility:hidden;
	width: 31px;
	height: 124px;
	float: right;
	margin: 0px;
	margin-top: 98px;
	padding: 0px;
	display: block;
	/*background-image:url('arrow-right.png');
	background-repeat:no-repeat;	*/
}

.easy-carousel-short {
	width: 327px;
	height: 222px;
	float:left;	
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0px;
}

.easy-carousel-short h2 {
	width: 100%;
	float:left;	
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding:30px 0 0 0;
	text-align:center;
	text-transform:uppercase;
	color:#f15a22;
	font-size:2.0em;
	font-weight:bold;	
}

.easy-carousel-short h2 a {
	color:#f15a22;
	text-decoration:none;
}

.easy-carousel-short h2 a:hover {
	color:#000;
	text-decoration:none;
}

#content-wrapper {
	width: 100%;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-position: center top;
}

#content {
	width: 982px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0px;
	display:block;
	line-height: 20px;
}


#blocks-left {
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#blocks-right {
	width: 300px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.block-simple {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;	
	/*background-image:url(bg_easy_objednat.png);
	background-repeat:repeat-x;*/
}

.block-simple h2 {
 	width:100%;
	/*height: 41px;*/
	/*height: 32px;*/
	font-size:16px; 
	font-weight:bold; 
	color:#000; 
	text-align:left;
	/*padding-top: 10px;*/
}

.block-simple h2 span {
	color:#f15a22; 
	padding-right:8px; 
	float:right;
}

.block-simple h2 img {
	width:14px; 
	height:13px; 
	padding-left: 10px; 
	padding-right: 10px; 
	border:0px;
}

.block-info {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;	
}


.block-info table.noborder, .noborder tr, .noborder tr td {
	border: 0px !important;
}

.block-info ul {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
}

.block-info ul li { 
	list-style-image: url(li_square.jpg);
	/*font-size: 0.9em;*/
}
.block-info hr {
	height: 0px;
	border-width:0px;
	border-bottom: 1px dotted;
	margin-top: 4px;
	margin-bottom: 5px;
	padding: 0px;
	color: #333;
}

.block-info p {
	line-height: 20px;
	padding: 0px;
	margin: 0px;
}

.block-info table, .block-info table tr, .block-info table tr td {
	padding:2px;
	margin:1px;
	border: 1px solid #ddd;
}

table.tvlist, .tvlist tr, .tvlist tr td {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 2px;
	border: 0px !important;
}

.tvlist tr td img {
	padding-right: 10px;
	border: 0px;
}


.block-info h2 {
 	width:100%;
	font-size:16px; 
	font-weight:bold; 
	color:#000; 
	text-align:left;
  margin: 0px;
  padding: 0px;  
	padding-top: 4px;
 	border-bottom: 3px solid #cccccc;
 	padding-bottom: 4px;  
  margin-bottom: 8px;
}

.block-info h2 span {
	color:#f15a22; 
	padding-right:8px; 
	/*float:right;*/
}

.block-info h2 img {
	width:14px; 
	height:13px; 
	padding-left: 0px; 
	padding-right: 10px; 
	border:0px;
}

.block-info h3 {
 	width:100%;
	font-size:14px; 
	font-weight:bold; 
	color:#333; 
	text-align:left;
  margin: 0px;  
  padding: 0px;  
	padding-top: 1px;
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 2px;  
  margin-bottom: 8px;
}


.block-info h3 span {
	color:#f15a22; 
	padding-right:8px; 
	float:right;
}

.block-info h3 img {
	width:14px; 
	height:13px; 
	padding-left: 0px; 
	padding-right: 10px; 
	border:0px;
}


#footer-wrapper {
	width: 100%;
	height: 86px;
	float: left;
	/*margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;*/
    display: block;
    margin:0px;
	padding: 0px;	
	/*background-image: url('bg_footer.jpg');
	background-repeat: repeat-x;
	background-position: center top;*/
}

#footer {
	width: 100%;
    height: 86px;
	/*margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;*/
    margin:0px;
	padding: 0px;
	color: #FFF;
	display: block;
    background-color: #ffffff;
	/*background-position: center bottom;*/
}

#footer-left {
	width: 207px;
	float: left;
	margin: 0px;
	padding: 20px 0 0 0;
	font-size:11px;
	line-height: normal;
	text-align:center;
}

#footer-left h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color:#f15a22;
}

#footer-left a {
	color: #FFF;
	font-weight: normal;
}

#footer-center {
	width: 550px;
	float: left;
	margin: 0 0 0 50px;
	padding: 20px 0 0 0;
	text-align:left;
	font-size:12px;
}

.center-ikon {
	/*width: 550px;*/
    width: auto;
	height: 95px;
	float: left;
	margin: 0px;
	padding: 5px 0 0 0;
	text-align:left;
}

.center-menu {
	width: 550px;
	float: left;
	margin: 0px;
	padding: 0 0 11px 0;
	text-align:left;
}

.center-link {
	width: 550px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align:left;
}

#footer-right {
	width: 175px;
	float: right;
	margin: 0px;
	padding: 20px 0 0 0;
	text-align:center;
}

#footer a {
	text-decoration: underline;
	padding-left: 5px;
	padding-right: 5px;
}

#footer a:hover {
	color: #fff;
	text-decoration: none;
}

#footer #keyword {
	color: #111111;
}

.block-tab {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	/*background-image: url(bg_spry_head.png);
	background-repeat: repeat-x;*/
}

.block-tab h2 {
 	width:100%;
	font-size:16px; 
	font-weight:bold; 
	color:#000; 
	text-align:left;
	/*padding-top: 10px;*/
	
}

.block-tab h2 span {
	color:#f15a22; 
	padding-right:8px; 
	float:right;
}

.block-tab h2 img {
	width:14px; 
	height:13px; 
	padding-left: 10px; 
	padding-right: 10px; 
	border:0px;
}

#heading-wrapper {
	width: 100%;
	/*height: 222px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0px;
	/*background-image: url('bg_hit.png');
	background-repeat: repeat;
	background-position: center top; */
}

#heading-content {
	width: 100%;
	/*height: 222px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0px;
	/*background-image:url('carousel_bg_bar.png');
	background-repeat:no-repeat;
	background-position:center;*/
}

.heading-title {
	width: 100%;
	margin: 0px;
	padding-top: 12px;
	padding-left: 0px;
	padding-right: 0px;
  display: block;
}

.heading-title h1 {
  font-size:1.8em; 
  font-style: normal; 
  font-weight: bold; 
  color:#f15a22;
  border-bottom:1px solid #cccccc;
  padding-bottom:2px;
  text-transform:uppercase;
}
.heading-title h1 img {
  border:0px;
  width:18px;
  height:18px;
  padding-right:12px;
}

.block-wrap-picture {
	float: left; 
	position:relative;
	margin: 0px 0px 8px 0px;
	padding:0px; 
	height:174px; 
	width:300px; 
	display:block;
	/*margin-top:12px;*/
}

.block-wrap-picture-list {
	display:none;
	position: absolute;
	/*width: 282px;*/
	width: 100%;
	height:38px;
	z-index: 10;
	top: 118px;
	left: -8px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	/*background-image: url(block_wrap_list_bg.png);
	background-repeat: repeat;*/
}

.block-wrap-picture:hover .block-wrap-picture-list {
	display:block;
}


.block-wrap-price {
	float: left; 
	position:relative;
	margin:0px; 
	padding:0px;
	height:198px; 
	width:140px; 
	display:block;
}

.block-wrap-price-list {
	display:none;
	position: absolute;
	/*width: 282px;*/
	width: 100%;
	height:38px;
	z-index: 10;
	top: 44px;
	left: 0px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	/*background-image: url(block_wrap_list_bg.png);
	background-repeat: repeat;*/
}

.block-wrap-price-list img {
	display:block;
  border:0px;
  margin:0px;
  margin-left:8px;
}

.block-wrap-price:hover .block-wrap-price-list {
	display:block;
}


/* Style The Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  margin: 18px 0px 0px 12px;
}


/****** Dropdown Content********/
.dropdown-content {
  display: none;
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #f9f9f9;
  /*background-color: #f15a22;*/ 
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content li {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a[href*="#"] {
  color: #dddddd;
  text-decoration: none;
}

/*.dropdown-content a[href*="#"]:hover {
  color: #aaaaaa;
  text-decoration: none;
}*/

.dropdown-content a[href*="#"]:hover::after {
  content: " PŘIPRAVUJEME";
  color: #aaaaaa;
  text-decoration: none;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #f1f1f1;
    /*color: #3e8e41;*/
    color: #f15a22;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  /*background-color: #3e8e41;*/
  background-color: #f15a22;
}