/* CSS styl pro web realitytaborska.cz - katalog nemovitosti */

    body {
        font-family: Verdana, Tahoma, Helvetica, Sans-serif;
        background-color: #FFFFFF;
        color: #000000;
    }

    h1 {
        font-size: 20px;
        color: #663300;
        margin-top: 0;
    }

    h2 {
        font-size: 14px;
        color: #CC0000;
        display: block;
        margin-bottom: 10px;
    }

    p {
        text-indent: 55px;
        text-align: justify;
    }

    img.left {
        float: left;
        margin: 10px;
    }

    img.right {
        float: right;
        margin: 10px 0 10px 20px;
    }

    img.nob {
        border: 0;
    }

    div.header {
        width: 760px;
        height: 120px;
        margin: auto auto 10px auto;
        display: block;
    }

        div.header div.banner-katalog {
            width: 760px;
            height: 120px;
            float: right;
/*            background-image: url('pic/admin-katalog.jpg'); */
            background-color: #FFFFFF;
            color: red;
        }

        div.header a {
            width: 760px;
            height: 120px;
            display: block;
            text-decoration: none;
        }

        div.header a:visited {
            width: 760px;
            height: 120px;
            display: block;
            text-decoration: none;
        }

    /* _____ header */


    div.content {
    }

        div.content a {
            /* font-size: 10px; */
            color: #663300;
            background-color: transparent;
            text-decoration: none;
            background: url('pic/dot_h.gif') bottom repeat-x;
        }

        div.content a:visited {
            color: #663300;
            background-color: transparent;
            text-decoration: none;
            /* background: url('pic/dot_h.gif') bottom repeat-x; */
        }

        div.content a:hover {
            color: #000000;
            background-color: transparent;
            text-decoration: none;
            /* background: url('pic/dot.gif') bottom repeat-x; */
        }

        div.content ul.tender {
            padding-left: 100px;
            list-style-type: square;
        }

        div.content a.thn {
            background-image: none;
        }

        .formp {
            margin-top: 5px;
            margin-bottom: 5px;
            display: block;
        }

        .colored {
            border: 1px solid #CC0000;
        }

        .colored2 {
            border: 1px solid #663300;
            color: #663300;
            background-color: #FF9966;
            font-weight: bold;
            font-size: 11px;
        }
        
        .colored3 {
            border: 1px solid #CC0000;
            color: #000000;
            background-color: #FFCCFF;
        }
        
        div.thumbnailfiled {
            margin: auto;
        }
        
        div.newsitem {
            vertical-align: top;
            margin-bottom: 15px;
            clear: both;
        }
        
        div.newsitem .newstitle {
            color: #CC3333;
            font-weight: bold;
            font-size: 16px;
        }

        div.newsitem .newsimg {
            float: left;
            border: 1px solid black;
            margin: auto 10px 10px auto;
        }

    div.address {
        margin-left: 20px;
    }

        div.address a {
            background-color: transparent;
            color: #663300;
            font-weight: bold;
        }

        div.address a:visited {
            background-color: transparent;
            color: #663300;
        }

        div.address a:hover {
            background-color: transparent;
            color: #000000;
        }

    div.address2 {
        margin-left: 40px;
        margin-top: 5px;
    }

    div.foto {
        margin-left: auto;
        margin-right: auto;
        clear: both;
        border: 1px solid black;
    }

    .fotografie {
        border: 1px solid #000000;
        background-color: #FFFFFF;
        padding: 3px;
        margin: auto;
        clear: both;
        display: block;
    }

    .thumbnail {
        border: 1px solid #000000;
        background-color: #FFFFFF;
        padding: 3px;
        margin: auto;
        clear: both;
    }

    div.navi {
        clear: both;
        margin: 10px auto;
        text-align: center;
    }

        div.navi a.clear {
            background-image: none;
            border: 0;
            text-decoration: none;
        }

        div.navi a.clear:visited {
            background-image: none;
            border: 0;
        }

        div.navi a.clear:hover {
            background-image: none;
            border: 0;
        }

    div.singleline {
        /* jedna radka nejeke tabulky */
        clear: both;
        margin: 10px auto;
    }

        div.singleline div.company {
            width: 200px;
            text-align: center;
            float: left;
            margin-left: 10px;
            margin-bottom: 20px;
            padding-bottom: 1px;
        }

            div.singleline div.company a {
                font-size: 10px;
                color: #663300;
                background-color: transparent;
                text-decoration: none;
                background: url('pic/dot_h.gif') bottom repeat-x;
            }

            div.singleline div.company a:visited {
                color: #663300;
                background-color: transparent;
                text-decoration: none;
                background: url('pic/dot_h.gif') bottom repeat-x;
            }

            div.singleline div.company a:hover {
                color: #000000;
                background-color: transparent;
                text-decoration: none;
                background: url('pic/dot.gif') bottom repeat-x;
            }

    li.ref {
        list-style-type: none;
        font-weight: normal;
    }

    ul.refu {
        font-weight: bold;
        margin-top: 0;
    }

    p.refp {
        margin-bottom: 0;
        font-weight: bold;
        text-indent: 40px;
    }

    /* _____ content */

    div.footer {
        width: 760px;
        margin: 5px auto;
        text-align: right;
        vertical-align: bottom;
        font-size: 10px;
        clear: both;
        padding: 1px 0;
    }

        div.footer div.webmaster {
            height: 15px;
            float: right;
            font-size: 10px;
            font-weight: bold;
            margin-left: 5px;
            line-height: 21px;
        }

            div.footer div.webmaster a {
                color: #663300;
                text-decoration: none;
            }

            div.footer div.webmaster a:visited {
                color: #663300;
            }

            div.footer div.webmaster a:hover {
                color: #000000;
            }

    /* _____ footer */

    div.seo {
        width: 760px;
        margin: 0 auto;
        text-align: center;
        clear: both;
        font-size: 8px;
        font-weight: bold;
        visibility: hidden;
        display: none;
    }

    label {
        font-weight: bold;
        vertical-align: top;
        width: 125px;
        text-align: right;
        display: block;
        float:left;
        margin-right: 3px;
    }

    label.form {
        width: 160px;
    }

    label.form2 {
        width: 110px;
    }

    .hid {
        display: none;
    }
    
    img.kat_img {
        background-color: #FFFFFF;
        padding: 5px;
        border: 1px solid #000000;
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    
    .prop {
     /* pole pro vlastnosti nemovitosti v katalogu */
        display: block;
        width: 100px;
    }
    
    .title {
      display: block;
      width: 200px;
      float: left;
      text-align: right;
      padding-right: 5px;
      padding-top: 3px;
      color: #663300;
      margin: 0;
    }

    .title2 {
      display: block;
      width: 110px;
      float: left;
      text-align: right;
      padding-right: 5px;
      color: #663300;
      margin: 0;
    }

    .title3 {
      display: block;
      width: 110px;
      float: left;
      text-align: right;
      padding-right: 5px;
      color: #663300;
      margin: 0;
    }

    .title4 {
      display: block;
      width: 110px;
      float: left;
      text-align: right;
      padding-right: 5px;
      margin: 0;
    }

    .title5 {
      display: block;
      width: 150px;
      color: #663300;
      float: left;
      text-align: right;
      padding-right: 5px;
      padding-top: 3px;
      margin: 0;
    }

    div.adresa_nem {
        float:left;
        margin: 10px 20px;
        border: 1px solid #663300;
        padding: 5px;
        width: 310px;
    }
    
/*    .error {
        background-color: #990000;
        color: #FFFF00;
        padding: 5px;
        border: 1px solid #FF0000;
        margin: 10px auto;
        display: block;
    } */
    
    form.nomar {
        margin: 0;
        display:inline;
    }
    
    image.nobor {
        border: 0;
    }
    
    div.view_thns {
        width: 355px;
        float: right;
        margin-left: 5px;
    }
    
    div.top3 {
        clear: both;
        margin-top: 30px;
        height: 130px;
        background: url('pic/dot_h.gif') bottom repeat-x;
        margin-bottom: 10px;
    }
    
    div.top31 {
        width: 230px;
        height: 87px;
        float: left;
        margin-left: 10px;
        padding: 3px;
        cursor: pointer;
    }

    div.top31hover {
        width: 230px;
        height: 87px;
        float: left;
        margin-left: 10px;
        padding: 3px;
        cursor: pointer;
        background-color: #FFE4C4;
    }

    .price {
        color: #B22222;
        font-size: 10px;
        font-weight: bold;
        margin-top: 3px;
        display: inline;
        float: left;
    }

    .price2 {
        color: #B22222;
        font-size: 12px;
        font-weight: bold;
        display: block;
    }

    .res {
        color: #ffffff;
        background-color: #FF0000;
        border-bottom: 2px solid #FF0000;
        font-size: 10px;
        font-weight: bold;
        margin-top: 3px;
        display: block;
        float:right;
    }

    .sale {
        font-size: 14px;
        font-weight: bold;
        margin-top: 3px;
        display: block;
        float: right;
        letter-spacing: 2px;
        text-transform:uppercase;
        color: #CC3333;
    }

    div.vyhledavani {
        width: 100%;
        height: 120px;
        clear: both;
        background: url('pic/dot_h.gif') bottom repeat-x;
        margin-bottom: 10px;
    }
    
    div.catitem {
        width: 730px;
        height: 87px;
        margin: 10px auto;
        padding: 3px;
        display: block;
        clear: both;
        cursor: pointer;
    }

    div.catitemhover {
        width: 730px;
        height: 87px;
        margin: 10px auto;
        padding: 3px;
        display: block;
        clear: both;
        cursor: pointer;
        background-color: #FFE4C4;
    }

    div.demand {
        margin: 10px auto;
        padding: 3px;
        display: block;
        clear: both;
        cursor: pointer;
    }

    div.demandhover {
        margin: 10px auto;
        padding: 3px;
        display: block;
        clear: both;
        cursor: pointer;
        background-color: #FFE4C4;
    }

    div.catitemsold {
        width: 730px;
        height: 87px;
        margin: 10px auto;
        padding: 3px;
        display: block;
        clear: both;
        cursor: pointer;
        background-color: #DDDDDD;
    }

    .kat_pic {
        background-color: #FFFFFF;
        padding: 5px;
        border: 1px solid #000000;
        float: left;
    }
    
    div.item_thn {
        float: left;
        margin: 0 5px 5px 0;
    }
    
    div.iteminfo {
        width: 250px;
        float: left;
        margin-right: 10px;
    }
    
    .datum {
        display: block;
        width: 240px;
        float: right;
        font-size: 9px;
        text-align: right;
        margin-top: 5px;
    }

    div.info {
        margin: 5px auto;
    }

    div.itempopis {
        width: 330px;
        float: left;
    }

    .small {
        float: right;
        font-size: 9px;
        font-weight: bold;
    }

    .small2 {
        font-size: 9px;
        font-weight: bold;
        cursor: pointer;
    }

    div.itemicons {
        float: right;
        margin-top: 10px;
    }
    
    div.formline {
        margin: 10px auto;
        clear: both;
    }

    div.formline2 {
        margin: 10px auto;
    }

    div.formline2fix {
        margin: 5px auto;
        width: 320 px;
        height: 16px;
        display: block;
    }

    div.itemdetails {
        float: right;
        font-size: 9px;
    }
    
    sup.mini {
        font-size: 7px;
    }