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

    Trh půjček
    www.trhprujcek.cz

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

    Autor:              Vít Dlouhý (vit.dlouhy@nuvio.cz), Nuvio (www.nuvio.cz)
    Poslední revize:    2008-04-21, 12:05 GMT+1
    Verze stylopisu:    2.1 (2008-03-19, 15:43 GMT+1)

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

    Obsah:
    
        1) Reset
        2) Výchozí hodnoty HTML tagů
        3) Univerzální styly (display, float, margin, text-align...) a vlastnosti
        4) Obecné HTML styly (table, ul, dl...)
        5) Layout
        6-1) Stránka: Úvod
        6-2) Stránka: Podstránky
        6-3) Stránka: Kategorie
        6-4) Stránka: Detail
        Z) Nezařaditelné

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

/* ----------------------------------------------------------------------------------------------------------
1) Reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}

/* ----------------------------------------------------------------------------------------------------------
2) Výchozí hodnoty HTML tagů
---------------------------------------------------------------------------------------------------------- */

body {background:#d5e7ee url("../design/bg.gif") 50% 0 repeat-y; color:#000; font:0.8em/1.5 "arial", sans-serif; text-align:center;}

a {color:#2d7895;}
a:hover {color:#F80;}

h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:120%; color:#2d7895;}
h4, 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:3px 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 #BAD8E5;}
fieldset table {margin:0;}
legend {margin:0; padding:3px 5px; background:#80BBCD; font-size:100%; font-weight:bold; color:#FFF;}

abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}
.help {cursor:help;}
del {text-decoration:line-through;}
strong {font-weight:bold;}
blockquote {margin:15px 20px;}
cite, em, q, blockquote {font-style:italic;}
pre, code, kbd, samp {font-family:monospace; font-size:110%;}
sub, sup {line-height:0;}

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

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

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

.clear {clear:both;}

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

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

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

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

.noscreen {display:none;}
.novisible {position:absolute; left:-1000px; top:-1000px; width:1px; height:1px; overflow:hidden;}

.width100 {width:100%;}
.bigger {font-size:110%;}
.smaller {font-size:85%;}

.high {color:#F90;}
.high-02 {color:#2d7895;}
.high-03 {color:#B28F00;}
a:hover.high {color:#2d7895 !important;}
.low {color:#777;}

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

table.table-style01 {border:1px solid #DAECF1;}
table.table-style01 th {background:#2d7895; color:#FFF;}
table.table-style01 th, table.table-style01 td {border:1px solid #DAECF1;}
table.table-style01 tr.bg td {background:#F7FBFC;}

ul.ul-style01, ul.ul-style01 ul {list-style:none;}
ul.ul-style01 li {padding-left:20px; background:url("../design/nav-active.gif") 0 2px no-repeat;}
ul.ul-style01 ul {margin:0;}
ul.ul-style01 ul li {background:url("../design/nav-link.gif") 0 2px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
5) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; background:#FFF; text-align:left; overflow:hidden;}

	#header {height:122px; padding:0 20px; background:url("../design/header.gif") 0 0 repeat-x;}
    #header-in {position:relative; height:122px; background:url("../design/header-in.jpg") 720px 0 no-repeat;}

        #logo {position:absolute; top:25px; left:0;}
        #logo h1 {position:relative; overflow:hidden; width:186px; height:47px; margin:0; padding:0; font-size:180%;}
        #logo h1 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;}

        #fullbanner {position:absolute; left:210px; top:20px;}

    #cols {padding:0 15px;}

    #aside-left {float:left; width:200px; overflow:hidden;}
    
        #aside-left .title {padding:5px 10px 0 10px; background:#FF9F00 url("../design/aside-title-top.gif") 0 0 no-repeat; font-size:100%;}
        #aside-left .title a {display:block; color:#FFF; text-decoration:none;}
        #aside-left .title-bottom {width:200px; height:5px; background:#FF9F00 url("../design/aside-title-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
        
        .nav {margin:5px 0 15px 0; list-style:none;}
        .nav li {display:inline;}
        .nav li a {display:block; padding:2px 0 2px 20px; border-bottom:1px solid #daecf1; background:url("../design/nav-link.gif") 0 6px no-repeat; text-decoration:none;}
        .nav li#nav-active a {background:url("../design/nav-active.gif") 0 6px no-repeat; font-weight:bold;}
        .nav li.margin a {margin-top:15px;}
        .nav li.last a {border-bottom:0;}
    
    #col-r {float:right; width:715px; padding-bottom:15px;}
    
        #content {float:left; width:540px;}
        
            #content h2 {margin:10px 0; font-size:180%; letter-spacing:-1px; color:#2d7895;}
        
        #aside-right {float:right; width:160px; overflow:hidden;}

            #info-top {width:160px; height:5px; background:#F4FAFB url("../design/info-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
            #info-bottom {width:160px; height:5px; margin-bottom:10px; background:url("../design/info-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
            #info {padding:2px 10px 7px 10px; border-bottom:1px solid #DAECF0; background:#F4FAFB url("../design/info.gif") 0 0 repeat-y; text-align:center;}
            #info-02 {padding:10px 10px 5px 10px; background:url("../design/info-02.gif") 0 0 repeat-y; text-align:center;}

    #footer-links {clear:both; padding:16px 15px 15px 15px; background:#e9f4f6 url("../design/footer-links.gif") 0 0 repeat-x; text-align:center; color:#5CA7BF;}
    #footer-links span {margin:0 3px; color:#B6DAE2;}

	#footer {clear:both; padding:10px 15px;}
	#footer p {margin:0; color:#777;}
	#footer a {color:#777;}
	#footer a:hover {color:#444;}

        .ico-rss {padding-left:17px; background:url("../design/rss.gif") 0 2px no-repeat;}

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

#search-top {width:540px; height:5px; background:url("../design/search-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#search-bottom {width:540px; height:5px; margin-bottom:15px; background:url("../design/search-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#search {margin:0; padding:5px 10px 2px 10px; border:0; background:#FFEFB5;}

    #search h3 {margin:0; margin-bottom:7px; padding-bottom:2px; border-bottom:1px solid #FFC900; font-size:85%; text-transform:uppercase; color:#F80;}
    #search p {margin:3px 0;}
    #search #submit {position:relative; top:6px;}
    #search select {font:100%/1 "arial",sans-serif;}
    #search select option {padding-left:7px; padding-right:10px;}
    #search select option.bg {padding-left:0; color:#F90; font-weight:bold;}
    #search .col-a {float:left; width:245px;}
    #search .col-b {float:left; width:205px;}
    #search .col-a label, #search .col-b label {display:block; clear:both; float:left; width:35px;}
    #search .col-c {float:left; width:70px; padding-top:17px; text-align:center;}

.cols5050 {background:url("../design/dot.gif") 50% 0 repeat-y;}

    .col50 {float:left; width:260px;}
    .col50 h2 {margin-top:0;}

.ad {clear:both; margin-bottom:8px; padding:10px; background:url("../design/ad.gif") 0 0 repeat-x;}

    .ad h4 {display:inline; margin:0; font-size:100%;}
    .ad p {margin:0;}
    .ad-info {margin-bottom:5px !important;}
    .ad-info, .ad-info a {color:#777;}
    .ad-info a:hover {color:#444;}
    .ad-obj {font-size:85%; color:#B28F00;}

.firm {clear:both; padding:10px; background:url("../design/ad.gif") 0 0 repeat-x;}

    .firm h4 {margin:0; font-size:100%;}
    .firm p {margin:0;}
    
    .firm-logo {float:left; width:76px;}
    .firm-logo img {padding:2px; border:1px solid #B6D9E2; background:#FFF;}
    .firm-desc {float:right; width:430px;}

/* ----------------------------------------------------------------------------------------------------------
6-2) Stránka: Podstránky
---------------------------------------------------------------------------------------------------------- */

#breadcrumbs {margin:0; padding-bottom:7px; border-bottom:1px solid #C7E3EA;  color:#777; font-size:85%;}
#breadcrumbs a {color:#777;}
#breadcrumbs a:hover {color:#444;}

#pagination {clear:both; padding-top:10px; background:url("../design/dot-02.gif") 0 0 repeat-x; text-align:center;}
#pagination p {margin:3px 0;}

    #pagination a {padding:2px;}
    #pagination-active {padding:2px 6px; background:#F90; color:#FFF;}
    
#perex {clear:both; padding:10px; background:url("../design/perex.gif") 0 0 repeat-x;}
#perex p {margin:0;}

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

.ad-02 {clear:both; margin-bottom:8px; padding:10px; background:url("../design/ad.gif") 0 0 repeat-x;}

    .ad-02 h4 {display:inline; margin:0; font-size:120%;}
    .ad-02 p {margin:0;}
    .ad-02 .ad-obj {font-size:100%;}
    .ad-02 .ico {float:left; width:15px;}
    .ad-02 .ico img {display:block; position:relative; top:3px; width:14px; height:14px;}
    .ad-02 .desc {float:right; width:500px;}
    
    .ad h4 a:visited, .ad-02 h4 a:visited {color:#2D7895 !important;}

/* ----------------------------------------------------------------------------------------------------------
6-4) Stránka: Detail
---------------------------------------------------------------------------------------------------------- */

address {font-style:normal;}

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

.title-02 {margin:15px 0 10px 0; padding-bottom:2px; border-bottom:1px solid #FFC900; font-size:85%; text-transform:uppercase; color:#FF9F00;}
#aside-right .title-02 {border-bottom:1px solid #C7E3EA; color:#2d7895;}

.box-01 {clear:both; padding:10px; background:url("../design/box-01.gif") 0 0 repeat-x;}
    .box-01 h3 {padding-bottom:2px; border-bottom:1px solid #D2E3EF;}

.box-02 {clear:both; padding:10px; background:url("../design/box-02.gif") 0 0 repeat-x;}
    .box-02-info {margin:0; margin-bottom:10px !important; padding-bottom:7px; border-bottom:1px solid #FFE382;}
    .box-02-info a {color:#000;}
    .box-02-info a:hover {color:#F90;}

.add {padding-left:17px; background:url("../design/ico-add.gif") 0 2px no-repeat;}
.tip {padding-right:35px; background:url("../design/ico-tip.gif") 100% 3px no-repeat;}

.req {padding-left:20px; background:url("../design/ico-req.gif") 0 1px no-repeat;}
.offer {padding-left:20px; background:url("../design/ico-offer.gif") 0 1px no-repeat;}
h2.req, h2.offer {background-position:0 10px;}

.border {padding:2px; border:1px solid #B6D9E2; background:#FFF;}