/* RESET STYLES BEGIN */
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
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
/*table {border-collapse: collapse; border-spacing: 0;}*/
/* RESET STYLES END*/
/* DEFAULT */
BODY{background: #402202 url(../pic/background-top.jpg) repeat-x; margin: 0; padding: 0; text-align: left;}
TABLE, P, UL, LI, DIV, SPAN, A, H1, H2, H3, TEXTAREA{font: 10pt Lucida Sans Unicode, Verdana, "Arial CE", Arial, Tahoma, Geneva, Helvetica, sans-serif; color: /*#d2b656*/#ffda91;}
H1{font: normal 20pt Georgia, "Times New Roman", Times, serif; color: #ffde00; margin: 0; padding: 0 0 15px 0;}
H2{font: normal 16pt Georgia, "Times New Roman", Times, serif; color: #ceb404; margin: 0; padding: 10px 0 10px 0;}
H3{font: normal 14pt Georgia, "Times New Roman", Times, serif; color: #a58503; margin: 0; padding: 10px 0 10px 0;}
H4{font-size: 13px; font-weight: bold; color: #ffda91; margin: 0; padding: 10px 0 10px 0; margin: 0; padding: 5px 0 10px 0;}
A{color: #ffde00; text-decoration: underline;}
A:hover{color: #ccb203; text-decoration: none;}
TABLE{border: 1px solid #d2b656; width: 100%; margin-bottom: 15px; line-height: 150%;}
TABLE DIV.foto-left{margin: 0;}
TABLE TH{border: 1px solid #d2b656; padding: 2px 5px; text-align: left; font-weight: bold;}
TABLE TD{border: 1px solid #d2b656; padding: 2px 5px;}
TABLE.no-border{border: 0 none; width: 100%; margin-bottom: 15px; line-height: 150%; border-collapse: collapse;}
TABLE.no-border TD{border: 0 none; padding: 2px 5px;}
HR{background-color: #A8915C; border: 0 none; color: #A8915C; height: 1px; margin: 0; padding: 0; clear: both;}
UL{margin: 0 0 15px 35px; padding: 0; list-style: square;}
OL{margin: 0 0 15px 35px;}
OL LI{list-style: decimal;}
LI{line-height: 150%;}
P{margin-top: 0; margin-bottom: 10px; padding: 0; line-height: 150%;}
P.message-hlaska {background-color: #522806; border: 1px solid #5E3306; padding: 15px; font-weight: bold;}
P.message-hlaska A{font-weight: bold;}
IMG.help{cursor: help;}
.clear{clear: both; height: 1px; overflow: hidden;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
/* FORMULAR DEFAULT */
FORM{margin: 0; padding: 0;}
FORM.razeni{float: left;}
TD.label{text-align: right;}
INPUT.text-box{color: #000; font-size: 9pt;}
TEXTAREA{color: #000; font-size: 9pt;}
SELECT.select-box{font-size: 8pt; padding: 1px 5px;}
INPUT.button-box{background-color: #F1A605; border: 1px solid #000; color: #000; font-weight: bold; cursor: pointer; padding: 1px 5px; font-size: 8pt;}
INPUT.tl-koupit{cursor: pointer; vertical-align: top;}
INPUT.tl-hledat{cursor: pointer; vertical-align: top;}
LABEL{font-weight: bold;}
/* KONEC FORMULAR DEFAULT*/
/* ========================================================================================
KONEC DEFAULT
======================================================================================== */
.fotogalerie{width: 140px; height: 145px !important; height: 155px; float: left; margin: 0 5px 15px 5px !important; margin: 0 4px 15px 4px; text-align: center;}
.fotogalerie .foto{margin: 10px auto 4px auto; border: 4px solid #a87138;}
.fotogalerie .foto:hover{margin: 10px auto 4px auto; border: 4px solid #a87138;}
.fotogalerie P A {font-size: 9pt; padding: 0; line-height: 100%; text-align: center; margin: auto; width: 105px; display: block; text-decoration: underline;}
.fotogalerie P A:hover{text-decoration: none;}
.reference-box-foto{width: 135px; height: 145px !important; height: 155px; float: left; margin: 0 5px 15px 10px !important; margin: 0 6px 15px 6px; text-align: center;}
.reference-box-foto .reference-foto{margin: 10px auto 4px auto; border: 4px solid #a87138;}
.reference-box-foto .reference-foto:hover{margin: 10px auto 4px auto; border: 4px solid #a87138;}
.reference-box-foto P A {font-size: 9pt; padding: 0; line-height: 100%; text-align: center; margin: auto; display: block; text-decoration: underline;}
.reference-foto P A:hover{text-decoration: none;}
.reference-box-foto-detail{width: 134px; height: 100px; float: left; margin: 10px 5px 15px 10px !important; margin: 0 6px 15px 6px; text-align: center;}
.reference-box-foto-detail .foto{margin: 0 auto; border: 4px solid #a87138;}
.reference-box-foto-detail .foto:hover{margin: 0 auto; border: 4px solid #a87138;}
.foto-left{border: 4px solid #a87138; float: left; margin: 0 15px 10px 0; padding: 1px;}
.foto-right{border: 4px solid #a87138; float: right; margin: 0 0 10px 15px; padding: 1px;}
.foto-right-no-border{float: right; margin: 5px 10px 10px 15px;}
/* foto index boxy */
.box-index-foto{
background: #5f3202 url(../pic/box-index-foto.jpg) no-repeat;
width: 136px !important;
width: 144px;
padding: 4px 4px 4px 4px;
margin: 0 0 15px 6px !important;
margin: 0 3px 15px 4px;
float: left;
text-align: center;
}
.box-index-foto .foto{margin: auto; border: 1px solid #000;}
.box-index-foto H3{margin: 0; padding: 3px 0 0 0; font-size: 10pt; color: #d2b656; text-align: left;}
.box-index-foto .odkaz{text-align: right;}
.box-index-foto .odkaz A{font-size: 8pt; text-decoration: none;}
/* konec foto index boxy */
/* aktuality */
.aktuality{padding: 5px 0; margin: 0 0 10px 0;}
.aktuality .datum{float: left; font-weight: bold; padding: 0 5px 0 0;}
.aktuality .text{float: left; margin: 0; padding: 0;}
.aktuality .text P, .aktuality .text DIV{margin: 0; padding: 0; line-height: 150%;}
.aktuality-foto{border: 4px solid #a87138; float: left; padding: 1px; margin: 0 10px 0 0;}
.aktuality .soubory{margin: 0; padding: 0;}
.aktuality .soubory IMG{vertical-align: middle; padding: 0 3px;}
/* konec aktuality */
/* katalog */
.katalog{margin: 0 10px 0 0; padding: 0 0 15px 0; width: 600px; float: left;}
.katalog .box-foto{width: 140px; float: left; margin: 0; padding: 1px 0 0 0;}
.katalog .foto{border: 4px solid #a87138; float: left; padding: 1px; float: left;}
.katalog .box-text{float: left;}
.katalog .anotace{margin: 0; padding: 0; font-size: 9pt;}
.katalog H3{padding: 0 0 5px 0;}
.katalog H3 A{font: bold 10pt Lucida Sans Unicode, Verdana, "Arial CE", Arial, Tahoma, Geneva, Helvetica, sans-serif;}
#katalog-detail{margin: 0;}
#katalog-detail .soubory{margin: 0; padding: 0 0 10px 0;}
#katalog-detail .soubory IMG{vertical-align: middle; padding: 0 3px;}
#katalog-detail #download{padding: 0 0 10px 0;}
.katalog-sruby{margin: 0 10px 10px 0; padding: 0; width: 140px; height: 150px; float: left; text-align: center;}
.katalog-sruby .box-foto{width: 130px; margin: 0 auto;}
.katalog-sruby .foto{border: 4px solid #a87138; float: left; padding: 1px; float: left;}
.katalog-sruby H3{padding: 0; margin: 0 auto; height: 33px;}
.katalog-sruby H3 A{font: normal 9pt Lucida Sans Unicode, Verdana, "Arial CE", Arial, Tahoma, Geneva, Helvetica, sans-serif;}
/*
.katalog-box-foto{width: 140px; height: 145px !important; height: 155px; float: left; margin: 0 5px 15px 5px !important; margin: 0 4px 15px 4px; text-align: center;}
.katalog-box-foto .foto{margin: 10px auto 4px auto; border: 4px solid #a87138;}
.katalog-box-foto .foto:hover{margin: 10px auto 4px auto; border: 4px solid #a87138;}
*/
.katalog-box-foto{width: 140px; float: left; margin: 0 0 15px 0; padding: 0px 0 0 0; text-align: center;}
.katalog-box-foto .foto{border: 4px solid #a87138; padding: 0px; margin: auto;}
/* konec katalog */
/* sruby begin */
.srub-cat-box{width: 200px; height: 220px; float: left; margin: 0 0 15px 0; padding: 0; text-align: center;}
.srub-cat-box H2 A{font-size: 15px;}
.srub-cat-box .foto{border: 4px solid #a87138; padding: 0px; margin: auto;}
.srub-cat-box P{width: 180px; margin: 0 auto; padding: 0; font-size: 11px;}
/* sruby end */
/* Odkazy na info begin */
UL#urlInfo{float: right; width: 220px; margin: 0; padding: 0; list-style-type: none;}
UL#urlInfo LI{line-height: normal;}
UL#urlInfo LI A{background: url(/pic/icons/sipka-menu.gif) no-repeat 0 5px; padding: 0 0 0 10px; font-size: 11px;}
/* Odkazy na info end */
/* Navigační menu */
.navigace {color: #361818; display: block; text-align: left; margin: 0; padding: 0 5px 15px 0;}
.navigace LI {background: url("../pic/icons/sipka-nav.gif") no-repeat left center; display: inline; float: none; margin: 0; padding: 0 10px 2px 15px;}
.navigace LI.first {background: none; padding-left: 0;}
.navigace LI A {display: inline; float: none; padding-bottom: 1px;}
/* konec navigacni menu */
.strankovani{text-align: right; padding: 0 15px 0 0;}
.top{padding-bottom: 15px; text-align: right; clear: both;}
.citace{font-style: italic;}
/* ========================================================================================
ID
======================================================================================== */
/* layouty */
#page{background: url(../pic/background-top2.jpg) no-repeat left top; text-align: left;}
#top{width: 960px; height: 231px;}
#main{background: #402202 url(../pic/background-middle.jpg) no-repeat;}
#main-obsah{width: 960px;}
#lbox{float: left; width: 323px; padding: 0;}
#pbox{float: left; width: 610px; text-align: left; padding: 25px 0;}
/* konec layouty */
/* logo */
#logo{background: url(../pic/background-logo.gif) no-repeat; margin: 28px 26px 0 44px !important; margin: 28px 26px 0 22px; padding: 12px 0 0 15px; width: 239px !important; width: 254px; height: 131px; float: left;}
#logo IMG{padding: 0;}
#bgTopObr{background: url(../pic/background-obr.gif) no-repeat; width: 610px; height: 171px; float: left; margin: 8px 0 13px 0;}
#topObr{width: 586px; height: 147px; margin: 12px 0 0 12px; text-align: center; padding: 50px 0 0 0;}
/*#obr IMG{margin: 12px 0 0 12px;}*/
/* menu top */
/*
#menu-top{width: 610px; overflow: hidden; float: right; margin-right: 27px !important; margin-right: 14px;}
#menu-top UL{margin: 0; padding: 0;}
#menu-top LI{ background: url(../pic/icons/sipka-top-menu.gif) no-repeat center bottom; list-style: none; float: left; margin: 0;}
#menu-top LI A{font: bold 10pt Lucida Sans Unicode, Verdana, "Arial CE", Arial, Tahoma, Geneva, Helvetica, sans-serif; margin: 0; float: left; color: #000; text-decoration: none; padding: 6px 21px 14px 21px;}
#menu-top LI A:hover{color: #ffe79f;}
*/
/* konec menu top */
/* bocni menu */
.box{background: url(../pic/box-bottom.png) no-repeat bottom; width: 251px; margin: 0 0 12px 46px; padding-bottom: 15px;}
.box-top{background: url(../pic/box-top.png) no-repeat; width: 251px; height: 32px; text-align: center; margin: 0 auto;}
.box-obsah{background: url(../pic/box-middle.png) repeat-y; width: 251px !important; width: 251px; padding: 0 0 15px 0; text-align: left;}
.box-obsah .nadpisek{font: normal 12pt Georgia, "Times New Roman", Times, serif; color: #ff3c00; margin: 0; padding: 0 20px 15px 25px;}
.box-obsah .podnadpisek{font: 10pt Lucida Sans Unicode, Verdana, "Arial CE", Arial, Tahoma, Geneva, Helvetica, sans-serif; color: #c2a888; padding: 0 0 10px 25px;}
.box-obsah UL{margin: 0; padding: 0 0 10px 0; list-style: none;}
.box-obsah LI{background: url(../pic/icons/sipka-menu.gif) no-repeat 35px 8px; text-align: left; padding-left: 25px;}
.box-obsah A{
text-decoration: none;
padding: 3px 0 3px 22px;
display: block;
width: 175px !important;
width: 195px;
color: #ffde00;
font-size: 10pt;
}
.box-obsah A:hover{color: #ccb203;}
.box-obsah .created{padding: 0 25px; font-size: 9pt;}
.box-obsah .created A{display: inline; width: auto; padding: 0; font-size: 8pt; text-decoration: underline;}
/* konec bocni menu */
/* bottom */
#bottom{background: url(../pic/background-bottom.jpg) repeat-x; padding: 5px 0 0 0; height: 200px; margin-bottom: 5px;}
#bottom #bottomIn{width: 960px;}
#bottomIn .box1, #bottomIn .box2, #bottomIn .box3{padding: 25px; float: left; color: #522806;}
#bottomIn .box1{background: url(../pic/bottom-silueta1.jpg) no-repeat center 53px;}
#bottomIn .box2 P{font-size: 12px;}
#bottomIn .box3{background: url(../pic/bottom-silueta2.jpg) no-repeat center 53px; height: 180px;}
#bottomIn .prepazka{background: url(../pic/prepazka.gif) no-repeat; width: 2px; height: 153px; margin: 15px 15px; float: left;}
#bottomIn .bottom-nadpisek{font: normal 12pt Georgia, "Times New Roman", Times, serif; color: #522806; margin: 0; padding: 0 0 15px 0;}
#bottomIn P, #bottomIn DIV{color: #522806;}
#bottomIn .bottom-odkazy A {font-size: 8pt;}
#bottomIn A{color: #000;}
#spratelene-weby{background-color: #ffda91;}
#spratelene-weby P{width: 930px !important; width: 960px; padding: 5px 15px; margin: 0; color: #000; font-size: 11px;}
#spratelene-weby A{color: #000; font-size: 8pt;}
/* konec bottom */
/* hypotecni formular begin */
#kb-code { width: 206px; }
#kb-code form { margin: 0px; padding: 0px; background-color: #f5ca7c; border: 0px solid #623403; color: #623403; font-family: "Arial CE",Arial,Helvetica,sans-serif; font-size: 11px; }
#kb-code form h3 { color: #d2b656; margin: 0px 0px 5px 0px; padding: 4px 4px 4px 11px; font-weight: normal; font-size: 14px; background-color: #623403; text-transform: uppercase; line-height: 150%; }
#kb-code form p.btn { clear: both; text-align: right; margin: 15px 5px 5px 0px; padding: 0px 0px 3px 0px; }
#kb-code form p.btn a { background: #522806; color: #ffb400; font-size: 10px; text-decoration: none; text-transform: uppercase; font-weight: normal; padding: 3px 10px; }
#kb-code form label { float: left; margin: 0px; padding: 7px 0px 0px 11px; width: 105px; }
#kb-code form input, #kb-code form select { margin-top: 5px; font-family: "Arial CE",Arial,Helvetica,sans-serif; font-size: 11px; }
#kb-code form input { font-size: 90%; margin-bottom: 1px; padding-right: 3px; text-align: right; width: 53px; }
#kb-code form select { border: 1px solid #aab2b5; font-size: 90%; width: 58px; }
/* hypotecni formular end */