* {margin: 0; padding: 0;  border: 0;}

body {
  color: #515151;
  font-family: Tahoma, Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  width: 100%;
  }

ol, ul
{
	margin: 10px 0 20px 20px;
}

li {margin-bottom: 5px;}

li span {color: #DC1E00; font-weight: bold; }

h1{ color:#4BA6C9; margin-bottom: 10px;}
h2{ color:#DC1E00; margin-bottom:5px;}
p { padding: 5px 5px;}

strong {font-family: Myriad Pro, Tahoma, Trebuchet MS, Verdana, Arial, sans-serif;}
/* Top, header, wrap */
#bodyOnTop { background: url(../images/topBody.png) repeat-x; height: 250px; width: 100%; position: relative; padding-top: 10px; _padding-top: 15px; z-index: 1;}
#header { width: 892px; margin: 0 auto; }

#options { background: transparent url(../images/wallbottom.png) no-repeat; width: 956px; height: 197px; font-size: 12px;
           font-family: Tahoma, Trebuchet MS, Verdana, Arial, sans-serif; margin: 0 auto; position: relative; left: 13px; z-index: 2;
           padding-left: 36px;
           /* Little IE6 css hack */ _left: 13px; _top: 1px; behavior: url(/css/iepngfix.htc); }
/* Menu */
#menu { width: 882px; height: 42px; background: url(../images/wallmenu.png) no-repeat; border-bottom: 2px solid #fff; behavior: url(/css/iepngfix.htc); }
*:first-child+html #menu ul{ padding: 5px 0 0 25px; }/* Little IE7 css hack */
#menu ul { padding: 14px 0 0 25px; /* Little IE6 css hack */ _padding: 5px 0 0 25px;}
#menu li { display: inline; list-style: none; font-weight: bold; padding-left: 15px; }
#menu li a { color: #fff; background: url(../images/menu_separator.png) right no-repeat; padding-right: 20px; }
#menu li a.last {background: none;}
  /* end menu*/

/**/
/* Middle, stred, main, center */
#bodyOnMiddle { background: #ebebeb; min-height: 900px; _height: 900px; height: auto; position: relative; top: -27px; float: left; 
                width: 100%; padding-bottom: 20px;}
#obal { width: 892px; margin: 0 auto;}
#leftPanel { padding-top: 10px; width: 220px; float: left; }
#quickContact { background: url(../images/quickContact.png) no-repeat; width: 173px; height: 165px; position: fixed; margin-left: 890px;
                 behavior: url(/css/iepngfix.htc); z-index: 1;}
* html #quickContact{ position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop)); z-index:1; }
/**/
/* Bottom, spodek, paticka, reference */
#bodyOnBottom { background: url(../images/bodyBottom.png) repeat; position: relative; margin-top: -32px; float: left; height: 283px; width: 100%;}
#footerReference  { width: 892px; height: 230px; margin: 0 auto; padding-top: 4px;}
#footerReference h2 { font-family: Myriad Pro, Tahoma, Trebuchet MS, Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #eaeaea; padding-bottom: 4px;
                      border-bottom: solid 10px #eaeaea;}
#footerReference .moreRef { color: #eaeaea; font-family: Tahoma, Trebuchet MS, Verdana, Arial, sans-serif; font-size: 11px; float: right;}
#footerReference a { font-size: 11px;}

#footerReference #footerContent { display: block; width: 800px; height: 70px; background: url(../images/bsshopsign.png) no-repeat 0 8px; 
                                  behavior: url(/css/iepngfix.htc);
                                  padding-left: 40px; color: #eaeaea; font-family: Arial; font-size: 11pt; _margin-top: -50px;}
#footerReference #footerContent #footerText { _margin-top: -10px;}                                  
#footerReference #footerContent #footerText ul li { display: inline; list-style: none; float: left; padding: 2px 4px;}
#footerReference #footerContent #footerText ul li a { color: #eaeaea; font-family: Arial; font-size: 11px;}
#footerReference #footerContent #footerText ul .right { float: right; }
.copyrightBsshop { float: left; position: absolute; top: 245px; margin-left: 20px; _margin-left: -300px; font-size: 13px;}
.copyrightBsshop strong { font-weight: bold; }
*:first-child+html #footerContent { margin-top: 25px; }
*:first-child+html #footerText { margin-top: -15px; }
#Content img { behavior: url(/css/iepngfix.htc); }
/**/
/* Informace - strana */
.listInformation li { list-style: none; background: url(../images/informationItem.jpg) left center no-repeat; padding-left: 10px; margin-left: -15px;}
.miniNadpis {  color: #dc1e00; font-weight: bold; }
.miniNadpis2 { color: #dc1e00; font-weight: bold; border-bottom: 1px solid #dc1e00; margin: 3px 3px; }
.miniNadpis strong { color: #515151;}
.bsshopInfo { width: 460px; float: left;}
/* Navigator menu*/
.navigatormenu { margin: 0; padding: 0; width: 210px;}
.navigatormenu li { list-style: none; background: url(../images/navigatormenu.jpg) no-repeat; width: 210px; height: 35px; padding: 9px 0 0 15px; margin-top: -10px; }
.navigatormenu .fileitem { list-style: none; background: url(../images/navigatormenu.jpg) no-repeat; width: 210px; height: 35px; padding: 9px 0 0 13px; margin-top: -10px;}
.navigatormenu li a { color: #515151; font-weight: bold;}
.navigatormenu li a:hover { color: #dc1e00;}
.navigatormenu .fileitem a {background: url(../images/icon_pdf_16.gif) no-repeat scroll left center; padding-left: 25px; padding-top: 4px; padding-bottom: 4px; }
/**/
/**/
/* Profi, basic, premium, enterprise , program, balik */
.programInfo { width: 200px; height: 120px; border-right: 1px solid #5a5a5a; padding: 5px 5px; float: left;}
.designView { width: 390px; height: 120px; padding: 5px 5px; float: right; }
.designView strong { font-weight: bolder;}
.designView ul li { display: inline;}
.pDescription { border-top: 1px solid #4ba6c9; float: left; width: 620px; padding: 10px 5px; margin-top: 5px;}
.pDescription img {float: left;}
.pDescription strong { font-weight: bolder;}
.programInfo .pItem { background: url(../images/programItem.jpg) no-repeat left center; padding-left: 12px; font-weight: bolder;}
.nadpisBasic { color: #00b009; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 6px solid #00b009; font-size: 11pt; text-transform: uppercase;}
.nadpisProfi { color: #0096da; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 6px solid #0096da; font-size: 11pt; text-transform: uppercase;}
.nadpisPremium { color: #f7ac12; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 6px solid #f7ac12; font-size: 11pt; text-transform: uppercase;}
.nadpisEnterprise { color: #c41a1a; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 6px solid #c41a1a; font-size: 11pt; text-transform: uppercase;}

/**/
#top 
{
  position: absolute;	
}
#top ul {
  padding: 20px 10px 0 0;
  float: right;
}

#top li {
    font-size: 11px;
    margin-left: 30px;
}

#top li a {
  color: #3b3b3b;
}

#logo {
  float: left;
  width: 174px;
  height: 74px;
  margin: 10px 0 0 16px;
  cursor: pointer;
}

#banner{
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}
#foto {
  height: 168px;
  width: 882px;  
  background: url(../images/header.png) left no-repeat;
  border-bottom: 1px solid #fff;  
  text-align: right;
  position: relative;
  _top: -7px; /* Little IE6 hack*/
}

#foto ul {
  float: right;
  padding: 84px 14px 0 0;
}

#foto li {
  list-style: none;
}

.fotolink {
  width: 190px;
  height: 30px;
  cursor: pointer; 
  left: 676px;
  border: 0px solid black;
  position: absolute;
}

a.headerTry { position: relative; top: 55px; left: 160px; padding: 5px 90px; text-decoration: none;}
a.headerOrder { position: relative; top: 135px; left: -20px; padding: 5px 90px; text-decoration: none;}
a.headerMain {position: relative; top: 20px; float: left; padding: 50px 80px; text-decoration: none;}

#line {
  padding-bottom: 10px;
}


#options ul {
  padding: 90px 0 0 30px;
  margin: 0;
}

#options li {
  margin-bottom: 6px;
}

.button1 {
  float: left;
  width: 217px;
  height: 80px;
  margin: 0;
  cursor: pointer;  
  background: url(../images/blank.gif); 
}
*:first-child+html  .button1 {
  float: right;
  width: 28px;
  height: 28px;
  margin: 42px 5px 0 0;
  cursor: pointer;  
  background: url(../images/blank.gif);  
}
#leftcolumn { 
 color: #555555;
 background: url(../images/wall1.png) top no-repeat;
 padding: 0px;
 height: 170px;
 width: 221px;
 float: left;
}

#leftcolumn li {
  list-style-image: url(../images/li1.png);
}

#leftmiddle { 
 color: #555555;
 background: url(../images/wall2.png) top no-repeat;
 padding: 0px;
 height: 170px;
 width: 220px;
 float: left;
 margin: 0;
}

#leftmiddle li {
  list-style-image: url(../images/li1.png);
}

#rightmiddle { 
 color: #555555;
 background: url(../images/wall3.png) top no-repeat;
 padding: 0px;
 height: 170px;
 width: 223px;
 float: left;
}

#rightmiddle li {
  list-style-image: url(../images/li1.png);
}

#rightcolumn { 
 color: #555555;
 background: url(../images/wall4.png) top no-repeat;
 padding: 0px;
 height: 170px;
 width: 219px;
 float: left;
}

#rightcolumn li {
  list-style-image: url(../images/li1.png);
}

.cleaner {
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
}

#main {
  margin-top: 10px;
  width: 882px; 
  margin-left: auto;
  margin-right: auto;    
}

#left {
  width: 221px;
  float: left;
}

#sidemenu li {
  list-style: none;
  border-bottom: 1px solid #d3d2d2;
  padding: 10px 0 10px 10px; 
}

#sidemenu li a {
  color: #515151;
}

#sidemenu li a:hover {
  color: #dc3a21;
}

#kontakt {
  width: 221px;
  height: 306px;
  background: url(../images/wall-kontakt.png) left top no-repeat;
  font-size: 11px; 
  overflow: hidden;
  color: #78878a; 
 }
 .telf1 
 {
	position: absolute; top: 50px; left: 400px;
 }

 #kontakt a {
  color: #78878a;
 }

#kontakttop 
{
	visibility: hidden;
  padding: 34px 0 50px 98px;
}

.intext {
  width: 122px;
  height: 24px;
  padding: 0 4px 0 4px;
  margin: 10px 5px 0px 24px;
  background: url(../images/wallinput.png) top left no-repeat;
  font-size: 11px;
  line-height: 24px;
}

.btn {
    height: 24px;
    width: 50px;
   cursor: pointer;
}

#btn1 
{
  margin-top: 8px;
  background: url(../images/btn1.png) top left no-repeat;  
}

.btn2 
{
	height: 24px;
    width: 50px;
    cursor: pointer;
	margin-top: 10px;
	background: url(../images/btn2.png) bottom left no-repeat;  
}

#btn3 {
  background: url(../images/btn3.png) top left no-repeat;  
}

.tdtext {
  padding-bottom: 52px;
}

.tdsubmit {
  padding-bottom: 52px;}


#Content {
    width: 620px;
    padding: 10px 20px 0 20px;
    float: right;
    background: transparent;   
}

#Content p {
  margin-bottom: 10px;
  line-height: 20px;
  text-indent: 20px;
  text-align: justify;
}


#Content p .thumb_image { margin-right: 10px;}


#reference p { text-indent: 0;}

#middle tr {
  vertical-align: top;
}

.num {
  width: 21px;
  background: url(../images/walltable.png) top no-repeat;
  color: #fff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
}

.popis {
  padding-left: 5px;
  line-height: 16px;
}

.popis b {
  color:#dc1e00; 
}

.date {
  font-weight: bold;
  color: #218d1c;  
  text-align: right;
}

.aktualita {
  padding-left: 16px;
}

.aktualita b {
  color: #218d1c;
}
#home { background: transparent;}
.nadpis span {float: right; font-size: 11px;}

#preferences tr td { padding: 0 10px 10px 10px;}
#preferences strong { font-size: 10pt;}
.nadpis1 {
  color: #4ba6c9;
  padding-bottom: 5px;
    margin-bottom: 5px;
  border-bottom: 6px solid #4ba6c9;
  font-size: 11pt;
  text-transform: uppercase;
}
#home .nadpis1 a {
  color: #4ba6c9;
  font-size: 11px;
  text-transform: lowercase;
}

.nadpis2 {
  color: #dc1e00;
  padding-bottom: 5px;
    margin-bottom: 5px;
  border-bottom: 6px solid #dc1e00;
  font-size: 11pt;
  text-transform: uppercase;
}

#home .nadpis2 a {
  color: #dc1e00;
  font-size: 11px;
  text-transform: lowercase;
}
.nadpis4 {
  color: #4ba6c9;
  padding-bottom: 5px;
    margin-bottom: 5px;
  border-bottom: 6px solid #4ba6c9;
  font-size: 11pt;
  text-transform: uppercase;
}


.nadpis3 {
  color: #218d1c;
  padding-bottom: 5px;
    margin-bottom: 5px;
  border-bottom: 6px solid #218d1c;
  font-size: 11pt;
  text-transform: uppercase;
  
}

#home .nadpis3 a {
  color: #218d1c;
  font-size: 11px;
  text-transform: lowercase;
}

#right {

  float: left;
    width: 221px;
 padding-top: 10px;
}

#topright 
{
	width: 195px;
	height: 95px;
  background: #F7F3F7 url(../images/fb.png) no-repeat;
  padding: 0 10px 0 16px;
  color: #E9AF00;
  font-size: 11px;
}

#topright a {
  color: #E9AF00;
  text-decoration: underline;
  width: 195px;
  height: 95px;
  text-align: center;
  display: block;
}

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

#topright a img {
  margin-bottom: 0px;
  margin-top: 20px;
  text-decoration: none;
}
#bottomright 
{
	height: 168px;
	width: 221px;
  background: #F7F3F7 url(../images/partneri.png) bottom no-repeat;
}

#bottomright ul {margin:0;}

#bottomright li {
  list-style: none;
  border-top: 1px solid #e0e0e0;
  padding: 17px 0 17px 30px;
  margin: 0;
}

/* Reference, hlavní strana*/
#main_refefence 
{
	width: 882px;
	height: 200px;
}
.sliderReference 
{
	width: 864px;
	height: 150px;
}
/* Reference stranka, reference page */
.referenceTable { width: 600px;}
.referenceNadpis { border-bottom: 2px solid #c41a1a; padding-bottom: 5px; margin-bottom: 5px;}
.referenceNadpis a { font-size: 12pt; color: #c41a1a; text-decoration: none; font-weight: bolder; }
.referenceTable tr td { margin: 5px 5px; }
.referenceTable .clear { height: 25px;}
/**/
.sliderReference a { font-family:Tahoma; float: right; font-size: 12pt; font-weight: bolder;}
#footer {
  height: 69px;
  background: #F7F3F7 url(../images/wallfooter.png) left no-repeat;
  width: 882px; 
  margin-left: auto;
  margin-right: auto;
    font-size: 11px;
    font-family: Arial;  
}

#footerleft {
  width: 400px;
  float: left;
  padding: 20px 0 0 86px;
  line-height: 12px;
}

#footerleft li {
  list-style-type: none;
  margin-right: 8px;
}

#footerleft li a {
  color: #515151;
}

#footerright {
  width: 350px;
  float: right;
  text-align: right;
  padding: 20px 0 0 0;  
  line-height: 12px;  
}

#footerright li {
  display: inline;
  margin-left: 8px;
}



#footerright a {
  color: #515151;
}

.priceTable { border-collapse: collapse; float: left; width: 620px; font-size: 11px;}
.priceTable td { padding: 5px; border: none;}
.priceTable .col1 { background: none; text-align: left; }
.priceTable .col2 { text-align: center; }
.priceTable .col3 { text-align: center; }
.priceTable .col4 { text-align: center; }
.priceTable .col5 { text-align: center; }
.priceTable tr.line { /*border: 1px solid #7c8b8c;*/ }
.priceTable tr.line td {/* border: 1px solid #7c8b8c; */}
.priceTable td.line { /*border: 1px solid #7c8b8c; */}
.priceTable tr.empty { background: none; }
.priceTable tr.empty td { background: none;}
.priceTable td.empty { background: none; }
.priceTable .header td{ text-align: center; font-weight: bold;}
.priceTable td.center { text-align: center; }
.priceTable td.yes {background-image: url(../images/yes.png); background-position: center center; background-repeat: no-repeat;}
.priceTable td.no {background-image: url(../images/no.png); background-position: center center; background-repeat: no-repeat;}
.priceTable .side_price {font-size: 125%; font-weight: bold;}
.priceTable .main_price {font-size: 150%; font-weight: bold;}
.priceTable .caption1 {font-size: 125%; font-weight: bold; color: #627476;}

/* Price table */
.basic { background: #cdeaf7; color: #627476;}
.basicN { color: #009036; background: #cdeaf7;}
.profi { background: #cdeaf7; }
.profiN { color: #0080c5; background: #cdeaf7;}
.premium { background: #cdeaf7;}
.premiumN { color: #f7ac12; background: #cdeaf7;}
/**/

.enterprise { margin-top: 20px; padding: 10px; display:block; background: #f2dddc; color: #993300; font-weight: bold; float: left; margin-bottom:10px; margin-bottom: 5px;}
.pricelist_download {color:#e47564; font-weight: bold; background: transparent url(../images/icon_xls_16.gif) no-repeat scroll bottom left; padding-left: 22px; cursor: pointer; display: block; line-height: 18px;}
.productlist_download {background-image: url(../images/icon_pdf_16.gif); margin-top: 5px;}
.pricelist_download:hover {text-decoration: none;}

#orderTry{}
#orderTry .contact {  }
#orderTry .contact table { table-layout: fixed; }
#orderTry .contact table col.first{ width: 120px;  }
#orderTry .contact table col.second{ width: 200px; }
#orderTry .contact table td{ text-align: right; vertical-align: middle;}
#orderTry .contact input,
#orderTry .contact textarea{ background: white; border: 1px solid gray; padding:3px; width: 100%;}
#orderTry .contact #btnSend{ width: 100px; height: 30px; cursor: pointer;}
#orderTry .contact td.send{ text-align: center;}
#orderTry .success { color: Green; font-weight: bold;}
#orderTry .error { color: Red; font-weight: bold;}