/**  global color #006599 will be replaced  **/
body {  font: 9.5pt/1.6em tahoma, arial,verdana;
	color: #555;  padding: 0;  margin: 0; }
*>a { outline: none; } /* firefox outline */
a img { border-style: none; }
h1, h2, h3, .like-h1 { color: #003d5b;  line-height: 1.4em;  margin: 27px 0 19px;  font-family: verdana;  font-weight: normal; }
h1, .like-h1 { font-size: 20pt;  margin: 17px 0 4px; }
h2 { font-size: 18pt; }
h2.smaller { font-size: 15pt;  margin: 15px 0 5px; }
h3 { font-size: 16pt; }
p { margin: 12px 0; }
a { color: #006599; }
a:hover { text-decoration: none; }
ul { margin: 0;  padding: 0;  list-style: none; }
ul li { padding: 0 0 0 17px;  margin: 7px 0;
	background: url(/views/manibs/www/img/dot.png) no-repeat 1px 6px; }
table { border-collapse: collapse;  margin: 20px 0; }
.table-s { width: auto;  margin: 20px 0; }
table.no-border th,table.no-border td{border: none; padding: 0 5px; vertical-align: top;}
table p { margin: 0; }
td, th { border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  padding: 5px 12px; }
tr:last-child td, tr:last-child th { border-bottom: none; }
tr td:last-child, tr th:last-child { border-right: none; }
th { font-size: 90%;  line-height: 1.2em;  color: #003d5b; }
input { padding: 2px 6px; }
.clear { clear: both; }
.nul, .nul a { text-decoration: none; }  .nul:hover { text-decoration: underline; }
hr { background: #c2dae7;  border: none;  height: 2px;  margin: 20px; }
.none { display: none; }
.nadpisek { border-bottom: 1px solid #c2dae7;  color:  #000;  padding-bottom: 4px;  position: relative;  top: 5px; }

.rozmery { font-size: 8pt;  line-height: 1.4; }
.rozmery p { margin: 5px 0; }
.rozmery h3 { font-size: 9pt;  margin-bottom: 3px;  font-weight: bold; }
.main img { margin: 12px; }
.download-box img { margin: 8px 5px; }
.hp-links { clear: both;  padding-top: 20px; }

.short-params { overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  display: block;  color: #444;  position: relative;  top: -3px; }
.param-title { color: #003d5b; }

/****** ALL *******/
.all-in { padding-top: 110px;/*výška header*/ }
.all-in, .header-in, .footer-in { width: 980px;  margin: 0 auto;  position: relative;  border-left: 1px solid #eeeeff;  border-right: 1px solid #eeeeff; }

/****** HEADER *******/
.header { position: absolute;  top: 0;  left: 0;  width: 100%;  border-bottom: 12px solid #006599; }
.logo { margin: 10px 10px 0 0;  float: left;  padding: 15px;  opacity: 0;  z-index: 15; }
.logo img { width: 293px; }
.header-in { background: #fff;  height: 100px; }
.search { position: absolute;  top: 40px;  right: 20px;  z-index: 15;  background: url(/views/manibs/www/img/zoom.png) no-repeat 0 50%;
	padding-left: 22px; }
.search .input { border: 1px solid #ddf;  width: 140px;  padding: 3px 10px; }
.search .sub { padding: 5px 7px;  text-transform: uppercase;  font-size: 8pt;  color: white;  background: #fa8a0d;  cursor: pointer;  border: none; 
	position: relative;  top: -1px; }
.search .sub:hover { background: #ea7a00 }
.top-menu { float: left;  margin: 40px 0 0 0px;}
.top-menu li { float: left;  list-style: none;  background: none; }
.top-menu li a { background: url(./img/dot_top.png) no-repeat 50% 0;  float: left;  padding: 12px 16px;  text-transform: uppercase;
	text-decoration: none; }
.top-menu li a:hover { background-position: 50% -1px; }
.breadcrumbs { font-size: 7.5pt;  color: #999; }
.breadcrumbs a { padding: 2px;  color: #ea7a00;  text-decoration: none; }
.breadcrumbs a:first-child { padding-left: 0; }
.breadcrumbs a:hover { text-decoration: underline; }
.print-link { float: right;  color: #ea7a00;  text-decoration: none; }
.photogallery { margin: 30px 0; }
.photogallery img { margin: 0;  float: left; }
.photogallery a { float: left; position: relative;  margin: 5px; }
.descripted img { margin: 0; }
.descripted { float: right;  position: relative;  margin: 12px; }
.descripted .foto-title { display: none; position: absolute;  bottom: 0;  color: #111;  width: 92%;  background: rgba(222,222,222,0.5);  font-size: 8.5pt;
	line-height: 1.2em;  padding: 3px 4%;  height: 1.15em;  overflow: hidden;  }
.descripted:hover .foto-title { background: rgba(244,244,244,0.8);  color: #000;  height: auto; }

/****** CONTENT *******/
.content { padding: 1px 3% 40px 2%;  background: #fff url(./img/menu_shadow.png) no-repeat 31% 0;  box-shadow: 0 70px 70px -25px #006599;
	position: relative;  min-height: 400px; }
/*.products-cat { clear: left;  padding: 10px 0;  border-bottom: 1px solid #ddd; }
.products-cat h2 { font-size: 12pt;  margin: 5px 0;  font-weight: bold; }
.products-cat p { margin: 3px 0;  line-height: 1.4em; }
.products-cat img { margin: 5px 14px 5px 5px;  float:left; }
.products-cat a { text-decoration: none; }
.products-cat .in .links div { font-size: 8.5pt;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; }
.products-cat .in .links a { padding: 1px 3px; }
.products-cat .in .links .sub-link { color: #555;  padding: 0; }
.products-cat a:hover { text-decoration: underline; }
*/
.product { clear: both;  border-bottom: 1px solid #eee; }
.product:last-child { border-bottom: none; }
.product img { float: left;  padding: 0 8px 0 0;  margin: 0; }
.product .title { margin-bottom: 1px;  padding-top: 7px; }
.product .title a { margin: 0;  font-size: 11pt;  text-decoration: none;  font-family: verdana; }
.product a:hover { text-decoration: underline; }
.product strong { font-size: 12pt; }
.product p { margin: 9px 0 7px;  line-height: 1.4em; }
.product .desc { margin: 0 0 9px;  padding-top: 2px;  overflow: hidden;  max-height: 68px;  color: #999; }
.product.without-text { padding: 5px 0; }
.product.without-text .title { margin-top: 20px; }

/****** MAIN *******/
.main { float: right;  width: 65%;  margin: 10px 0 10px 0; }
.rollable { position: relative; }
.rollable .text-cont { overflow: hidden;   margin-bottom: 20px;  padding-bottom: 10px;  border-bottom: 2px solid #006599; }
.roll-on .text-cont { box-shadow: inset 0 -20px 40px -40px #006599;  -webkit-box-shadow: inset 0 -20px 40px -30px #006599; }
.rollable .on { display: none; }
.roll-on .on { display: block; }
.roll-on .off { display: none; }
.more-info { position: absolute;  bottom: -13px;  left: 230px;  padding: 2px 18px;  color: #006599;  background: white;  font-weight: bold;  border: 2px solid #006599;
	text-decoration: none;  border-radius: 20px;    box-shadow: 1px 1px 10px #aaa;  display: none; }
.roll-on .more-info { background: #006599;  color: #fff; }
.roll-on .more-info:hover { background: #005589; }
.edit-site { float: right; }
.subcategories { line-height: 1.7em; }
.subcategories a { padding: 2px 10px;  white-space: nowrap;  text-decoration: none;  font-size: 14pt;  font-weight: bold;  line-height: 1.6em; }
.subcategories a:hover { text-decoration: underline; }

.search-results .result { margin: 7px 0;  border-top: 1px solid #eee; }

.product-images { float: right;  width: 29%;  padding-top: 5px;  margin: 0; }
.product-images a { float: left; }
.product-images img { margin: 0;  float: right;  width: 100%; }
.product-images .download img { width: 50px; }
.download { display: block;  clear: left;  border-top: 1px solid #ddd;  text-decoration: none;  font-weight: bold;  color: #003d5b;  line-height: 1.4em; }
.download:hover { text-decoration: underline; }
.download img { float: left; }
.download span { padding: 10px 0 0 5px;    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical; word-wrap: anywhere; }
.product-main-text { clear: left;  width: 62%; }
.download-box { background: #f5f5f5;  margin-bottom: 18px; }
.grey { color: grey;  margin: 15px 0 2px;  font-weight: bold;  font-size: 8pt; }
.download2 { float: left;  width: 290px;  margin: 4px;  border: 1px solid #eee;  background: #fff;  clear: none;  height: 70px;  overflow: hidden;  }

/****** MENU *******/
.menu { float: left;  margin: 35px 0;  width: 29%; }
.menu li { font-size: 11pt;	background: none;  padding: 0;  border-bottom: 1px solid #dde;  position: relative;
	 margin: 0;  line-height: 1.4em; }
.menu li.sel.has-childrens { background: url(./img/menu_li_sel.png) no-repeat 27px 32px; }
.menu li.has-childrens { background: url(./img/menu_li.png) no-repeat right 50%; }
.menu li.last { border: none; }
.menu li a { padding: 20px 10px 6px 22px;  display: block;  text-decoration: none; }
.menu li ul li a { padding: 8px 0 8px 22px;  line-height: 1.4em;  font-size: 10pt;  }
.menu li ul li ul {  }
.menu li ul li ul li { border: none;    line-height: 1.2em; }
.menu li ul li ul li a { padding: 2px 0 3px 22px; }

.menu li ul { margin-left: 15px; }
.menu li.nosel ul { background: #fff; }
.menu li.sel>ul { display: block; }
x.menu li.sel>ul>.first>a { padding-top: 0;  background-position-y: 6px; }

.menu li.sel>a { font-weight: bold; }
.menu li.sel-final>a, .menu li a:hover, .menu>ul>li>a { background: url(./img/dot.png) no-repeat 8px 50%; }
.menu>ul>li>a { background-position: 6px 68% !important; }
.menu p { margin-bottom: 0; }


/****** COLUMN *******/
.column { font-size: 9pt;  color: #666;  float: left;  clear: left;  width: 190px; }

/****** FOOTER *******/
.footer{ clear: both;   border-top: 12px solid #006599;  padding-bottom: 10px; }
.footer-in { padding: 20px 60px;  width: 860px;  background: white;  border-bottom: 1px solid #eeeeff; }
.footer p { margin: 0; } /* kvuli editoru, ktery tam dela tag */
.footer-right { float: right; }
.footer, .footer a { font-size: 9pt;  color: #006599; }
#author_footer_link a { font-size: 90%;  color: #999;  text-decoration: none;  float: right; }
/**  language switcher  **/
.language-switcher{position: absolute; right: 20px; top: 3px;  /*background:rgba(14,70,152,0.8);  box-shadow: 0 0 10px rgba(255,255,255,0.3);
	padding: 5px 10px;*/}
.language-switcher a { width: 16px;  height: 16px;  float: left;  padding: 4px;  opacity: 0.7; }
.language-switcher a.active, .language-switcher a:hover{ opacity: 1; }
.language-switcher a span { display: none; }
.language-switcher a.cz { background: url(/views/_default/www/img/icons/flag_cz.png) no-repeat 50% 50%; }
.language-switcher a.en { background: url(/views/_default/www/img/icons/flag_en.png) no-repeat 50% 50%; }
.language-switcher a.de { background: url(/views/_default/www/img/icons/flag_de.png) no-repeat 50% 50%; }
.language-switcher a.sk { background: url(/views/_default/www/img/icons/flag_sk.png) no-repeat 50% 50%; }

.eliska-footer { text-align: center;  font-size: 8pt;  margin: 20px 0 0; }
.eliska-footer, .eliska-footer a { color: #aaa; }
.eliska-footer img { position: relative;  top: 3px;  padding: 0 3px 0 6px; }

/* default-form */
.default-form { clear: both; border: 1px solid #ddd;  background: #f8f8f8;
	margin: 10px 0;  padding: 20px 40px; }
.default-form label { display: block;  margin: 5px 0 0; }
.default-form .text-input, .default-form textarea, .default-form select {
	background: white;  border: 1px solid #ccc;  width: 500px;  padding: 6px 10px;  margin: 1px; }
.default-form select { padding-right: 5px;  width: 510px; }
.default-form textarea { font-family: arial;  height: 100px; }
.default-form .sub {  font-weight: bold;  background: white;
	cursor: pointer;  padding: 10px 50px;  border: 2px solid #ccc;  margin: 10px 0; }
.default-form .sub:hover { background: #f5f5f5; }

/* product showcase - DELETE
.product .description { width: 330px;  float: left;  padding-right: 30px; }
.product .gallery { float: right;  padding-top: 30px; }
.product-imgs { width: 292px; }
.product .params { float: left; }
.product .params table { margin: 5px; }
.product .params table td { border: none; }
#order-form { display: none; }
.product .order-form { float: left}
.product .order-form input[type=submit]{ border: 1px solid #CCC;  padding: 5px 10px;  margin: 0;
	cursor: pointer;}
.show-form { cursor: pointer;  line-height: 30px;  padding-left: 30px; 
background: #999 url(/views/_default/www/img/icons/cart.png) no-repeat left center; border: 1px solid #666;
width: 340px;  color: white; }
.chosen-products a { color: red; }
.chosen-products table{ background: #FFF; border: 1px solid #CCC;  width: 520px;  margin: 0; }
.chosen-products tr { padding: 0 5px;}
.chosen-products table td { border: none;   border-bottom: 1px dashed #CCC; }
.chosen-products input { width: 50px; }
#order-form  { position: relative; }
#order-form .continue { right: 90px;  top: 30px;  position: absolute;  display: block;  background: #999;  border: 1px solid #666;  padding: 5px 10px;  color: white; }
*/
.roll-wrap { display: none;  width: 50px;  height: 240px;  position: fixed;  top: 0px;  left: 0;  z-index: 100;
	background: #f4f4ff url(/views/manibs/www/img/menu_top.png) no-repeat 60% 10px; }
.roll-it { color: #006599;  text-decoration: none;  display: block;  width: 200px;  position: relative;  top: 110px;   font-size: 13pt;
	left: -113px;  padding: 20px 40px;
	-webkit-transform:rotate(90deg);  -ms-transform:rotate(90deg);  transform:rotate(90deg); }

@media screen and (max-width: 1000px){
	.all-in, .header-in, .footer-in { width: auto; }
	.search { top: 10px !important; }
	.language-switcher { top: 50px; }
}
@media screen and (max-width: 740px){
	.logo img { width: 130px !important; }
	.logo { margin: 0;  padding: 13px 5px 10px 16px; }
	.top-menu { clear: left;  margin-top: 0; }
	.header, .footer { border-width: 7px; }
	.footer-right { display: none; }
	.more-info { left: 10px; }
}
@media screen and (max-width: 630px){
	.breadcrumbs { display: none; }
	.main { width: 100% !important; }
	.all { float: left;  width: auto;  margin-left: 50px;  position: relative; }
	.menu { position: absolute;  left: -2px;  top: -100px;  z-index: 100;  display: none;  background: #f4f4ff;  width: 80% !important;  
		border: 1px solid #ddd;  padding: 10px; }
	.roll-wrap { display: block; }
	.content { background: none;  padding: 1px 4% 20px 4%; }
	.search { padding: 0;  right: 10px; }
	.search .sub { padding-right: 0;  padding-left: 0;  color: #006599;  background: none !important; }
	.search .input { width: 100px; }
	.top-menu li { margin: 0; }
	.top-menu li a { background: none !important;  padding: 0 12px !important; }
	.header-in { height: 80px !important; }
	.all-in { padding-top: 80px !important; }
}
@media screen and (max-width: 420px){
	.all-in, .header-in, .footer-in {  }
	.all { width: 370px;  float: left; }
	
}