/** (c)2011-02 mnk (support@in-web.cz) **/
body {
  font-family: Arial CE, Arial, Tahoma, Geneva, sans-serif;;
  font-size:75%;  /* ~12px */
  line-height:1.417; color: #222;  
  background-color: #2F2F2F;
}
div#page-full {width: 100%; background: url("/images/bg-head.jpg") top left repeat-x  #D9D9D9; margin: 0px;}
div#page {
	margin:10px auto; padding:0px;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 990px; 
  	overflow:hidden;
  	
}

div#layout{
	margin:0px; padding:0px;
	width: 100%; 
	overflow:hidden;
}

h1 {
  margin-bottom: 10px; padding:10px; padding-bottom: 0px;
  font-size: 1.4em;  
  color:#004D65;
}
h2 {font-size:116.7%;color:#016390; padding-bottom: 0px;}
h2.index-h2 {text-transform: uppercase; font-size: 1.3em; font-weight: bold; padding-top: 5px;}
h3 {margin-bottom:0.6em;} 
a {margin:0px; padding:0px; color:#016390;}
p a:visited {color:#CC0000;}
a:hover {color:#FF0000;}
a:hover img {}
.fLeft {float: left;}
.fRight {float: right;}
.aRight {text-align: right;}
.cleaner {clear: both; height: 0px; width: 100%; font-size: 0px;}
.cLeft {clear: left;}
.lowertext{font-size: 80%;}
.vATop {vertical-align:top;}
.w150 {width: 150px;}
.w80 {width: 80px;}
.button {background: #822F12; margin-bottom: 5px; color: #fff; padding: 5px; border-bottom: 2px solid #d1a253;
 	font-size: 14px; text-decoration: none;}
.button:hover{background-color:#202020; color:#D1A253;}
.cGreen {color: #24B211;}
.hand{cursor: pointer;}

.errors {background-color: #FFF7F4; border: 1px solid red; padding-top: 10px;}
.mapap {float: right; width: 300px; margin-right: 20px;}
/* TOP -------------------------------------- */
div#top {
	position: absolute;
	top: 0px;
 	margin:0px; padding:0px;
	width: 990px; 
	overflow:hidden;
	background: url('/images/bg-blue-zavoj.png') 80px center no-repeat transparent;
}
p#skipbar-top{
  position:absolute; 
  top:24px; left:40px; 
  width: 200px;
  z-index:1000;
}

div.home {width: 300px; text-align: center; margin-top: 47px; font-size: 2em;}
div.home a {background: url("/images/ikonky/home-1.png") left center no-repeat transparent; padding-left: 40px; color: #7D7D7D;}
div.home a:hover {color: #0096C7;}

div#navSlider{width: 100%; clear: right; text-align: right; margin-bottom: 25px;}
div#navSlider a {width: 10px; height: 10px; line-height: 1px; color: transparent; background-color: #7B7B7B; display: block; font-size: 1px; float: right; margin-right: 2px;}
div#navSlider a.activeSlide { background-color: white;}

div#search-box {
  margin:10px 0px 0px 0px; padding:0px;
  height:35px; width:300px;
  overflow:hidden;
}
div#search-box form p.sb-input {
  float:left;
  margin:0px; padding:0px; padding-top: 4px; padding-left: 5px;
  height:35px; width:235px; text-align: left; color: white;
  background: transparent url('/images/bg-search-text.png') no-repeat right center;
  overflow:hidden; margin-top: 1px; 
}
input.submit-search {background-color: transparent; width:auto; border-width: 0px; margin-top: 5px;}
div#search-box form p.sb-input input.search-input {
  margin:0px; padding:5px 8px 1px 5px;
  height:20px; width:170px;
  color:#000;
  font-size:110%;
  background-color:transparent;
  border:none;
}
div#search-box form label {display:none;}
div#search-box form p.sb-button {
  float:right;
  margin:0px; padding:0px;
  height:20px; width:20px;
}
div#search-box form p.sb-button input.search-button{
  cursor:pointer; display:block; 
  padding:0px; margin:0px;
  height:20px; width:20px;
  text-indent: -999em;
  border:0px none; border-width: 0px;
  background: transparent url('../images/btn-search.gif') no-repeat left bottom;
}
div#search-box form p.sb-button input.search-button:hover {background-position: left top;} 

ul#top-service-menu {
  float:right; display:block; 
  margin:0px; padding:0px;
  margin-top: 11px;
  width:150px; height:35px;
  list-style-type:none; 
}
ul#top-service-menu li {
  display:block; 
  float: right;
  padding:0px; margin: 0px 0px 0px 5px;
  height:31px; width:33px;
}
ul#top-service-menu li.last {border:none;}
ul#top-service-menu li.first {margin-right: 10px;}
ul#top-service-menu li a {
  display:block;
  padding:0px; margin:0px;
  line-height:1;
  width: 33px;
  height: 31px;  
  color: transparent; font-size:85%; font-weight:bold;
  text-decoration:none; border:none;
}
ul#top-service-menu li a.hlavni-strana {background:transparent url('../images/ikonky/home.png') no-repeat 0px 0px;}
ul#top-service-menu li a.poslat-email {background:transparent url('../images/ikonky/send-mail.png') no-repeat 0px 0px;}
ul#top-service-menu li a.mapa-stranek {background:transparent url('../images/ikonky/page-tree.png') no-repeat 0px 0px;}
ul#top-service-menu li a:hover {
  color:transparent; 
  text-decoration:none; 
  background-color:transparent; 
/*  */
  border:none;
}

div#logo {
  padding: 4px 0px 0px 0px; margin:0px;
  height: 120px; 
}
a#ci-logo {
  display:block; margin:0px; padding:0px;
  text-decoration:none; border:none; margin-top: 10px;
  width:308px; height:65px; color: transparent;
  background: url("/images/logo.png") top left no-repeat transparent; 
  font-size: 28px; font-weight: bold;
}
div#logo p.slogan {
  padding:0px 5px; margin:0px; margin-left: 20px;
  font-size:90%; font-weight: bold; 
  color:#767676; position: relative; top: -1px; left: -1px;
}

div#nav-slider {position: absolute; z-index: 600; width: 990px; top: 66px; height: 1px;}
div#nav-slider img {background-color: transparent;}
div#top-slider {
  height:243px; width: 632px; float: right; margin: 10px 0px 5px 0px;
}
div#top-slider a.slider img {margin:0px; padding:0px; border:none;width:948px; height:296px;  border-width: 0px;}

div#menu-bar {
  clear:both;
  margin:1px 0px 0px 0px; padding:0px;
  height:36px; overflow: hidden;
  border-bottom: 3px solid #D4D4D4;
  background: url("/images/bg-menu.gif") left top repeat-x #0096C7;   
}
div#menu-bar ul#main-menu {
  display:block; float:left;
  margin:0px; padding:0px;
  width:98%; height:36px;
  list-style-type:none; 
  overflow:hidden;
  background: url("/images/menu-roh-left.gif") left center no-repeat transparent;
  )
}
div#menu-bar ul#main-menu li {
  display:block; position:relative; 
  float:left; padding:0px 0px 0px 1px; margin:0px;
  height:36px;
}

div#menu-bar ul#main-menu li a, 
div#menu-bar ul#main-menu li a:visited,
div#menu-bar ul#main-menu li.selected a{
  display:block;  
  padding: 8px 10px 1px 10px; margin:0px;
  height: 20px;
  text-align:center; margin-top: 3px;
  color:#ddd; font-weight:bold; font-size: 120%; font-weight:bold;
  text-decoration:none; text-transform: uppercase;
  background-color:transparent; 
  border-left: 1px solid #007296;
}
div#menu-bar ul#main-menu li.first a {border-width: 0px;}
div#menu-bar ul#main-menu li.selected a,
div#menu-bar ul#main-menu li.selected a:hover,
div#menu-bar ul#main-menu li.selected:hover a,
div#menu-bar ul#main-menu li:hover a, 
div#menu-bar ul#main-menu li a:hover { color: white; text-decoration: underline;} 
div#menu-bar ul#main-menu li a {position:relative;}
{
  position:absolute; display:block; top:0;left:0;
  height:35px; cursor:pointer; 
} 
span.ctvera {display: block;width: 4px; height: 4px; border: 2px solid #919191; float: left; margin: 3px 10px 0px 0px;}
div#menu-bar ul#main-menu li.selected a span.ctvera ,
div#menu-bar ul#main-menu li.selected a:hover span.ctvera ,
div#menu-bar ul#main-menu li.selected:hover a span.ctvera ,
div#menu-bar ul#main-menu li:hover a span.ctvera , 
div#menu-bar ul#main-menu li.selected a:hover span.ctvera ,
div#menu-bar ul#main-menu li.selected:hover a span.ctvera { border-color: #fff;}

p#uri {
  display:block; 
  margin:0px; padding:6px 20px;
  padding-right: 10px; 
  color:#828181;
	background: transparent url('../images/ikonky/icon-uri-item.gif') no-repeat 11px 50%;
  border-bottom:1px solid #0585B4;
  overflow:hidden; 
}
p#uri span.uri-item a, p#uri span.uri-item span.uri-actual {margin-left:13px; font-size:91.7%;}
p#uri span.uri-item a {color:#828181; text-decoration: underline;}
p#uri span.uri-item {
  display:block; float:left;
	padding: 0px 15px;
	padding-left: 10px;
  text-indent: -25px; line-height:1.2;
	background: transparent url('../images/ikonky/icon-uri-item.gif') no-repeat left 50%;
	overflow:hidden; 
}
p#uri span.uri-item.home a, p#uri span.uri-item.home span.uri-actual {margin-left:15px;}
p#uri span.uri-item a:hover{color:#da251d;}

div#main {
  clear:both;
  margin:0px; padding:0px;
  margin-top: 327px;
  width:990px;
  overflow:hidden;
}

div#main p.lnk-totop {
  clear:both; text-align:right;
  margin-left: 280px;
}
div#main p.lnk-totop a,
div#main p.lnk-totop a:hover {color:#D42A3F;}
div#main p.lnk-totop a {padding: 10px; padding-left: 40px; height: 30px; line-height: 1.4em; background: url("/images/ikonky/nahoru.png") left center no-repeat transparent;}

/** PRIMARY ---------------------------------------------------- **/
div#primary {
  float:right; 
  margin:0px; padding:0px 2px 10px 0px; 
  width:710px;
}
div#primary div.content {margin-bottom:3px;
	border-top: 2px solid #008DBB;
	border-bottom: 2px solid #363636;	
	background-color: #EFEFEF;
}

div#primary div.content.nobg {background-image: none; padding-bottom: 10px;}

p.all-text {text-align: right;}


div.content h2 {margin: 15px 3px; font-size: 1.3em;}
div.content p {color: #2F2F2F; text-align:justify; }
div.content ul.po {margin: 0px 13px; padding: 0px;}
div.content ul.po li {display: block; float: left; width: 226px;margin-left: 1px; margin-bottom: 1px; padding: 0px; line-height: 90%;  border-bottom: 2px solid #A5A5A5;}
div.content ul.po li.full {width: 680px;}
div.content ul li h3 {background-color: #006C8C; color: white; border-bottom: 3px solid #363636; margin: 0px; padding: 3px; line-height: 1.5em; padding: 5px; padding-top: 6px;}
div.content ul.po li a {color: white;}
div#primary .content a:hover {color:#FF0000;}
div#primary div.content ul.po li a:hover {color: white; text-decoration: none;}

div#primary div.content ul.po li:hover h3 {background-color: #D42A3F;}


div#primary .content ul.zp li a:hover {color: white;}

div.content ul.zp  {margin: 0px 13px; padding: 0px;}
div.content ul.zp li {display: block; float: left; width: 170px;margin-left: 1px; margin-bottom: 1px; padding: 0px; line-height: 90%;  border-bottom: 2px solid #A5A5A5;}
div.content ul.zp li.full {width: 680px;}
div.content ul li h3 {background-color: #006C8C; color: white; border-bottom: 3px solid #363636; margin: 0px; padding: 3px; line-height: 1.5em; padding: 5px; padding-top: 6px;}
div.content ul.zp li a {color: white;}
div#primary div.content ul.zp li:hover h3 {background-color: #D42A3F;}

img.fotoProduktu {margin-left: 10px; border: 1px solid #888; border-bottom: 3px solid #006585; margin-bottom: 10px;}

h2.sub-menu {font-size: 1.4em;}

img.foto-page {float: right; border: 2px solid #016390; margin-left: 5px;}
img.top-image {float: right; border-width: 0px; position: absolute; margin-left: 580px; margin-top: -10px;}

img.foto {
 margin: 5px 5px 5px 10px; padding:0px;
 border: 2px solid #016390;
}


a img.foto:hover {border-color: #822F12;}

img.foto.r {float: right;}
img.foto.l {float: left;}

div#primary div.gallery h2 {
 margin:0px; padding: 8px 24px 5px 24px;
 color:#414141; 
 background-color:#e9e9e9;
}
div#primary div.gallery div.full-image {
  margin:0px; padding:0px;
  width:682px; height:224px;
  border:4px solid #adadad;
}
div#primary div.gallery div.full-image img {
  margin:0px; padding:0px;
  width:682px; height:224px;
  border:none;
}
div#primary div.gallery ul.thumbnails {
  display:block; 
  margin:0px; padding:5px 0px;
  width:690px; height:42px;
  list-style-type:none; 
  overflow:hidden;
}
div#primary div.gallery ul.thumbnails li {
  display:block; float:right; 
  padding:0px; margin:0px 3px;
  height:40px; width:40px;
  border:1px solid #adadad;
  overflow:hidden;
}
div#primary div.gallery ul.thumbnails li img {
  margin:0px; padding:0px; 
  border:none; 
}

/** SECONDARY ------------------------------------------------ **/
div#secondary {
  float:left; margin:0px; padding:0px;
  width:270px;
  /* border-bottom:1px solid #8cbb96; */
}

div#secondary div.sidebar-blok {
  margin:0px; padding:15px 7px; padding-top: 3px;
  width:256px;
  background-color:#fff;
  border-bottom:2px solid #0585B4;
  margin-bottom: 2px;
}
div#secondary div.sidebar-blok h2 {padding:0px 5px;}
div#secondary div.sidebar-blok p {padding:0px 5px; margin:10px 0px; } 
div#secondary div.sidebar-blok p.contact {color:#4d4948; font-size:91.7%;}  
div#secondary div.sidebar-blok p.contact span.label {display:block; float:left; width:70px;}  

div#secondary p.sidebar-direct-link a {
  display:block;
  margin:0px; padding:7px 12px; 
  margin-bottom:1px;
  color:#d1a253; font-weight:bold;
  background-color:#822f12;
}
div#secondary p.sidebar-direct-link {margin:0px; padding:0px;}
div#secondary p.sidebar-direct-link a:hover {color:#fff;background-color:#822f12;}

/** SubMenu ------------------------------------------------ **/
ul#sub-menu {
  display:block; margin:0px; padding:0px; margin-bottom: 1px; 
  list-style-type:none; 
  width:100%; overflow:hidden; margin-top:1px;
  border-bottom: 2px solid #696969;
  border-top: 2px solid #0086B3;
}
div#secondary h2.h-sub-menu {
  margin:0px; padding:3px 10px;
  font-size: 105%;   
  color:#fff;
  background-color:#0086B3;
}

ul#sub-menu li {
  display:block; margin:0px; padding:0px;
}
ul#sub-menu li a {
  display:block; margin:0px; padding: 5px 10px;
  font-size: 110%; font-weight: bold;
  line-height: 1.3em; color: #0097C6; text-decoration: none;
  background: url("/images/bg-left-menu.png") right bottom no-repeat #434343;
  border-bottom: 1px solid #e6dcc6;
}
ul#sub-menu li.selected a {
  text-decoration: underline;
  cursor: pointer; color: #47D0FD;
  font-weight: bold; background-image:  url("/images/bg-left-menu-on.png") ;
}

ul#sub-menu li.selected ul li a {
  background-image:  url("/images/bg-left-menu.png") ;
  color: #0097C6;
}


ul#sub-menu li.openli a { 
}

ul#sub-menu li.selected a.selected {
}

ul#sub-menu li a:hover,
ul#sub-menu li.selected a:hover {text-decoration:none; background-image:  url("/images/bg-left-menu-on.png"); color: #47D0FD;}



/****
*
*  KATALOG
*
***/
table.parTable {width: 96%; margin: 2%;}
table.parTable tr td.foto {padding: 0px; width: 320px;}
.fotoProduktu {margin-right: 10px;}

/* FOOTER -------------------------------------------------------------- */
#div-foot {padding-top: 10px; border-top: 4px solid #0096C7; font-size: 10pt; color: #fff; width: 990px;margin: auto;} 
#foot-razitko {}
#foot {padding-bottom: 50px; padding-top: 10px;}
#createdBy {margin-right: 20px; margin-top: 160px; border-width: 0px;}
#logo-site {margin-top: 5px; margin-bottom: 0px;}
p.slogan {
  padding:0px 5px; margin:0px; letter-spacing: 0.2mm;
  font-size: 70%; font-weight: bold; margin-left: 30px;
  color:#6C6C6C; position: absolute; margin-top: -42px;
}
.searchForm p {margin: 0px; padding: 0px; display: inline;}

.div-foot-links {float: left; width: 250px; margin-top: 20px; margin-right: 30px;}
.div-foot-links h2 {font-size: 9pt; border-bottom: 1px solid #0797FF; color: white; padding: 0px;}
ul.foot-links {margin-top: 5px; padding: 0px;}
ul.foot-links li {list-style: none; padding: 1px 0px; font-size:0.8em;}
ul.foot-links li a {color: white;}

#logo2 {position:  absolute; margin-left: 330px; border-width: 0px;}

/* LINKS */
ul.ostatni-odkazy {margin: 0px; padding: 0px;}
ul.ostatni-odkazy li {background: transparent  url("/images/bg-link.png") top left no-repeat;
 height: 40px; margin-top: 1px; padding: 0px; list-style: none;}
ul.ostatni-odkazy li a {color: #B4E4F7; display: block; padding: 10px; margin-left: 10px;
	padding-left: 40px; font-weight: bold; font-size: 125%; 
	background: url("/images/link-sipky.gif") center left no-repeat transparent;}
ul.ostatni-odkazy li a:hover {background-image: url("/images/link-sipky-on.gif"); color: white;}


/** SITEMAP --------------------- **/
ul.sitemap {
  padding:0px; margin:20px;
  list-style-type:none;
}
ul.sitemap li {
  margin-bottom:5px; padding:2px 5px 2px 15px;
  background:url('../images/icon-ext.gif') no-repeat left -195px;
}
ul.sitemap li:hover {background-position:left -95px; }
ul.sitemap li a,
ul.sitemap li a:visited {
  font-weight:bold; font-variant:small-caps;
  font-size:116.7%; color: #3c824b;
}
ul.sitemap li ul {padding-top:5px;}
ul.sitemap li ul li a {font-weight:normal; font-variant:normal; font-size:100%;}
ul.sitemap li a:hover , ul.sitemap li:hover a {color:#000;background-color:transparent;}

/**-REFERENCE-**/
.h2Reference {background-color: #F9F1DA; border-bottom: 1px solid #F1D3B1; text-transform: uppercase; font-size: 90%;
	padding: 10px;}
.foto-ref, .video-list {
	border-top: 2px solid #008DBB;
	border-bottom: 2px solid #363636;	
	background-color: #EFEFEF;
	margin-right: 0px; padding-left: 35px; padding-top: 30px;}
.foto-ref img.imgs {border: 3px solid #cdcdcd; margin-bottom: 2px;}
.foto-ref img.imgm {border: 1px solid #cdcdcd;}
.foto-ref ul {list-style: none; padding: 0px; margin: 0px;}
.foto-ref ul li {width: 210px; float: left; margin-right: 4px; margin-top: 5px;}
.foto-ref ul li p{height: 20px; font-size: 0.9em; padding: 2px; width: 198px; clear: left; background-color: #2F2F2F; color: white;}

.parRef {display: block; width: 110px; float: left;}

/** noscript -------------------------------- **/
body.js_disable .js-only {display:none !important;}
body.js_disable .no-script {display:block;}


/** FORM  */
.order-form {border: 1px solid #0D759F; background-color: #C7E2EC; padding-bottom: 10px; margin-top: 2px;
	border-bottom-width: 2px;}
div#primary table.objednavkaTable {background-color: transparent; width: 670px; border-spacing: 0px; empty-cells: show; margin: 0px;}
div#primary table.objednavkaTable td, div#primary table.objednavkaTable th {background-color: transparent; border-width: 0px; padding-right: 0px;}
.order-form  h3.kontakt-form {font-style: italic; color: #0D759F; margin-top: 10px; margin-bottom: 0px; font-size: 120%;}
div#primary table.objednavkaTable input.button-send {
  width: 63px; width: 63px; border-width: 0px; background-color: transparent;
}
div#primary table.objednavkaTable td label {width: 100%; color: #0D759F;}
div#primary table.objednavkaTable tr:hover tr:hover td {
  background: transparent;
}
td.form-jmeno {width: 200px;}
td.form-text {width: 250px; vertical-align: top;}
input.form-input-i {width: 173px; height: 22px;
	padding: 0px 5px 0px 10px; font-weight: bold; color: black;
	border: 1px solid #0D759F;}
textarea.form-input-i {width: 300px; height: 114px;
	padding: 5px 0px 0px 3px;  color: black; font-family: arial;
	font-size: 110%;border: 1px solid #0D759F;}

/** NOVINKY */
.datum2 {
    background: url("/images/bg-datum.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    font-size: 12px;
    font-family: arial; line-height: 15px;
    font-weight: bold;
    height: 38px;
    margin-bottom: 3px;
    margin-right: 10px;
    text-align: center;
    width: 40px;
    padding-top: 6px;
    color: white;
}
html body div#layout div#page div#main div#secondary div.sidebar-blok h2 {margin-left: 0px; padding-left:0px; font-variant: small-caps;}
div#secondary div.sidebar-blok div.news-list p {margin: 0px; font-size: 90%; position: relative; top: -3px; }
div#secondary div.sidebar-blok div.news-list a {font-weight: bold; font-size: 95%; position: relative; top: -3px;}
div#secondary div.sidebar-block.novinky a {font-weight: bold;}
div#secondary div.sidebar-block.novinky p {margin: 0px; padding: 0px;}
div.cleaner.bordNews {border-bottom: 1px dotted #999; margin-bottom: 5px;}
div#secondary.mB50 {margin-bottom: 40px;}
#tradice {font-size: 0.9em; line-height: 1.3em;}
#plusOne {position: absolute; margin-left: 480px; top: 20px;}
table.imgTableClear {margin: auto;}
table.imgTableClear td, table.imgTableClear th {padding: 0px; margin: 0px; border-spacing: 0px; vertical-align: top;}


/** VIDEO **/
div.video-list {padding-left: 10px;}
div.video-list ul li img {float: left;}
div.video-list img.imgm {border: 1px solid #cdcdcd;}
div.video-list ul {list-style: none; padding: 0px; margin: 0px;}
div.video-list ul li {margin-right: 4px; margin-top: 5px; clear: left; height: 100px; display: block;}
div.video-list ul li p{height: 20px; font-size: 0.9em; padding: 0px; margin-left: 130px;}
div.video-list ul li h4{margin-left: 130px;}

div.video-ram {margin-left: 25px;}

ul.list-videa {}
ul.list-videa li {list-style: none; display: inline-block;}
ul.list-videa li a img {border: 2px solid transparent;}
ul.list-videa li a img.selected {border: 2px solid white;}
ul.list-videa li h4 {margin-left: 0px; padding: 0px;}
p.popis-videa {width: 640px; margin: auto; margin-bottom: 20px;}