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

    Projekt: QuadMania.cz
    URL: http://www.quadmania.cz/

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

    Autor: Vít Dlouhý (vit.dlouhy@nuvio.cz), Nuvio (www.nuvio.cz)
    Poslední revize: 2008-04-01, 13:26 GMT+1

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

    Obsah:
    
        1) HTML tagy, reset
        2) Univerzální styly (display, float, margin, text-align...)
        3) Obecné HTML styly (table, ul, dl...)
        4) Layout: Všeobecný, Úvod
        4b) Layout: Podstránky
        5a) Stránka: Úvod
        5b) Stránka: Články
        5c) Stránka: Závody
        5d) Stránka: Bazar
        5e) Stránka: Databáze
        5f) Stránka: Katalog
        5g) Stránka: Akce
        5h) Stránka: Forum
        5i) Stránka: Admin
        Z) Nezařaditelné

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

/* ----------------------------------------------------------------------------------------------------------
1) HTML tagy, reset
---------------------------------------------------------------------------------------------------------- */
img.forumimg{max-width:100%;}
.cervena{color:red;}
.search-result{background-color:yellow;}
.text-clanku .tip{
	border:1px solid silver;
	margin:10px;
	padding:2px;
	width:93%;
}
.text-clanku .tip .tip-head{
	background-color:silver;
	color:white;
	font-weight:bold;
	padding:2px 8px
}
.text-clanku .tip p{
	margin:6px
}
.hilite{
	color:#FFB300 !important;
}
.hilite a{
	color:#FFB300 !important;
}
.zprava-chyba {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin: 10px;
	border: 1px dashed #990000;
}
.zprava-chyba h2 {
	color: #990000;
	background: inherit;
}

.zprava-uspech {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin: 10px;
	border: 1px dashed #7BA813;
}
.zprava-uspech h2 {
	color: #7BA813;
	background: inherit;
	font-size:110% !important;
}

.zprava-info {
	color: #454CDD;
	background-color: #D6D8FF;
	padding: 7px;
	margin: 10px;
	border: 1px dashed #454CDD;
}
.zprava-info h2 {
	color: #454CDD;
	background: inherit;
	padding-left:0px;
}
* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, col, colgroup, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, iframe, applet, embed, address, object, h1, h2, h3, h4, h5 {border:0;}
body {background:#E1E3EA url("../design/bg.gif") 0 0 repeat-x; color:#202020; font:0.75em/1.5 "arial",sans-serif; text-align:center;}

a {color:#334766;}
a:hover {color:#000;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:15px 0;}

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

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

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

fieldset {position:relative; padding:10px; border:1px solid #CCC;}
legend {position:absolute; top:-1em; margin:0; font-size:100%; font-weight:bold; color:#000;}
input, textarea, select {font-size:12px;}

hr {display:block; height:1px; margin:10px 0; border:0 solid #CCC; background:#CCC; color:#CCC;}

/* ----------------------------------------------------------------------------------------------------------
2) Univerzální styly (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

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

.relative {position:relative;}

.clear {clear:both;}

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

.t-left {text-align:left !important;}
.t-center, .centered {text-align:center !important;}
.t-right {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;}

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

.noscreen {display:none;}

    .vetsi {font-size:110%;}
    .mensi {font-size:95%;}

    .vyrazne {color:#F00;}
    .vyrazne2 {color:#D00;}
    .nevyrazne, .nevyrazne a {color:#707070 !important;}
    .nevyrazne a:hover {color:#303030 !important;}
    .nevyrazne-02 {color:#CCC;}
    
    .strong {font-weight:bold;}
.oznaceni{/*klicove slovo kclanku pro zdurazneni*/
	background-color:#FF0000;
	color:white !important;
	font-size:11px;
	font-weight:bold;
	margin:0 2px;
	padding:0 2px;
	font-variant: small-caps;
}		

/* ----------------------------------------------------------------------------------------------------------
3) Obecné HTML styly (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

ul.odrazky-01 {margin:10px 0 10px 15px; padding:0; list-style:square;}
ul.odrazky-01 li {margin:0; padding:0;}

dl.dl-styl01 dt {font-weight:bold;}
dl.dl-styl01 dd {margin-left:20px;}

/* ----------------------------------------------------------------------------------------------------------
4) Layout: Všeobecný, Úvod
---------------------------------------------------------------------------------------------------------- */

#obal {overflow:hidden; width:950px; margin:0 auto; border-left:1px solid #F0F1F4; border-right:1px solid #F0F1F4; background:#FFF; text-align:left;}

    #banner950x90 {margin:0;}
    #banner950x90 img {display:block;}

    #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka.jpg?v=2") 0 0 no-repeat;}
    #hlavicka a {color:#334766;}
    #hlavicka a:hover {color:#000;}

        #logo {position:relative; float:left; width:205px; height:100px; margin:0; padding:0; overflow:hidden; font-size:180%;}
        #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}
        
				#nase-weby{
background:transparent url(../design/header-nase-weby.png) no-repeat scroll left top;
float:left;
height:24px;
margin:0px 0 0 96px;
padding:0 0 0 79px;
				}
				#nase-weby a{
color:black;
display:block;
float:left;
font-size:11px;
font-weight:normal;
height:15px;
padding:4px 11px 0 1px;
text-decoration:underline;
				}
				#nase-weby a:hover{
					color:white;
					text-decoration:underline;
					font-weight:normal;
				}
				#nase-weby a.motorkari{
					background: transparent url('../design/minilogoMotorkari.png') no-repeat left bottom;
					padding-left:24px;
				}
				#nase-weby a.quadmania{
					background: transparent url('../design/minilogoQuadmania.png') no-repeat left bottom;
					padding-left:17px;
				}				
        #prihlaseni {float:right; width:230px; padding:15px 20px 0 20px;}
        #prihlaseni fieldset {margin:0; padding:0; border:0; color:#222F44;}
        
            #prihlaseni fieldset table td {padding:2px; font-size:95%; font-weight:bold;}
            #prihlaseni fieldset #prihlaseni-user, #prihlaseni fieldset #prihlaseni-pass {width:95px; padding:3px 2px; border:0;}        
            #prihlaseni fieldset #prihlaseni-submit {padding:2px; border:0; background:#334766; color:#FFF;}
            #prihlaseni fieldset a.sipka {margin-right:10px; padding-left:8px; background:url("../design/prihlaseni-sipka.gif") 0 4px no-repeat;}

    #zalozky {clear:both; background:#C3C8D5 url("../design/zalozky.gif") 0 100% repeat-x;}
    
        #zalozky ul {margin:0 10px; padding:0; list-style:none;}
        #zalozky ul li {display:inline; margin:0; padding:0;}   
        #zalozky ul li a {display:block; float:left; margin-right:5px; padding:5px 16px; border-top:4px solid #C2C7D5; background-color:#E1E4EA; background-position:100% 0; background-repeat:no-repeat; text-align:center; color:#334766; font-weight:bold; text-decoration:none;}
        #zalozky ul li a:hover {padding:5px 16px; border-top:4px solid #C2C7D5; background-color:#F0F1F4; color:#000;}        
        #zalozky ul li#zalozky-aktivni a {padding:7px 20px; border-top:0; background-color:#334766; background-position:100% 0; background-repeat:no-repeat; color:#FFF; font-weight:bold; text-decoration:none;}

            #zalozky ul li#zalozky-aktivni a#tab-uvod, #zalozky ul li a#tab-uvod {background-image:url("../design/tab-uvod.gif");}
            #zalozky ul li#zalozky-aktivni a#tab-clanky, #zalozky ul li a#tab-clanky {background-image:url("../design/tab-clanky.gif");}
            #zalozky ul li#zalozky-aktivni a#tab-zavody, #zalozky ul li a#tab-zavody {background-image:url("../design/tab-zavody.gif");}
            #zalozky ul li#zalozky-aktivni a#tab-bazar, #zalozky ul li a#tab-bazar {background-image:url("../design/tab-bazar.gif");}
            #zalozky ul li#zalozky-aktivni a#tab-katalog-ctyrkolek, #zalozky ul li a#tab-katalog-ctyrkolek {background-image:url("../design/tab-katalog-ctyrkolek.gif");}
            #zalozky ul li#zalozky-aktivni a#tab-databaze, #zalozky ul li a#tab-databaze {background-image:url("../design/tab-databaze.gif");}
            #zalozky ul li#zalozky-aktivni a#tab-katalog, #zalozky ul li a#tab-katalog {background-image:url("../design/tab-katalog.gif");}
            #zalozky ul li#zalozky-aktivni a#tab-akce, #zalozky ul li a#tab-akce {background-image:url("../design/tab-akce.gif");}
						#zalozky ul li#zalozky-aktivni a#tab-video, #zalozky ul li a#tab-video {background-image:url("../design/tab-video.gif");}
            #zalozky ul li#zalozky-aktivni a#tab-forum, #zalozky ul li a#tab-forum {background-image:url("../design/tab-forum.gif");}            

    #lista {padding:7px 10px; background:#334766; color:#FFF;}
    #lista a {color:#FFF;}
    
        #lista ul {float:left; margin:0; padding:0; list-style:none;}
        #lista ul li {display:inline; margin:0; margin-right:10px; padding:0; padding-left:10px; background:url("../design/sipka-lista.gif") 0 5px no-repeat;}
        #lista ul li a {color:#E1E4EA;}
        #lista ul li a:hover {color:#FFF;}
                
        #lista #vyhledavani {float:right; margin:0; padding:0; border:0; font-size:95%;}
        #lista #vyhledavani #vyhledavani-input {width:180px; padding:3px 2px; border:0;}        
        #lista #vyhledavani #vyhledavani-submit {padding:2px; border:0; background:#5777A9; color:#FFF;}

    #panel-vpravo {float:right; width:250px; padding:10px; overflow:hidden;}
    
    #panel-vpravo a:hover {color:#000;}

    #paticka-odkazy {clear:both; border-top:1px solid #D2D6DF;}
    
        #paticka-odkazy ul {margin:0; padding:0; list-style:none;}
        #paticka-odkazy ul li {display:inline; margin:0; padding:0;}
        #paticka-odkazy ul li a {display:block; float:left; margin:0; padding:7px 5px;}
        #paticka-odkazy ul li a:hover, #paticka-odkazy ul li#paticka-odkazy-aktivni a {background:#F0F1F4;}

    #paticka {clear:both; padding:8px 10px; background:#334766; color:#C3CBD5;}
    #paticka p {margin:0;}
    #paticka a {color:#C3CBD5;}
    #paticka a:hover {color:#FFF;}

        #ico-rss {padding-right:22px; background:url("../design/ico-rss.gif") 100% 0 no-repeat; color:#FFF !important;}

/* ----------------------------------------------------------------------------------------------------------
4b) Layout: Podstránky
---------------------------------------------------------------------------------------------------------- */

#panel-vlevo {float:left; width:145px; padding:10px 0 10px 10px; overflow:hidden;}

    #panel-vlevo #subnav-title, #panel-vlevo #subnav-title-02 {margin:0; padding:5px; font-size:100%; font-weight:bold; color:#FFF;}
           
    #panel-vlevo #subnav {margin:0; padding:0; list-style:none;}
    #panel-vlevo #subnav li {display:inline; margin:0; padding:0;}
    #panel-vlevo #subnav li a {display:block; padding:2px 10px 2px 5px; background:#F0F1F4 url("../design/subnav-link.gif") 135px 6px no-repeat; text-decoration:none; color:#000;}
    #panel-vlevo #subnav li#subnav-aktivni a {background-position:135px 6px; background-repeat:no-repeat; font-weight:bold;}
    #panel-vlevo #subnav li#subnav-aktivni-drop a {background-position:135px 8px; background-repeat:no-repeat; font-weight:bold;}
    #panel-vlevo #subnav li.margin a {margin-top:10px !important;}
        
        #panel-vlevo #subnav li#subnav-aktivni-drop ul {margin:0;}
        #panel-vlevo #subnav li#subnav-aktivni-drop ul li a {padding:1px 10px; padding-left:15px; background-image:url("../design/subnav-link-sub.gif"); background-position:7px 7px; background-repeat:no-repeat; font-weight:normal; font-size:95%; color:#000;}
        #panel-vlevo #subnav li#subnav-aktivni-drop ul li#subnav-aktivni-sub a {background-position:7px 7px; background-repeat:no-repeat; font-weight:bold;}
    
    #panel-vlevo #subnav a:hover {background-color:#FFF !important;}
            
#panel-vpravo .neprehlednete-box {overflow:hidden; margin-bottom:5px; line-height:1.4;} 
#panel-vpravo .neprehlednete-box p {margin:0;clear:both;}
#panel-vpravo .neprehlednete-box p img.f-left {border:1px solid #B5BFCA; margin-right:10px;}
#panel-vpravo .neprehlednete-box .info {font-weight:bold; font-size:95%;}
#panel-vpravo .neprehlednete-box a {color:#000;}
#panel-vpravo .neprehlednete-box a:hover {color:#334766;}    

#panel-vpravo .reklama-box {padding-bottom:10px; margin-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x; overflow:hidden;} 
#panel-vpravo .reklama-box p, #panel-vpravo .reklama-box ul {margin:0;}
#panel-vpravo .reklama-box-img {float:left; padding:2px; border:1px solid #9BAFCD; background:#FFF; font-size:0;}
#panel-vpravo .reklama-box-txt {float:right; width:153px;}
#panel-vpravo .reklama-box-txt ul {margin:0; padding:0; list-style:none;}
#panel-vpravo .reklama-box-txt ul li {margin:0; padding:0; padding-left:10px; background:url("../design/subnav-link.gif") 0 5px no-repeat;}
#panel-vpravo .reklama-box .url {font-size:95%; font-weight:bold;}
#panel-vpravo .reklama-box .url a {text-decoration:none;}

#panel-vpravo .blok {padding-bottom:10px; margin-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x; overflow:hidden;} 
#panel-vpravo .blok p, #panel-vpravo .blok ul {margin:0;}
#panel-vpravo .blok-img {float:left; padding:2px; border:1px solid #9BAFCD; background:#FFF; font-size:0;}
#panel-vpravo .blok-txt {float:right; width:153px;}
#panel-vpravo .blok-txt ul {margin:0; padding:0; list-style:none;}
#panel-vpravo .blok-txt ul li {margin:0; padding:0; padding-left:10px; background:url("../design/subnav-link.gif") 0 5px no-repeat;}

        
#obsah {float:left; width:505px; padding:10px; padding-bottom:15px; background:url("../design/dot.gif") 100% 0 repeat-y;}

    #obsah h2 {margin:0; font-size:160%;}
    #obsah h3 {font-size:125%;}
    #obsah h4 {font-size:105%;}

/* ----------------------------------------------------------------------------------------------------------
5a) Stránka: Úvod (.styl-uvod)
---------------------------------------------------------------------------------------------------------- */
                   
.styl-uvod #uvod-top {border-bottom:1px solid #D2D6DF;}

    .styl-uvod #top-clanek {float:left; width:475px; padding:10px; background:#E7EAEE;}
    .styl-uvod #top-clanek h2, .styl-uvod #top-clanek p {margin:0;}
    .styl-uvod #top-clanek h2 {margin-bottom:3px; padding-bottom:5px; background:url("../design/topclanek-h2.gif") 0 100% repeat-x; font-size:140%;}
    .styl-uvod #top-clanek h2 a {color:#F30;}
    .styl-uvod #top-clanek h2 a:hover {color:#000;}
    .styl-uvod #top-clanek-img {float:left; padding:2px; border:1px solid #9BAFCD; background:#FFF; font-size:0;}
    .styl-uvod #top-clanek-img img {display:block;}
    .styl-uvod #top-clanek-txt {float:right; width:280px;}
    .styl-uvod #top-clanek-txt .info {margin:0; font-weight:bold; font-size:95%;}
    
    .styl-uvod #neprehlednete {float:right; width:455px;}
    .styl-uvod #neprehlednete-title {margin:0; margin-bottom:5px; padding:5px 10px; font-size:100%;}    
    .styl-uvod .neprehlednete-box {float:left; overflow:hidden; width:205px; padding:3px 10px; font-size:95%;}
    .styl-uvod .neprehlednete-box p {margin:0;}
    .styl-uvod .neprehlednete-box p img.f-left {border:1px solid #B5BFCA; margin-right:10px;}
    .styl-uvod .neprehlednete-box .info {font-weight:bold;}
    .styl-uvod .neprehlednete-box a {color:#000;}
    .styl-uvod .neprehlednete-box.onebig{width:434px;padding:10px 0 0 10px;}
    .styl-uvod .neprehlednete-box.onebig span a{margin-bottom:3px; padding-bottom:5px; background:url("../design/topclanek-h2.gif") 0 100% repeat-x; font-size:140%;color:#FF3300;float:right;width:238px;display:block;font-weight:bold;}
    .styl-uvod .neprehlednete-box.onebig a:hover{color:black;}
    .styl-uvod .neprehlednete-box.onebig .anotace{width:238px;float:right;}
    .styl-uvod .neprehlednete-box.onebig img{border:1px solid #9BAFCD;padding:2px;}

.styl-uvod #obsah {float:left; width:660px; background:url("../design/dot.gif") 100% 0 repeat-y;}

    .styl-uvod .cols50 {clear:both;}
    
        .styl-uvod .col50 {float:left; width:305px; padding:10px; background:url("../design/box-01.gif") 0 0 repeat-x;}
        .styl-uvod .col50 h3 {margin:0; margin-bottom:10px; padding-bottom:5px; background:url("../design/uvod-col50-h2.gif") 0 40% repeat-x; font-size:125%;}
        .styl-uvod .col50 h3 span {padding-right:5px; background:#ECEEF1;}
        .styl-uvod .col50 .box {margin-top:5px;}        
        .styl-uvod .col50 .col50-img {float:left; padding:2px; border:1px solid #9BAFCD; background:#FFF; font-size:0;}
        .styl-uvod .col50 .col50-img img {display:block;}
        .styl-uvod .col50 .col50-txt {float:right; width:200px; line-height:1.4;}
        .styl-uvod .col50 .col50-txt p, .styl-uvod .col50 .col50-txt h4 {margin:0; font-size:100%;}
        .styl-uvod .col50 .col50-txt .info {margin-bottom:5px; font-size:95%; font-weight:bold;}
    
            a.a-styl-clanky {padding-right:10px; background:url("../design/sipka-clanky.gif") 100% 50% no-repeat !important; color:#DF0000 !important;}
            .box-clanky a {color:#DF0000 !important;}
            a.a-styl-zavody, .styl-zavody .vice-clanky {padding-right:10px; background:url("../design/sipka-zavody.gif") 100% 50% no-repeat !important; color:#006ED2 !important;}
            .box-zavody a {color:#006ED2 !important;}
            a.a-styl-bazar, .styl-bazar .vice-clanky {padding-right:10px; background:url("../design/sipka-bazar.gif") 100% 50% no-repeat !important; color:#FF7F00 !important;}
            .box-bazar a {color:#FF7F00 !important;}
            a.a-styl-akce, .styl-akce .vice-clanky {padding-right:10px; background:url("../design/sipka-akce.gif") 100% 50% no-repeat !important; color:#009f00 !important;}
            .box-akce a {color:#009f00 !important;}
            a.a-styl-databaze, .styl-databaze .vice-clanky {padding-right:10px; background:url("../design/sipka-databaze.gif") 100% 50% no-repeat !important; color:#7A5600 !important;}
            .box-databaze a {color:#7A5600 !important;}
            a.a-styl-katalog, .styl-katalog .vice-clanky {padding-right:10px; background:url("../design/sipka-katalog.gif") 100% 50% no-repeat !important; color:#EEC00A !important;}
            .box-katalog a {color:#EEC00A !important;}
            a.a-styl-video, .styl-video .vice-clanky {padding-right:10px; background:url("../design/sipka-video.gif") 100% 50% no-repeat !important; color:#000000 !important;}
            .box-video a {color:#000000 !important;}
            a.a-styl-forum, .styl-forum .vice-clanky {padding-right:10px; background:url("../design/sipka-forum.gif") 100% 50% no-repeat !important; color:#002C94 !important;}
            .styl-zavody .vice-clanky, .styl-bazar .vice-clanky, .styl-databaze .vice-clanky, .styl-katalog .vice-clanky, .styl-forum .vice-clanky { background-position: 100% 4px !important; }

            a:hover.a-styl-clanky, a:hover.a-styl-zavody, a:hover.a-styl-bazar, a:hover.a-styl-akce, a:hover.a-styl-databaze, a:hover.a-styl-katalog, a:hover.a-styl-forum {color:#000 !important;}
            .box-clanky a:hover, .box-zavody a:hover, .box-bazar a:hover, .box-akce a:hover, .box-databaze a:hover, .box-katalog a:hover, .box-forum a:hover {color:#000 !important;}

.styl-uvod #panel-vpravo dl.forum {margin-top:0;}
.styl-uvod #panel-vpravo dl.forum dt {font-weight:normal;}
.styl-uvod #panel-vpravo dl.forum dd {margin:0; padding-left:10px; background:url("../design/dl-forum-dd.gif") 0 3px no-repeat; font-size:95%; color:#616984;}

/* ----------------------------------------------------------------------------------------------------------
5b) Stránka: Články (.styl-clanky)
---------------------------------------------------------------------------------------------------------- */

.styl-clanky #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-clanky.jpg") 0 0 no-repeat;}

.styl-clanky #obsah a, .styl-clanky .col-content a {color:#DF0000;}
.styl-clanky #obsah a:hover, .styl-clanky .col-content a:hover {color:#000;}

.styl-clanky #panel-vlevo #subnav-title {background:#DF0000;}
.styl-clanky #panel-vlevo li#subnav-aktivni a {background-image:url("../design/subnav-active-clanky.gif"); color:#DF0000;}       
.styl-clanky #panel-vlevo li#subnav-aktivni-drop a {background-image:url("../design/subnav-active-clanky-drop.gif"); color:#DF0000;}
.styl-clanky #panel-vlevo li#subnav-aktivni-drop ul {border-top:1px solid #DF0000; border-bottom:1px solid #DF0000;}
.styl-clanky #panel-vlevo li#subnav-aktivni-drop ul li a {background-color:#FDF2F2;}
.styl-clanky #panel-vlevo li#subnav-aktivni-drop ul li#subnav-aktivni-sub a {background-image:url("../design/subnav-active-clanky-sub.gif"); color:#DF0000;}
.text-clanku img {padding:2px; border:1px solid #9BAFCD; background:#FFF; font-size:0;margin:2px;}
.text-clanku #map img {padding:0px; background:transparent; font-size:0;margin:0px;}
.text-clanku .centered{padding:10px 0px 10px 0px;}
/*#9BAFCD*/
.text-clanku .leftfloated {float:left;margin-right:15px;}
.text-clanku .rightfloated {float:right;margin-left:15px;}
.text-clanku h2{border-bottom:1px solid #9BAFCD;color:#334766;margin-bottom:10px !important;padding:10px 0px 0px 0px;font-size:14px !important;}



.styl-clanky .title-01 { float: left; margin-bottom:5px !important; padding-left:22px; background:url("../design/title-01-clanky.gif") 3px 30% no-repeat; font-size:120% !important;}
.styl-clanky .title-02 {padding-left:22px; background:url("../design/title-02-clanky.gif") 0 30% no-repeat;}
.count { float: right; margin: 0; line-height: 2; }

.styl-clanky .kapitoly h4 {padding:5px 5px 5px 25px; background:#F3F3F3 url("../design/title-01-clanky.gif") 5px 50% no-repeat;}

.styl-clanky .bt, .styl-clanky .topclanek { clear: both; border-top:1px solid #E11932;}

a.vice-clanky {padding-right:10px; background:url("../design/sipka-clanky.gif") 100% 4px no-repeat; color:#DF0000;}
a:hover.vice-clanky {color:#000 !important;}

#kapitoly { clear: both; margin: 15px 0; padding: 5px; border: 1px solid #d2d8df;background-color:#f2f2f2; }
#kapitoly h4 { margin: 0; padding: 5px 5px 5px 25px; background: #c3c3c3 url('../design/title-01-clanky.gif') 5px 50% no-repeat; font-size: 105%; }
#kapitoly ol { margin: 5px 0 5px 25px; }

/* ----------------------------------------------------------------------------------------------------------
5c) Stránka: Zavody (.styl-zavody)
---------------------------------------------------------------------------------------------------------- */

.styl-zavody #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-zavody.jpg") 0 0 no-repeat;}

.styl-zavody #obsah a {color:#006ED2;}
.styl-zavody #obsah a:hover {color:#000;}



.styl-zavody #panel-vlevo #subnav-title {background:#006ED2;}
.styl-zavody #panel-vlevo li#subnav-aktivni a {background-image:url("../design/subnav-active-zavody.gif"); color:#006ED2;}       
.styl-zavody #panel-vlevo li#subnav-aktivni-drop a {background-image:url("../design/subnav-active-zavody-drop.gif"); color:#006ED2;}
.styl-zavody #panel-vlevo li#subnav-aktivni-drop ul {border-top:1px solid #006ED2; border-bottom:1px solid #006ED2;}
.styl-zavody #panel-vlevo li#subnav-aktivni-drop ul li a {background-color:#EAF3FB;}
.styl-zavody #panel-vlevo li#subnav-aktivni-drop ul li#subnav-aktivni-sub a {background-image:url("../design/subnav-active-zavody-sub.gif"); color:#006ED2;}

.styl-zavody .title-01 {margin-bottom:5px !important; padding-left:22px; background:url("../design/title-01-zavody.gif") 3px 30% no-repeat; font-size:120% !important;}
.styl-zavody .title-02, .rss h3 {padding-left:22px; background:url("../design/title-02-zavody.gif") 0 30% no-repeat;}

.styl-zavody .topclanek {border-top:1px solid #006ED2;}

a.vice-zavody {padding-right:10px; background:url("../design/sipka-zavody.gif") 100% 4px no-repeat; color:#006ED2 !important;}
a:hover.vice-zavody {color:#000 !important;}

/* ----------------------------------------------------------------------------------------------------------
5d) Stránka: Bazar (.styl-bazar)
---------------------------------------------------------------------------------------------------------- */

.styl-bazar #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-bazar.jpg") 0 0 no-repeat;}

.styl-bazar #obsah a {color:#E67200;}
.styl-bazar #obsah a:hover {color:#000;}

.styl-bazar #panel-vlevo #subnav-title {background:#FF7F00;}
.styl-bazar #panel-vlevo li#subnav-aktivni a {background-image:url("../design/subnav-active-bazar.gif"); color:#FF7F00;}       
.styl-bazar #panel-vlevo li#subnav-aktivni-drop a {background-image:url("../design/subnav-active-bazar-drop.gif"); color:#FF7F00;}
.styl-bazar #panel-vlevo li#subnav-aktivni-drop ul {border-top:1px solid #FF7F00; border-bottom:1px solid #FF7F00;}
.styl-bazar #panel-vlevo li#subnav-aktivni-drop ul li a {background-color:#FBF2EA;}
.styl-bazar #panel-vlevo li#subnav-aktivni-drop ul li#subnav-aktivni-sub a {background-image:url("../design/subnav-active-bazar-sub.gif"); color:#FF7F00;}

.styl-bazar .title-01 {margin-bottom:5px !important; padding-left:22px; background:url("../design/title-01-bazar.gif") 3px 30% no-repeat; font-size:120% !important;}
.styl-bazar .title-02 {padding-left:22px; background:url("../design/title-02-bazar.gif") 0 30% no-repeat;}
.styl-bazar .ico-send {padding-left:30px; background:url("../design/bazar-ico-send.gif") 0 50% no-repeat;}
.styl-bazar .ico-foto {padding-left:22px; background:url("../design/bazar-ico-foto.gif") 0 30% no-repeat;}

.styl-bazar .topclanek {border-top:1px solid #FF7F00;}

.styl-bazar .bt {border:0 !important; border-top:1px solid #FF7F00 !important;}

.styl-bazar .bazar-img {float:left; width:210px;}
.styl-bazar .bazar-desc {float:right; width:270px;}
.styl-bazar .firemni{padding-right:15px; background:url("../design/bazar_firemni.gif") top right no-repeat;}
.firemni.list-txt{width:369px}    

    .styl-bazar #bazar-info {margin:10px 0;}
    .styl-bazar #bazar-info dt {float:left; display:block; width:80px;}
    
    .styl-bazar #bazar-service {float:right; width:250px; border-left:1px solid #D2D8DF; padding-left:10px;}
    .styl-bazar #bazar-service ul {margin:10px 0; list-style:none;}
    .styl-bazar #bazar-service ul li {padding-left:20px;}
    .styl-bazar #bazar-service ul li#bazar-ico-schranka {background:url("../design/bazar-ico-schranka.gif") 0 2px no-repeat;}
    .styl-bazar #bazar-service ul li#bazar-ico-tisk {background:url("../design/bazar-ico-tisk.gif") 0 2px no-repeat;}
    .styl-bazar #bazar-service ul li#bazar-ico-doporucit {background:url("../design/bazar-ico-doporucit.gif") 0 2px no-repeat;}
    .styl-bazar #bazar-service ul li#bazar-ico-uzivatele {background:url("../design/bazar-ico-uzivatele.gif") 0 2px no-repeat;}

.styl-bazar .ico-schranka {padding-left:15px; background:url("../design/bazar-ico-schranka.gif") 0 3px no-repeat;}
.styl-bazar .out {padding-right:13px; background:url("../design/out-bazar.gif") 100% 50% no-repeat;}
.styl-bazar .vyrazne {color:#E67200;}

/* ----------------------------------------------------------------------------------------------------------
5e) Stránka: Databáze (.styl-databaze)
---------------------------------------------------------------------------------------------------------- */

.styl-databaze #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-databaze.jpg") 0 0 no-repeat;}

.styl-databaze #obsah a {color:#7A5600;}
.styl-databaze #obsah a:hover {color:#000;}

.styl-databaze #panel-vlevo #subnav-title {background:#7A5600;}
.styl-databaze #panel-vlevo li#subnav-aktivni a {background-image:url("../design/subnav-active-databaze.gif"); color:#7A5600;}       
.styl-databaze #panel-vlevo li#subnav-aktivni-drop a {background-image:url("../design/subnav-active-databaze-drop.gif"); color:#7A5600;}
.styl-databaze #panel-vlevo li#subnav-aktivni-drop ul {border-top:1px solid #7A5600; border-bottom:1px solid #7A5600;}
.styl-databaze #panel-vlevo li#subnav-aktivni-drop ul li a {background-color:#FBF6EA;}
.styl-databaze #panel-vlevo li#subnav-aktivni-drop ul li#subnav-aktivni-sub a {background-image:url("../design/subnav-active-databaze-sub.gif"); color:#7A5600;}

.styl-databaze .title-01 {margin-bottom:5px !important; padding-left:22px; background:url("../design/title-01-databaze.gif") 3px 30% no-repeat; font-size:120% !important;}
.styl-databaze .title-02 {padding-left:22px; background:url("../design/title-02-databaze.gif") 0 30% no-repeat;}

.styl-databaze .bt {border:0 !important; border-top:1px solid #7A5600 !important;}

.styl-databaze #obsah .vice {padding-right:10px; background:url("../design/sipka-databaze.gif") 100% 50% no-repeat;}

.styl-databaze #kalendar {margin:5px 0 15px 0; border-top:1px solid #C3CBD5; list-style:none;}
.styl-databaze #kalendar li {display:block; float:left; width:40px; padding:3px 0; border-bottom:1px solid #C3CBD5; text-align:center;}
.styl-databaze #kalendar li#kalendar-active {background:#FFF; font-weight:bold; color:#7A5600;}
.styl-databaze #kalendar a {color:#334766;}

.styl-databaze .databaze-logo {float:left; width:120px; font-size:95%;}
.styl-databaze .databaze-index {float:right; width:340px;}
.styl-databaze .databaze-index ul {margin-top:0;}

.styl-databaze .databaze-jezdec {float:left; width:130px;}
.styl-databaze .databaze-desc {float:right; width:350px;}

    .styl-databaze .databaze-desc table {margin:0;}
    .styl-databaze .databaze-desc table td {padding:1px 0;}
    
.styl-databaze #databaze-moznosti {clear:both; margin-top:10px; padding:5px 10px;  background:#F0F2F4;}
.styl-databaze #databaze-moznosti a {color:#334766;}
.styl-databaze #databaze-moznosti a:hover {color:#000;}

    #databaze-ico-poslat {margin-right:10px; padding-left:20px; background:url("../design/databaze-ico-poslat.gif") 0 2px no-repeat;}
    #databaze-ico-pridat {margin-right:10px; padding-left:20px; background:url("../design/databaze-ico-pridat.gif") 0 2px no-repeat;}
    #databaze-ico-klub {margin-right:10px; padding-left:20px; background:url("../design/databaze-ico-klub.gif") 0 2px no-repeat;}

.styl-databaze .topclanek {margin:10px 0;}

.styl-databaze table.list {width:505px;}
.styl-databaze table.list td {border:1px solid #D2D8E0;}
.styl-databaze table.list th.kat {background:#FBF6EA; color:#7A5600; text-align:center; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
5f) Stránka: Katalog (.styl-katalog)
---------------------------------------------------------------------------------------------------------- */

.styl-katalog #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-katalog.jpg") 0 0 no-repeat;}

.styl-katalog #obsah a {color:#BE9808;}
.styl-katalog #obsah a:hover {color:#000;}



.styl-katalog #panel-vlevo #subnav-title {background:#EEC00A;}
.styl-katalog #panel-vlevo li#subnav-aktivni a {background-image:url("../design/subnav-active-katalog.gif"); color:#BE9808;}       
.styl-katalog #panel-vlevo li#subnav-aktivni-drop a {background-image:url("../design/subnav-active-katalog-drop.gif"); color:#BE9808;}
.styl-katalog #panel-vlevo li#subnav-aktivni-drop ul {border-top:1px solid #EEC00A; border-bottom:1px solid #EEC00A;}
.styl-katalog #panel-vlevo li#subnav-aktivni-drop ul li a {background-color:#FCF9EE;}
.styl-katalog #panel-vlevo li#subnav-aktivni-drop ul li#subnav-aktivni-sub a {background-image:url("../design/subnav-active-katalog-sub.gif"); color:#BE9808;}

.styl-katalog .title-01 {margin-bottom:5px !important; padding-left:22px; background:url("../design/title-01-katalog.gif") 3px 30% no-repeat; font-size:120% !important;}
.styl-katalog .title-02 {padding-left:22px; background:url("../design/title-02-katalog.gif") 0 30% no-repeat;}

.styl-katalog #obsah .vice {padding-right:10px; background:url("../design/sipka-katalog.gif") 100% 50% no-repeat;}

.styl-katalog .topclanek {border-top:1px solid #EEC00A;}

.styl-katalog .bt {border:0 !important; border-top:1px solid #EEC00A !important;}
.styl-katalog .vyrazne {color:#BE9808;}

.styl-katalog .cols30-70 .col30 {float:left; width:130px;}
.styl-katalog .cols30-70 .col70 {float:right; width:345px;}

.katalog-ico-plus {padding-left:15px; background:url("../design/katalog-ico-plus.gif") 0 3px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
5g) Stránka: Akce a srazy (.styl-akce)
---------------------------------------------------------------------------------------------------------- */

.styl-akce #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-akce.jpg") 0 0 no-repeat;}

.styl-akce #obsah a {color:#009F00;}
.styl-akce #obsah a.selected {font-weight: bold; color:#000;}
.styl-akce #obsah a:hover {color:#000;}

.styl-akce #panel-vlevo #subnav-title {background:#009F00;}
.styl-akce #panel-vlevo li#subnav-aktivni a {background-image:url("../design/subnav-active-akce.gif"); color:#009F00;}       
.styl-akce #panel-vlevo li#subnav-aktivni-drop a {background-image:url("../design/subnav-active-akce-drop.gif"); color:#009F00;}
.styl-akce #panel-vlevo li#subnav-aktivni-drop ul {border-top:1px solid #009F00; border-bottom:1px solid #009F00;}
.styl-akce #panel-vlevo li#subnav-aktivni-drop ul li a {background-color:#EAFBEA;}
.styl-akce #panel-vlevo li#subnav-aktivni-drop ul li#subnav-aktivni-sub a {background-image:url("../design/subnav-active-akce-sub.gif"); color:#009F00;}

.styl-akce .title-01 {margin-bottom:5px !important; padding-left:22px; background:url("../design/title-01-akce.gif") 3px 30% no-repeat; font-size:120% !important;}
.styl-akce .title-02 {padding-left:22px; background:url("../design/title-02-akce.gif") 0 30% no-repeat;}

.styl-akce #obsah .vice {padding-right:10px; background:url("../design/sipka-akce.gif") 100% 50% no-repeat;}

.styl-akce .topclanek {border-top:1px solid #009F00;}

.styl-akce .bt {border:0 !important; border-top:1px solid #009F00 !important;}
.styl-akce .vyrazne {color:#009F00;}

.akce-ico-emailem {margin-right:17px; padding-left:25px; background:url("../design/akce-ico-emailem.gif") 0 3px no-repeat;}
.akce-ico-tisk {padding-left:20px; background:url("../design/akce-ico-tisk.gif") 0 2px no-repeat;}
.akce-ico-odkaz {margin-right:15px; padding-left:15px; background:url("../design/akce-ico-odkaz.gif") 0 2px no-repeat;}
/* ----------------------------------------------------------------------------------------------------------
5g1) Stránka: video (.styl-video)
---------------------------------------------------------------------------------------------------------- */

.styl-video #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-video.gif") 0 0 no-repeat;}

.styl-video #obsah a {color:#000000;font-weight:bold;}
.styl-video #obsah a.selected {font-weight: bold; color:#000;}
.styl-video #obsah a:hover {color:#000;}

.styl-video #panel-vlevo #subnav-title {background:#000000;}
.styl-video #panel-vlevo li#subnav-aktivni a {background-image:url("../design/subnav-active-video.gif"); color:#000000;}       
.styl-video #panel-vlevo li#subnav-aktivni-drop a {background-image:url("../design/subnav-active-video-drop.gif"); color:#000000;}
.styl-video #panel-vlevo li#subnav-aktivni-drop ul {border-top:1px solid #000000; border-bottom:1px solid #000000;}
.styl-video #panel-vlevo li#subnav-aktivni-drop ul li a {background-color:#fafafa;}
.styl-video #panel-vlevo li#subnav-aktivni-drop ul li#subnav-aktivni-sub a {background-image:url("../design/subnav-active-video-sub.gif"); color:#000000;}

.styl-video .title-01 {margin-bottom:5px !important; padding-left:22px; background:url("../design/title-01-video.gif") 3px 30% no-repeat; font-size:120% !important;}
.styl-video .title-02 {padding-left:22px; background:url("../design/title-02-video.gif") 0 30% no-repeat;}

.styl-video #obsah .vice {padding-right:10px; background:url("../design/sipka-video.gif") 100% 50% no-repeat;}

.styl-video .topclanek {border-top:1px solid #000000;}

.styl-video .bt {border:0 !important; border-top:1px solid #000000 !important;}
.styl-video .vyrazne {color:#000000;}
.video-ico-plus {padding-left:15px; background:url("../design/video-ico-plus.gif") 0 3px no-repeat;}
/* ----------------------------------------------------------------------------------------------------------
5h) Stránka: Forum (.styl-forum)
---------------------------------------------------------------------------------------------------------- */

.styl-forum #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-forum.jpg") 0 0 no-repeat;}

.styl-forum #obsah a {color:#322C94;}
.styl-forum #obsah a:hover {color:#000;}

.styl-forum #panel-vlevo #subnav-title {background:#322C94;}
.styl-forum #panel-vlevo li#subnav-aktivni a {background-image:url("../design/subnav-active-forum.gif"); color:#322C94;}       
.styl-forum #panel-vlevo li#subnav-aktivni-drop a {background-image:url("../design/subnav-active-forum-drop.gif"); color:#322C94;}
.styl-forum #panel-vlevo li#subnav-aktivni-drop ul {border-top:1px solid #322C94; border-bottom:1px solid #322C94;}
.styl-forum #panel-vlevo li#subnav-aktivni-drop ul li a {background-color:#EDEDF7;}
.styl-forum #panel-vlevo li#subnav-aktivni-drop ul li#subnav-aktivni-sub a {background-image:url("../design/subnav-active-forum-sub.gif"); color:#322C94;}

.styl-forum #obsah {float:left; width:775px; padding:10px 0 15px 10px; background:none;}

.styl-forum .title-01 {margin-bottom:5px !important; padding-left:22px; background:url("../design/title-01-forum.gif") 3px 30% no-repeat; font-size:120% !important;}
.styl-forum .title-02 {padding-left:22px; background:url("../design/title-02-forum.gif") 0 30% no-repeat;}

.styl-forum #obsah .vice {padding-right:10px; background:url("../design/sipka-forum.gif") 100% 50% no-repeat;}

.styl-forum .bt {border:0 !important; border-top:1px solid #322C94 !important;}
.styl-forum .vyrazne {color:#322C94;}
.styl-forum .vstoupeno{background:url("../design/subnav-active-forum.gif") no-repeat scroll 2px center transparent;}
.styl-forum .bg {background-color:#F6F7F9;}
.styl-forum .bg.vstoupeno {background:url("../design/subnav-active-forum.gif") no-repeat scroll 2px center #F6F7F9;}
.styl-forum .potvrzeni {padding-left:20px; background:url("../design/forum-potvrzeni.gif") 0 3px no-repeat;}

.styl-forum .prispevek {clear:both; background:url("../design/prispevek.gif") 0 0 repeat-y;}
.styl-forum .prispevek-nadpis {border-top:1px solid #322C94; border-bottom:1px solid #C3C0F3; padding:5px; background:#EDEDF7;}
.styl-forum .prispevek-nadpis p {margin:0;}
.styl-forum .prispevek-info {float:left; width:180px; padding:10px;}
.styl-forum .prispevek-info  strong{display:block;}
.styl-forum .prispevek-info  strong.firma{background:url("../images/user_group_firma.png") right center no-repeat;}
.styl-forum .prispevek-info  strong.obchodnik{background:url("../images/user_group_firma.png") right center no-repeat;}
.styl-forum .prispevek-info  strong.moderator{background:url("../images/user_group_moderator.png") right center no-repeat;}
.styl-forum .prispevek-info p {overflow:hidden; width: 100%; margin:0;}
.styl-forum .prispevek-info div.border, .styl-forum .prispevek-info span.border {float: left; display: inline; margin: 5px 10px 5px 0; padding:2px; border:1px solid #9BAFCD; background:#FFF;}
.styl-forum .prispevek-info div.border img, .styl-forum .prispevek-info span.border img {float: none; display: block; border: none; padding: 0; font-size:0;}
.styl-forum .prispevek-txt {float:right; width:545px; padding:5px 10px; overflow:auto;}
.styl-forum .prispevek-txt p.quote{border:1px solid #322c94;margin-left:10px;padding-left:20px;background:url("../design/quote.gif") 3px 3px no-repeat;background-color:#F6F7F9;}
.styl-forum .prispevek-txt-in {min-height:130px;}
.styl-forum .prispevek-txt img { max-width: 545px; }

.chat-top { width:365px; padding:0px;margin:0px;}

    .chat-top ul {margin:0; list-style:none;padding-bottom:10px;}
    .chat-top ul li {padding-left:13px; background:url("../design/sipka-forum.gif") 0 5px no-repeat;}

.chat-list {width:775px; margin-top:0;}
.chat-list th {padding:3px 5px; border-bottom:1px solid #A6A6D8; background:#EDEDF7; font-weight:bold; color:#000; text-align:left;}

.chat-list tr td {padding:5px 9px; border:1px solid #DBDFE5;}

.forum-online {padding-left:10px; background:url("../design/forum-online.gif") 0 50% no-repeat; color:#3a0;}
.forum-offline {padding-left:10px; background:url("../design/forum-offline.gif") 0 50% no-repeat; color:#d00;}

/* ----------------------------------------------------------------------------------------------------------
5i) Stránka: Admin a univerzální (.styl-admin)
---------------------------------------------------------------------------------------------------------- */

.styl-admin #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-admin.jpg") 0 0 no-repeat;}
.styl-admin.uni #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka.jpg") 0 0 no-repeat;}
.vyhledavani #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-vyhledavani.jpg") 0 0 no-repeat;}
.detail #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-detail.jpg") 0 0 no-repeat;}
.registrace #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-registrace.jpg") 0 0 no-repeat;}

.styl-admin #panel-vlevo #subnav-title, .styl-admin #panel-vlevo #subnav-title-02 {background:#969DB3; color:#FFF;}
.styl-admin #panel-vlevo #subnav-title-02 {margin-top:10px;}
.styl-admin #panel-vlevo li#subnav-aktivni a {background-image:url("../design/subnav-active-admin.gif"); background-color:#E1E3E9; color:#334766;}       

.styl-admin .bt {border:0 !important; border-top:1px solid #969DB3 !important;}
.vice {padding-right:10px; background:url("../design/sipka-admin.gif") 100% 50% no-repeat;}

.styl-admin #obsah {float:left; width:775px; padding:10px 0px; 15px 10px; background:url("../design/admin-obsah.gif") 0 0 repeat-y;}
.styl-admin #panel-vlevo-02 {float:left; width:180px;}
    
    .styl-admin #panel-vlevo-02 ul {margin:27px 0; list-style:none;}
    .styl-admin #panel-vlevo-02 ul li {display:inline; margin:0;}
    .styl-admin #panel-vlevo-02 ul li a {display:block; padding:2px 10px; border-bottom:1px solid #C3C7D3; background:url("../design/subnav-active-admin.gif") 170px 6px no-repeat; text-decoration:none;}
    .styl-admin #panel-vlevo-02 ul li a:hover {background-color:#FFF;}
    .styl-admin #panel-vlevo-02 ul li#active a {background-color:#C3C7D3; font-weight:bold;}

.styl-admin #panel {float:right; width:570px;}

    .styl-admin #panel .col50 {float:left; width:270px;}

.styl-admin #obsah-bottom {padding:10px; border-top:1px solid #D2D5DE; }

    .styl-admin #obsah-bottom .col50 {float:left; width:440px;}
    .styl-admin #obsah-bottom .col50 .nahled {float:left; width:110px;}
    .styl-admin #obsah-bottom .col50 ul {float:right; width:330px;} 

.styl-admin .title-01 {margin-bottom:5px !important; padding-left:22px; background:url("../design/title-01-admin.gif") 3px 30% no-repeat; font-size:120% !important;}
.styl-admin .title-02 {padding-left:22px; background:url("../design/title-02-admin.gif") 0 30% no-repeat;}

.styl-admin .vyrazne {color:#78819D;}

.logout {float:right; padding:0px 5px; background:url("../design/admin-logout.gif") 0 0 repeat-x;}
.admin-ico-zprava {margin-right:10px; padding-left:15px; background:url("../design/admin-ico-zprava.gif") 0 3px no-repeat;}
.admin-ico-pratele {margin-right:10px; padding-left:15px; background:url("../design/admin-ico-pratele.gif") 0 3px no-repeat;}
.admin-ico-odpoved {padding-left:13px; background:url("../design/admin-ico-odpoved.gif") 0 3px no-repeat;} 

.req {color:#D00;}

.pruvodce, .tabulka { width: 100%; }
.pruvodce th, .pruvodce td, .tabulka th, .tabulka td { font-weight: normal;   border: 1px solid #D2D8DF;}
.pruvodce th,  .tabulka th{background-color:#F0F1F4;border: 1px solid #d2d8df;}
.pruvodce td{border:1px solid #d2d8df;}
.pruvodce a{font-weight:bold;}
.pruvodce .done { color: #d2d8df; }
.pruvodce .selected { font-weight: bold; }

/* ----------------------------------------------------------------------------------------------------------
5j) Stránka: Univerzalní stránka (.styl-admin)
---------------------------------------------------------------------------------------------------------- */

.col-content {float:left; width:650px; padding-bottom:10px; border-bottom:0 !important}
.col-photo {float:right; width:250px;}

    #autor-foto {float:right; padding:5px;}

    .col-content .list, .list-wrap .list {padding:10px 0; background:url("../design/dot-02.gif") 0 100% repeat-x;}
    .col-content .list-img , .list-wrap .list-img {float:left; padding:2px; border:1px solid #9BAFCD; background:#FFF; font-size:0;}
    .col-content .list-txt, .list-wrap .list-txt {float:right; width:515px; line-height:1.4;}
    .col-content .list-txt p, .list-txt h4, .list-wrap .list-txt p, .list-wrap .list-txt h4 {margin:0; font-size:100%;}
    .col-content .list-txt h4, .list-wrap .list-txt h4 {font-weight:normal;}
    .col-content .list-txt .info, .list-wrap .list-txt .info {margin-bottom:5px; font-size:95%; font-weight:bold;}
    .col-content .list-txt .info a:hover, .list-wrap .list-txt .info a:hover {text-decoration: none;}
		.col-content .list-item, .list-wrap .list-item {overflow: hidden; width: 100%; margin: 5px 0; border-left: 2px solid #eaecf0; clear: both;}
		.col-content .list-item .list-img, .list-wrap .list-item .list-img { margin-left: 5px; display: inline; }
		.col-content .act, .list-wrap .act {border-color: #7a5600;}
		.equipment .list-item .list-txt, .list-wrap .list-txt { width: 370px; }

.vysledek {clear:both; padding:10px 0; background:url("../design/dot-02.gif") 0 100% repeat-x;}
    .vysledek p {margin:0;}
		.vysledek img {float:left;padding:2px !important; border:1px solid #9BAFCD; background:#FFF; font-size:0;margin:2px;margin-right:10px;}
    .vysledek .vyrazne {background:#FF0; color:#000;}
		.styl-admin .box-01.bt .popisek{border-bottom: 1px dashed #9BAFCD;margin:2px;padding:2px;font-size:10px;font-style:italic;}
		.styl-admin .box-01{ margin:0px;padding:0px;}
		.styl-admin  .bt{ margin:0px;padding-left:5px;}

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

.rss ul li { display: block; list-style: none; padding-left: 10px; background: url('../design/ico-next.gif') 0 .4em no-repeat; }
.rss ul ul li { background-image: url('../design/sipka-zavody.gif'); }
.rss ul ul ul li { background-image: url('../design/sipka-lista.gif'); }
.rss div{
	width:235px;
	float:left;
}

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

.ul-databaze {margin-left:0; list-style:none;}
.ul-databaze li {padding-left:15px; background:url("../design/ul-01-databaze.gif") 0 50% no-repeat;}

.ul-databaze-02 {margin-left:0; list-style:none;}
.ul-databaze-02 li {padding-left:13px; background:url("../design/sipka-databaze.gif") 0 4px no-repeat;}

.ul-katalog-02, .ul-katalog-02-inline {margin-left:0; list-style:none;}
.ul-katalog-02 li {padding-left:13px; background:url("../design/sipka-katalog.gif") 0 4px no-repeat;}
.ul-katalog-02-inline li {display:block; float:left; width:145px; padding-left:13px; background:url("../design/sipka-katalog.gif") 0 6px no-repeat;}

.ul-akce-02 {margin-left:0; list-style:none;}
.ul-akce-02 li {padding-left:13px; background:url("../design/sipka-akce.gif") 0 4px no-repeat;}

.ul-admin {margin-left:0; list-style:none;}
.ul-admin li {padding-left:15px; background:url("../design/ul-01-admin.gif") 0 50% no-repeat;}

.ul-admin-02 {margin-left:0; list-style:none;}
.ul-admin-02 li {padding-left:13px; background:url("../design/sipka-admin.gif") 0 4px no-repeat;}

.ul-uzivatele {margin-left:0; list-style:none;}
.ul-uzivatele li {display:block; float:left; width:145px; padding-left:15px; background:url("../design/ul-uzivatele.gif") 0 50% no-repeat;}

.box-01 .cols50 {background:url("../design/dot-04.gif") 0 0 repeat-y;}
.box-01 .col50 {float:left; width:230px;}

.topclanek-img {float:left; padding:2px; border:1px solid #9BAFCD; background:#FFF; font-size:0;}
.topclanek-img img {display:block;}
.topclanek-txt {float:right; width:290px; line-height:1.4;}
.topclanek-txt p, .topclanek-txt h4 {margin:0; font-size:100%;}
.topclanek-txt h4 {font-size:120% !important; font-weight:bold;}
.topclanek-txt .info {margin-bottom:7px; font-size:95%; font-weight:bold;}

.col30 {float:left; width:155px; display:block; text-align:center;}
.col30.margin {margin:0 10px;}
.col30 h4 {margin:0;}
.col30 p {margin:3px 0;}

.kapitoly {clear: both;margin:10px 0; padding:5px; border:1px solid #D2D8DF; background:#FFF;}
.kapitoly h4 {padding-left:19px; margin:0;}
.kapitoly ol {margin:5px 0; margin-left:20px;}

#obsah #clanek-info {margin-top:0; padding-top:5px; background:url("../design/dot-02.gif") 0 0 repeat-x;}
#obsah #anotace {padding:10px 10px 0 10px; background:url("../design/anotace.gif") 0 0 repeat-x; overflow:hidden;}
#obsah #anotace p {margin-bottom:5px;}
#obsah #anotace img{padding:2px; border:1px solid #9BAFCD; background:#FFF; font-size:0;margin:5px !important;}

#hodnoceni {clear:both;}
#hodnoceni dt {clear:both; float:left; width:50px; text-align:center;}
#hodnoceni dd {float:left; width:435px; margin:0; margin-bottom:10px;}

#funkce {clear:both; margin-bottom:15px; padding-top:5px; background:url("../design/dot-02.gif") 0 0 repeat-x;}

    #funkce span {float:left; margin-right:30px;}
    #funkce #ico-komentare {padding-left:17px; background:url("../design/ico-komentare.gif") 0 2px no-repeat;}
    #funkce #ico-doporucit {padding-left:17px; background:url("../design/ico-doporucit.gif") 0 4px no-repeat;}
    #funkce #ico-tisk {padding-left:17px; background:url("../design/ico-tisk.gif") 0 3px no-repeat;}
    #funkce #ico-nahoru {padding-left:13px; background:url("../design/ico-nahoru.gif") 0 3px no-repeat;}
    #funkce a {color:#334766 !important;}
    #funkce a:hover {color:#000 !important;}

.box-01 {padding:10px 10px 20px 10px;margin-bottom: 20px;background:url("../design/box-01.gif") 0 0 repeat-x;} #panel-vpravo .box-01 {width:230px;}
.box-01 h3 {margin:0; margin-bottom:10px; padding-bottom:5px; background:url("../design/uvod-col50-h2.gif") 0 40% repeat-x; font-size:120%;}
.box-01 h3 span {padding-right:8px; background:#ECEEF1;}
.box-in {margin-bottom:10px; background:url("../design/dot-03.gif") 0 0 repeat-y;}

.box-02 {padding:10px; border:1px solid #D2D6DF; background:#F0F2F4;}

.list {padding:10px 0; background:url("../design/dot-02.gif") 0 100% repeat-x;}
.list-img {float:left; padding:2px; border:1px solid #9BAFCD; background:#FFF; font-size:0;}
.list-img img {display:block;}
.list-txt {float:right; width:380px; line-height:1.4;}
.list-txt p, .list-txt h4 {margin:0; font-size:100%;}
.list-txt h4 {font-weight:normal;}
.list-txt .info {margin-bottom:5px; font-size:95%; font-weight:bold;}

.komentar {clear:both; padding:10px;}
.komentar.bg {background:url("../design/box-01.gif") 0 0 repeat-x;}
.komentar-avatar {float:left; width:65px; padding:5px 0;}
.komentar-avatar p {margin:0;}
.komentar-text {float:right; width:415px;}

    .komentar-info {margin:0; padding-bottom:5px; background:url("../design/dot.gif") 0 100% repeat-x;}

.strankovani {margin-top:15px; margin-bottom:10px; padding:5px; background:#F0F1F4;}
.strankovani .strankovani-prev {float:left; padding-left:10px; background:url("../design/ico-prev.gif") 0 60% no-repeat;}
.strankovani .strankovani-next {float:right; padding-right:10px; background:url("../design/ico-next.gif") 100% 60% no-repeat;}
.strankovani .strankovani-list {display:block; margin:0 100px; text-align:center;}
.strankovani a.strankovani-aktivni {font-weight:bold; color:#000 !important; text-decoration:none;}

/* a.border img, img.border */ .border img {padding:2px; border:1px solid #9BAFCD; background:#FFF; font-size:0;}

.bt {border-bottom:1px solid #C3C8D5;}
.bb {padding:5px 0; background:url("../design/dot-02.gif") 0 100% repeat-x;}
.bb2 {margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #E1E5E9}

.ico-list, .ico-list-02 {padding-left:15px; background:url("../design/ico-list.gif") 0 3px no-repeat;}
.ico-list-02 {background:url("../design/ico-list-02.gif") 0 3px no-repeat;}
.ico-uzivatel {padding-left:15px; background:url("../design/ico-uzivatel.gif") 0 2px no-repeat;}
.ico-komentare {padding-left:17px; background:url("../design/ico-komentare.gif") 0 2px no-repeat;}

.online {padding-left:10px; background:url("../design/stav-online.gif") 0 4px no-repeat; color:#3A0;}
.offline {padding-left:10px; background:url("../design/stav-offline.gif") 0 4px no-repeat; color:#D00;}

.input {padding:3px 2px; border:1px solid #C3C8D5;}        
.btn,.submit {padding:2px; border:1px solid #334766; border-left:1px solid #78819D; border-top:1px solid #78819D; background:#5777A9; color:#FFF; font-weight:bold;}

.buttons a {padding:3px 6px; border:1px solid #878FA8; border-right:1px solid #222F44; border-bottom:1px solid #222F44; background:#334766; color:#FFF !important; text-decoration:none;}
.buttons-sm a {margin-right:5px;}

.info a {color:#000 !important;}

.padding {padding:10px;}
.padding-m {padding:5px;}
.m-right {margin-right:10px;}

.reklama {text-align:center; margin:0; margin-bottom:5px;}
.reklama650x70 {width:660px; margin:5px 0; text-align:center;}
.reklama650x120 {width:660px; margin:5px 0; text-align:center;}

#hlodej { text-align: center; }

.vyhledavani { table-layout: fixed; margin: 0 auto 20px; width: 460px; text-align: left; }
.vyhledavani tr td { padding-bottom: .4em; }
.vyhledavani th { width: 80px; text-align: right; }
.vyhledavani select { width: 130px; }
.vyhledavani input { width: 122px; padding: 2px; }
.vyhledavani input.btn { width: 130px; margin-left: 90px; padding: 2px 0; }

.hodnoceni table { table-layout: fixed; overflow: hidden; width: 100%; }
.hodnoceni th, .hodnoceni td { padding: 2px 10px; border-bottom: 1px solid #d2d6df; line-height: 2; }
.hodnoceni th { width: 200px; text-align: right; }
.hodnoceni td p { position: relative; display: block; width: 250px; margin: 0; background: #b7bccb; }
.hodnoceni td p em { display: block; height: 20px; line-height: 20px; color: #fff; background: #334766; font-style: normal; }
.hodnoceni td p span { position: absolute; left: 46%; top: 0; margin-top: 2px; padding: 0 2px; line-height: 16px; background: #7c87a8; }


.equipment, .denik { margin: 15px 0; }

.denik h4 { margin-bottom: 0; font-size: 100%; }
.denik p { margin-top: 0; }


/*-----------------------------------akce kalendar=====================*/
table.callendar{
	border-collapse:collapse;
	color:silver;
	font-size:11px;
	font-family: Arial, sans-serif;
	margin:auto;
	background: none;
}
.callendar a{
	text-decoration:underline;
}
.callendar a:hover{
	text-decoration:none;
}
.callendar td{
	width:25px;
}
.callendar td,.callendar th{
	text-align:center;
	height:25px;
}
.callendar .soucasnost,.callendar .soucasnost a{
	color:black
}
.callendar .today{
	background: url("http://www.quadmania.cz/images/ostatni/today.gif") no-repeat center center;
}
.callendar .sobota{
	font-weight:bold;
	color:black;
}
.callendar .nedele,.callendar .nedele a{
	font-weight:bold;
	color:red;
}
.callendar .minulost,.callendar .budoucnost{
	color:gray;
}
.callendar .minulost a,.callendar .budoucnost a{
	font-weight:normal;
	color:gray;
}
.callendar .navigace{
	font-size:14px;
}
.callendar .navigace,.callendar .navigace a{
	color:black;
	text-decoration:none;
}
.callendar .navigace.dalsi a{
	display:block;
	background: url("http://www.quadmania.cz/images/ostatni/dalsi.gif") no-repeat center center;
}
.callendar .navigace.predchozi a{
	display:block;	
	background: url("http://www.quadmania.cz/images/ostatni/predchozi.gif") no-repeat center center;
}
.callendar .dnyvtydnu{
	color:black;
	background: url("http://www.quadmania.cz/images/ostatni/50percent-white.gif") repeat; 
}
/* --- motokatalog start -- */
.styl-katalog-ctyrkolek #hlavicka {position:relative; background:#C3C8D5 url("../design/hlavicka-katalog-ctyrkolek.png") 0 0 no-repeat;}
#motokatalog-body{
   padding: 10px 0 10px 10px;
   width:930px;
}
.katalog-ctyrkolek .mainmenu {
	background: url('../images/mainmenumotokatalog.png') repeat-x left bottom;
}
.katalog-ctyrkolek {
	
}
.katalog-ctyrkolek .header h2 span {
	background: url('../images/header-h2-10.png') no-repeat left top;
}
.katalog-ctyrkolek .box{
	background: url("../design/box-01.gif") repeat-x scroll 0 0 transparent;
  padding:5px;
  margin-bottom:5px;
}
.katalog-ctyrkolek .box.left{
	width:533px;
	float:left;
}
.katalog-ctyrkolek .box533vypis h4 a{
	color:#522c1b;
}
.katalog-ctyrkolek .box a{
	font-weight:normal;
	color:#522c1b;
	text-decoration:underline;
}
.katalog-ctyrkolek .box a:hover{
	color:#be9272;
	text-decoration:none;
}
.katalog-ctyrkolek .box ul.seznam{
	float:left;
	font-size:12px;border-left:1px solid #ddd;
	list-style-type: none;
	margin:0px;	
}
.katalog-ctyrkolek .box ul.seznam li{
	padding:3px 0 0 10px;
	width:140px;
}
.katalog-ctyrkolek .box ul.modely li{
	margin-right:5px;
	overflow:hidden;
	white-space:nowrap;
	width:166px;
}
.katalog-ctyrkolek .box ul.seznam a{
	font-weight:normal;
}
.katalog-ctyrkolek .box ul.seznam a.top{
	font-weight:bold;
}
.katalog-ctyrkolek .box ul.seznam a:hover{
	text-decoration:underline;
}
.katalog-ctyrkolek .box ul.vypis{float:left;margin-right:5px;padding-right:5px;margin-top:0px;width:218px; list-style-type: none;}
.katalog-ctyrkolek .box ul.vypis ul{list-style-type:none;}
.katalog-ctyrkolek .box ul.vypis.border-right{border-right:1px solid #522C1B;}
.katalog-ctyrkolek .box ul.vypis ul{font-size:12px;padding-left:20px;}
.katalog-ctyrkolek .box ul.vypis ul li a{font-size:12px;font-weight:normal;}
.katalog-ctyrkolek h1.sekce,.katalog-ctyrkolek h2.sekce{
   background: url("../design/title-quad-katalog.gif") no-repeat scroll 0 30% transparent;
   margin: 3px 0;
   padding-left: 22px;
   font-size:14px;
	

}
.katalog-ctyrkolek .box .box{
	background:transparent;
}
.katalog-ctyrkolek .box-01{
	width:445px;
}
.katalog-ctyrkolek .box .box .list-img img{border:0px;margin:0px;padding:0px;}
.katalog-ctyrkolek .list-txt{
	width:330px;
}
.katalog-ctyrkolek h2.sekce.left{
	float:left;
	width:443px;
}
.katalog-ctyrkolek .box img{border:1px solid silver;padding:2px;}
.katalog-ctyrkolek .box img.hlavni{margin-right:10px;float:left;}
.katalog-ctyrkolek h2{
	font-size:12px;
	margin:0px;
}
.katalog-ctyrkolek .drobky{
	border-bottom:1px solid #000000;
	margin-bottom:18px;
	padding:0 0 6px 2px;
}
.katalog-ctyrkolek .drobky a{
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
}
.katalog-ctyrkolek .drobky a:hover{
	text-decoration:none;
}
.katalog-ctyrkolek .pismeno{
background-color:#522C1B;
color:white;
font-size:12px;
margin:0 10px 0 0;
padding:0 5px;
font-weight:bold;
text-align:center;
}
.katalog-ctyrkolek .leftfloated{float:left;}
.katalog-ctyrkolek .box ul.typy-uvod{
	margin:0px;
	padding:0px 0px 0px 20px;
}
.katalog-ctyrkolek .box ul.typy-uvod li{
	float:left;
	padding-right:20px;
}
.katalog-ctyrkolek .box ul.typy{
 border-bottom: 1px solid black;
    float: left;
    margin: 0 0 10px;
    padding: 0 0 17px 16px;
    width: 893px;
}

.katalog-ctyrkolek .box ul.typy li{
float:left;
margin-left: 23px;
}
.katalog-ctyrkolek .box ul.typy li a{
color:#522C1B;
}
.katalog-ctyrkolek .box ul.typy li a:hover, .katalog-ctyrkolek .box ul.typy li a.selected{
	background-color:#522C1B;
	color:white;
	text-decoration:none;
}
.katalog-ctyrkolek #rocniky a {
		text-decoration:none;
	margin:0px 4px;
	float:left;
	display:block;
}
.katalog-ctyrkolek #rocniky a.selected {
 	 background: url("/images/motokatalog-bazar-zalozka.png") no-repeat scroll left top transparent;
	color:white;
	width:60px;
	font-weight:bold;

}
.katalog-ctyrkolek .box533vypis{
	width:930px;
}
.katalog-ctyrkolek .box533vypis .text{
	width:810px;
}
.katalog-ctyrkolek .t-right{margin-top:0px;}
.katalog-ctyrkolek .small{
	width:470px;
	float:left;
}
.katalog-ctyrkolek .box.small{
	width:429px;
	float:left;
}
.katalog-ctyrkolek .small .box533vypis{
	width:445px;
	height:100px;
}
.katalog-ctyrkolek .small .box533vypis .text{
	width:346px;
}
.katalog-ctyrkolek .middle{
		margin-bottom:10px;
}
.katalog-ctyrkolek .motokatalog-vyhledavani input.btn{
	width:auto;
}
.katalog-ctyrkolek .motokatalog-vyhledavani input,.katalog-ctyrkolek .motokatalog-vyhledavani select{
	width:115px;
}
.katalog-ctyrkolek .motokatalog-vyhledavani .skupina{
	color:#522C1B;
	font-size:16px;
	padding:7px 0;
	text-align:left;
}
.katalog-ctyrkolek .motokatalog-vyhledavani th{
	text-align:right;
}
.katalog-ctyrkolek .motokatalog-vyhledavani th div{
	border-bottom:1px solid #522C1B;
	padding-top:25px;
}
.katalog-ctyrkolek .box.sloupek{
	width:352px;
	float:right;
}
.katalog-ctyrkolek .box.sloupek img{
	float:left;
	margin-right:5px;
}
.katalog-ctyrkolek .box.sloupek h4{
	font-size:12px;
}
.katalog-ctyrkolek .box.sloupek h4 a{
	font-weight:bold;
}
.katalog-ctyrkolek .galerie-uvodka{
	float:right;width:394px;height:212px;overflow:hidden;
}
.katalog-ctyrkolek .galerie-uvodka h3{
	text-align:right;
	font-size:12px;
}
.katalog-ctyrkolek .ico{height:20px;padding-left:20px;}
.ico.iclanky{background:url("/images/motokatalog/clanky_16.png") no-repeat left center}
.ico.imajitele{background:url("/images/motokatalog/zkusenosti_16.png") no-repeat left center}
.ico.ihodnoceni{background:url("/images/motokatalog/hodnoceni_16.png") no-repeat left center}
.ico.imanualy{background:url("/images/motokatalog/manualy_16.png") no-repeat left center}
.ico.ibazar{background:url("/images/motokatalog/bazar_16.png") no-repeat left center}
.ico.iforum{background:url("/images/motokatalog/forum_16.png") no-repeat left center}
.ico.ipneu{background:url("/images/motokatalog/pneu_16.png") no-repeat left center}

/*  manualy  */
.styl-databaze .znacky-pro-manualy{
	width:200px;
	float:left;	
}
.styl-databaze .znacky-pro-manualy h2 a{
	font-size:12px;
	font-weight:bold;
}
.styl-databaze .znacky-pro-manualy h2 span{
	font-size:10px;
}
.styl-databaze .znacky-pro-manualy a{
	text-decoration:underline;
	color: #91650C;
}
.styl-databaze .znacky-pro-manualy a:hover{
	text-decoration:none;
}
.styl-databaze .modely-pro-manualy{
	width:300px;
	float:right;
}
.styl-databaze .modely-pro-manualy *{
	list-style-type:circle;
}
.styl-databaze .modely-pro-manualy ul{
	padding-left:15px;
}
.styl-databaze .modely-pro-manualy ul a{
	text-decoration:underline
}
.styl-databaze .modely-pro-manualy ul a:hover{
	text-decoration:none
}
.styl-databaze .modely-pro-manualy ul ul *{
	list-style-type:square;
	font-weight:normal;
	color: #91650C;
}
.styl-databaze .modely-pro-manualy ul li ul li span{
	color:black;
}