/* CSS Document */

/**** Elementy ****/
body {
    margin: 0px;
    padding: 0px;
    background-color:#e2e0d2;
    background-image: url(img/body_bg.jpg);
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

p {
    margin: 1px 1px 10px 10px;
    text-align:justify;
    line-height:1.3;
}

h2 {
    /*color: #ff6600;*/
    color: #330000;
    font-size: 18px;
    font-weight:bold;
    /*border-bottom:solid #ff6600 4px;*/
    background-image:url(img/h1_bg.gif);
    background-repeat:no-repeat;
    background-position: left top;
    padding: 1px 0px 2px 20px;
    background-color: #fdbd21;
}

h3 {
    color: #FF6600;
    font-size: 16px;
    font-weight:bold;
    margin-bottom:10px;
    background-image:url(img/li_h2.gif);
    background-repeat:no-repeat;
    background-position: left top;
    padding-left: 35px;
    margin-bottom: 10px;
}

h4 {
    color: #ff6600;
    font-size:14px;
    font-weight:bold;
    margin-bottom:1px;
    padding-left: 10px;
}

a {
    color: #FF6600;
    text-decoration: underline;
}

a:hover {
    color: #FF3300;
    text-decoration: none;
}

ul {
    margin-left: 30px;
    padding:0px;
}

ol {
    margin-left: 55px;
}

ol li {
    font-size: 12px;
    padding-left: 0px;
    margin-bottom: 5px;
}

ul.vetsi li {
    background-image:url(img/li.gif);
    background-repeat:no-repeat;
    background-position: left top;
    list-style-type:none;
    font-size: 12px;
    letter-spacing:1px;
    padding-left:15px;
    line-height: 1.7;
    margin-bottom: 5px;
}

ul li {
    background-image:url(img/li2.gif);
    background-repeat:no-repeat;
    background-position: left top;
    list-style-type:none;
    font-size: 12px;
    padding-left:15px;
    margin-bottom: 5px;
}

ul.obsah li {
    background-image:url(img/li_obsah.gif);
    background-repeat:no-repeat;
    background-position: left bottom;
    list-style-type:none;
    font-size: 12px;
    letter-spacing:1px;
    padding-left:11px;
    line-height: 1.7;

}

table th {
    text-align:right;
}
table.classic {
    border-collapse:collapse;
    border-color:#999999;
    border-style:solid;
    border-width:1px;
}

table.classic caption {
    border-color:#999999;
    border-style:solid;
    border-width:1px;
    padding: 3px;
    font-weight: bold;
    background-color:#FFCC00;

}

table.classic th {
    border-collapse:collapse;
    border-color:#ffffff;
    border-style:solid;
    border-width:1px;
    background-color:#FF9900;
    padding: 3px;
    text-align:right;
}

table.classic td {
    border-collapse:collapse;
    border-color:#ffffff;
    border-style:solid;
    border-width:1px;
    background-color:#CCCCCC;
    padding: 3px;
}

/**** Hlavní styly ****/

#horniodsazeni {
    width: 100%;
    height: 20px;
}

#obal {
    width: 848px;
    margin: 0px auto 0px auto;
    background-image: url('img/obal.png');
    background-position: center top;
    background-repeat: repeat-y;
}

#horni-top {
    margin: 0px auto;
    width: 848px;
    height: 13px;
    background-image: url('img/horni_top.png');
    background-position: left top;
    background-repeat: no-repeat;
}

#obsah {
    width: 840px;
    margin: 0px auto;
}

#horni {
    width: 840px;
    height: 91px;
    padding: 0px;
    background-color:#fdc333;
}

#dolni {
    width: 840px;
    padding: 0px;
    background-color: #fdc333;
    background-image: url('img/dolni_bg.jpg');
    background-repeat:repeat-y;
    background-position:left;
}

#menu {
    width: 160px;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color:#ffffff;
    float: left;
    background-repeat: repeat-y;
    background-position: left;
}

#text {
    width: 465px;
    margin: 0px;
    padding: 5px;
    float: left;
    background-color: #FFFFFF;
}

#text_cely {
    width: 670px;
    margin: 0px;
    padding: 5px;
    float: left;
    background-color: #FFFFFF;
}

#aktuality {
    float: right;
    margin: 0px;
    padding: 5px;
    background-color: #ffffff;
    /*border-left: dotted #ea991b 1px;*/
    /*margin-top: 40px;*/
}

#zahlavi {
    position:absolute;
    top: 33px;
    z-index:1;
    background-color:#fdc333;
    background-image: url(img/horni_bg.jpg);
    width: 840px;
    height: 91px;

}
#zapati {
    clear: both;
    width: 848px;
    margin: 0px auto;
    height: 78px;
    background-image: url(img/zapati.png);
    background-repeat:no-repeat;
}

#homepage {
    width: 230px;
    height:100px;
    position: absolute;
    z-index: 2;
}

#nadpis {
    z-index:0;
    float:left;
}

#akce {
    width: 440px;
    height: 140px;
    background-image: url(img/akce_bg.gif);
    background-position: left top;
    background-repeat: no-repeat;
    margin-top: 10px;
    padding: 10px;
    float: left;
}
#akce1 {
    width: 216px;
    height: 140px;
    float: left;
}
#akce2 {
    width: 216px;
    height: 140px;
    margin-left: 8px;
    float: left;
}

#toplist {
    display: none;
}

/**** Hlavní menu ****/

#menu ul {
    margin: 0px;
    padding: 0px;
}

#menu li {
    line-height:normal;
    margin: 0px;
    background:none;
    padding: 0px;

}

#menu li a {
    font-weight:bold;
    font-size:13px;
    height:23px;
    text-decoration:none;
    color:#FFFFFF;
    display:block;
    background-color: #89856c;
    background-position: center right;
    background-repeat:no-repeat;
    background-image:url(img/menu_a0.jpg);
    padding: 7px 0px 0px 10px;
}

#menu li a:hover {
    background-color: #505050;
    background-position: center right;
    background-repeat:no-repeat;
    background-image:url(img/menu_a1.jpg);
    color:#ffffff;
}

#menu ul ul {
    margin: 0px 20px 5px 0px;
    /*border-right: solid #9adab4 20px;*/
    width:140px;
}

#menu ul ul li {
    margin: 0px;
}

#menu ul ul a {
    font-weight:bold;
    font-size:10px;
    height:17px;
    text-decoration:none;
    color:#FFFFFF;
    display:block;
    background-color: #A9A58c;
    background-position: center right;
    background-repeat:no-repeat;
    background-image:url(img/menu_b0.jpg);
    padding: 7px 0px 0px 20px;
}

#menu ul ul a:hover {
    background-color: #C9C5Ac;
    background-position: center right;
    background-repeat:no-repeat;
    background-image:url(img/menu_b1.jpg);
    color:#000000;
}

#menu li .aktualni_a {
    background-color: #505050;
    background-position: center right;
    background-repeat:no-repeat;
    background-image:url(img/menu_a1.jpg);
}

#menu li .aktualni_b {
    background-color: #C9C5Ac;
    background-position: center right;
    background-repeat:no-repeat;
    background-image:url(img/menu_b1.jpg);
    color:#000000;
}

#menu .menu_nadpis {
    visibility:hidden;
    position: absolute;
}

/** ==========================
    ========== Úvodní stránka
**/
.uvod_center {
    margin: 0px auto;
    width: 658px;
}

.uvod1 {
    background-color: #f9ede4;
    background-image: url('img/uvodni1_left.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    color: #FF3800;
    height: 250px;
    width: 658px;
    text-align: left;
}

.uvod1 .top {
    margin-left: 200px;
    height: 25px;
    width: 458px;
    background-color: #fbd070;
    background-image: url('img/uvodni1_top.gif');
    background-position: top right;
    background-repeat: no-repeat;
    font-size: 18px;
    font-weight: bold;
    padding-top: 5px;
    color: #000000;
}

.uvod1 .top span {
    color: #FF3800;
}

.uvod1 .sluzby {
    height: 201px;
    padding-top: 5px;
    margin-left: 250px;
    background-image: url('img/uvodni1_right.gif');
    background-position: top right;
    background-repeat: repeat-y;
}

.uvod1 .sluzby h2 {
    margin: 0px 4px 5px 0px;
    font-size: 16px;
    background-color: #fdbd21;
    background-image: url('img/h2_uvod_left.gif');
}

.uvod1 .sluzby p {
    padding: 0px;
    margin: 0px 5px 5px 45px;
    font-size: 12px;
}

.uvod1 .bottom {
    height: 14px;
    width: 408px;
    margin-left: 250px;
    background-image: url('img/uvodni1_bottom.gif');
    background-position: top left;
    background-repeat: no-repeat;
}

.uvod2 {
    background-color: #ffffcc;
    background-image: url('img/uvodni2_middle.jpg');
    background-position: top left;
    background-repeat: repeat-y;
    width: 658px;
}

.uvod2 .akce {
    background-image: url('img/uvodni2_akce.jpg');
    float: left;
    background-position: top left;
    background-repeat: no-repeat;
    height: 108px;
    width: 120px;
    position:relative;
    top: -13px;
}

.uvod2 .top {
    background-image: url('img/uvodni2_top.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    height: 13px;
    width: 658px;
}

.uvod2 .middle {
    float: left;
    top: -115px;
    padding: 2px 0px 0px 5px;
    margin: 0px;
    width: 529px;
}

.uvod2 .middle h2 {
    font-size: 18px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    background-color: inherit;
    background-image: none;
    color: #ff3800;
}

.uvod2 .middle h2 span {
    color: #ff0000;
}

.uvod2 .middle p {
    padding: 1px 5px 0px 10px;
    color: #FF3800;
    font-size: 12px;
}

.uvod2 .middle p.bigger {
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 5px 50px;
}

.uvod2 .middle p.huge {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0px 10px 50px;
}

.uvod2 a.register {
    clear: left;
    color: #00f;
    font-weight: bold;
    font-size: 14px;
    display: block;
    text-align: center;
    margin: 0px 4px;
}

.uvod2 .bottom {
position: relative;
    background-image: url('img/uvodni2_bottom.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    height: 13px;
    width: 658px;
}

/**** Další styly ****/
#zapati p {
    color:#CCCCCC;
    font-size:10px;
    text-align:center;
    margin: 0px;
    padding-top: 13px;
}

#homepage a {
    display:block;
    height:100px;
}
#horni h1 {
    padding: 50px 0px 0px 50px;
    margin: 0;
    font-size: 20px;
}

.cervene {
    color:#FF0000;
}
div.hr {
    display: block;
    background-color: #fdbd21;
    height: 3px;
    overflow: hidden;
}

#aktuality .datum {
    text-align:right;
    color:#ff6600;
    font-weight:bold;
    margin-bottom: 20px;
}

ul a {
    color:#FF3300;
}

.u {
    text-decoration:underline;
}
.b {
    font-weight:bold;
}
.i {
}

.frustrace {
    margin-bottom: 5px;
}

table.specifikace caption { /*Specifikace na str�nk�ch s PC */
    font-size: 12px;
    border-top: solid #999999 1px;
    border-bottom: solid #999999 1px;
    vertical-align: middle;
}
table.specifikace th {
    font-size: 12px;
    background-color:#cccccc;
    padding: 5px;
}
table.specifikace td {
    font-size: 12px;
}
table.specifikace .objednat {
    text-align: center;
    font-size:16px;
    font-weight:bold;
    border-top: solid #999999 1px;
    border-bottom: solid #999999 1px;
}
table.specifikace td.objednat a {
    text-decoration: none;
}

.obrazek_pocitace { /* Obr�zek sestavy nebo notebooku na str�nce s PC */
    float: right;
    margin-right: 20px;
    border: none;
}

table.objednavka { /* Objdn�vka PC */
    padding: 3px;
}

.povinne {
    vertical-align:super;
    color:#FF0000;
}
img.right {
    float: right;
    margin: 5px;
    vertical-align: top;
    /*border: solid #dddddd 3px;*/
}
.center {
    text-align: center;
    /*margin: 5px;*/
}

.center2 {
    width: 100%;
    margin: 0px auto;
}

.left {
    float: left;
}

.kontakt_prodejna {
    width: 100%;
}
.kontakt_prodejna td {
    vertical-align: top;
}
/**** P R O D U K T O V �   T A B U L K A ****/
table.produkty {
    border-color: #CCCCCC;
    border-collapse: collapse;
}

.produkty td {
    background-color: #ffffff;
    border: 0px;
    vertical-align:top;
}
.produkty a.nazev {
    color: #330000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-decoration:none;
    background-image: url(img/nazev_bg.gif);
    background-position: left top;
    background-repeat: repeat-y;
    background-color: #fdbd21;
    padding: 2px 0px 1px 10px;
    border-bottom: solid #ff6600 1px;
    margin-bottom: 5px;

}
.produkty a:hover.nazev {
    text-decoration:underline;
}
.produkty a.text {
    color:#333333;
    text-decoration:none;
}
.produkty img {
    border: 0px;
    margin: 0px 1px 0px 5px;
    float:right;
}
.produkty .info {
    text-align:center;
    float: left;
    margin-left: 5px;
}
.produkty .cena {
    vertical-align: bottom;
    font-size: 16px;
    font-weight:bold;
    text-align:right;
    float: right;
}
.produkty .cena span {
    color:#ff0000;
    font-size:12px;
    vertical-align:super;
}

/**** � V O D N �   S T R � N K A   S L U � E B ****/
.uvodni_sluzby1 {
    width: 152px;
    float:left;
}
.uvodni_sluzby2 {
    width:152px;
    float:left;
    margin-left: 5px;
}
.uvodni_sluzby3 {
    width:152px;
    float:right;
}

.uvodni_sluzby_hlavicka h2 {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    height:34px;
    background-color:#fdbd21;
    background-image:url(img/sluzby_bg.gif);
    text-align:center;
}

.uvodni_sluzby_hlavicka h2 a {
    font-size:16px;
    font-weight:bold;
    color:#000000;
}

.uvodni_sluzby_telo {
    border:solid #cc9933 1px;
    border-top:0px
}

ul.mensi {
    margin-left: 3px;
    margin-top:0px;
    padding-top: 10px;
}


/**** K O N T A K T ****/
#dotazy {
    margin: 0px auto 10px auto;
    width: 400px;
}

#dotazy .jmeno {
    margin-left: 15px;
    margin-bottom: 5px;

}

#dotazy .email {
    margin-left: 22px;
    margin-bottom: 5px;
}

#dotazy .telefon {
    margin-left: 19px;
    margin-bottom: 5px;
}

#dotazy .potvrzeni {
    margin-top:10px;
    text-align: center;
}

#dotazy .submit {
    background-color:#8f8a6d;
    background-image:url(img/submit.gif);
    background-repeat:no-repeat;
    border:none;
    width:102px;
    height:25px;
    font-weight:bold;
    color:#FFFFFF;

}
img.mapka {
    vertical-align:top;
    border: solid #dddddd 1px;
    margin-left: 5px;
}


/**** C E N Í K ****/
.cenik {
    width: 100%;
    border: 0px;
    border-collapse:collapse;
}

.cenik thead th {
    font-size: 16px;
    background-color: #824100;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    border-bottom: solid #954A00 5px;
    padding: 5px;
}

.cenik thead .nadpis_pozn {
      padding-top: 5px;
      text-align: left;
}

.cenik td.skupina {
    margin: 15px;
    padding: 5px;
    font-size: 14px;
    background-color: #FFCC66;
    color:#000000;
    font-weight: bold;
    text-align: left;
    border-top: solid #FFFFFF 20px;
    border-bottom: solid #FF9900 4px;
}
.cenik tbody th {
    font-size: 12px;
    background-color: #CE8B00;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}
.cenik tbody td {
    height: 20px;
}

.cenik tbody tr.y td {
    background-color: #eeeeee;
}

.cenik col.sluzba {
    text-align: right;
    padding-right: 5px;
}
.cenik col.cena {
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}
.cenik col.poznamka {
    padding-left: 5px;
    font-size: 10px;
}

.cenik col.sleva {
    font-weight: bold;
    text-align: right;
}

/**** DOPLŇUJÍCÍ STYLY ****/
.clear {
    clear:both;
    overflow: none;
    height: 0px;
    margin: 0px;
    padding: 0px;
}

.main_odvoz {
    margin-top: 20px;
    color: #FF3806;
    font-size:14px;
    font-weight:bold;
    margin-bottom:1px;
}

.u {
    text-decoration: underline;
}

.preskrtnute {
    text-decoration: line-through;
    color: #999999;
}

/**************
 *  SEO lišta
 *  *************/
#seolista {
    width: 840px;
    margin: 20px auto 10px auto;
    text-align: center;
}

#seolista a {
    color: #000;
}

/*********** využíváte registrace? *********/
.vyuzivate_registrace {
    font-size: 14px;
    text-align: center;
    color: #FF6600;
    font-weight: bold;
}

table.insert th {
    background-color: #cccccc;
    padding: 5px;
    width: 100px;
}

table.insert td {
    background-color: #eeeeee;
    padding: 5px;
    width: 200px;
    text-align: left;
}

table.insert td.submit {
    text-align: center;
    width: 100%;
}

table.stav td {
    width: 500px;
}

table.stav th {
    width: 120px;
}

img.right {
    float: right;
}