* {
margin: 0;
padding: 0;
}

a
{
  color: black;
}
html 
{ 
  background: white url('bgPageTopRepeat.jpg') top center repeat-x; 
}


body {
text-align: center;
font: normal normal 12px/1.2 sans-serif;
line-height:1.4em;
color: #717373;
background: url('bgPageTop.jpg') top center no-repeat;
}

a#linkHome {position: relative; top: 118px;  left: -288px; _left: -286px;}

a:link    {text-decoration: underline; }
/*a:visited {text-decoration: underline; }*/
a:hover   {text-decoration: none; }
a:active  {text-decoration: underline; }

.toLeft   {float: left;}
.toRight   {float: right;}

img {border: none;}

.cleaner {
clear: both;
}

h1 {
font-size: 200%;
padding:5px 0 10px 0;
line-height: 130%;
color: #f89630;
}
h2 {
padding:0;
margin:10px 0 5px 0;
font-size: 160%;
line-height:100%;
color: #f89630;
}
h3 {
font-size:120%;
margin:0;
padding:0;
color: #f89630;
line-height: 2.0em;
}
h4 {
font-size:100%;
color:#cf990a;
padding:20px 0 0 0;
margin:0;
}
h5 {
font-size:110%;
}

.newsBoxTop h2, .serialTop h2 
{ 
  font-size: 120%;
  line-height: 3em; 
  margin:0;  
  padding-left: 20px; 
}


#work a {
/*color:#56c8e3;*/
color: #f89630;
}
#work h2 {
color:#419cb4;
font-size: 180%;
font-weight: bold;
line-height: 1.3em;
padding:15px 0;
}
#work h3 {
color:#444444;
font-size:160%;
line-height: 1.2em;
padding:10px 0;
}
#work h4 {
color:#f5a212;
font-size:140%;
line-height: 1.2em;
padding:5px 0;
}

#logo h1
{
  display: none;
}

#mainmenu h2
{
  display: none;
}


#work p {
color:#333;
margin:0 0 10px 0;
padding:0;
}
#work ol {
margin:5px 0 10px 0;
padding:0 0 0 30px;
}
#work ul {
margin:5px 0 10px 12px;
padding:0;
}
#work ol li {
margin:0;
padding:0;
list-style-type:decimal;
}
#work ul li, ol li ul li {
margin:0;
padding:0 0 0 20px;
list-style:none;
}
#work ol li ul {
margin:0;
}
#work li {
background:url('bg_li_basic.gif') 0 5px no-repeat;
}
#work blockquote {
background-color:#a5e4f4;
padding:12px 12px 4px 12px;
margin:0 0 12px 0;
color:#444;
}
#work img {
padding:1px;
border:1px solid gray;
}

#rightColumn, #leftColumn, #rightProductColumn
{
  width: 219px;
  float: left;
  overflow: hidden;

}

#rightProductColumn
{
  text-align: left;
  float: right;
 /* top: -141px;
  margin-bottom: -141px;*/
}

#rightColumn
{
  float: right;
}


.template-search #work h2 { font-weight: normal; color: black}
.newsBoxTop h3, .serialTop h3 
{ 
  line-height: 3em; padding-left: 20px; 
}
#news .newsBoxTop h3, #serial .serialTop h3 { margin:0px;}

h3.titleInContent { padding-top: 10px; margin:0px; padding-bottom: 10px; }

#news  #newsList-0 h3.titleInContent, #serial  #serialList-0 h3.titleInContent { padding-top: 0px !important;  } 

#newlist ul li:first-child, #seriallist  ul li:first-child{
  padding-top: 0px;
}
             
h3.titleInContent a { color: #f89630; }


#container 
{ 
  z-index: 10;
  margin:0 auto;
  width: 918px;
  overflow: hidden;

}
#area {
  background: url('shadowMainMenu.jpg') center 116px repeat-x ;
  width: 914px; 
  overflow: hidden;
  margin: 0 auto;
  overflow: hidden;
  _margin: 0 0 0 2px;

}

/*.template-basic #content, .template-menu-services #content, .template-news-list #content, .template-news-item #content, .template-search #content*/
#content
{ 
  float: left; 
  width: 685px;/*685*/
  clear: both;
  position: relative;
  top: -1px;
  z-index: 11;

}

#homepage #content
{
  float: left;
  clear: none;
  width: 442px;
  overflow: hidden;
  margin-left: 12px;

}




/*.template-basic #workspace, .template-menu-services #workspace, .template-news-list #workspace, .template-news-item #workspace, .template-search #workspace*/
#workspace 
{ 

  width: 666px; 
  background: #d7e6e8; 
  text-align: left;
  border: 1px solid #e8eaea;
  
}

#workspace,  h1#pagetitle, #leftColumn, #referenceThree, #productContentFooter
{
  margin-left: 8px;
}
h1#pagetitle { _margin-left: 6px; }

#rightColumn, #rightProductColumn
{
  margin-right: 8px;
}

#homepage #content,  #leftColumn, #rightColumn
{
  margin-top: 30px; 
}


/*.template-basic #work, .template-menu-services #work, .template-news-list #work, .template-news-item #work, .template-search #work*/
#work
{ 
  clear:both;
  
  border-top: none;
  padding: 10px; 
  
  background: transparent url('productContentBG.jpg') left top repeat-x ;
  overflow: hidden;
  color: black;

} 

.template-news-item #work, .template-news-list #work, .template-search #work, .template-article-list #work
{
  background: white url('workBGnewsItem.jpg') repeat-x bottom;
}


#homepage #workspace 
{
  padding: 0px;
  margin: 0px;
  /*background:url('noblocks.jpg') no-repeat;*/
  border: none;
  background: white;
  width: auto;
  
}
 

#homepage #work 
{
  clear:both;
  padding: 0px;
  margin: 0 auto;
  min-height:400px;
  background: white;
  overflow: hidden;
}

#homepage #work ul, #homepage #work .switcher li { margin: 0; padding:0}

/*
 h1#pagetitle span.left
 {
  background: url('productContentLabelLeft.jpg') no-repeat left top; 
  display: block;
  height: 31px;
  width:5px;
  float: left;
 }

 h1#pagetitle span
 {
  
  background: url('productContentLabelRight.jpg') right top no-repeat;
  display: inline-block;
  height: 31px; 
  padding-right: 30px;
  line-height: 31px;
  
 }
 */
 
 h1#pagetitle span
 {
  
  background: url('labelContent.jpg') right top no-repeat;
  display: inline-block;
  height: 31px; 
  padding: 0 55px 0 30px;
  line-height: 31px;
  
 }
 
 h1#pagetitle
 {
  display: block;
  
  /*background: url('productContentLabelMiddle.jpg') repeat-x top;*/ 
  position: relative;
  z-index: 12;
  float:left; 
  height: 31px; 
  overflow: hidden;
  padding:0px;
  color: black;
  font-size: 13pt;
  line-height: 31px;
  border-left: 1px solid #e8eaea;
  
  
 }
 
 .mainNavigator 
 {
  
  text-align: left;
  
 }
 
 .mainNavigator a { color: #777; font-size: 7pt }
 
#productContentFooter
{
  width: 668px;
  height: 27px;
  background: url('productContentFooter.jpg');
}
 
#referenceThree
{
  width: 666px;
  padding:0 0 10px 0;
 
}

#referenceThree #produktList {  /* width: 639px;*/ width: 2150px; overflow: hidden;  padding-left: 7px; margin: 20px auto}

#referenceThree #rLabel
{
  background: url('referenceThreeLabel.jpg') no-repeat;;
  width: 191px;
  height: 31px;
  overflow: hidden;
  position: relative;
  z-index:10;
  color: #717373;
  font-size: 14px;
  font-weight: bold;
  float:left;

  line-height: 40px;
  
}

#referenceThree #rBody
{
  clear: both;
  border: 1px solid #e3e3e3;
  background: #dbeef5;
  position:relative;
  top: -1px;
  overflow: hidden;
 
}


.productRightMenu
{
  background:  #fd950c url('menuProductRightBG.jpg') repeat-x;
  /*padding-bottom: 20px;*/
  border: 1px solid #ffac46;;

}
#productRightMenuBorder
{
  border: 1px solid #ff7e00;

}

.productRightMenu li
{
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  background: url('menuProductRightLine.jpg') repeat-x bottom;
}

.productRightMenu li a 
{
  padding-left: 10px;
  display: block;
  text-decoration:none;
  color: black;
  font-size: 11pt;
  
}

.productRightMenu li a:hover
{
  color: white;
}

a.productRightLabel, a.facebook
{ 
  display: block; 
  width: 219px;
  height: 41px;  
  margin:3px auto;
}
a.productRightLabel
{
  line-height: 41px;
  text-decoration:none;
  color:black;
  padding-left: 49px;
  width: 170px;
  font-size: 12pt;
  font-weight:bold;
  text-align:left;
  overflow: hidden;
}

a.productRightLabel:hover
{
  text-decoration: underline;
}

a.barDollar
{
  margin-top: 7px;
  background:url('barDollar.jpg');
}

a.barPlus
{
  background:url('barPlus.jpg');
}

#rightColumn #serial
{
  margin-bottom: 12px;
}
#rightProductColumn #serial
{
  margin-top: 12px;
  
}

#rightProductColumn .serialTop h3 { color: #717373}

#rightProductColumn .serialBody
{
  border: 1px solid #e3e3e3;
  border-top: none;
}

p.formMessageError, p.formMessageOk {
  border: 1px solid #333228;
  text-align: center;
  margin-bottom: 2px; 
  color: #FFFFFF;
  font-size: 12px;
}

p.formMessageOk {
  background-color: #477700;
}

p.formMessageError {
  background-color: #7D1D00;
}

form#formOrder
{
  position:relative;
  width: 206px;                                                     
  height: 440px; /*330/450*/
  /*height: 290px;*/
  background: url('formOrder2.jpg');
  margin: 0 0 10px 5px;
  color: black;
  font-weight: bold; 
}

#formOrder p#title {    padding: 2px 0 0 10px}
#formOrder p#title .l1 { font-size: 40px; line-height: 1.0em}
#formOrder p#title .l2 { font-size: 16px; line-height: 1.0em; color: #f89630 }
#formOrder p#title .l3 { font-size: 24px; line-height: 1.0em}

#formOrder #labelEmail, #formOrder #labelText, #formOrder #labelCaptcha {position: absolute}
#formOrder #labelEmail
{
  /*top: 97px;*/
  top: 140px;
  left: 11px;
}

#formOrder #labelText
{
  /*top: 153px;*/
  top: 193px;
  left: 11px;
}

#formOrder #labelCaptcha
{
  /*top: 153px;*/
  top: 303px;
  left: 11px;
}

#formOrder input#email, #formOrder input#formemail, #formOrder textarea, #formOrder input#code 
{
  color: #f89630;
}

#formOrder textarea
{
  position: absolute;
  left:12px;
  /*top:177px;*/
  top:217px;
  width: 173px;
  height: 75px;
  border: none;
  background: none;

}

#formOrder input#email, #formOrder input#formemail 
{
  position: absolute;
  left: 12px;
  /*top: 123px;*/
  top: 161px;
  width: 172px;
  height: 23px;
  border: none;
  background: none;
}

#formOrder input#project
{
  position: absolute;
  top: 113px;
  left:12px;
  width: 172px;
  border: none;
  background: none;
}

#formOrder input#code
{
  position: absolute;
  top: 375px;/*362*/
  left:12px;
  width: 172px;
  border: none;
  background: none;
}

#formOrder img.code
{
  position: absolute;
  top: 320px;
  left:12px;
  border: none;
  background: none;
}

#formOrder a#button
{
  display: block;
  position: absolute;
  left:9px;
  /*top: 259px;*/
  top: 409px;   /*379/299*/
  width:62px;
  height: 22px;
  padding-right: 10px;
  line-height: 20px;
  text-align: center;
  color: #f89630;
  text-decoration: none;
  background: url('arrowOrangeWhite.jpg') right center no-repeat;
}
#formOrder a#button:hover { text-decoration: underline }

#formOrder fieldset {border: none}


#tips
{
   background: url('serialBG_repeat.jpg') repeat-x; 
   width: 217px; 
   overflow: hidden; 
   margin: 10px auto;
   text-align: left;
   border: 1px solid silver;
}
#tips .newsBoxMiddle
{
  padding-top: 7px;
  padding-bottom: 10px;
  font-size: 8pt;
  line-height: 1.4em;
} 

#tips .label
{
  
  height: 29px;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  padding-left: 10px;
  background: url('tipsLabel.jpg') repeat-x top;
  /*
  color: #717373;
  color: #f89630;*/
  color: #ff8102;
}

#tips h3
{
  padding-top:0px;
  margin-top:0px;
}


ul, li {
padding:0;margin:0;
list-style: none;
}

#logo{
float:left;
padding:25px 0 0 15px;
width: 229px;
}

/*
#genesfooter { text-align: center; padding-top: 30px;}
#genesfooter ul {text-align: center; line-height: 2em;}
#genesfooter ul li{ display:inline;   }
#genesfooter ul li a
{ 

  color: #696969; 
  text-align: left; 
  padding: 0 10px 0 10px; 
  text-decoration: none; 
}
#genesfooter ul li:after { content: "|";}
#genesfooter ul li:last-child:after { content: "";}

#genesfooter .TreeMenu
{
  display: inline;
  background: #eeeeee;
  padding: 5px 0  17px 0;
 
}
*/

#footerInHeader
{

  position: absolute;
  top: 35px;
  right: 45px;
  
}

#genesfooter{ 
background:url('footer.jpg') bottom center no-repeat;
height: 30px;
width: 918px;;
overflow: hidden;

}
#genesfooter ul
{
  clear:both;
  line-height: 30px;

}

#genesfooter ul, #footerInHeader ul 
{
  display: inline;
}

#genesfooter ul li a, #footerInHeader ul li a
{
  color: white;
  text-decoration: none;
  position:relative;
  top:3px;
}

#genesfooter ul li a
{
  color: #41535c;
}

#genesfooter ul li a:hover, #footerInHeader ul li a:hover
{
  text-decoration: underline;
  color: #41535c;
}
#genesfooter ul li a:hover {color: silver}


#genesfooter ul li, #footerInHeader ul li
{
  display: inline;
}

#genesfooter ul li span, #footerInHeader ul li span
{
  position: relative;
  top: 0px;
}

#footerInHeader li.ccs-0, #footerInHeader li.ccs-1, #footerInHeader li.ccs-2, #footerInHeader li.ccs-3, #footerInHeader li.ccs-4,
#footerInHeader li.ccs-5, #footerInHeader li.ccs-6, #genesfooter li
{
  background: url('iconsFooter.gif') no-repeat;
  padding: 0 5px 0 18px;
}

#genesfooter li.ccs-0, #footerInHeader li.ccs-0 { background-position: 0 1px }
#genesfooter li.ccs-1, #footerInHeader li.ccs-1 { background-position: 0 -20px }
#genesfooter li.ccs-2, #footerInHeader li.ccs-2 { background-position: 0 -100px }
#genesfooter li.ccs-3, #footerInHeader li.ccs-3 { background-position: 0 -40px }
#genesfooter li.ccs-4, #footerInHeader li.ccs-4 { background-position: 0 -60px }
#genesfooter li.ccs-5, #footerInHeader li.ccs-5 { background-position: 0 -80px }
#genesfooter li.ccs-6, #footerInHeader li.ccs-6 { background-position: 0 -120px }

#header {
text-align:center;
background:url('headerBG.jpg') no-repeat;
margin:0 auto;
width:918px;
height:188px;
position:relative;
}

#header a#pageLogo { }

#header ul.mainPageSwitcher
{ 

  position: relative; 
  height: 35px;  
  display: block; 
  overflow: hidden; 
  float: right; 
  width: 623px; 
  margin-top: 78px;
  
}

#header ul.mainPageSwitcher li 
{ 
  display: block; 
  position: absolute; 
  width: 231px; 
  height: 35px;  
}

#header ul.mainPageSwitcher li.ccs-0 {left:0;}
#header ul.mainPageSwitcher li.ccs-1 {left:195px; }
#header ul.mainPageSwitcher li.ccs-2 {left:389px}
#header ul.mainPageSwitcher li.ccs-0 a { color: #717373}
#header ul.mainPageSwitcher li.ccs-1 a { color: #d5e5e7 }
#header ul.mainPageSwitcher li.ccs-2 a { color: white}

#header ul.mainPageSwitcher li a 
{  
  display: block ; 
  width: 100%; 
  height: 100%; 
  font: normal bold 14px/2.5 sans-serif; 
  text-decoration: none; 
  
} 

#header ul.mainPageSwitcher li a:hover 
{
  /*background: url('mainPageSwitcherHover.png'); 
  color: #717373*/
  text-decoration: underline;
}

.newsListItemFooter
{
  background: url('workNewsItemFooter.jpg') center bottom repeat-x ;
  clear: both;
  overflow: hidden;
}


/***************** search ***********************/ 
form.searchBox 
{ 
  position: absolute; 
  left: 86px; 
  top: 137px; 
  display: block; 
  font:  normal normal 14px/1.0 sans-serif; 
}

form.searchBox input.formSearchText { }
form.searchBox fieldset { border: none}

form.searchBox input {display: block; float: left; height: 19px; padding-top: 2px;}
form.searchBox a.buttonSearch 
{
  background: url('buttonSearch.jpg'); 
  display: block; float: left; width:47px; height: 24px; 
  font: normal bold 12px/2.0 sans-serif; color: #746546; 
  margin-left: 5px;
} 

/*
.productBoxTop { background: url('productContentBoxTop.jpg') top center; width: 641px; padding-top:3px; }
.productBoxMiddle { background: url('productContentBoxMiddle.jpg'); width: 641px; }
.productBoxMiddle h2 {  color: black; font-weight: normal; margin:0px; padding:10px 0 10px 20px; }
.productBoxBottom { background: url('productContentBoxBottom.jpg') bottom center; width: 641px; padding-bottom: 3px }
*/

.template-search .newsListItemFooter { padding-bottom: 16px;}
.template-search .newsListItemFooter p { float: left; position: relative; top: 12px; left: 6px; }
/***************** end search ***********************/ 

#header #textArea 
{ 
  position:absolute; 
  top: 125px; 
  left: 360px; 
  text-align:left; 
  color: #798788; 
  font: italic bold 12px/1.2 sans-serif; 
  padding-right: 30px
}

.quotes 
{ 
  background: url('quotesTop.jpg'); 
  width: 15px; 
  height: 9px; 
  float: left; 
  display:inline
}

#header #textArea .quotesTop { top:-2px; position: relative }
#header #textArea .quotesBottom { top:4px; position: relative; padding-left: 1px; }

#textArea p {display:inline}

/*#main {
margin:0 auto;
width:1242px;
height:580px;   
background:url('fox.jpg') no-repeat -6px 109px;
padding-top: 0px;
position: relative;
}
*/
#page { 
width: 918px;
margin: 0 auto;
}

a#homeSite{ display: block;  position: absolute; width: 32px; height: 38px; top: 118px ; left: 128px}


#myContent{ overflow: hidden; _height: 1%;  clear:both; padding: 0px 0 20px 0; }

#news{ 
  width:221px; 
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  font-size: 8pt;
  line-height: 1.4em;
  }
  
#newsBody
{
} 
 
  
.newsBoxTop 
{   
  background: url('newsBoxTop.jpg'); 
  width:221px; 
  height: 46px; 
  background-repeat: no-repeat ; 
  display: block 
}

.newsBoxMiddle 
{  
  background: url('newsBoxMiddle.jpg'); 
  width:201px; 
  background-repeat: repeat-y; 
  padding: 0 10px 0 10px 
}

.newsBoxBottom 
{  
  background: url('newsBoxBottom.jpg'); 
  width:211px; 
  height: 21px; 
  background-repeat: no-repeat; 
  padding-right: 10px;
}

.myContentFooter 
{ 
  background: url('newsFooter.jpg'); 
  width:221px; 
  height: 42px; 
  background-repeat: no-repeat;
  text-align:right;
} 

.myContentFooter .button
{
  overflow: hidden;
  padding: 10px 10px 0 0;
}

.newsBoxMiddle img, .serialBody img 
{ 
  margin-right: 5px; 
  float: left; 
  display:block; 
  border: 1px solid #717373 
}

.makeSpace {overflow: auto; }
.dateBox 
{
  clear:right;  
  float:left; 
  background: url('dateBox.jpg') top right no-repeat;  
  width:89px; 
  height: 24px; 
  text-align: center; 
  color:#717373;
  line-height:24px; 
}

.template-news-item .dateBox, .template-news-list .dateBox, .template-article-item .dateBox, .template-article-list .dateBox
{
  float:left;
  margin:3px 10px 0 0;
}

.previewImage {
float:left;
margin:10px 10px 0 0;
}

.previewImageitem {
margin:25px 10px 0 0;
float:left;
}


#work #newlist ul, #work #newlist li {
margin:0;padding:0;
}

#work #newlist li {
background: none;
padding:15px 0 15px 0; 
}

#menuContent 
{ 
  margin: 0px auto;
}

#menuContent ul.switcher 
{ 
  display: block; 
  overflow:hidden; 
 /*  background: url('menuContent.png') 0px 3px;  */
  background-repeat: no-repeat;  
  width:432px; 
  height: 31px; 
  position: relative;
  top: 1px;
  overflow: hidden;
}

#menuContent ul.switcher li 
{ 
  background: transparent url('switcherButton.jpg') no-repeat center 3px;
  overflow: hidden;  
  float: left; 
  cursor: pointer;
}
#menuContent ul.switcher a { 
  float:left; 
  width:140px; 
  height: 31px; 
  display:block; 
  text-decoration: none; 
  color: white; 
  text-align:center; 
  font: normal bold 14px/2.6 sans-serif
}
#menuContent ul.switcher a:hover { 
  text-decoration: underline;
}

#menuContent ul.switcher .active,#menuContent ul.switcher .ccs-0  a {
  background: transparent url('switcherButton_active.jpg');    /* menuContentHover. */
  color: #717373;
}


#contentBody { 
  text-align: left; 
  background: white url('contentBG_repeat.jpg') bottom repeat-x ; 
  padding: 0 10px 0 10px;
  border: 1px solid #e8eaea;
}

#forYou, #somethingElse, #job
{
  padding: 20px 10px 20px 10px;
}


#serial 
{
  width: 221px;  
  text-align: left; 
  margin: 0 auto;  
  font-size: 8pt;
  line-height: 1.4em;
}

#serial .serialTop { overflow:hidden;  background: url('serialTop.jpg'); width: 221px; height: 47px; }

/*#serial .serialBody {  background: url('serialBody.jpg') top left no-repeat; width: 201px; overflow: hidden;  padding: 0 10px 0 10px}*/
#serial .serialBody {  background: #dbeff7 url('serialBG_repeat.jpg') bottom repeat-x; width: 221px; overflow: hidden;  }



#forYou p {}
#somethingElse, #job { display: none} 

.linkArrow
{ 
  display:inline-block;
  height: 15px; 
  text-align: right; 
  padding: 0px 20px 3px 0; 
  float: right;
  font-weight: bold; 
  font-size: 12px;
  line-height: 1.0em;  
}
.arrowOrange:hover, .arrowBlack { background: url('buttonArrowBlack.jpg') bottom right no-repeat; color: #2f2f2f}
.arrowBlack:hover, .arrowOrange { background: url('buttonArrow.jpg') right bottom no-repeat; color: #f89630;} 


.buttonContainerRight
{
  text-align: left;
  
  float: right;
  padding:0 0 0 2px;
  margin-top: 10px;
  
  height: 22px;
  background: url('buttonOrangeLeft.jpg') no-repeat;
  /*height: 26px;
  background: url('buttonGO_left.gif') no-repeat;*/
  
}

.template-news-list .buttonContainerRight, .template-article-list .buttonContainerRight
{
  margin: 0px 10px 9px 0;
  
}





.buttonContainerRight a 
{
  /*height: 26px;
  padding: 0px 30px 0 10px;
  background: url('buttonGORright.gif') right;
  color: #d9fdff !important;
  line-height: 23px;
  */
  
  height: 22px;
  padding: 0px 38px 0 10px;
  background: url('buttonOrangeRight.jpg') right;
  color: white !important;
  line-height: 22px;
  
  display: block;
  float: left;
  
  font-weight: bold;
  font-size:11px;
  text-decoration: none;
}

.buttonContainerRight a:hover
{
  text-decoration: underline;
}


.autor
{
  color: #64c8e3;
  font-size: 11px;
}

.sluzby .block{
width:271px;
height:331px;
background:url('block.jpg') no-repeat;
float:left;
margin:0 -15px 20px 14px;
_margin:0 -8px 20px 7px;
}



.pos { display: none }




#footer{    overflow: hidden;  margin-top: 40px; }

#partners 
{ 
  background: url('partners.jpg'); 
  width: 918px; 
  height: 95px ; 
  margin: auto; 
  background-repeat: no-repeat
}

#partners strong { color: #717373; padding: 0 20px 0 20px;}

#partners ul
{
  height: 95px;
  width: 870px;
  margin: auto;
}

#partners li
{ 
  display: block;
  background-position: center 10px;
  background-repeat: no-repeat;
  padding-top: 10px;
  
  height: 95px;
  vertical-align: bottom;
  text-align: center;
  float: left;
}

#partners li, #partners li a 
{
  width: 140px;
}

#partners li a 
{  
  display: none; 
  vertical-align: middle;
  text-align: center;
  height: 95px;
}

#partners li.logo1
{
  background-image: url('loga/vox_logo_cb.png');
}

#partners li.logo2
{
  background-image: url('loga/albion_logo_cb.png');
  /*width: 150px;*/
}

#partners li.logo3
{
  background-image: url('loga/narodni_muzeum_logo_cb.png');
}

#partners li.logo4
{
  background-image: url('loga/junak_logo_cb.png');
}

#partners li.logo5
{
  background-image: url('loga/adidas_logo_cb.png');
}

#partners li.logo6
{
  background-image: url('loga/cez_logo_cb.png');
}

#partners li.label { width: 100px; float: left}
#partners li.logo:hover { background: none }
#partners li.hover { background-image: none; }

#partners li.logo:hover a
{
  display: block;
}

#partners li.hover a
{
  display: block;
}

#partners li img  { display: block; margin: auto;}



#geneslink {
margin:0 auto;
width:300px;
color:#999;
font-size: 8pt;
}
#geneslink img {float:left;margin:5px 0 0 0;}
#geneslink #footerCopy {float:left;padding:15px 0 0 14px;}



.img_genes {
float:left;
width:67px;height:50px;
margin:20px 0 0 10px;
background:url('genes_fox.jpg') no-repeat;
}





/******************************************************* MENU ************************************************/
#mainmenu{
   
   height: 116px; 
   padding-bottom: 12px;
   width: 914px;
   float: left;
}


/********************** prvni uroven menu ***************************/

#mainmenu ul{
  background: transparent url('menuBG_repeat.jpg') repeat-x left top;
  height: 100%;
  z-index: 10;
}

#mainmenu ul li.last-child{ width: 227px; }

#mainmenu ul li{
  float: left;
  display: block;
  font-size: 14px;
  position: relative;
  z-index: 20;
  background: transparent url('menuBG_right.jpg') no-repeat right center;
  width: 229px;
}


#mainmenu ul li a{
  background: transparent url('menuBG_left.jpg') no-repeat left center;
  display: block;
  overflow:hidden;
  width: 202px; height: 89px;
  float:left;
  font-size: 13pt;
  color: #2f2f2f;
  text-decoration: none;
  font-weight: normal;
  padding: 28px 5px 0 20px;
  text-align:left;
}

#mainmenu ul li a .description 
{
  font-size: 8pt;
  line-height: 1.2em;
  color:black;
  padding-top: 5px;
  width: 141px;
  display: block;
}

/************************* druha uroven menu *****************************************/
#mainmenu ul li ul{
  position: absolute;
  top: 110px;
  left: 0px;
  z-index:30;
  border: 1px solid #ff7e00;
  border-top: none;
  background: #fc980e url('submenuBG_repeat.jpg') repeat-x left bottom;  
  padding: 0;
  height: auto;
  width: 227px;
  clear: both;
} 

#mainmenu li.last-child ul{ width: 225px !important;  }


#mainmenu ul li ul li { background: none; width: 227px;  }


#mainmenu ul li ul li a 
{ 

  line-height: 31px; 
  display: block; 
  overflow:hidden; 
  padding: 0 0 0 25px;   
  width: 200px;
  height: 31px; 
  background: url('menu_separator.jpg') 5px top no-repeat; 
}

#mainmenu li.last-child ul, #mainmenu li.last-child li, #mainmenu li.last-child li a { _width: 200px !important;}

/**************** treti uroven ************************************/

#mainmenu li ul li ul, #mainmenu li ul li.hover ul
{
  position:absolute;
  overflow: hidden;
  left: 228px;
  width: 229px;
  top:2px;
  margin-top:-2px;
}

#mainmenu li ul li ul li.first-child a
{
  background: none;
}

#mainmenu li.last-child ul li ul
{
  display: none !important;
}


/********************** menu hovers ***************************************/



#mainmenu ul li ul, #mainmenu ul li ul li ul, #mainmenu ul li:hover ul li ul, #mainmenu ul li.hover ul li ul
{
  display: none;
}

#mainmenu ul li:hover ul, #mainmenu ul li ul li:hover ul,
#mainmenu ul li.hover ul, #mainmenu ul li ul li.hover ul
{
  display: block;
}

#mainmenu a:hover { color: white }

#mainmenu ul li:hover, #mainmenu ul li.hover
{
  color: white;
  background: transparent url('menuBG_right_hover.jpg') no-repeat right center;
}

#mainmenu ul li ul li:hover, #mainmenu ul li ul li.hover
{
  background: none;
}







/*
#mainmenu span {float: left;}
#mainmenu span.poz{ display: none;}
#mainmenu span.mainmenu-left{display: block; width: 8px; overflow: hidden; background: url(menu-a.jpg) top left no-repeat; height: 36px;}
#mainmenu span.mainmenu-mid{display: block;   font-family: Arial; padding-top: 8px;}
#mainmenu span.mainmenu-right{display: block; width: 8px; overflow: hidden; background: url(menu-c.jpg) top left no-repeat; height: 36px;}
*/

/*
#mainmenu li.hover ul a span.mainmenu-mid, #mainmenu li:hover ul a span.mainmenu-mid { padding:0 0 0 3px; }
#mainmenu ul ul {padding-top: 0;}
#mainmenu li li{float: none; }
#mainmenu ul ul span.mainmenu-left{display: none;}
#mainmenu ul ul span.mainmenu-right{display: none;}
#mainmenu ul ul span.mainmenu-mid{padding-left: 8px;padding-right: 8px;}
#mainmenu .active ul a, #mainmenu .active ul a span{
	background-position: 0 0;
	color: #000;
}
*/





.priceLabel
{
  position: relative;
  width: 181px;
  height: 181px;
  background: url('labelPrice.png');
  margin: 0 auto;
  text-align: center;
}

#work .priceLabelText
{

  position:relative; 
  left: 8px; 
  top: 106px;
  color: white;
  font-size: 28pt;
  font-weight: bold;
}

#work .priceLabelText p {color: white} 




/* REFENCE */
.template-eshopkategorie #work {
/*overflow-x: hidden;*/
}

#work .lister {
margin:8px 0 0 0;
padding:3px;
background:url('bg_lister.gif') top left no-repeat;
height:20px;
clear: both;
color:#8d8d8d;
font-weight: bold;
}
#work .lister li {
background: none; 
float:left;
padding:0 3px;
margin:0 2px 0 0;
}
#work .lister li a {
color:#63c6e0;
text-decoration: none !important;
}

.productListItem {
float:left;
width:196px;
height:214px;
background:url('bg_reference_list.gif') top left no-repeat;
margin:0 7px 7px 0;
padding:5px;
color:#8d8d8d;
text-align:left;
}

#work a.productListName, #referenceThree a.productListName {
margin:3px 3px 0 3px;
padding:2px 20px 5px 0;
color:#56c8e3;
font-weight: bold;
line-height: 130%;
display: block;
background:url('bg_reference_icon.jpg') 175px 3px no-repeat;
}

.productListItem .content {
font-size:8pt;
line-height:140%;
margin:0 3px;
}
.produktBox {
float:left;
width:206px;
}
.produktContent {
width:420px;
float:right;
}
#work .produktContent h2 {
font-size: 13pt;
}
#work .produktContent h3 {
font-size:10pt;
line-height:1.2em;
padding:0 0 5px 0;
}
#work .produktContent h3 a#web {
font-weight: normal;
}
#work .produktBox img, #work .productListItem img {
padding:0;border:none;
}


#produktShortInfo {
margin:0 0 15px 0;
}

#work .produktBox li, #work .produktBox ul {
background:none;
padding:0;
margin:0;
}
#work .produktBox li {
color:#8d8d8d;
padding:10px;
height:165px;
margin:0 0 10px 0;
background:url('bg_reference_list.gif') left top no-repeat;
text-align: center;
}
#work .produktBox li img {
padding:0 0 10px 0;
margin:0;
}
#work .produktBox li p {
color:#8d8d8d;
margin:0;
}

#slider {
background-color:#FFF;
padding:10px 0 0 0;
}

.sliderButton {
cursor: pointer;
height:26px;
width:206px;
display: block;
}
.sliderButton span {
display: none;
}

.upSlider {
background:url('bt_goup.jpg') top left no-repeat;
}
.downSlider {
background:url('bt_godown.jpg') top left no-repeat;
}
.upSlider:hover {
background:url('bt_goup_hover.jpg') top left no-repeat;
}
.downSlider:hover {
 background:url('bt_godown_hover.jpg') top left no-repeat;
} 



#randomReferenceList {
padding:10px 0 0 0;
height:248px;
}
#rslider {
border-top:1px solid #fff;
border-left:1px solid #fff;
float:left;
padding:5px 0 0 5px;
background:#799097;
}

#rslider .productListItem {
width:169px !important;
background:url('bg_random_reference_list.gif') top left no-repeat;
}
#rslider a.productListName {
background:url('bg_reference_icon.jpg') 140px 3px no-repeat;
}
#randomReferenceList .sliderButton {
width:29px;
height:29px;
float:left;
}
#randomReferenceList .sliderButton:hover {
background-position:1px 1px;
}

#randomReferenceList .upSlider {
margin:95px 9px 0 12px;
_margin-left: 6px;
background:url('bt_left.jpg') top left no-repeat;
}
#randomReferenceList .downSlider {
margin:95px 0 0 9px;
background:url('bt_right.jpg') top left no-repeat;
}

td 
{
  padding: 3px 5px 3px 5px;
  vertical-align: middle;
}

#work td p 
{
  margin: 0px;
}
/* Custom Icons */
.addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a img {
    opacity: 1.0;
}
.addthis_toolbox .custom_images a:hover img {
    opacity: 0.75;
}   

/********************* news letter **********************/

form#newsLetter
{
  position: relative;
  display: block;
  width: 219px;
  height: 162px;
  clear: both;
  background: url('newsLetterBar.jpg');
  margin-bottom: 15px;
}
form#newsLetter input#email
{
  position: absolute;
  left: 11px;
  top: 95px;
  padding: 2px 5px 2px 5px;
  width: 120px;
  height: 19px;
  background: none;
  color: #fd7f18;
  border: none;
}

form#newsLetter a.button
{
  display: block;
  position: absolute;
  width:62px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  color: #d9e7e9;
  text-decoration: none;

  left:9px;
  top: 130px;
  background: url('buttonOnBlue.jpg') right center no-repeat;
  padding-right: 22px;
}

form#newsLetter a.button:hover { text-decoration: underline }

#advert { 
  display: none; 
  position: absolute; 
  z-index:9999; 
  margin:20px; 
  padding: 0px; 
  margin-top:31px; 
  padding-bottom: -5px; }

#advert img {
  border:12px solid #FFFFFF;
}
                  
#mask {
  position:absolute;  
  z-index: 9000; 
  background-color: #000; 
  display: none; 
  top:0px; 
  left:0px;
} 

#advertcloser {
  position:absolute;  
  z-index: 9001; 
  display: none; 
  height:30px;  
}
  
#advertcloser a img{
  border: 3px solid #FFFFFF;
  margin: 3px;
  margin-right: 0px;  
  float: right;
}    


#work p.msgWarning, #work p.msgConfirmation
{
  font-weight:  bold;
}
#work p.msgWarning
{
  color: red;
}

#work p.msgConfirmation
{
  color: green;
}

/*================================== CENIK =================================*/
#pricelist{
	text-align: left;
}
#pricelist li{
	position: relative;
}
#pricelist li input{
	float: left;
	margin-top: 2px;
}

#pricelist .description{
	position: absolute;
	right:0;
	top:0;
	width: 500px;
	padding:20px;
	background: #eee;
	border: solid 1px #bbb;
	z-index: 100;
	color: #000;
	font-size: 11px;
}
#pricelist .description h4{
	font-weight: bold;
	font-size: 14px;
}
#pricelist .description ul, #pricelist .description li{
	list-style-type: circle;
}
#pricelist .clear{display: block;clear:both;}

#pricelist .help-icon{
	cursor: pointer;
	margin: 3px 5px 0 5px;
	float: left;
	border: none;
	padding: 0;
}
#pricelist li.nohili{
  margin-top:2px;
  padding:3px;
	background: #FFF;
	font-weight: normal;
	padding-left:10px;
	border-radius:15px;
	border-bottom:1px solid #FFF;
}

#pricelist li.nohili .nohili{color: #aaa;}

#pricelist li.hili{
	background: #d0ff98;
	padding:3px;
	border-bottom:1px solid #6fb220;
	/*font-weight: bold;*/
	padding-left:10px;
	border-radius:15px;
}
#pricelist #pl-errors{
	margin-top:2px;
	padding:3px;
	background: #F55;
	font-weight: bold;
	padding-left:10px;
	border-radius:15px;
	border-bottom:1px solid #FFF;
	display: none;
}

#pricelist ul ul li.hili{
  margin-top:2px;
  background: #85c837;
  border-radius:15px;
}

#pricelist ul ul ul li.hili{
  color:white;
  margin-top:2px;
  background: #5c931b;
  border-radius:15px;
}

#pricelist .pl-price{
font-size: 10px;
margin-left: 43px;
float: left;
clear: both;
line-height: 12px;
}

#pricelist .close-icon{
	float: right;
	cursor: pointer;
}
#pricelist .close-icon span{
	
}

.template-pricelist li{

}
.tot_price{
	font-weight: bold;
	font-size: 14px;
	margin: 15px 15px 0 15px;
	float: left;
}
.dphinfo{
	font-size: 11px;
	margin: 0 15px 15px;
	clear:both;
}
#pl-form{
padding: 20px;
position: relative;
margin-bottom: 15px;
border:1px solid silver;

border-radius:15px;
}
#pl-form dl{
clear: both;
padding: 2px;
}
#pl-form legend{
	font-weight: bold;
	font-size: 14px;
}
#pl-form dt{
float:left;
width: 75px;
}
#pl-form dd{
float: left;
}
#pl-form{
border: solid 1px #bbb;
}
#pl-form input{
border: 1px solid #B5DFE6;
}
#pricelist h2{
	text-align: left;
	margin-left: 15px;
	margin-bottom: 0;
	padding-bottom: 0;
}
#workspace2{
	background: #dae4ed;
}


#pricelist ul{
border:1px solid silver;
padding:10px;
border-radius:15px;
}

#pricelist ul ul{
border:0px;
}

#pricelist ul ul ul{
border:0px;
}

#pricelist ul ul ul ul{
border:0px;
}

#pl-form .zadani{
	width: 410px;
	clear: none;
	float:left;
}
#pl-form .cont{
	float:left;
	width: 235px;
}
#pl-form .zadani dt{
	width: auto;
}
.zadani textarea{
	height: 89px;
	width: 410px;
	border: solid 1px #B5DFE6;
}
#pl-form-form .btn{
	padding: 5px;
}

/*====================== CENIK END ===============================*/