/* HLAVNI STYLY */
body {
  background:#e1e6ed url(../images/body/background.gif) repeat-x top;
  font-family:Verdana, Arial, Helvetica, sans-serif;;
  font-size:12px;
  margin:0px 0px 0px 0px;
}
.clear {clear:both;}

/* vycentrovani stranky */
.mainWrapper {
  margin:0 auto;
  width:900px;
  padding:255px 0px 0px 0px;
  background:url(../images/body/top.gif) no-repeat;
}

/* logo */
.mainWrapper .mainLogo {
  border-top:5px solid #c1cedb;
  position:absolute;
  top:40px;  
  width:900px;  
  height:209px;  
}
span.ods {
  font-size: 10px;
  float: right;
}
span.ods a {
 color: black;
} 
.mainWrapper .mainLogo .logoTop {
  height:150px;
  width:100%;
  background:#fff url(../images/header/background.gif) right no-repeat;
  border-bottom:5px solid #c1cedb;
}

.mainWrapper .mainLogo #topmenu {
  margin:4px 0px 0px 0px;
  height:48px;
  border-top:2px solid #c5cbd9;
  width:900px;     
  background:#fff url(../images/top-menu/background.gif) repeat-x;
}
.mainWrapper .mainLogo #topmenu ul {
  padding:0px 0px 0px 10px;
}
.mainWrapper .mainLogo #topmenu ul li{
  float:left;
  font-size:1.2em;
}
.mainWrapper .mainLogo #topmenu ul li a {
  color:#315286;
  text-decoration:none;
  padding:0px 10px 0px 5px;
  margin:0px 5px 0px 6px;
  _margin:0px 4px 0px 6px;
  height:48px;
  line-height:45px;
  display:block;
}
.liSpecification2 {
  _width:67px;
}
.liSpecification3 {
  _width:68px; 
}
.liSpecification4 {
  _width:10px; 
}
.liSpecification5 {
  _width:113px; 
}
.liSpecification6 {
  _width:207px;  
}
.liSpecification7 {
  _width:140px;   
}
.liSpecification8 {
  _width:50px; 
}
.liSpecification9 {
  _width:10px;   
}
.mainWrapper .mainLogo #topmenu ul li a:hover, .mainWrapper .mainLogo #topmenu ul .active a {
  color:#fff;
  background:url(../images/top-menu/hover.png) right;
}
.mainWrapper .mainLogo #topmenu ul li .kulatyRoh  {
  width:5px;
  height:48px;
  position:absolute;
  display:none;
  margin:0px 0px 0px -5px;
}
.mainWrapper .mainLogo #topmenu ul li a:hover .kulatyRoh, .mainWrapper .mainLogo #topmenu ul .active .kulatyRoh {
  background:url(../images/top-menu/left.png) no-repeat;
  width:8px;
  height:48px;
  position:absolute;
  display:inline;
  margin:0px 0px 0px -13px;
  &margin:-14px 0px 0px -13px;
}

.mainWrapper .mainLogo #topmenu ul li .kontakt:hover,
.mainWrapper .mainLogo #topmenu ul li .objednavka:hover {background:none;color:#162f56;}
.mainWrapper .mainLogo #topmenu ul li .kontakt:hover .kulatyRoh,
.mainWrapper .mainLogo #topmenu ul li .objednavka:hover .kulatyRoh {display:none;}

.mainWrapper .mainLogo #topmenu ul .active .objednavka .kulatyRoh,
.mainWrapper .mainLogo #topmenu ul .active .kontakt .kulatyRoh {display:none;}
.mainWrapper .mainLogo #topmenu ul .objednavka {padding-left:18px;}

.mainWrapper .mainLogo #topmenu ul .active .objednavka,
.mainWrapper .mainLogo #topmenu ul .active .kontakt {background:none;color:#162f56;}

.mainWrapper .mainLogo #topmenu ul li .kontakt,
.mainWrapper .mainLogo #topmenu ul li .objednavka {color:#fff;}

/* hlavni obsah stranky - obaleni leveho menu a obsahu */
.mainWrapper .mainContentWrapper {
  width:700px; 
  _width:705px;  
  float:left;
}
/* hlavni obsah stranky -text */
.mainWrapper .mainContent {
  width:470px;  
  float:right;
  background:#fff url(../images/content/background.gif) top repeat-x;
  margin:0px 5px 0px 5px;
  _margin:0px 3px 0px 5px;
  padding:15px 10px 0px 10px;
  color:#5e5e5e;
  min-height:405px;
  line-height:1.3em;
}
.mainWrapper .mainContent h1{
  color:#315286;
  padding:0px 0px 10px 0px;
  font-size:1.2em;
}
.mainWrapper .mainContent h2{
  color:#dc0000;
  padding:0px 0px 10px 0px;
  font-size:1.1em;
}
.mainWrapper .mainContent h2 a{
  color:#dc0000;
}
.mainWrapper .mainContent .kategorieURL {
  margin:20px 0px -5px 0px;
}
.mainWrapper .mainContent .odsazeniURL {
  padding:0px 0px 3px 10px;
}
.mainWrapper .mainContent #MyForm {
  padding:50px 0px 0px 0px;
}
.mainWrapper .mainContent a{
color:#1f1f1f;
text-decoration:underline;
}
.mainWrapper .mainContent p{
  padding:0px 0px 30px 0px;
}
.mainWrapper .mainContent .datum {
  background:#fff url(../images/novinky/sipka.png) no-repeat;
  color:#dd0000;
  padding:0px 0px 9px 20px;
  font-weight:bold;
}
.mainWrapper .mainContent .datum2 {
  color:#aaa;
  padding:0px 0px 12px 0px;
  width:470px;
  text-align:right;
  
  font-size:0.9em;
}
.mainWrapper .mainContent .text {
  padding:0px 0px 10px 5px;
  margin:0px 0px 15px 0px;
  text-align:justify;
}
.mainWrapper .mainContent .text a{
  color:#515151;
  text-decoration:none;
}
/* leve menu */
.mainWrapper .leftMenu {
  float:right; 
  width:200px;
  font-weight:bold;
}
.mainWrapper .leftMenu .sluzby {
  padding:10px 0px 20px 0px;
  width:200px;
  background:#fff url(../images/content/background.gif) top repeat-x;
  color:#737373;
  line-height:1.3em;
}
.mainWrapper .leftMenu .sluzby a {
  color:#737373;
  text-decoration:none;
}
.mainWrapper .leftMenu .sluzby h2 {
  font-weight:bold;
}
.mainWrapper .leftMenu .sluzby h2:hover {
  background:url(../images/sluzby/background.gif) left no-repeat;
  margin:0px 0px 0px -13px;
  padding:0px 0px 0px 13px;
}
.mainWrapper .leftMenu .sluzby a:hover {
  color:#2f2f2f;
}
.mainWrapper .leftMenu .sluzby span {
  background:url(../images/content/sluzby.gif) no-repeat;
  width:138px;
  height:28px;
  display:block;
  color:#fff;
  font-size:1.2em;
  line-height:28px;
  font-weight:bold;
  padding:0px 0px 0px 25px;
  margin:0px 0px 10px 0px;
}
.mainWrapper .leftMenu .sluzby ul, .mainWrapper .leftMenu .sluzby ul li {
  padding:0px 0px 0px 10px;
}
.mainWrapper .leftMenu .sluzby ul {
  width:180px;
}
.mainWrapper .leftMenu .sluzby ul .oddelovac {
  border-bottom:1px solid #e5e5e5;
  margin:0px 0px 10px 0px;
  padding:0px 0px 10px 10px;
}

.mainWrapper .leftMenu .kontakt {
  margin:10px 0px 0px 0px;
  background:url(../images/content/kontakt.png) no-repeat;
  width:100%;
  height:192px;
  color:#fff;
}
.mainWrapper .leftMenu .kontakt span {
  display:block;
  padding:10px 0px 0px 0px;
  width:100%;
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
}
.mainWrapper .leftMenu .kontakt ul {
  margin:13px 0px 0px 20px;
}
.mainWrapper .leftMenu .kontakt ul li {
  padding:3px 0px 3px 0px;
}
/* prave menu */
.mainWrapper .rightMenu {
  float:left; 
  _float:right;  
  width:185px;
  _width:115px;
  background:#fff url(../images/content/background.gif) top repeat-x;
  padding:10px 10px 20px 5px;
  color:#737373;
  min-height:390px;
}
.mainWrapper .rightMenu .cistcele {text-decoration:underline;}
.mainWrapper .rightMenu .nadpis {
  float:left;  
  width:150px;
  background:url(../images/novinky/nadpis.gif) left no-repeat ;
  height:28px;
  line-height:28px;
  margin:0px 0px 10px -5px;
  font-size:1.2em;
  color:#fff;
  padding:0px 0px 0px 25px;
  font-weight:bold;
}
.mainWrapper .rightMenu .datum {
  background: url(../images/novinky/sipka.png) left no-repeat;
  color:#dd0000;
  padding:8px 0px 9px 20px;
  float:left;
  width:150px;
}
.mainWrapper .rightMenu .text1,.mainWrapper .rightMenu .text2,.mainWrapper .rightMenu .text3 {
  padding:0px 0px 10px 5px;
  margin:0px 0px 15px 0px;
  font-size:0.8em;
  border-bottom:1px solid #e5e5e5;
  width:180px;
  _width:175px;
  line-height:1.2em;
  float:left;
}
.mainWrapper .rightMenu .text1 strong,.mainWrapper .rightMenu .text2 strong,.mainWrapper .rightMenu .text3 strong{
  padding:0px 0px 3px 0px;
  display:inline;
  float:left;
  width:180px;
  _width:175px;
}
.mainWrapper .rightMenu .text3 {border-bottom:none;padding-bottom:0px;margin-bottom:0px;}
.mainWrapper .rightMenu  a{
  color:#515151;
  text-decoration:none;
}
.mainWrapper .rightMenu a:hover{
  color:#323232;
  text-decoration:underline;
}

/* paticka */
.mainWrapper .footer {
  width:880px;
  padding:0px 20px 0px 0px;
  background:url(../images/footer.png) no-repeat;
  height:31px;
  margin:10px 0px 30px 0px;
  text-align:right;
  color:#5e5e5e;
  font-size:0.8em;  
  font-weight:bold;
  line-height:25px;
  &margin:-240px 0px 30px 0px;
  _margin:0px 0px 30px 0px;
}

.mainWrapper .footer a {
  color:#de1111;
  text-decoration:none;
}



.mainWrapper .mainContent .errorEamil {
  background:#ffcddc;
  margin:5px 0px 5px 0px;
  width;100%;
  height:40px;
  line-height:40px;
  padding:0px;
  text-align:center;
  border:2px solid #f8abc3;
  color:#d7235a;
  font-weight:bold;
}
.mainWrapper .mainContent .goodEamil {
  background:#d9ffb3;
  margin:5px 0px 5px 0px;
  width;100%;
  height:40px;
  line-height:40px;
  padding:0px;
  text-align:center;
  border:2px solid #9cd861;
  color:#55ac00;
  font-weight:bold;
}

.form {
  border:1px solid #b6b6b6;
  background:#f3f5ff;
  width:200px;
}
.form2 {
  border:1px solid #b6b6b6;
  background:#f3f5ff;
  width:400px;
  height:150px;
}
.mainWrapper .mainContent .errorInput {
  background:#ffcddc;
  border:1px solid #de0000;
}

.nadpisNovinkyBig {font-size:1.1em;padding:0px 0px 5px 0px;}

.reference li{
  list-style:circle;
  line-height:1.5em;
}
.reference{
  padding:0px 0px 0px 20px;
}


.lang {
  width:280px;
  background:#fff url(../images/lang/lang.gif) left no-repeat;
  height:30px;
  position:absolute;
  top:0;
  margin:5px 0px 0px 620px;        
}
.lang a{
  text-decoration:none;       
}
.lang span {position:relative;z-index:-1;}

.lang .cz {
  width:42px;
  height:30px;
  display:block;
  background:#fff url(../images/lang/cz.gif) left no-repeat;
  float:left;
  margin:0px 0px 0px 155px;
}
.lang .en {
  width:40px;
  height:30px;
  display:block;
  background:#fff url(../images/lang/en.gif) left no-repeat;
  float:left;
}
.lang .de {
  width:41px;
  height:30px;
  display:block;
  background:#fff url(../images/lang/de.gif) left no-repeat;
  float:left;
}
.administrace {float:left;color:#aaa;padding:0px 0px 0px 5px;}