body
{
  margin:0;
  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
  text-align: center;
  padding: 0;
  font-size: small !important;
  background: url(../files/images/layout/bg-body.png) left top repeat-x #313133;
  color:#ffffff;
}
* {
  padding: 0;
  margin: 0;
  border: 0px none;
}
.invisible {
  position:absolute;
  top:-2000px;
  left:0;
  width:1px;
  height:1px;
  overflow:hidden;
}
.right {
  text-align:right;
}
.center {
  text-align:center;
}
h1,h2 {
  font-size:2em;
  padding-bottom:0.3em;
  color:#b71415;
  font-weight:normal;
}
h1 {
  margin-bottom: .5em;
}
h2 {
  font-size:1.7em;
}
h3 {
  font-size:1.2em;
  padding-bottom:0.3em;
}
h3 stong, h4 strong {
  color:#b71415;
}
br.clear, .cistic {
  clear:both;
  font-size:0px;
  line-height:0px;
}
#page {
  width:960px;
  text-align:left;
  margin:0px auto;
  background:url(../files/images/layout/bg-page.png) left top repeat-x #303133;
  border-left:3px solid #232323;
  border-right:3px solid #232323;
}

/*Header*/
#header {
  height:235px;
  background:url(../files/images/layout/bg-header.jpg) left top no-repeat #303133;
  position:relative;
}
#header-vnitrni {
  height:235px;
  background:url(../files/images/layout/bg-header-vnitrni.jpg) left top no-repeat #303133;
  position:relative;
}
a.logo{
  color:#ffffff;
  font-size:3em;
  display:block;
  cursor:pointer;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  width:238px;
  height:126px;
  float:left;
  margin-top:1px;
  margin-left:21px;
  _margin-left:11px;
}
a.logo span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/logo.png) top left no-repeat;
  width:238px;
  height:126px;
}
#lang {
  text-align:right;
  margin-right:83px;
  list-style-type:none;
}
#lang li{
  float:right;
}
#lang li a{
  color:#ffffff;
  text-decoration:none;
  display:block;
  width:51px;
  overflow:hidden;
  text-align:center;
  line-height:38px;
  margin-right:21px;
  height:38px;
}
#lang li a:hover,#lang li a.act{
  background:url(../files/images/layout/bg-lang-a-hover.png) left top no-repeat #ea1615;
}

/*Main Menu*/
#kosik-href {
  position:absolute;
  left:300px;
  top:0px;
  padding: 15px;
}
#kosik-href a {
  color: white;
}

/*Main Menu*/
#main-menu {
  position:absolute;
  left:167px;
  top:159px;
}
#main-menu ul{
  list-style-type:none;
}
#main-menu li{
  float:left;
}
#main-menu li a{
  display:block;
  height:62px;
  float:left;
  position:relative;
  overflow:hidden;
  cursor:pointer;
  text-decoration:none;
  color:#303030;
  font-size:1.9em;
  font-weight:bold;
}
#main-menu li a:hover{
  color:#e72422;
}
#main-menu li a.uvod{
  width:107px;
}
#main-menu li a.vyrabime{
  width:167px;
  margin-left:46px;
  _margin-left:22px;
}
#main-menu li a.onas{
  width:107px;
  margin-left:9px;
  _margin-left:5px;
}
#main-menu li a.kontakt{
  width:156px;
  margin-left:47px;
  _margin-left:23px;
}
#main-menu li a.uvod:hover, #main-menu li a.vyrabime:hover, #main-menu li a.onas:hover, #main-menu li a.kontakt:hover{
  text-decoration:none;
}
#main-menu li a.uvod span, #main-menu li.act a.uvod span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/bg-mm-uvod.png) top left no-repeat;
  width:107px;
  height:62px;
}
#main-menu li a.uvod:hover span, #main-menu li.act a.uvod span{
  background-position:-143px 0px;
}
#main-menu li a.vyrabime span, #main-menu li.act a.vyrabime span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/bg-mm-vyrabime.png) top left no-repeat;
  width:167px;
  height:62px;
}
#main-menu li a.vyrabime:hover span, #main-menu li.act a.vyrabime span{
  background-position:-233px 0px;
}
#main-menu li a.onas span, #main-menu li.act a.onas span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/bg-mm-onas.png) top left no-repeat;
  width:107px;
  height:62px;
}
#main-menu li a.onas:hover span, #main-menu li.act a.onas span{
  background-position:-153px 0px;
}
#main-menu li a.kontakt span, #main-menu li.onas a.kontakt span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/bg-mm-kontakt.png) top left no-repeat;
  width:156px;
  height:62px;
}
#main-menu li a.kontakt:hover span, #main-menu li.act a.kontakt span{
  background-position:-204px 0px;
}
/*Main Menu*/

/*Main Menu De*/
#main-menu-de {
  position:absolute;
  left:161px;
  top:158px;
}
#main-menu-de ul{
  list-style-type:none;
}
#main-menu-de li{
  float:left;
}
#main-menu-de li a{
  display:block;
  height:61px;
  float:left;
  position:relative;
  overflow:hidden;
  cursor:pointer;
  text-decoration:none;
  color:#303030;
  font-size:1.9em;
  font-weight:bold;
}
#main-menu-de li a:hover{
  color:#e72422;
}
#main-menu-de li a.uvod{
  width:115px;
}
#main-menu-de li a.vyrabime{
  width:190px;
  margin-left:4px;
  _margin-left:2px;
}
#main-menu-de li a.onas{
  width:167px;
  margin-left:5px;
  _margin-left:2px;
}
#main-menu-de li a.kontakt{
  width:159px;
  margin-left:16px;
  _margin-left:9px;
}
#main-menu-de li a.uvod:hover, #main-menu-de li a.vyrabime:hover, #main-menu-de li a.onas:hover, #main-menu-de li a.kontakt:hover{
  text-decoration:none;
}
#main-menu-de li a.uvod span, #main-menu-de li.act a.uvod span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/bg-mm-uvod-de.png) top left no-repeat;
  width:115px;
  height:61px;
}
#main-menu-de li a.uvod:hover span, #main-menu-de li.act a.uvod span{
  background-position:-185px 0px;
}
#main-menu-de li a.vyrabime span, #main-menu-de li.act a.vyrabime span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/bg-mm-vyrabime-de.png) top left no-repeat;
  width:190px;
  height:61px;
}
#main-menu-de li a.vyrabime:hover span, #main-menu-de li.act a.vyrabime span{
  background-position:-260px 0px;
}
#main-menu-de li a.onas span, #main-menu-de li.act a.onas span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/bg-mm-onas-de.png) top left no-repeat;
  width:167px;
  height:61px;
}
#main-menu-de li a.onas:hover span, #main-menu-de li.act a.onas span{
  background-position:-233px 0px;
}
#main-menu-de li a.kontakt span, #main-menu-de li.onas a.kontakt span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/bg-mm-kontakt-de.png) top left no-repeat;
  width:159px;
  height:61px;
}
#main-menu-de li a.kontakt:hover span, #main-menu-de li.act a.kontakt span{
  background-position:-191px 0px;
}
/*Main Menu De*/
/*Header*/

/*Main*/
#main {
  background-color:#303132;
  padding-bottom:30px;
}

/*Left-column*/
#left-column {
  border-left:5px solid #a11e00;
  padding:15px 0px 95px 0px;
  width:170px;
  float:left;
}
#left-column ul{
  list-style-type:none;
}
#left-column ul li{
  margin-bottom:3px;
}
#left-column ul li a {
  color:#ffffff;
  font-size:1.1em;
  font-weight:bold;
  display:block;
  padding-left:17px;
  height:30px;
  line-height:27px;
  overflow:hidden;
}
#left-column ul li a:hover {
  color:#d02a00;
  text-decoration:none;
}
#left-column ul ul{
  margin-top:0px;
  margin-bottom:20px;
}
#left-column ul li ul li{
  margin-bottom:0px;
}
#left-column ul li ul li a {
  color:#ffffff;
  font-size:1.1em;
  font-weight:normal;
  padding-left:34px;
}
#left-column ul li a.act {
  background:url(../files/images/layout/bg-left-menu-act.png) left center no-repeat;
  text-decoration:none;
}
#left-column ul li a.act:hover {
  color:#ffffff;
}
/*Left-column*/

/*Right-column*/
#right-column {
  float:right;
  width:292px;
  padding-top:15px;
}
#boxik-r{
  width:261px;
  border:1px dashed #404040;
  background-color:#232323;
  margin-right:11px;
  padding:9px;
  padding-bottom:15px;
  padding-top:9px;
}
#boxik-r #pager{
  list-style-type:none;
  margin-left:1px;
}
#boxik-r #pager li{
  float:left;
  margin:0px 3px 15px 0px;
}
#boxik-r #pager li a{
  display:block;
  color:#b91514;
  text-decoration:none;
  width:20px;
  height:20px;
  overflow:hidden;
  background:url(../files/images/layout/bg-box-r-pager.png) left top no-repeat #f0f2ef;
  text-align:center;
  font-weight:bold;
  font-size:1.1em;
}
#boxik-r #pager li a:hover, #boxik-r #pager li a.act{
  color:#ffffff;
  background-position:-40px 0px;
  background-color:#FF0000;
}
#boxik-r img.thumb{
  margin-bottom:15px;
  border:1px solid #df1c1c;
}
#boxik-r img.lmargin{
  margin-left:2px;
}
#boxik-r a:hover {
  text-decoration:none;
}
#boxik-r a img.thumb{
  border:1px solid #232323;
}
#boxik-r a:hover img.thumb{
  border:1px solid #d02a00;
}
/*Right-column*/

/*Center-column*/
#center-column {
  padding-top:15px;
  margin-left:190px;
  _margin-left:188px;
}
.boxik-c{
  width:450px;
  border:1px dashed #404040;
  background-color:#232323;
  padding:9px 8px;
  margin-bottom:5px;
}
#form-kosik {
  float: right;
}
.boxik-c p.cena{
  text-align:right;
  font-weight:bold;
  font-size:1.2em;
  margin-top:5px;
}
.boxik-c p.cena span{
  float:left;
  color:#b71415;
}

.boxik-c a, .boxik-vnitrni a{
  color:#b91516;
}
.boxik-c a:hover, .boxik-vnitrni a:hover{
  color:#d24d4d;
  text-decoration:none;
}
.info {
  background:url(../files/images/layout/bg-box-c-info.png) right center no-repeat #232323;
  width:431px;
  padding:9px 27px 9px 8px;
  min-height:103px;
  _height:103px;
}
.info ul, .boxik-vnitrni ul{
  margin-left:20px;
}
.info ul li, .boxik-vnitrni ul li{
  line-height:1.5em;
}
/*Center-column*/

/*Vnitrni-stranka-box*/
.boxik-vnitrni {
  width:728px;
  border:1px dashed #404040;
  background-color:#232323;
  padding:9px 8px;
  margin:0px auto;
  margin-top:10px;
  min-height:365px;
  _height:365px;
  text-align:left;
}
.boxik-vnitrni p{
  line-height:1.5em;
  margin:0.5em 0em 1em 0em;
}
.boxik-vnitrni img.l_float{
  border:1px solid #FF0000;
  float:left;
  margin:0px 20px 10px 0px;
}
/*Vnitrni-stranka-box*/
/*Main*/

/*Footer*/
#footer {
  height:74px;
  line-height:74px;
  background:url(../files/images/layout/bg-footer.png) left top no-repeat;
  text-align:right;
  padding-right:25px;
  width:941px;
  margin:0px auto;
}
#footer p{
  background:url(../files/images/layout/bg-footer-p.png) left center no-repeat;
  width:22em;
  margin-right:0px;
  float:right;
}
#footer a{
  color:#ffffff;
}
#footer a:hover {
  color:#d02a00;
  text-decoration:none;
}
/*Footer*/

/*Projekt*/
.projekt {
  width:320px;
  float:left;
  margin:20px 16px 20px 16px;
}
.projekt .projekt-foto{
  float:left;
  width:125px;
}
.projekt .text{
  margin-left:145px;
}
.projekt h2{
  font-size:1.4em;
}
/*Projekt*/

/*Uvod*/
#boxiky-wrapper {
  padding-top:30px;
}
.uvod {
  border-top:1px dashed #404040;
  padding:10px 0px 30px 0px;
}
.uvod h2{
  font-size:1.4em;
  padding-bottom:10px;
}
.uvod .obrazky img {
  margin:0px 6px 10px 6px;
  border:1px solid #b71415;

}
/*Uvod*/


xmp {
  background:#303132;
  border-color:#B4B4B4;
  border-style:dashed;
  border-width:1px;
  overflow:auto;
  padding:7px;
  width:98%;
  white-space:pre-wrap;
}

/* nakupni kosik */

form#prehled {
  clear: both;
  margin-bottom: 50px;
}

#prehled table {
  width: 99.9%;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  margin-top: 20px;
}

#prehled table tr th {
  padding: 5px;
  background: #333;
  text-align: center;
}


#prehled table tr td {
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid #333;
}

#prehled table th.prvni, #prehled table td.prvni {
  width: 40%;
  text-align: left;
}

th.min-width {
  width: 1%;
}

form#prehled input, form#prehled textarea, form#prehled select {
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  border: 1px solid #333;
  background: #303132;
  color: white;
  font-size: 1em;
}

input.ks {
  text-align: center;
}

form#prehled input.button2 {
  background: #303132;
  color: #b71415;
  text-transform: uppercase;
  padding: 10px 20px;
  border: 0;
  font-size: 1em;
  font-weight: bold;
  margin: 20px 0 0 10px;
  float: right;
}

form#prehled input.nofloat {
  float: none;
}
.button, .button2, .button3 {
  cursor: pointer;
}

#cena {
  margin-top: 30px;
  background: #303132;
  padding: 10px;
}

#cena div {
  margin-bottom: 5px;
}

#cena strong {
  font-size: 150%;
  color: #b71415;
  padding: 0 5px;
}

.small {
  font-size: 90%;
  =font-size: 85%;
  color: #999;
}

legend, .potvrzena-objednavka {
  font-size: 120%;
  color: #b71415;
  font-weight: bold;
}

.label {
  padding: 10px 0 5px 0;
}

fieldset {
  float: left;
  width: 300px;
  border: 1px solid #333;
  padding: 10px;
  margin: 20px 20px 0 0;
}

fieldset input, fieldset textarea {
  width:300px;
  padding: 3px 0;
}

.error {
  color: #b71415;
}