/* ----------------------------------------------------------------------------------------------------------

    Výstupní zařízení: screen, projection

    Autor:          Nuvio (www.nuvio.cz)
    Aktualizace:    2008-01-01, 00:00 GMT+1
    Verze:          2.3.0 (2008-10-12, 13:20 GMT+1)

    Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Obsah:
    
        1) HTML tagy
        2) Layout
        3-1) Stránka: Úvod
        4) Nezařaditelné

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tagy
---------------------------------------------------------------------------------------------------------- */

body {padding-bottom:30px; background:#500 url("/images/design/bg.gif"); color:#000; font:0.80em/1.5 "tahoma", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
h2 {font-size:140%; color:#655C3D;}
h3 {font-size:120%;}
h4, h5 {font-size:100%;}
a {color:#b20000;}
a:hover {color:#000;}
#content ul {margin:15px 0; list-style:none;}
#content ul ul {margin:0;}
#content ul li {padding-left:18px; background:url("/images/design/ul.gif") 0 4px no-repeat;}
#content ul ul li {padding-left:18px; background:url("/images/design/ul-ul.gif") 0 4px no-repeat;}
#content ol {margin:15px 0 15px 25px; list-style-type:decimal;}
#content ol ol {margin:0 0 0 20px;}
#content table {border-collapse:collapse;}
#content table th, #content table td {border:1px solid #F0E1C1;}
#content table th {padding:9px 10px; border-bottom:1px solid #F0E1C1; background:url("/images/design/table-cart-th.gif") 0 100% repeat-x; color:#206C00;}
#content table td {padding:8px 10px; border-right:1px solid #F0E1C1; border-bottom:1px solid #F0E1C1; vertical-align:middle;}
#content table tr.bg td {background:#FCF9F3;}
#content dt {font-weight:bold; color:#b20000;}
#content dd {margin-left:20px; color:#777;}

/* ----------------------------------------------------------------------------------------------------------
2) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto;}
#header {position:relative; width:910px; height:120px; padding:0 25px; background:#F1E3C6 url("/images/design/header.jpg") 0 0 no-repeat; overflow:hidden;}
#header #logo {position:relative; width:172px; height:84px; overflow:hidden; margin:0; padding:0; font-size:160%;}
#header #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("/images/design/logo.gif") 0 0 no-repeat; cursor:pointer;}
#header a {color:#000;}
#header a:hover {color:#aa8080;}
#header #login {position:absolute; top:7px; right:15px; margin:0; color:#BCB290;}
#header #login a {color:#7e734c;}
#header #login a:hover {color:#000;}
#header #cart {position:absolute; top:50px; right:15px; width:135px; margin:0; color:#000; font-size:120%;}
#header #cart strong {font-size:80%; text-transform:uppercase;}
#header #cart a {color:#b20000;}
#header #cart a:hover {color:#000;}
#loginbox {font-size:90%;}
#loginbox h3 {margin-top:0; padding:5px 10px; background:#206C00; color:#fff; font-weight:bold; font-size:100%;}
#loginbox label {display:block; float:left; width:80px;}
#loginbox input {display:block; float:left; width:260px;}
#loginbox p {clear:both; padding:4px 0;}
#loginbox #loginbox-submit {width:142px; height:32px;}
#tray {padding:10px 15px; background:#410000 url("/images/design/tray.gif") 0 100% no-repeat; font-size:85%;}
#tray p {margin:0;}
#tray .f-left {color:#fff;}
#tray .f-right a {margin-left:10px; padding-left:8px; background:url("/images/design/tray-link.gif") 0 50% no-repeat; color:#aa8080; font-weight:bold; text-decoration:none;}
#tray .f-right a:hover {color:#fff;}
#cols {clear:both; margin-top:10px;}
#aside {float:left; width:220px; background:#F0E1C1 url("/images/design/aside.gif") 0 0 repeat-y; overflow:hidden;}
#aside a {color:#000; text-decoration:none;}
#aside #aside-in {padding-top:40px; background:url("/images/design/aside-in.gif") 0 0 no-repeat;}
#aside #aside-in h3 {width:152px; margin:0; padding:7px 10px 6px 43px; background:#E6CD97 url("/images/design/aside-category.gif") 0 0 no-repeat; font-size:85%; text-transform:uppercase;}
#aside #aside-in h3#active {background:#756B47 url("/images/design/aside-category-active.gif") 0 0 no-repeat; color:#fff;}
#aside #aside-in h3#active a {color:#fff;}
#aside #aside-in h3 a:hover {text-decoration:underline;}
#aside #aside-in ul {margin:10px 0 10px 25px; list-style:none;}
#aside #aside-in ul a {padding-left:18px; background:url("/images/design/aside-link.gif") 0 3px no-repeat;}
#aside #aside-in ul a:hover {color:#b20000;}
#aside #aside-in ul li#sub-active a {color:#000; font-weight:bold;}
#aside #aside-sub {padding:15px 0; background:url("/images/design/aside-sub.gif") 0 0 no-repeat;}
#aside #aside-sub ul {margin:0 0 0 25px; list-style:none;}
#aside #aside-sub ul a {padding-left:18px; background:url("/images/design/aside-sub-link.gif") 0 3px no-repeat;}
#aside #aside-bottom {width:220px; height:5px; background:url("/images/design/aside-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content {float:right; width:710px; min-height:750px; padding:0 15px 11px 15px; background:#fff url("/images/design/breadcrumbs.jpg") 0 0 no-repeat; overflow:hidden;}
#content #breadcrumbs {margin:12px 0 25px 0; font-size:85%; color:#7e734c;}
#content #breadcrumbs a {color:#7e734c;}
#content #breadcrumbs a:hover {color:#000;}
#footer {padding:20px 35px 0 220px; background:url("/images/design/footer.gif") 100% 0 no-repeat; color:#fff; font-size:85%;}
#footer p {margin:0;}
#footer p a {color:#fff;}
#footer p a:hover {color:#aa8080;}
#footer p .low, #footer p .low a {color:#aa8080;}
#footer p .low a:hover {color:#fff;}

/* ----------------------------------------------------------------------------------------------------------
3-1) Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */

#topproducts {width:960px; height:200px; margin:10px 0 0 0; list-style:none; overflow:hidden;}

.top {position:relative; width:960px; height:200px; overflow:hidden;}
.top .top-title, .top .top-info {position:absolute; margin:0;} 
.top .top-title h2 {position:relative; overflow:hidden; margin:0; padding:0; font-size:160%;}
.top .top-title h2 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; cursor:pointer;}
.top .top-info .top-info-submit {display:block; width:63px; height:30px;}
.top .top-info .top-info-input {width:60px; height:30px; overflow:hidden;}
.top .top-info .top-info-input input {border:0; width:30px; height:23px; padding:7px 0 0 0; background:none; font-weight:bold; text-align:center;}
.top .top-info p {margin:0;}
.top .top-info-price {padding-top:20px;}
.top .top-info-cart {width:125px; padding-top:15px;}
.top.top-01 {background:#DCDF90 url("/images/design/top-01.jpg") 0 0 no-repeat;}
.top.top-01 .top-title {left:220px; top:34px;}
.top.top-01 .top-title h2 {width:378px; height:26px;}
.top.top-01 .top-title h2 span {background:url("/images/design/top-01-title.gif") 0 0 no-repeat;}
.top.top-01 .top-info {left:220px; top:85px; width:390px;}
.top.top-01 .top-info .high {color:#1f6600;}
.top.top-01 .top-info .top-info-input {background:url("/images/design/top-01-input.gif") 0 0 no-repeat;}
.top.top-02 {background:#82963F url("/images/design/top-02.jpg") 0 0 no-repeat;}
.top.top-02 .top-title {left:194px; top:26px;}
.top.top-02 .top-title h2 {width:419px; height:50px;}
.top.top-02 .top-title h2 span {background:url("/images/design/top-02-title.gif") 0 0 no-repeat;}
.top.top-02 .top-info {left:220px; top:85px; width:390px;}
.top.top-02 .top-info .high {color:#FFF;}
.top.top-02 .top-info .top-info-input {background:url("/images/design/top-02-input.gif") 0 0 no-repeat; color:#fff;}
.top.top-02 .top-info .top-info-input input {color:#fff;}
.top.top-03 {background:#FFF567 url("/images/design/top-03.jpg") 0 0 no-repeat;}
.top.top-03 .top-title {left:220px; top:34px;}
.top.top-03 .top-title h2 {width:362px; height:26px;}
.top.top-03 .top-title h2 span {background:url("/images/design/top-03-title.gif") 0 0 no-repeat;}
.top.top-03 .top-info {left:220px; top:85px; width:390px;}
.top.top-03 .top-info .high {color:#000;}
.top.top-03 .top-info .top-info-input {background:url("/images/design/top-03-input.gif") 0 0 no-repeat;}
.top.top-04 {background:#ece5b8 url("/images/design/top-04.jpg") 0 0 no-repeat;}
.top.top-04 .top-title {left:220px; top:30px;}
.top.top-04 .top-title h2 {width:413px; height:30px;}
.top.top-04 .top-title h2 span {background:url("/images/design/top-04-title.gif") 0 0 no-repeat;}
.top.top-04 .top-info {left:220px; top:85px; width:390px;}
.top.top-04 .top-info .high {color:#a3660d;}
.top.top-04 .top-info .top-info-input {background:url("/images/design/top-04-input.gif") 0 0 no-repeat;}
.top.top-05 {background:#d1dd77 url("/images/design/top-05.jpg") 0 0 no-repeat;}
.top.top-05 .top-title {left:220px; top:34px;}
.top.top-05 .top-title h2 {width:411px; height:26px;}
.top.top-05 .top-title h2 span {background:url("/images/design/top-05-title.gif") 0 0 no-repeat;}
.top.top-05 .top-info {left:220px; top:85px; width:390px;}
.top.top-05 .top-info .high {color:#645130;}
.top.top-05 .top-info .top-info-input {background:url("/images/design/top-05-input.gif") 0 0 no-repeat;}
.top.top-06 {background:#ffcfa4 url("/images/design/top-06.jpg") 0 0 no-repeat;}
.top.top-06 .top-title {left:220px; top:34px;}
.top.top-06 .top-title h2 {width:439px; height:26px;}
.top.top-06 .top-title h2 span {background:url("/images/design/top-06-title.gif") 0 0 no-repeat;}
.top.top-06 .top-info {left:220px; top:85px; width:390px;}
.top.top-06 .top-info .high {color:#d17900;}
.top.top-06 .top-info .top-info-input {background:url("/images/design/top-06-input.gif") 0 0 no-repeat;}
.top.top-07 {background:#d6c8b2 url("/images/design/top-07.jpg") 0 0 no-repeat;}
.top.top-07 .top-title {left:220px; top:35px;}
.top.top-07 .top-title h2 {width:387px; height:25px;}
.top.top-07 .top-title h2 span {background:url("/images/design/top-07-title.gif") 0 0 no-repeat;}
.top.top-07 .top-info {left:220px; top:85px; width:390px;}
.top.top-07 .top-info .high {color:#b20000;}
.top.top-07 .top-info .top-info-input {background:url("/images/design/top-07-input.gif") 0 0 no-repeat;}
#content .box-01-top {width:710px; height:5px; background:url("/images/design/box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-01-bottom {width:710px; height:5px; background:url("/images/design/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-01-bottom.margin {margin-bottom:10px;}
#content .box-01 {background:url("/images/design/box-01.gif") 0 0 repeat-y;}
#content .box-01.tip {padding:5px 10px; font-size:85%;}
#content .box-01.tip strong {padding-right:5px; color:#b20000;}
#content .box-01.tip p {margin:0;}
#content .cols50 {clear:both;}
#content .cols50 .col50 {float:left; width:350px;}
#content .cols50 .col50.product {margin-top:10px;}
#content .cols50 .col50.product h3 {margin:0; padding:7px 15px; background:#e6cd97; font-size:100%;}
#content .cols50 .col50.product h3 a {color:#000;}
#content .cols50 .col50.product h3 a:hover {color:#b20000;}
#content .cols50 .col50.product .product-img {display:block; width:350px; height:202;}
#content .cols50 .col50.product .product-info-top {width:350px; height:4px; background:url("/images/design/product-info-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .cols50 .col50.product .product-info-bottom {width:350px; height:6px; background:url("/images/design/product-info-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .cols50 .col50.product .product-info {padding:4px 15px 3px 15px; background:url("/images/design/product-info.gif") 0 0 repeat-y;}
#content .cols50 .col50.product .product-info .product-info-price {padding-top:5px;}
#content .cols50 .col50.product .product-info .product-info-cart {width:125px;}
#content .cols50 .col50.product .product-info .product-info-submit {display:block; width:63px; height:30px;}
#content .cols50 .col50.product .product-info .product-info-input {width:60px; height:30px; background:url("/images/design/product-info-input.gif") 0 0 no-repeat; overflow:hidden}
#content .cols50 .col50.product .product-info .product-info-input input {border:0; width:30px; height:23px; padding:7px 0 0 0; background:none; font-weight:bold; text-align:center;}
#content .cols50 .col50.welcome {margin-top:10px; background:url("/images/design/box-welcome.gif") 0 0 repeat-y;}
#content .cols50 .col50.welcome #welcome-title {position:relative; width:350px; height:50px; overflow:hidden; margin:0; padding:0; font-size:160%;}
#content .cols50 .col50.welcome #welcome-title span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("/images/design/box-welcome-top.gif") 0 0 no-repeat;}
#content .cols50 .col50.welcome #welcome-content {min-height:201px; height:auto; padding:15px; background:url("/images/design/box-welcome-bottom.gif") 0 100% no-repeat;}
#content #ticker {margin:0 !important; list-style:none;}
#content #ticker li {padding:0; background:none;}

/* ----------------------------------------------------------------------------------------------------------
3-2) Stránka: Detail
---------------------------------------------------------------------------------------------------------- */

#content h1 {font:normal 240%/1.4 "georgia",serif; color:#b20000;}
#content .box-02-top {width:710px; height:4px; background:url("/images/design/box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-02-bottom {width:710px; height:6px; background:url("/images/design/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-02 {padding:0 15px; background:url("/images/design/box-02.gif") 0 0 repeat-y;}
#content .box-02 .col-l {float:left; width:440px;}
#content .box-02 .col-r {float:right; width:200px;}
#content .box-04-top {width:710px; height:4px; background:url("/images/design/box-04-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-04-bottom {width:710px; height:4px; background:url("/images/design/box-04-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-04 {padding:6px 10px; background:url("/images/design/box-04.gif") 0 0 repeat-y;}
#content .comment {clear:both; background:url("/images/design/title-01.gif") 0 100% repeat-x;}
#content .comment .comment-num {float:left; width:100px; font-size:160%; text-align:center;}
#content .comment .comment-text {float:right; width:600px;}
#content .ico-list {padding-left:18px; background:url("/images/design/ico-list.gif") 0 2px no-repeat;}
#content .ico-discuss {padding-left:18px; background:url("/images/design/ico-discuss.gif") 0 2px no-repeat;}
#content .ico-send, #loginbox .ico-send {padding-left:18px; background:url("/images/design/ico-send.gif") 0 4px no-repeat;}
#content .detail-cart {width:440px; border-collapse:collapse; border-top:1px solid #F0E1C1;}
#content .detail-cart td {padding:4px 0; vertical-align:middle; border:0; border-bottom:1px solid #F0E1C1;}
#content .detail-cart .detail-input {width:60px; height:30px; background:url("/images/design/detail-input.gif") 0 0 no-repeat; overflow:hidden;}
#content .detail-cart .detail-input input {border:0; width:30px; height:23px; padding:7px 0 0 0; background:none; font-weight:bold; text-align:center;}
#content .detail-cart .detail-submit {padding-top:8px;}
#content .col33 {float:left; width:230px; margin-right:10px; background:url("/images/design/col33.gif") 0 0 repeat-y; text-align:center;}
#content .col33.last {margin-right:0;}
#content .col33 .col33-top {width:230px; height:4px; background:url("/images/design/col33-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .col33 .col33-bottom {width:230px; height:4px; background:url("/images/design/col33-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .col33 .col33-in {padding:10px;}
#content .col33 .col33-in p {margin:0;}
#content .col33 .col33-in h4 {margin:5px -9px; padding:7px 10px; background:#FAF5EB; font-weight:normal;}
#giftbox h3 {margin-top:0; padding:5px 10px; background:#206C00; color:#fff; font-weight:bold; font-size:100%;}

/* ----------------------------------------------------------------------------------------------------------
3-3) Stránka: Kategorie
---------------------------------------------------------------------------------------------------------- */

#content .box-01.perex {padding:10px 15px; font-size:110%; line-height:1.6;}
#content .box-01.perex p {margin:0;}
#content .box-03-top {width:710px; height:4px; background:url("/images/design/box-03-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-03-bottom {width:710px; height:6px; margin-bottom:8px; background:url("/images/design/box-03-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-03 {padding:0 15px; background:url("/images/design/box-03.gif") 0 0 repeat-y;}
#content .box-03 h2 {font-size:120%;}
#content .box-03 .col-l {float:right; width:440px;}
#content .box-03 .col-r {float:left; width:200px;}
#content {min-height:780px;}

/* ----------------------------------------------------------------------------------------------------------
3-4) Stránka: Košík
---------------------------------------------------------------------------------------------------------- */

#content .box-01.cart {padding:0 1px;}
#content .box-01.cart table {width:708px; margin:0; border-collapse:collapse;}
#content .box-01.cart table th {padding:9px 10px; border:0; border-bottom:1px solid #F0E1C1; background:url("/images/design/table-cart-th.gif") 0 100% repeat-x; color:#206C00;}
#content .box-01.cart table td {padding:8px 10px; border-right:1px solid #F0E1C1; border-bottom:1px solid #F0E1C1; vertical-align:middle;}
#content .box-01.cart table td.last {border-right:0;}
#content .box-01.cart table tr.bg td {background:#EEFBE8;}

/* ----------------------------------------------------------------------------------------------------------
3-5) Stránka: Objednávka
---------------------------------------------------------------------------------------------------------- */

#content .order-osoba {padding:40px 10px 20px 120px; background:url("/images/design/order-osoba.jpg") 0 0 no-repeat; font-size:120%;}
#content .order-firma {padding:40px 10px 20px 120px; background:url("/images/design/order-firma.jpg") 0 0 no-repeat; font-size:120%;}
#content .order-ship {padding:40px 10px 20px 120px; background:url("/images/design/order-ship.jpg") 0 0 no-repeat; font-size:120%;}
#content .order-lock {padding:40px 10px 20px 120px; background:url("/images/design/order-lock.jpg") 0 0 no-repeat; font-size:120%;}
#content .order-aff {padding:40px 10px 20px 120px; background:url("/images/design/order-aff.jpg") 0 0 no-repeat; font-size:120%;}
#content .order-contact {padding:40px 10px 20px 120px; background:url("/images/design/order-contact.jpg") 0 0 no-repeat; font-size:120%;}
#content #order {line-height:2;}
#content #order label {clear:both; float:left; display:block; width:110px; padding-right:10px; text-align:right;}
#content #order input {float:left; display:block;}
#content #order .input-text {padding:2px; width:300px;}

/* ----------------------------------------------------------------------------------------------------------
3-6) Stránka: Objednávka: Odesláno
---------------------------------------------------------------------------------------------------------- */

#content #bohus {position:relative; width:710px; height:140px; overflow:hidden; margin:30px 0; padding:0; font-size:160%;}
#content #bohus span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("/images/design/bohus.gif") 0 0 no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
4) Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

#content .title-01 {background:url("/images/design/title-01.gif") 0 50% repeat-x;}
#content .title-01 span {padding-right:10px; background:#fff; font-size:100%;}

.low {color:#6E6442;}
.high {color:#b20000;}
.smaller {font-size:85% !important;}
.bigger {font-size:120%;}
.input-text {padding:3px;}


/* strankovani */
.pagination {margin: 2em 0; text-align: center;}
.pagination li {display: inline; margin: 0 1px; padding: 0 !important; background: none; line-height: 1; background-image: none !important;}
.pagination li a {padding: 3px 5px; text-decoration:none; background-color: #F2F2F2; color: #555;}
.pagination li.active a {border: 1px solid #B8B8B8; color: #000; font-weight: bold;}
.pagination li a:hover {background-color: #E1F0F2;}
.pagination li.active a:hover {}


/* hlasky */
.nicemsg {padding: 20px; font-weight: bold; text-align: center;}
.nicemsg .infomsg, .nicemsg .errormsg {padding: 10px 20px 10px 35px; border: 1px solid #DDE; background-color: #EEF; display: block; background-repeat: no-repeat; background-position: 15px center; width: auto;}
.infomsg {background-image: url('/images/graphics/infoicon.gif');}
.errormsg {color: #DF1B1B; background-image: url('/images/graphics/erroricon.gif');}

/* orazek pocitadla */
img.hit {visibility: hidden; width: 1px; height: 1px;}

/* formulare */
div.form {text-align: center; font-size: 100%;}
form.form {text-align: left; _width: 1px; width: 435px; _width: 435px; margin: 5px auto; _overflow: hidden;}
form.form fieldset {border: 1px solid #DCDCDC; margin: 0 0 10px 0; padding: 10px; background-color: #F4F4F4;}
form.form fieldset legend {font-weight: bold; padding: 0 5px 0 5px; background-color: transparent; border: none;}
form.form fieldset .desc {font-size: 100%; float: right; margin-right: 7px; text-align: right; display: block; width: 250px;}
form.form fieldset label {float: left; width: 155px; display: block; margin-top: 10px; text-align: right; padding: 3px 0 3px 0;}
form.form input, form.form textarea, form.form select {border: 1px solid #DCDCDC; font-size: 100%; padding: 3px;}
form.form fieldset input, form.form fieldset textarea, form.form fieldset select {float: left; width: 230px; display: block; margin: 10px 0 3px 15px;}
form.form input:focus, form.form textarea:focus {}
form.form br {display: block; clear: both;}
form.form input {padding: 3px;}
form.form input.submit {display: inline; padding: 2px 5px 2px 5px; width: auto; font-weight: bold; background-color: #F4F4F4; cursor: pointer;}
form.form fieldset input.submit {margin-right: 2px; margin-top: 0; float: right;}
form.form select option {padding: 0 3px 0 3px;}
form.form select {padding: 2px;}
form.form input.check, form.form input.checkspecial {width: auto; border: none;}
form.form input.checkspecial {float: left; border: none; margin: 0 6px 0 0;}
form.form label.checkspecial {display: block; float: left; width: 108px; text-align: left; margin: 0 10px 5px 0;}
form.form label.no, form.form input.no, form.form select.no {display: inline; float: none; width: auto; margin: 0;}
form.form textarea.wide {width: 400px; margin-left: 0;}
form.form input.wide {width: 500px;}
form.form input.short {width: 50px;}
form.auto {width: auto;}
form.form strong.special {display: block; width: 155px; text-align: right; clear: both;}
form.form fieldset input.smaller {width: 180px;}
form.form input.inline {display: inline; width: auto; margin: 0;}
form.form span.sufix {display: block; margin: 10px 0 3px 2px; float: left; padding: 3px;}

.form .boxes {width: 160px; float: left; margin-top: 8px;}
.form .boxes .box {border: 1px solid #EAEAEA; padding: 1px; background-color: #FFF; margin-bottom: 10px;}
.form .boxes .box strong {display: block; background-color: #EFEFEF; padding: 5px 15px 5px 15px;}
.form .boxes .box .text {margin: 8px; padding: 0; text-align: left;}

/* specialne pro pouziti tinymce ve formulari */
form.form .tmce {}
form.form .tmce br {display: block;}
form.form .tmce select {display: inline; width: auto; float: none; margin: 0;}
form.form .tmce {clear: both; width: 1px; overflow: visible;}
form.form .tmce .mceEditor { position: relative; left: -100px; margin-left: -100px;} /* tenhle radek delal problemy ve ff3*/

form.wide {width: 730px;}
form.wide .tmce {width: auto; margin: 5px 0 5px 50px;}
form.wide .tmce .mceEditor {position: static; background-color: green; margin: 0;}
form.wide textarea.wide {width: 600px; margin: 0 0 0 50px;}
form.wide .tmce textarea.wide {margin: 0;}

.tlacitko {background: url('/images/graphics/button-web-right.gif') right center no-repeat; padding: 10px 4px 10px 0;}
.tlacitko span {background: url('/images/graphics/button-web-left.gif') left center no-repeat; padding: 10px 15px 10px 15px; _margin-right: -1px;}
.tlacitko input {border: none; color: #FFF; background: transparent; _height: 32px; float: none !important; display: inline !important; font-weight: bold; text-transform: uppercase; font-size: 90%;}
#cols {background:url("../design/colsfix.gif") 100% 0 repeat-y;}