/*
    Projekt: ProHifi.cz
    URL: http://www.prohifi.cz

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

    Autor: Vít Dlouhý (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Poslední revize: 2007-08-08, 18:23 GMT+1

    Struktura:
        display | position | float | z-index | overflow | width | height | margin | padding | border | background | align | font
*/

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
body {padding:0; background:#fff url("../design/bg.gif") 0 0 repeat-x; font:0.8em/1.5 "arial",sans-serif; color:#212121; text-align:center;}

a {color:#CF0000;}
a:hover {color:#212121;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:200%;}
h2 {font-size:110%;}
h3 {font-size:110%;}
h4 {font-size:110%;}
h5 {font-size:100%;}

p {margin:15px 0;}

table {margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:2px 5px;}

ul, ol {display:block; margin:15px 0 15px 40px;}
ul ul, ul ul ul, ol ol, ol ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
ol ol ol {list-style-type:lower-alpha;}
li {display:list-item;}
ul li a {text-decoration:underline;}

dl {margin:15px 0;}
dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {margin:15px 0; padding:10px; border:1px solid #D1D1D1;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#CF0000;}

abbr, acronym, .help {border-bottom:1px dotted #D1D1D1; cursor:help;} img.help {border:0;position:relative;top:2px;}
blockquote {margin:15px 20px; font-style:italic;}
del, .del {text-decoration:line-through;}

/* -------------------------------------------------------------------------------------------------------
Univerzální
------------------------------------------------------------------------------------------------------- */

.f-left {float:left !important;} img.f-left {margin-right:10px;}
.f-right {float:right !important;}  img.f-right {margin-left:10px;}

.t-left, tr.t-left td {text-align:left !important;}
.t-center, tr.t-center td {text-align:center !important;}
.t-right, tr.t-right td {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.pr {position:relative;}

.width100 {width:100%;}

.clear {clear:both; width:100%; height:1px; font-size:1px; }

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.nob {border:0;}

.ma-top5 {margin-top:5px !important;}
.ma-top10 {margin-top:15px !important;}
.ma-top13 {margin-top:13px !important;}
.ma-top15 {margin-top:15px !important;}

.ma5 {margin:5px 0 10px 0 !important;}

.mmr {margin-right:-10px;}

.noscreen {display:none;}

.bigger {font-size:115%;}
.smaller {font-size:85%;}
.smaller2 {font-size:75%; font-weight:normal; }
.smaller95 {font-size:95%;}

.high {color:#CF0000;}
.nonhigh {color:#717171;}
.high-bg {padding:2px 3px; background:#FFE581; color:#000;}

.border {border:1px solid #D1D1D1;}
.border-td {border-top:1px dashed #e9e9e9;}

.bg2 {background-color:#f8f8f8;}

.normal {font-weight:normal;}
.min {height: 25px;}

.btn {height:22px; border:0; padding:0; background:0 0 no-repeat; text-align:center; font:bold 10px/1 "verdana",sans-serif; text-transform:uppercase; cursor:pointer; cursor:hand;}
.btn-vel-cerveny {background:url("../design/btn-velky-cerveny.gif"); width: 75px; color:#FFF;}
.btn-vel-zluty {background:url("../design/btn-velky-zluty.gif"); width: 75px; color:#000;}
.btn-vel-cerny {background:url("../design/btn-velky-cerny.gif"); width: 75px; color:#FFF;}
.btn-mal-zluty {background:url("../design/btn-maly-zluty.gif"); width: 30px; color:#000;}
.btn-mal-cerny {background:url("../design/btn-maly-cerny.gif"); width: 30px; color:#FFF;}
.btn-login {background: url("../design/btn-prihlasit.gif"); width: 75px;}

#lista {padding:5px 0; color:#A1A1A1; }
#lista a, #lista strong {font-size: 85%; color:#A1A1A1;}
#lista a:hover { text-decoration:none; color:#333; }

/* -------------------------------------------------------------------------------------------------------
LAYOUT
------------------------------------------------------------------------------------------------------- */

#main {background:url("../design/bg-main.gif") 50% 0 no-repeat;padding-top:30px;}
#main-pre {background:url("../design/bg-main-pre.png") 50% 0 repeat-y; margin:0 auto; width:994px;position:relative;}
#main-in {width:980px; margin:0 3px; text-align:left; background:#FFF url("../design/bg-main-in.gif") 4px 0 repeat-y; padding:0 4px;}

    #page {padding:0;}

   /* Hlavička */
   #header {position:relative; height:194px; background:#212121 url("../design/header.jpg") 0 0 no-repeat;border-top:4px solid #fff; width:980px; overflow:hidden;}

        #logo {position:relative; overflow:hidden; width:220px; height:130px; margin:0; padding:0; font-size:200%;}
        #logo span {display:block; position:absolute; left:0; top:0; z-index:1; width:220px; height:130px; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}
        #logo a:hover {color:#FFF;}
    
        #login {position:absolute; top:25px; left:228px; margin:0; font-size:85%; color:#FFF; line-height:2.2;}
        #logged {position:absolute; top:40px; left:228px; margin:0; font-size:85%; line-height:1;}
            #logged td {padding:2px 0; color:#FFF;}
				#login div {float:left;text-align:left;line-height:1.8em;}
        #login a, #logged a.a-style01 {padding:3px 5px; color:#f6b900; font-weight:bold; text-decoration:underline;}
        #logged a.a-style02 {color:#FC0; font-weight:bold;}
        #logged a:hover.a-style02 {color:#FFF;}
        #login a:hover, #logged a.a-style01:hover {text-decoration:underline;text-decoration:none;background-color:#f6b900;color:#000;}
        #login input.inp-text {width:153px; padding:1px; border:1px solid #d9d9d9; background:#FFF url("../design/login-input.gif") 0 0 no-repeat;}
        #login #logged #btn-logout {position:relative; top:5px;}
        #login label {font-weight:bold; color:#fff;}
				#login .btn-vel-zluty {float:right;}
				
				#cart {background:url("../design/bg-cart.png") 0 0 no-repeat; line-height:1.4; width:195px; height:150px; position:absolute; top:0; right:0; text-align:center; color:#fff;}
				    #cart a {color:#fff; text-decoration:none; padding-top:35px; display:block; height:115px;}
						#cart a:hover {color:#fff; text-decoration:none; background:#282b31 url("../design/bg-cart.png") 0 0 no-repeat;}
				    #cart p {  }
						    #cart p strong { padding-top:6px; margin-top:6px; display:block; border-top:1px dotted #ccc;}
						    #cart p span {color:#f6b900;font-size:1.4em;}
								#cart a:hover {color:#F6B900;}
								#cart a:hover span {color:#fff;}
								
				
				#header-top {position:absolute; height:38px; background: url("../design/header.jpg") 0 -150px no-repeat; width:106px; top:-30px; left:568px; z-index:1000;}

    /* Horizontální menu */
    #nav {position:absolute; z-index:200; background:#950000 url("../design/nav.gif") 0 0 no-repeat;border-bottom:4px solid #f6b600; width:980px; left:7px; top:154px;}
        #nav ul {margin:0 20px; padding:0; list-style:none;}
      #nav ul li {float:left; display:inline; margin:0; padding:0;background:url(../design/bg-nav-li.gif) 100% 50% no-repeat;}
      #nav ul li a {display:block; float:left; /*\*/ float:none; padding:10px 15px 11px 15px; color:#FFF; font-weight:bold; text-decoration:none;}
      #nav ul li#nav-active a {background:#212121 url("../design/nav-active.gif") 0 0 repeat-x;}
      #nav ul li a:hover {background:#950000;text-decoration:underline;}

      #nav ul li.nav-on div {visibility:visible;}
      #nav ul li.nav-off div {visibility:hidden;}
      #nav ul li div {width:200px; padding-bottom:11px; background:url("../design/nav-bottom.gif") 0 100% no-repeat; display:none; /*\*/ display:block; position:absolute; visibility:hidden;}
      #nav ul li div a {padding:4px 10px 4px 23px; border-right:0; border-bottom:1px solid #FFF000; background:#FC0 url("../design/ico-arrow03.gif") 10px 10px no-repeat !important; color:#212121; text-decoration:none; font-weight:normal;}
      #nav ul li div a:hover {background:#FFD634 url("../design/ico-arrow03.gif") 13px 10px no-repeat !important;}
      #nav ul li ul {display:block; margin:0; padding:0; background:#FC0;}
      #nav ul li ul li {display:inline; float:none; width:auto;}
      
        #logo-morel {position:absolute; top:5px; right:10px; margin:0;}

   /* Obsah */
   #content {float:right; padding-bottom:10px; background:#fff; width:736px; position:relative; padding-right:10px;}
	 #content.uvod {float:right; width:746px; padding-bottom:10px; background:url("../design/bg-content.gif") 100% 0 repeat-y; padding-right:0; }

        #content-left {float:left; width:538px;}
        #content-right {float:right; width:194px;}

            #content-right .tabs-list {}
            #content-right .tabs-list.bg-roh {background:#F5F5F5 url("../design/bg-tabs-list.gif") 100% 0 no-repeat;}

    /* Záložky */
    .tabs {display:block; width:100%; margin:0 -10px; padding:0; list-style:none;}
    .tabs li {display:inline; margin:0; padding:0;}
    .tabs li a {position:relative; display:block; float:left; padding:7px; background:#616161 url("../design/tab-link02.gif") 100% 0 no-repeat; color:#FFF; text-decoration:none;}
    .tabs li a:hover {color:#E1E1E1;}
    .tabs li a.active {background:#212121 url("../design/tab-active02.gif") 100% 0 no-repeat; font-weight:bold;}
    .tabs li a.active:hover {color:#FFF;}
		.detail .tabs {display:block; width:100%; margin:0; padding:0; list-style:none;}
    
    .tabs-det {display:block; width:100%; margin:0; padding:0; list-style:none;}
		.tabs-det li { margin-right:5px; float:left;}
    .tabs-det h2 {display:inline; margin:0; padding:0;}
    .tabs-det h2 a {font-size:90%; color:#7c7c7c; position:relative; display:block; float:left; padding:7px; background:#fff url("../design/tab-link.png") 100% 0 no-repeat; text-decoration:none; font-weight:normal; border-left:1px solid #d1d1d1;}
		.tabs-det h2 a strong {font-weight:normal;}
    .tabs-det h2 a:hover {color:#CF0000; border-left:1px solid #CF0000; background:#fff url("../design/tab-link.png") 100% -100px no-repeat;}
    .tabs-det h2 a.active {background:#cf0000 url("../design/tab-link-active.png") 100% 0 no-repeat; color:#fff; border:none; font-weight:bold !important; }
		.tabs-det h2 a.active strong {font-weight:bold !important; }
    .tabs-det h2 a.active:hover {color:#fff; cursor:default; background:#cf0000 url("../design/tab-link-active.png") 100% 0 no-repeat;}
    
    .tabs-list {margin:0; padding:10px;}
    .tabs-list .product-box {clear:both; width:174px; margin:7px 0 0 0; background:none; border:0; background: url(../design/dot.gif) 0 100% repeat-x; padding:0 0 7px 0}
		.tabs-list .product-box .smaller { height:auto; }
    .tabs-list .product-box h3 {margin:0; padding:0; font-size:85%; background:none;}
    .tabs-list ol {margin:0; padding:0;}
    .tabs-list ol li {margin:0; margin-left:25px; padding:0;}

   /* Postranní sloupec */
   #sidebar {float:left; width:200px; padding:0 10px 15px 10px;}
	 
	 					#search div {background:#6f7175 url(../design/bg-search.gif) repeat-y; padding:13px 10px 8px 10px; width:200px; margin:0 -10px 15px -10px; }
						#search div span {position:relative; width:200px; background:none; padding:0; margin:0; height:22px; display:block;}
						#search p {padding:0; margin:5px 0 !important;}
						#search a {color:#ccc;}
						#search a:hover {color:#fff;text-decoration:none;}
						
						#search .hledat {background:transparent url(../design/hledat.gif) 0 0 no-repeat; height:22px; padding:0pt; width:23px; position:absolute; top:0; right:0;}
						#search .hledat:hover {background:transparent url(../design/hledat.gif) no-repeat 0 -22px;}	
   
            #sidebar .tabs li a {background:#262a30 url("../design/tab-active2.gif") 0 0 no-repeat;}
            #sidebar .tabs li a.active {background:#262a30 url("../design/tab-active2.gif") 0 0 no-repeat;}
            #sidebar .tabs-list {border:0; background:#cf0000 url(../design/bg-menu-tabs-list.gif) 0 0 no-repeat; padding:14px 0 0 0; margin:0 -10px;}
						
						#sidebar #vyrobky {background:#cf0000 url(../design/bg-menu-tabs-list-bottom.gif) 0 100% no-repeat; padding:0 0 14px 0;}
            
            #sidebar ul.menu {margin:0; padding:0; list-style:none; background:#cf0000 url(../design/bg-menu-ul.gif) repeat-y; }
            #sidebar ul.menu li {display:inline; margin:0; padding:0;}             
            #sidebar ul.menu li a {display:block; padding:2px 0 2px 10px; margin:0 10px; border-bottom:1px dotted #AF0000; background:url("../design/ico-arrow03.gif") 0 8px no-repeat; color:#fff; text-decoration:none; font-weight:bold;}
            #sidebar ul.menu li.menu-active a {background:url("../design/ico-arrow03h.gif") 0 8px no-repeat; color:#FC0;}
            #sidebar ul.menu li a:hover {color:#FC0 !important; text-decoration:underline; background:url("../design/ico-arrow03h.gif") 0 8px no-repeat;}
            
                #sidebar ul.menu li ul { margin:0; padding:0; background:#ad080a url(../design/bg-menu-ul-ul.gif) repeat-y;}
                #sidebar ul.menu li ul li a { padding:2px 0 2px 25px; margin:0 10px; border-bottom:1px dotted #ba4e4f; font-weight:normal; color:#FFF !important; background:url("../design/ico-arrow03.gif") 12px 8px no-repeat !important;}
								#sidebar ul.menu li ul li a:hover, #sidebar ul.menu li ul li.menu-active a { background:url("../design/ico-arrow03h.gif") 12px 8px no-repeat !important; color:#FFCC00 !important;}            
                    #sidebar ul.menu li ul li ul {margin:0; padding:0; background:#840000;}
                    #sidebar ul.menu li ul li ul li a, #sidebar ul.menu li ul li.menu-active ul li a {margin-left:30px; font-size:85%; font-weight:normal; color:#FFF !important; padding-left:22px; border:0; background:url("../design/ico-arrow03.gif") 12px 8px no-repeat !important;}
                    #sidebar ul.menu li ul li ul li.menu-active a, #sidebar ul.menu li ul li ul li a:hover {color:#FFCC00 !important; background:url("../design/ico-arrow03h.gif") 12px 8px no-repeat !important;}
                    #sidebar ul.menu li.last a {border-bottom:0;} 
           
        #sidebar .inp-text {background:#D1D1D1 url(../design/bg-search-input.gif) 0 0 no-repeat; border:none; float:left; height:16px; padding:3px 28px 3px 5px; width:167px;}
				#sidebar .inp-text2 { background:#FFFFFF url(../design/login-input.gif) no-repeat; border:1px solid #D9D9D9; padding:2px; width:151px;}
        #sidebar .inp-submit, .inp-submit {position:relative; top:6px;}
				
				#sidebar p {color:#fff;}
				#sidebar p a {color:#FFCC00;}
				#sidebar p a:hover {color:#FFCC00; text-decoration:none;}

   /* Patička */
    #footer { padding:15px 0; background:#fff url(../design/footer.gif) 0 0 no-repeat; color:#000; line-height:2; border-bottom:1px dashed #ccc; margin:0 0 10px; }
    #footer p {margin:0; text-align:center; }
    #footer a {color:#000;}
    #footer a:hover {text-decoration:underline; color:#333; }
    #footer #links a {padding:0 5px; color:#cf0000; text-decoration:underline;}
    #footer #links a:hover {color:#cf0000;text-decoration:none;}
    #footer #copyright, #footer #copyright a {color:#A1A1A1;}
    #footer #copyright a:hover {color:#333;}
    #footer #copyright #nuvio {padding:1px 21px 1px 0; background:url("../design/logo-nuvio.gif") 100% 0 no-repeat;}


/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Úvod
------------------------------------------------------------------------------------------------------- */

#drobky {z-index:100; display:block; padding:10px 0; color:#000;}
.detail #drobky {z-index:100; display:block; padding:10px 200px 10px 0; color:#000;}
#drobky strong a {font-weight:normal;}
#ticker a {color:#FC0;}
#ticker a:hover {color:#FFF;}

.product-box {float:left; width:168px; margin:0; margin-top:10px; border:1px dashed #b0b0b0; background:url("../design/product-box.gif") repeat-y;}
.product-box.margin {margin:10px 14px 0 14px !important;}
.product-box.margin02 {margin:0 5px;}
.product-box h2 {margin:0; padding:3px 5px 3px 5px; font-size:100%; color:#cf0000; background-color:#eaeaea; overflow:hidden; text-align:center; height:1.6em; }
.product-box h3 {margin:0; padding:6px 10px 3px 17px; background:url("../design/ico-arrow03.gif") 6px 12px no-repeat; font-size:100%;}
.product-box p {margin:5px 0;}
.product-box p.foto {height:91px; padding-top:3px;}
.product-box .desc {padding:5px;}
.product-box dl dt {float:left; width:70px; padding:1px 0; font-size:85%;}
.product-box dl dd {float:right; width:105px; margin:0; text-align:right;}
.product-box .smaller {height:4.25em; overflow:hidden; }
.product-info-add {padding:0 0 7px 0; text-align:center; margin:-4px 0 5px 0 !important; }

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Detail produktu
------------------------------------------------------------------------------------------------------- */

#content.detail, #content.objednavka { background:none !important; width:736px; padding-right:10px; position:relative; }

.informace {position:absolute; bottom:0; left:0; height:50px; width:287px; overflow:hidden; }
		.informace a {display:block; width:83px; height:43px; padding:5px 0 0 52px; line-height:1.4; border:1px solid #f6b600; text-decoration:none; color:#000; text-align:center; }
		.informace a:hover { border:1px solid #999; }
		.postovne { background:#fef4d9 url(../design/ico-postovne-zdarma.gif) no-repeat; float:left; margin-right:13px; }
		.sklad { background:#fef4d9 url(../design/ico-sklad.gif) no-repeat; float:left; }

.detail-info { border:1px solid #d2d2d2; background:#fff url(../design/bg-detail-info.gif) 0 100% repeat-x; padding:12px 12px 0 12px; }
.detail-info .mnozstvi { height:13px; padding:5px 0; text-align:center; width:28px; border:1px solid #ccc; }
.detail-koupit { border-top:1px solid #eeeeee; clear:both; width:410px; }
.detail-koupit td { vertical-align:middle; padding:0; }
.detail-koupit td img { border:1px solid #d2d2d2; }
		.submit {background:url("../design/ico-pridat.gif"); border:none; height:27px; width:138px; line-height:100px; text-indent:-9999px; cursor:pointer;}
		.submit-detail {background:url("../design/ico-pridat-detail.gif"); border:none; height:37px; width:194px; line-height:200px; text-indent:-9999px; cursor:pointer;}

.ico-porovnat, .ico-sledovat, .ico-tisk, .ico-doporucit {margin-right:10px;}
.ico-porovnat {padding-left:25px; background:url("../design/ico-porovnat.gif") 0 2px no-repeat;}
.ico-sledovat {padding-left:20px; background:url("../design/ico-sledovat.gif") 0 2px no-repeat;}
.ico-tisk {padding-left:21px; background:url("../design/ico-tisk.gif") 0 2px no-repeat;}
.ico-doporucit {padding-left:21px; background:url("../design/ico-doporucit.gif") 0 2px no-repeat;}

.detail-foto {float:left; width:287px; overflow:hidden; position:relative; padding-bottom:50px;}
.detail-desc {float:right; width:436px;}
    .detail-desc dl.wider dt {float:left; width:90px;}
    .detail-desc dt {float:left; width:80px;}
    .detail-col {float:left; width:235px;}
		.detail-col.f-right { width:172px;}
    .detail-col dl {margin:0 0 15px 0;}
		
.popis { min-height: 100px; height: auto !important; height: 100px; }

#thumbs {padding:0 0 0 0; width:750px; margin-right:-14px;}
#thumbs img {display:inline; float:left; width:60px; height:60px; margin:13px 13px 0 0; border:1px solid #D1D1D1;}
#thumbs a:hover img {border:1px solid #A1A1A1;}

.darek-img {float:left; width:40px;}
.darek-desc {float:left; width:380px; padding-top:5px;}

a.img-link {display:block; width:285px; height:214px; text-align:center; border:1px solid #fff;}
a.selected img {border:1px solid #515151 !important;}

.comment {clear:both;}
.comment-info {padding:3px 10px; background:#F5F5F5 url("../design/bg-tabs-list.gif") 100% 0 no-repeat; color:#515151;}
.comment-text {padding:0 30px; background:url("../design/ico-sub.gif") 10px 2px no-repeat;}

.col-gr {color:#bbb; font-size:90%;}

.ikony-ml img { margin-right:15px; }

.related {margin-top:15px;}
.related div {float:left; width:163px; border-right:1px dotted #adadad; padding:5px 10px; display:inline; height:140px; overflow:hidden; }
.related div h3 {margin:0; font-size:85%; line-height:1.3; }
.related div p {margin:0; font-size:85%; }
.related div:hover, .related div.relbg { background-color:#fffaee; }
.related p {clear:left;}
.related p.smaller {clear:none;}
.last-related {padding:5px 10px 5px 10px !important; border:0 !important;}

.sleva {margin-top:15px;}
.sleva div {float:left; width:224px; border-right:1px dotted #adadad; padding:5px 10px; display:inline; height:120px; overflow:hidden; }
.sleva div h3 {margin:0; font-size:85%; line-height:1.3; margin-left:70px; }
.sleva div p {margin:0; font-size:85%; margin-left:70px; }
.sleva div:hover, .sleva div.relbg {background-color:#fffaee; }
.last-sleva {padding:5px 10px 5px 10px !important; border:0 !important;}

#vyber a {font-weight:bold; width:143px; height:44px; background:url(../design/vyber.png) 0 0 no-repeat; border:1px solid #d2d2d2; float:right; padding:1px 15px 0 35px; text-align:center; position:absolute; top:4px; right:0;}
#vyber a:hover {border:1px solid #999999; background:url(../design/vyber.png) 0 100% no-repeat;}

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Výpis kategorie
------------------------------------------------------------------------------------------------------- */

.product-box-cat {float:left; width:339px; background:url("../design/bg-detail-info.gif") 0 100% repeat-x; border:1px solid #d2d2d2; margin-bottom:14px; padding:0 10px;}
.product-box-cat:hover, .catbr { border:1px solid #999; }
.product-box-cat h2 {margin:0; margin-bottom:5px; padding:6px 0 0 0; font-size:100%;}
.product-box-cat h3 {margin:0; margin-bottom:5px; padding:6px 10px 3px 17px; background:url("../design/ico-arrow03.gif") 6px 12px no-repeat; font-size:100%;}
.product-box-cat-img {float:left; width:170px;}
.product-box-cat-img dl dt {float:left; width:70px; padding:1px 0; font-size:85%;}
.product-box-cat-img dd {float:right; width:100px; margin:0; text-align:right;}
.product-box-cat-desc {float:right; width:160px; font-size:90%; height:110px; overflow:hidden; }
.product-box-cat-koupit {width:359px; clear:left; margin:0 -10px;}
.product-box-cat-koupit table {width:359px;}
.product-box-cat-koupit td {padding:0 10px 0 0;}
		.cena {width:130px; padding:0 0 0 10px !important; white-space:nowrap; }
		.product-box-cat-koupit .mnozstvi { height:13px; padding:5px 0; text-align:center; width:28px; border:1px solid #ccc; }

.lista {clear:both; margin:0 0 10px 0; padding:5px 10px; background:#EFEFF1;}
.lista-in {float:left; width:208px}
.lista-in-wider {float:left; width:300px}

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Registrace
------------------------------------------------------------------------------------------------------- */

.req {font-size:180%; line-height:.1; font-weight:bold; color:#CF0000;}

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Přihlášení
------------------------------------------------------------------------------------------------------- */

.msg-error {padding:5px 10px 5px 35px; background:#FFE581 url("../design/ico-error.gif") 10px 6px no-repeat; color:#212121;}
.msg-done {padding:5px 10px 5px 35px; background:#F1F1F1 url("../design/ico-done.gif") 10px 6px no-repeat; color:#212121;}

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: FAQ
------------------------------------------------------------------------------------------------------- */

.sub {margin-left:30px; padding-left:30px; background:url("../design/ico-sub02.gif") 0 5px no-repeat}
.sub .sub {margin-left:0px; padding-left:30px; background:url("../design/ico-sub02.gif") 0 5px no-repeat}

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Slovník
------------------------------------------------------------------------------------------------------- */

.info {margin:0 45px 0 30px; padding:5px 0 5px 40px; background:url("../design/ico-i.gif") 0 15px no-repeat}

/* ------------------------------------------------------------------------------------------------------- 
STRÁNKA: Fotogalerie
------------------------------------------------------------------------------------------------------- */

.gallery {clear:both; margin:10px 0; padding-bottom:10px; background:url("../design/bg-gallery.gif") 0 100% repeat-x;}
.gallery div {float:left; width:122px; margin-bottom:5px; text-align:center;}
.gallery div:hover, .gallery div.hover {color:#CF0000;}
.gallery div a {display:block; width:120px; height:110px; text-align:center;}
.gallery div span {display:block; clear:both; width:120px; text-align:center; font-size:85%;}

/* ------------------------------------------------------------------------------------------------------- 
STRÁNKA: Fotogalerie - detail
------------------------------------------------------------------------------------------------------- */

.col30 {float:left; width:245px;}

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Objednávka
------------------------------------------------------------------------------------------------------- */

.objednavka fieldset {padding:0 10px 10px 10px;}
.objednavka .tabs-list {padding:0 10px;}
.objednavka td { line-height:normal; }
.objednavka dl { margin:15px 0 0 0; }
.buttony {height:41px;}

#potvrzeni {padding:30px 75px;}
#potvrzeni .dl-style02 dt {color:#CF0000; font-size:110%; font-weight:bold;}
#potvrzeni .dl-style02 dd {margin:0 0 5px 25px; padding-bottom:5px; background:none;}

#objednavka-kroky {background:url("../design/obj-kroky.gif") 50% 50% no-repeat;}
#objednavka-kroky input {width:85px; height:85px; margin:0 15px; border:0;}
#objednavka-kroky img {width:85px; height:85px; margin:0 15px; border:0;}
.objednavka-last { margin-left:45px !important; }

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Přehled objednávek
------------------------------------------------------------------------------------------------------- */

.comment-obj {clear:both;}
.comment-obj .comment-info {padding:3px 10px; background:#F5F5F5 url("../design/bg-tabs-list.gif") 100% 0 no-repeat; color:#515151;}
.comment-obj.admin .comment-info {padding:3px 10px; background:#E5E5E5; color:#212121;}
.comment-obj.admin .comment-text {padding:0 30px; background:url("../design/ico-error02.gif") 5px 2px no-repeat !important;}
.comment-obj .comment-text {padding:0 30px; background:url("../design/ico-sub.gif") 10px 2px no-repeat;}


/* -------------------------------------------------------------------------------------------------------
HTML stylování (tabulky, seznamy apod.)
------------------------------------------------------------------------------------------------------- */

table.table-style01 {margin:0;}
table.table-style01 th {background:#fef4d9}
table.table-style01 th, table.table-style01 td {border-bottom:1px solid #EEE;}
table.table-style01 td {padding-left:15px;}
table.table-style01 h2 {padding:0px; margin:0px; font-size:100%;}

table.table-style02 {margin:0; border:1px solid #EEE;}
table.table-style02 th {padding:5px; border-bottom:1px solid #CCC; background:#EEE;}
table.table-style02 tr td {border-left:1px solid #EEE; background:#FFF;}
table.table-style02 tr.bg td {background:#F9F9F9;}

table.table-style03 {margin:0;}
table.table-style03 th {padding:7px 5px; border:1px solid #CCC; background:#E0E0E0;}
table.table-style03 td {padding:3px 5px; border:1px solid #EEE; background:#FFF;}
table.table-style03 tr.sum td {padding:5px; background:#F9F9F9;}

table.table-style04 {margin:0;}
table.table-style04 th, table.table-style04 td {border-bottom:1px solid #E1E1E1;}

table.table-style05 th {padding:0 0 0 5px; color:#CF0000; text-align:left;}
table.table-style05 td {padding-left:25px; background:url("../design/ico-sub.gif") 5px 6px no-repeat}
table.table-style05 td.nobg {background:none;}

table.table-style06 tr.th th {padding:5px; border:1px solid #B60000; background:#CF0000 url("../design/hx-style02.gif") 0 0 repeat-x; color:#FFF; text-align:center; font-weight:bold ;}
table.table-style06 th {border:1px solid #E1E1E1; background:#F5F5F5; font-weight:normal; text-align:left;}
table.table-style06 td {border:1px solid #E1E1E1;}

ul.ul-style01 {margin:15px 0 15px 25px; padding:0; list-style:none;}
ul.ul-style01 li {margin:0; padding:0; padding-left:15px; background:url("../design/ico-arrow02.gif") 0 5px no-repeat;} 

ul.ul-style02 {margin:20px 0 15px 0; padding:1px 0 5px 0; list-style:none; background:#fef4d9; border:1px solid #f6b600;}
ul.ul-style02 li {display:block; float:left; margin:0; padding:5px 0 0 0; width:120px; padding-left:25px; background:url("../design/ico-folder.gif") 5px 5px no-repeat; line-height:1.2em;} 
ul.ul-style02 li a {color:#333;} 
ul.ul-style02 li a:hover {color:#CF0000;} 

ul.ul-style03 {margin:5px 0 10px 0; padding:0; list-style:none;}
ul.ul-style03 li {margin:0; padding:0; padding-left:20px; background:url("../design/ico-folder.gif") 0 5px no-repeat;}
ul.ul-style03 ul {margin:0; margin-left:15px; list-style:none;}
ul.ul-style03 ul li {margin:0; padding:0; padding-left:15px; background:url("../design/ico-sub.gif") 0 5px no-repeat;} 

ul.ul-style04 {margin:5px 0 10px 0; padding:0; list-style:none;}
ul.ul-style04 li {display:block; float:left; width:126px; margin:0; padding:0; padding-right:15px;}

ul.ul-style05 {margin:0; margin-left:15px; list-style:none;}
ul.ul-style05 li {margin:0; padding:0; padding-left:15px; background:url("../design/ico-sub.gif") 0 5px no-repeat;} 

.dl-style01 dt {padding-left:12px; background:url("../design/ico-arrow03h.gif") 0 3px no-repeat; font-weight:normal; color:#8a8a8a; font-size:85%; line-height:1.2; margin:8px 0 0 12px;}
.dl-style01 dd {margin:0 12px 5px 24px; padding-bottom:8px; background:url("../design/dot.gif") 0 100% repeat-x;}

.dl-style02 dt {color:#CF0000; font-size:110%; font-weight:bold;}
.dl-style02 dd {margin:0 0 5px 25px; padding-bottom:5px; background:url("../design/dot.gif") 0 100% repeat-x;}

.dl-style03 dt {padding-bottom:5px; background:url("../design/dot.gif") 0 100% repeat-x; color:#CF0000; font-size:110%; font-weight:bold;}
.dl-style03 dd {margin:5px 30px 10px 30px;}

/* -------------------------------------------------------------------------------------------------------
Formátování textů a nadpisů
------------------------------------------------------------------------------------------------------- */

#title {position:relative; z-index:100; display:block; margin-top:0; padding:8px 0; font-size:160%; font-weight:bold; color:#212121;}
		.detail #title {padding:8px 0 0 0;}
#title a {color:#FFF;}
#title a:hover {color:#FC0;}

.hx-style01 {margin-top:10px; padding:5px 10px; background:#262a30 url("../design/hx-style01.gif") 0 0 repeat-x; color:#FFF; font-weight:bold; font-size:100%;}
.hx-style02 {padding:5px 10px; background:#a30000 url("../design/hx-style02.gif") 0 0 repeat-x; color:#FFF; font-weight:bold; font-size:100%;}
    .hx-style01 a, .hx-style02 a {color:#FFF;}
.hx-style03 {padding:5px 10px; background:#9dcb15 url("../design/hx-style03.gif") 0 0 repeat-x; color:#fff; font-weight:bold; font-size:100%;}
.hx-style04 {padding:5px 10px; background:#C1C1C1 url("../design/hx-style04.gif") 0 0 repeat-x; color:#212121; font-weight:bold; font-size:100%;}
.hx-style05 {padding:5px 10px; background:#E5E5E5 url("../design/hx-style05.gif") 0 0 repeat-x; color:#212121; font-weight:bold; font-size:100%;}
    .hx-style03 a, .hx-style04 a, .hx-style05 a {color:#212121;}
    .hx-style03 a:hover, .hx-style05 a:hover {color:#CF0000;}
.hx-style06 {padding:5px 0;color:#212121; font-weight:bold; font-size:140%; margin:0;}
.hx-style07 {padding:6px 10px 5px 10px; color:#CF0000; font-weight:bold; font-size:110%; margin:11px 0 0 0; text-transform:uppercase; background:url(../design/bg-content-right-h3.gif) no-repeat; }

.hx-style01 h2 {margin:0;}
.hx-style01 h3 {margin:0;}
.hx-style01 p {margin:0; font-weight:normal; color:#C1C1C1;}

.p-style01 {font-weight:bold; font-size:85%;}

#sidebar .hx-style01 {margin:10px -10px;}

div.hx-style01 {margin-bottom:15px; border-bottom:1px solid #DDD;}
div.hx-style01 h3 {margin-bottom:0;}
div.hx-style01 p {margin:0; white-space:nowrap;}

/* -------------------------------------------------------------------------------------------------------
Nezařaditlné
------------------------------------------------------------------------------------------------------- */

.tabs-list-style02 {padding:7px 10px; border:1px solid #d1d1d1; background:#f5f5f5;}

/* Ikonky */
.ico-folder {margin-right:10px; padding-left:20px; background:url("../design/ico-folder.gif") 0 4px no-repeat; font-weight:bold;}
.ico-folder02 {padding-left:20px; background:url("../design/ico-folder.gif") 0 4px no-repeat;}
.ico-arrow {padding-right:10px; background:url("../design/ico-arrow02.gif") 100% 5px no-repeat;}
.ico-arrow-l {padding-left:10px; background:url("../design/ico-arrow03.gif") 0 6px no-repeat;}
.ico-switch {padding:2px 25px 2px 0; background:url("../design/ico-switch.gif") 100% 0 no-repeat; text-decoration:underline;}
.ico-sub {padding-left:13px; background:url("../design/ico-sub.gif") 0 2px no-repeat;}
.ico-add {padding:2px 0 2px 35px; background:url("../design/ico-add.gif") 0 0 no-repeat;}
.ico-help {padding-right:15px; background:url("../design/ico-info.gif") 100% 3px no-repeat;}
.ico-ok {padding-left:20px; background:url("../design/ico-ok.gif") 0 3px no-repeat;}
.ico-telefon {padding-left:20px; background:url("../design/ico-telefon.gif") 0 0 no-repeat;}
.ico-icq {padding-left:20px; background:url("../design/ico-icq.gif") 0 0 no-repeat;}
.ico-email {padding-left:20px; background:url("../design/ico-email.gif") 0 0 no-repeat;}
.ico-prev {padding-left:15px; background:url("../design/ico-prev.gif") 0 5px no-repeat;}
.ico-next {padding-right:15px; background:url("../design/ico-next.gif") 100% 5px no-repeat;}

.ico-kosik {position:relative; top:5px;}
.ikonky img {margin-right:10px;}

/* Stránkování */
.pagination-top {padding:5px 0;}
.pagination-top a, .pagination-top strong, .pagination-bottom a, .pagination-bottom strong {margin:0 2px;}
.pagination-top a { padding:1px 6px; background-color:#f5f5f5; border:1px solid #d1d1d1; text-decoration:none; color:#333;}
.pagination-top a.active, .pagination-top a:hover { background-color:#cf0000; border:1px solid #a10000; text-decoration:none; color:#fff;}
.pagination-bottom {padding-top:7px; background:url("../design/dot.gif") 0 0 repeat-x;}

/* Podtržení */
.bb {margin-bottom:5px; padding-bottom:5px; background:url("../design/dot.gif") 0 100% repeat-x;}
.bt {margin-top:5px; padding-top:5px; background:url("../design/dot.gif") 0 0 repeat-x;}

/* Kurzor */
.kurzor {cursor:hand; cursor:pointer;}

/* Anketa */
input.inp {text-decoration: underline; background:url(../design/bg-content.gif) -10px 0 repeat-y; color: #cf0000; font-weight:bold; border:0; cursor:hand; cursor:pointer;}

.clearfix:after {content: ".";display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.jak-vybrat strong { font-weight:normal;}


input.groovybutton
{
   font-size:18px;
   font-weight:bold;
   background-color:#f5b100;
   border-style:outset;
   border-color:#000000;
   border-width:2px;
}