/*******************
    CSS RESET styles
    
    @author: Eric Meyer 
    source - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/**********************************/
body {
    background-color: #CBCBCB;
    text-align: center;
    font-family: Arial;
    font-size: 80%;
    line-height: 1.5;
    color: #000000;
}

#main-body {
    width: 966px;
    text-align: left;
    margin: 0 auto;
    background-color: #32456F;
    background-image: url(main-body-bg.gif);
    background-position: left top;
    background-repeat: repeat-y;
}




/****************left_col*********************************/
#left_col {
    float: left;
    width: 256px;
    min-height: 100px;
}

#left_col #logo {
    width: 256px;
    background-color: #1F2D4A;
}

#left_col #logo img {
    margin: 0 0 0 20px;
}

#left_col #logo a { text-decoration: none; }

/*****************menu****************************/
#left_col #menu {
    background-color: #1F2D4A;
    padding: 35px 0 0 0;
}

#left_col #menu ul li {
    margin: 0 0 0 30px;
}
#left_col #menu ul li a {
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: dotted #FFFFFF 1px;
    display: block;
    width: 226px;
    padding: 5px 0 5px 0;
}

#left_col #menu ul li a span {
    color: #FCA20B;
}

#left_col #menu ul li ul li a {
    font-size: 14px;
    text-transform: none;
    background-image: url(arrow-small-orange.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 3px 0 3px 10px;
    width: 186px;
}


#left_col #static_menu {
    width: 256px;
    background-color: #32456F;
    background-image: url(static-menu-bg.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 230px 0 0 0;
}
#left_col #static_menu img {
    margin: 0 0 10px 20px;
}

/**********************************/
.clear {
    clear: both;
    font-size: 0%;
    line-height: 0%;
    height: 0;
}
/****************mid_col*********************************/
.B_crumbBox {
    display: block;
    margin-bottom: 25px;
}

#mid_col {
    float: left;
    width: 480px;
    background-color: #FFFFFF;
    min-height: 100px;
    margin: 0 5px 0 5px;
    padding: 10px 20px 20px 20px;
    font-size: 12px;
}

#mid_col h1, #mid_col h2 {
    font-size: 20px;
    font-weight: normal;
    color: #777777;
    margin: 0 0 20px 0;
    border-bottom: solid #BBBBBB 2px;
    text-align: left;
}
#mid_col h2 {
    font-size: 16px;
}
#mid_col h3 {
    font-size: 14px;
    font-weight: bold;
    color: #777777;
    margin: 0 0 10px 0;
    text-align: left;
}

#mid_col p{
    font-size: 12px;
    color: #4C6290;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
}
#mid_col p.introtext{
    color: #999999;
}
#mid_col p.datum{
    color: #FFA200;
}

#mid_col a{
    font-size: 12px;
    color: #000;
    text-decoration: underline;
}

#mid_col a:hover {
    text-decoration: none;
}

#mid_col .ikona {
    text-decoration: none;
    font-size: 14px;
    margin-right: 10px;
}
#mid_col .ikona:hover {
    text-decoration: none;
}

#mid_col table tr td {
    font-size: 12px;
    padding: 0 2px 0 2px;
}

#mid_col strong {
    font-weight: bold;
}

#mid_col ul { margin-bottom: 20px; }
#mid_col ul li, #mid_col ol li {
    font-size: 12px;
    color: #4C6290;
    list-style: disc;
    margin: 0 0 0 20px;
    padding: 0 0 0 0;
}
#mid_col ol li {
    list-style: decimal;
}


#mid_col ul.thumbs li {
    display: block;
    float: left;
    width: 220px;
    height: 220px;
    text-align: center;
}

/*********************right_col****************************/
#right_col {
    float: left;
    width: 180px;
    min-height: 100px;
}

#right_col h2 {
    background-image: url(arrow-small-orange.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 15px 10px 15px 5px;
    margin: 0 0 0 45px;
    overflow: hidden;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 13px;
}

#right_col ul li, #right_col p {
    margin: 0 15px 0 15px;
    font-size: 12px;
    color: #FFFFFF;
}

#right_col ul li img {
    width: 147px;
}

#right_col ul li a {
    color: #FFFFFF;
    text-decoration: none;
}

#right_col ul li .datum {
    color: #FFA200;
}
#right_col ul li p {
    clear: both;
}
#right_col ul li strong {
    font-weight: bold;
}
#right_col ul li a.sipka_right {
    float: right;
    background-image: url(sipka-right.gif);
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    width:  13px;
    height: 13px;
}
/**********************rightcol polozky*****************************/

#right_col #selector {
    background-image: url(vyber-rodinny-dum-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
}

#right_col #selector select {
    margin: 0 15px 5px 15px;
    width: 150px;
    border: solid #999999 1px;
}

#right_col #animace_stavby {
    background-image: url(vyber-rodinny-dum-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
}

#right_col #animace_stavby a img {
    margin: 0 15px 5px 15px;

}


#right_col #nova_vystavba {
    background-image: url(aktualni_vystavba-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
}

#right_col #udalosti {
    background-image: url(novinky-udalosti-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
}

#right_col #udalosti li {
    border-bottom: dotted #FFFFFF 1px;
    padding: 20px 0 20px 0;
}

#right_col #newsletter {
    background-image: url(newsletter-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
}

#right_col #newsletter a {
    color: #FFFFFF;
    text-decoration: underline;
}

#right_col #newsletter a:hover {
    text-decoration: none;
}

#right_col #newsletter input {
    margin: 10px 10px 5px 15px;
    padding: 1px;
    width:  120px;
    height: 14px;
    font-size: 12px;
    float: left;
    border: solid #999999 1px;
}
#right_col #newsletter .submit {
    margin: 12px 0 5px 0;
    padding: 0;
    width:  14px;
    height:  14px;
    background-image: url(input-submit-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
}

/*******************katalog_rd************************/
#mid_col .katalog_rd {}
#mid_col .katalog_rd div {
    float: left;
    width: 224px;
    height: 174px;
    overflow: hidden;
    margin: 8px;
}

#mid_col .katalog_rd div img {
    width: 220px;
    height: 146px;
    border: solid #CCCCCC 1px;
    padding: 1px;
}
/******************detail domu************************/

#mid_col .detail_domu {}

#mid_col .detail_domu .introtext {
    font-size: 12px;
    font-weight: bold;
    text-transform: none;
    padding: 4px 0 0 0;
}

#mid_col .detail_domu table.specifikace_domu {
    width: 100%;
    background-color: #EFF0F0;
    border: solid #CCCCCC 1px;
    color: #4C6290;
    padding: 5px;
    margin: 0 0 10px 0;
}

#mid_col .detail_domu img.ilustrace {
    width: 470px;
}

#mid_col .detail_domu table.financovani_domu {
    color: #000000;
    margin: 0 0 10px 0;
    width: 300px;
    float: right;
}
.detail_domu table.financovani_domu span.hodnota {
    font-weight: bold;
}
/*************vycet novinek*****************/
#mid_col .novinky_vycet div {
    border-bottom: dotted #000000 1px;
    margin-bottom: 10px;
}
#mid_col .novinky_vycet div p {
    margin: 0;
    padding: 0;
}


/************kontakt forms******************/
#mid_col .form div label {
    display: block;
}
#mid_col .form div input, #mid_col .form div textarea {
    width: 300px;
}


/********************usefull*************/
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.alignright {
    text-align: right;
}

.alert {
    color: #FF0000;
}