body, ul, ol, li, menu, dl, dt, dd, address {margin: 0; padding: 0;}

body {
	margin: 0;
	padding: 0;
	color: #3d3d3a;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.4em; 
	/*background-color: #d6d6ce;*/
        background-color: #33C5F4;
        background-image:url(http://www.webiky.com/uploads/images/bg.png);
        background-position:50% 0;
        background-repeat:no-repeat repeat;
}

a, a:link, a:visited { 
	color: #5b5b08; 
	font-weight: normal; 
	text-decoration: none; 
}

a:hover { 
	text-decoration: underline; 
}

a.more { 
	display:inline-block; 
	font-size: 10px; 
	color: #fff; 
	font-weight: 700; 
	width: 60px; 
	height: 23px; 
	line-height: 21px; 
	text-align: center; 
	padding-right: 25px; 
	background: url(https://www.webiky.com/uploads/images/templatemo_button.png) left center no-repeat; 
}

p, td { 
        font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0; 
	padding: 0; 
        font-size: 14px;
        font-weight: 300;
}

.col_23 li { 
        font-family: 'Open Sans',Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 300;
}

strong { 
        color: black;
        font-weight: normal; 
        font-size: 18px;
}

li {
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-size: 14px;
        line-height: 1.4em;
        color:#666666;
        margin-left: 20px;
}

img { 
	border: none; 
}

em { 
	color: #000; 
}

blockquote { 
	font-style: italic; 
	margin: 0 0 0 10px;
}

cite { 
	font-weight: bold; 
	color: #0088AA; 
}

cite a, cite a:link, cite a:visited  { 
	font-size: 12px; 
	text-decoration: none; 
	font-style: normal; 
}

cite span { 
	font-weight: 400; 
	color: #0088AA; 
}

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 300; }
h1 { font-size: 44px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 30px; margin: 0 0 25px; padding: 5px 0 }
h3 { font-size: 24px; margin: 0 0 20px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }

.col_13 h2
{font-size: 20px;}

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }

.divider { 
	margin-bottom: 40px; 
	padding-bottom: 20px; 
	background: url(https://www.webiky.com/uploads/images/templatemo_divider.png) repeat-x bottom; 
}

.float_l { 
	float: left; 
}

.float_r { 
	float: right; 
}

.img_float_l { 
	margin: 3px 15px 5px 0; 
}

.img_float_r { 
	margin: 3px 0 5px 15px; 
} 

.templatemo_list { 
	margin: 10px 0 10px 0; 
	padding: 0; 
	list-style: none; 
}

.templatemo_list li { 
	color:#5f5f59; 
	margin: 0 0 10px 0; 
	padding: 0 5px 0 15px; 
	background: url(https://www.webiky.com/uploads/images/templatemo_list.png) no-repeat scroll 0 5px;  
}

.templatemo_list li a { 
	color: #5f5f59; 
	font-weight: normal; 
}

.templatemo_list li a:hover { 
	color: #5f5f59; 
}

#templatemo_header_wrapper {
	width: 100%;
	height: 63px;
	/*background: url(https://www.webiky.com/uploads/images/templatemo_header_bg.jpg) repeat-x top*/ 
        background-color: #33C5F4; 
}

#templatemo_header {
	width: 960px;
	margin: 0 auto;
	padding: 10px;
}

#templatemo_middle_wrapper {
	width: 100%;
	/*height: 538px;*/
        height: 400px;
	background: #1f1f1e url(https://www.webiky.com/uploads/images/templatemo_middle.jpg) no-repeat;
        margin-bottom: 30px;
}

#templatemo_middle {
	width: 960px;
	margin: 0 auto;
	padding: 60px 10px;
}

#templatemo_main {
	width: 960px;
	margin: 0 auto;
	padding: 0px 10px 60px 20px;
}

#templatemo_main.white {
        background-color: white;
}

#templatemo_main.pk {
	margin-top: 30px;
}

#content { 
	width: 630px; 
}

#sidebar { 
	width: 300px; 
}

#templatemo_footer_wrapper {
	width: 100%;
	background: #50504d;
	border-top: 5px solid #e8e8e7;
        background-image:url(http://www.webiky.com/uploads/images/bg-footer.png);
        background-position:50% 0;
        background-repeat:no-repeat repeat;
}

#templatemo_footer {
	width: 960px;
	margin: 0 auto;
	padding: 30px 10px;
}

#site_title { 
	float: left; 
}

#site_title a { 
	display: block; 
	color: #fff; 
	font-size: 38px; 
	font-weight: 700; 
	line-height: 40px; 
}

#site_title a span { 
	color: #d6d6ce; 
}

#site_title a:hover { 
	text-decoration: none; 
}

#templatemo_menu { 
	float: right; 
}

#templatemo_menu li { 
	margin-left: 0px; 
}

#templatemo_main img { 
	border: 2px solid #e4e4e0; 
}

.fp_box5 { 
	float: left; 
	width: 160px; 
	margin-right: 12px; 
	padding: 9px; 
	text-align: center; 
	/*background: #c8c8bd;*/
        background:#EDEDED;
        background:white;
	/*border: 1px solid #e8e8e3; */
        border: 1px solid #C8C8BD;
        height: 200px;
}

.fp_box5:hover { 
	/*background: #696960; */
        background: #33C5F4; 
}

.fp_box5 h2 a { 
	color: #000; 
	font-size: 18px; 
	font-weight: 300; 
}

.fp_box5 img { 
	margin-bottom: 10px; 
        border: 0px !important;
}

.fp_box5 h2 { 
	margin-bottom: 5px; 
}

.fp_box5 p { 
	text-align: left;
        font-weight: 300;  
}

.fp_box5:hover.fp_box5 h2 a { 
	color: #fff; 
	font-size: 14px; 
	font-weight: 700; 
}

.fp_box5:hover p { 
	color: white;
}

#templatemo_footer a { 
	color: #fff; 
}

#templatemo_footer h5 { 
	color: #fff; 
	font-size: 16px; 
	font-weight: 300; 
	margin-bottom: 15px; 
}

#templatemo_footer { 
	color: #bebeb2; 
	font-size: 11px;
}

.footer_list { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.footer_list li { 
	margin: 0 0 5px; 
	padding: 0 0 5px; 
}

.footer_list li a { 
	color: #fff; 
        font-size: 12px; 
	font-weight: 300; 
}

.footer_list li a:hover { 
	color: #33C5F4 !important; 
}

.footer_list li a.social { 
	display: block; 
	padding: 8px 0 8px 30px; 
	background-position: 0 5px; 
	background-repeat: no-repeat; 
}

.footer_list li a.facebook { 
	background-image: url(https://www.webiky.com/uploads/images/facebook.png); 
}

.footer_list li a.twitter { 
	background-image: url(https://www.webiky.com/uploads/images/twitter.png); 
}

.footer_list li a.feed { 
	background-image: url(https://www.webiky.com/uploads/images/feed.png); 
}

#templatemo_footer .newsletter_txt { 
	width: 217px; 
	margin-bottom: 5px; 
	padding: 3px;	
}

#templatemo_footer .subscribe_button { 
	float: right; 
	display: block; 
	font-size: 10px; 
	color: #fff; 
	font-weight: 700; 
	width: 85px; 
	height: 23px;  
	padding-bottom: 5px; 
	padding-right: 25px; 
	background: url(https://www.webiky.com/uploads/images/templatemo_button.png) left center no-repeat; 
	border: none; 
	cursor: pointer; 
}

.testimonial { 
	margin-bottom: 30px; 
	padding: 10px; 
	background: #c8c8bd; 
	border: 1px solid #e8e8e3; 
}

.gallery_box { 
	float: left; 
	width: 217.5px; 
	margin: 0 30px 30px 0; 
	text-align: center; 
}

.gallery_box img { 
	margin-bottom: 10px; 
}

.gallery_box a { 
	font-size: 12px; 
	font-weight: 700; 
	margin-bottom:0; 
}

.gallery_box p { 
	font-size: 11px; 
}

.post {
	clear: both;
	margin-bottom: 60px;
}

.post img { 
	float: left; 
	margin-right: 15px; 
}

.post h2 { 
	margin-bottom: 0; 
	font-size: 18px; 
	margin-bottom: 10px; 
}

.post .meta { 
	clear: both; 
	font-size: 10px; 
	margin-top: 20px; 
	padding: 5px 10px;  
	background: #c8c8bd; 
	border: 1px solid #e8e8e3; 
	border-left: none; 
	border-right: none;
}

.post .meta span { 
	float: left; 
	display: block; 
	margin-right: 20px; 
}

.post .meta span.more_but { 
	float: right; 
}

.post .meta span.more_but a { 
	color: #7f0d0d; 
} 

.post .meta a, .post .meta strong { 
	color: #7b7b7b; 
	font-weight: 700; 
}

#comment_section {
	clear: both;
	margin-bottom: 60px;
	width: 538px;

}

.first_level {
	margin: 0; padding: 0;
}

.comments {
	list-style: none; 
}

.comments li { 
	margin-bottom: 10px; 
	list-style:none;  
}

.comments li .commentbox1 { 
	background: #e3e3dd; 
	border: 1px solid #c9c9c0;  
}

.comments li .commentbox2 { 
	background: #f2f2f0; 
	border: 1px solid #c9c9c0;  
}

.comments li .comment_box { 
	clear: both; 
	width:100%; 
	padding: 10px 30px 20px 30px; 
	margin-bottom: 40px;  
}

.comment_box .gravatar { 
	float: left; 
	width: 75px; 
	margin-right: 30px; 
}

#templatemo_main .comment_box .gravatar img {  
	width: 58px; 
	height: 58px; 
	border: 5px solid #fff; 
}

.comment_box .comment_text {  }

.comment_box .comment_text p { 
	margin: 0; 
}

.comment_text .comment_author { 
	font-size: 12px; 
	font-weight: 700; 
	color: #7f0d0d; 
	margin-bottom: 10px; 
}

.comment_text .date { 
	font-size: 11px; 
	font-weight: normal; 
	font-style: italic; 
	color: #7b7b7b; 
	padding-left: 10px; 
}

.comment_text .time { 
	font-size: 11px; 
	font-weight: normal; 
	color: #7b7b7b; 
	padding-left: 10px; 
}
 
.comment_text .reply a { 
	display: block; 
	clear: both; 
	float: right; 
	color: #fff; 
	font-weight: 700; 
} 

#comment_form {
	clear: both;
}

#comment_form form {
}

#comment_form textarea {
	color: #222;
	height:150px;
	width: 360px;
	padding: 5px; 
	background: #fff; 
	border: 1px solid #c8c8bd; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#comment_form .form_row {
	width: 100%;
	margin-bottom: 15px;
}

#comment_form form input {
	color: #222;
	width: 250px;
	padding: 5px; 
	background: #fff; 
	border: 1px solid #c8c8bd; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#comment_form form .submit_btn { 
	width: 80px;
	height: 30px;
	color: #000;
	background: #fff; 
	border: 1px solid #c8c8bd;
}	

.rp_pp { 
	margin-bottom: 5px; 
	padding-bottom: 5px; 
	border-bottom: 1px dotted #c5c5b9; 
}

.rp_pp a { 
	color: #666; 
}

.rp_pp p { 
	font-size: 10px; 
	font-style: italic; 
}

#sidebar h5 { 
	margin-bottom: 15px; 
}

#contact_form { 
	padding: 0; 
	width: 410px; 
	margin-bottom: 40px; 
}

#contact_form form { 
	margin: 0px; 
	padding: 0px; 
}

#contact_form form .input_field { 
	width: 270px; 
	padding: 5px; 
	background: #e7e7e0; 
	border: 1px solid #c8c8bd; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form label { 
	display: block; 
	width: 200px; 
	margin-right: 12px; 
	font-size: 13px; 
}

#contact_form form textarea { 
	width: 398px; 
	height: 200px; 
	padding: 5px; 
	color: #333; 
	background: #e7e7e0; 
	border: 1px solid #c8c8bd; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form .submit_btn { 
	padding: 5px 14px; 
	color: #333; 
	background: #e7e7e0; 
	border: 1px solid #c8c8bd;
	font-size:14px; 
	margin: 10px 0px;
}	

.col { float: right; margin-left: 30px }
.col_12 { width: 450px }
.col_13 { width: 189px; border-right: 1px dotted #DDDDDD; min-height:500px; padding-top:5px;}
.col_23 { width: 740px; margin-top: 40px; }
.col_14 { width: 210px; float: left; margin-right: 30px } 
.col_24 { width: 465px }
.col_15 { width: 180px; margin-right: 15px }

.col_23.blog { width: 100%;}

.no_margin_right { margin-left: 0 }

.no_margin_right_footer { margin-right: 0 }

.pagging { 
	margin: 0 0 20px; 
	padding: 0; 
}

.pagging ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.pagging ul li { 
	margin: 0; 
	padding: 0; 
	display: inline; 
}

.pagging ul li a { 
	float: left; 
	display: block; 
	text-decoration: none; 
	margin-right: 5px; 
	padding: 5px 10px; 
	background: #c8c8bd; 
	border: 1px solid #e8e8e3; 
}

.pagging ul li a:hover { 
	background: #5b5b08; 
	color: #fff;  
}

.moduly li {
  /*border-bottom-color:white;
  border-bottom-style:dotted;
  border-bottom-width:1px;
  height:100px;
  list-style-type:none;
  margin-bottom:10px;
  margin-right:10px;
  margin-left: 0px;*/
  background-color:#FFFFFF;
  border-color:#F2F2F2 #F2F2F2 #E2E2E2;
  border-style:solid;
  border-width:1px;
  float:left;
  margin:0 10px 10px 0;
  min-height:103px;
  padding:12px;
  width:325px;
  list-style-type:none;
  font-size: 11px;
}

.moduly li img {
  margin-right:10px;
  margin-bottom:60px;
  width: 40px;
  height: 40px;
  border: 0px !important;
}

.moduly li strong {
  color:black;
  font-size:20px;
  font-weight: 300;
  padding-bottom: 15px;
}

.eshop-moduly li {
  background-color:#FFFFFF;
  border-color:#F2F2F2 #F2F2F2 #E2E2E2;
  border-style:solid;
  border-width:1px;
  float:left;
  margin:0 10px 10px 0;
  min-height:45px;
  padding:12px;
  width:325px;
  list-style-type:none;
  font-size: 14px;
}

.search input {
  background-color:#E7E7E0;
  border:1px solid #C8C8BD;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  margin-bottom:10px;
  margin-top:5px;
  padding:5px;
  width:150px;
}

.search .search-button {
  width:30px;
}

.formatted td  {
  height: 30px;
  padding: 5px;
}
/* Stylesheet: 1webiky Modified On 2014-05-09 13:49:17 */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

a {
	color: #CCFF00;
	text-decoration: underline;
}

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

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #FFFFFF;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFCC00;
}

.highlight {
	color: #CC99FF;
}

.note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BBBBBB;
}
/* Stylesheet: 1webiky-flashmo Modified On 2013-07-14 21:56:01 */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Stylesheet: 1webiky-lightbox Modified On 2013-03-13 19:20:02 */
.ddsmoothmenu{
	padding-top: 7px;
}

.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	width: 77px;
	height: 31px;
	line-height: 28px;
	padding: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	/*color: #d6d6ce;*/	
        color: white !important;
	text-decoration: none;
	font-weight: 400;
	outline: none;
	text-align: center;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	/*color: #3388FF;*/
        color: #000000 !important;
	background: url(https://www.webiky.com/images/templatemo_menu_hover.png);
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	width: 172px;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	/*background: url(https://www.webiky.com/images/templatemo_smm.png) repeat-y #222;*/
        background-color: #33C5F4;
}

.ddsmoothmenu ul li ul span.top { 
	position: absolute; 
	width: 184px; 
	height: 10px; 
	top: -10px; 
	left: 0;  
	/*background: url(https://www.webiky.com/images/templatemo_smt.png) no-repeat;*/
        background-color: #33C5F4; 
}

.ddsmoothmenu ul li ul span.bottom { 
	position: absolute; 
	width: 184px; 
	height: 10px; 
	bottom: -10px; 
	left: 0;  
	/*background: url(https://www.webiky.com/images/templatemo_smb.png) no-repeat; */
        background-color: #33C5F4;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	font-weight: 400;
	width: 130px; /*width of sub menus*/
	height: 28px;
	padding: 0 20px;
	margin: 0 2px;
	line-height: 28px;
	font-size: 11px;	
	text-align: left;
	background: none;
	color: #bbb3ac;
	/*border-top: 1px solid #333;*/
	border-bottom: 1px solid white;
}

.ddsmoothmenu ul li ul li .last {
	border-bottom: none;
}

.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {
	color: #fff;
	font-weight: 700;
	background: none;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.5;
}

/* boční menu */

.col-menu {
  margin-bottom: 35px;
}

.col-menu ul{
  list-style:none outside none;
}

.col-menu ul li{
  padding:0;
  text-decoration:none;
  margin-left: 0;
}

.col-menu ul li a{
  border-bottom-color:#ECECEC;
  border-bottom-style:solid;
  border-bottom-width:1px;
  color:#777777;
  font-size:13px;
  padding:12px;
  text-decoration:none;
  display:block;
}

.col-menu ul li a.menuactive {
  border-left-color:#222222;
  border-left-style:solid;
  border-left-width:2px;
  margin-right:-1px;
  background-color:#FDFDFD;
}

.col-menu ul li a:hover {
  background-color:#FDFDFD;
}
/* Stylesheet: 1webiky-menu Modified On 2013-07-15 11:32:32 */
/* CSS Document */

/*H1 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-style: bold;
	font-weight: normal;
	color: #222222;
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 30;
	text-align: left;
	letter-spacing: 0px;
}*/

p {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #777777;
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 160%;
	text-align: left;
	letter-spacing: 0.2px;
        font-weight: 300;
}

li {
font-size: 14px;
line-height: 160%;
}

P-ITALIC {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #777777;
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 18px;
	text-align: left;
	letter-spacing: 0.5px;
}

A {
	color: #0066CC;
	display: inline;
}

A:HOVER {
	color: #111111;
	display: inline;
}
/* Stylesheet: 1webiky-piecemaker Modified On 2013-07-14 23:35:01 */