/* layout */

 body { background: #d1e2e9 url('../img/header-back.png') repeat-x 0 0; padding: 0; margin: 0; font-family: Arial, tahoma, sans-serif; font-size: 75%; width: 100%; color: #363636; }

#wrap { margin: 0 auto; width: 850px; }
#main { margin: 0 auto; width: 850px;}
#spolupracujeme { position: absolute; margin: 120px 0 0 1070px; width: 140px; height: 530px; background: #FFFFFF; border: 2px solid #3d6fa0;}
#spolupracujeme h2 { margin: -30px 0px 0 4px; font-size: 18px; font-weight: normal; text-transform: none; color: #fff; }

#header { position: relative; height: 120px; }

#header h1 { position: absolute; left: 0;  top: 77px; font-size: 100%; margin: 0; padding: 0; display:none; }
/*#header h1 span { position: absolute; left: 0; top: 0; width: 258px; height: 32px; background: url('./img/header-logo.png') no-repeat 0 0; _cursor: hand; }*/
#logo { position: absolute; margin: -12px 0 0 20px; width: 223px; height: 132px; background: url('../img/logo.png') no-repeat 0 0; _cursor: hand; }

#translate { position: absolute; margin: 20px 0 0 650px; width: 200px; border: 0px solid #666;}

#header #menu { position: absolute; left: 268px; top: 83px; list-style: none; padding: 0; margin: 0; display: block; }
#header #menu li { float: left; margin: 0; padding: 0; margin-left: 1px; height: 22px; font-weight: normal; position: relative; }
#header #menu li span { height: 37px; position: absolute; left: 0; top: 0; _cursor: hand; }

#header #menu .menu-index { width: 88px; margin-left: 0; }
#header #menu .menu-nemovitosti { width: 88px; }
#header #menu .menu-projekty { width: 138px; }
#header #menu .menu-sluzby { width: 88px; }
#header #menu .menu-financovani { width: 88px; }
#header #menu .menu-kontakty { width: 87x; }

#header #menu .menu-index span { width: 87px; background: url('../img/menu-index.png') no-repeat 0 0; }
#header #menu .menu-nemovitosti span { width: 87px; background: url('../img/menu-nemovitosti.png') no-repeat 0 0; }
#header #menu .menu-projekty span { width: 137px; background: url('../img/menu-projekty.png') no-repeat 0 0; }
#header #menu .menu-sluzby span { width: 87px; background: url('../img/menu-sluzby.png') no-repeat 0 0; }
#header #menu .menu-financovani span { width: 87px; background: url('../img/menu-financovani.png') no-repeat 0 0; }
#header #menu .menu-kontakty span { width: 87px; background: url('../img/menu-kontakty.png') no-repeat 0 0; }

#header #menu li.active span { background-position: 0 100%; }

#body { background: #fff url('../img1/body-back.png') repeat-y 0 0; margin: 0; padding: 2px; }
#body #left { width: 218px; float: left; }
#body #right { width: 628px; float: right; }
#body #right p { margin: 15px; text-align: justify; line-height: 150%; }

#footer { margin: 0 auto; width: 850px; background:  #7f7e7c url('../img1/footer-back.png') repeat-x 0 0; height: 100px; }
#copy  { width: 220px; padding: 45px 0 0 23px; border: 0px solid #fff; }
#copy p { padding: 0; margin: 0; color: #fff;}
#created  { width: 300px; padding: 45px 0 0 23px; margin: -63px 0 0 540px; border: 0px solid #fff; }
#created p { padding: 0; margin: 0; color: #fff;}


/* general */

a { color: #363636; }
a:hover { color: #F7941C; }
h3 { font-size: 18px; font-weight: normal; text-transform: none; padding: 7px 8px 0; margin: 0 0 0 23px; color: #33689a; }
h4 { font-size: 100%; font-weight: bold; margin: 15px; }
h4 span { font-weight: normal; color: #AAA; }
h5 { font-size: 100%; font-weight: bold; margin: 15px; margin-bottom: -10px; }
em { font-style: normal; }
.reset { clear: both; font-size: 0px; }
form, fieldset { border: 0 none; margin: 0; padding: 0; }
form, fieldset, input, select, table, td, th { font-size: 100%; }
sup { font-size: 85%; }
img { border: 0 none; }
.red { color: #ff0000; }

#right ul { list-style: none; padding: 0; margin: 15px; }
#right ul li { margin: 7px 3px; padding: 0 0 0 30px; background: url('../img/list-item1.png') no-repeat 7px 5px; }
#right ul li ul { margin: 0; }
#right ul li ul li { background: url('../img/list-item2.png') no-repeat 7px 5px; }

#right .list2 li { color: #F7941C; }
#right .list2 li ul li { color: #363636; }


#center { text-align: center; }


/* specific */
#lupa { position: absolute; width: 218px; height: 215px; margin: 0 1px; background: url('../img/lupa.png') no-repeat; }
#vyhledavani { width: 218px; height: 215px; margin: 0 0 0 0; background: #b4b4b4 url('../img/vyhledavani-back.png') repeat-x; }
#vyhledavani h3 {  position: absolute; font-size: 18px; color: #fdbb2d; margin: 5px 0 0 34px;}
#vyhledavani h4 {  position: absolute; font-size: 14px; color: #fff; margin: 17px 0 0 117px; }
#vyhledavani form { position: absolute; margin: 50px 0 0 21px; text-align: center; padding-bottom: 10px; }
#vyhledavani label { display: none; }
#vyhledavani select { width: 175px; margin: 3px 0;}
#vyhledavani input { margin: 4px 0; background: url('../img/input-back.png') no-repeat;}

#kontakty { margin: 3px; padding: 10px 0 0 13px; border-bottom: 1px solid #dfdfdf; }
#kontakty h3 { font-size: 18px; font-weight: normal; text-transform: none; padding: 0; margin: 0 0 15px 0; color: #33689a; }
#kontakty h2 { font-size: 15px; font-weight: bold; text-transform: none; padding: 0; margin: 20px 0 -7px 0; color: #000000; }
#kontakty p { padding: 0; line-height: 20px; margin: 10px 0 0 0; }

#napiste { margin: 10px 0 20px 3px; padding: 0;}

#kalkulacka { margin: 10px 3px; background: #eaf7fc url('../img/kategorie-back.png') repeat-x ; border: 1px solid #d8d8d8;}
#kalkulacka h3 { color: #33689a; padding: 7px 8px 0; margin: 0 0 0 9px;}
#kalkulacka form { padding: 0 15px 10px 17px; text-align: right; }
#kalkulacka label { display: block; float: left; width: 90px; text-align: left; margin: 10px 0 0; }
#kalkulacka select { width: 80px; margin: 8px 0; }
#kalkulacka input { width: 80px; margin: 8px 0; }
#kalkulacka input.image { width: auto; margin: 8px 0 4px; }
#kalkulacka .button { text-align: center; }
#kalkulacka p { text-align: center; padding: 0 15px 15px; margin: 0; }
#kalkulacka p strong span { color: #F7941C; }

#kategorie { width: 628px; height: 215px; padding: 5px 0 0px; background: url('../img/kategorie-back.png') repeat-x ;}
#kategorie .list { padding: 20px 0 0 40px; background: url('../img/kategorie-back.png') repeat-x ;}
#kategorie ul { list-style: none; margin: 0; padding: 0; display: block; }
#kategorie ul li { margin: 0; padding: 3px 0; float: left; width: 184px; display: block; background: transparent; border: 0px solid #000000; }
#kategorie ul li span { display: block; padding: 0 0 4px 35px; background: url('../img/list-item1.png') no-repeat 15px 50%; }
#kategorie ul li.vsechny { width: 450px; margin-bottom: 5px; }

#doporucujeme { background: #fff3dd url('../img/doporucujeme_back.png') repeat-x ; height: 215px; padding: 20px 0 0 0; margin: -3px 0 0 0;}
#doporucujeme h2 { color: #fe7802; font-size: 15px; font-weight: bold; margin: 8px; padding: 0;}
#doporucujeme h3 { color: #363636; }
#doporucujeme h4 { color: #363636; font-size: 15px; font-weight: bold; margin: 0 0 3px 0px;}
#doporucujeme .list { padding: 5px 0 14px 14px; border: 0px solid #000000;}
#body #right #doporucujeme p { float: left; margin: 0; padding: 0; width: 200px; text-align: center; line-height: 120%; border: 0px solid #000000; }
#doporucujeme a { text-decoration: none; }
#doporucujeme a img { border: 4px solid #F0F4F8; margin-bottom: 7px; }
#doporucujeme a span { text-decoration: underline; }
#doporucujeme .doporuceni { float: left; margin: 0; padding: 0; width: 200px; text-align: center; line-height: 120%; border: 0px solid #000000; }
#doporucujeme .cena { color: #fe7802; font-size: 10px; font-weight: bold; margin: 0px;}
.novinka { position: absolute; margin: -10px -2px; width: 60px; height: 60px; background: url('../img/novinka.png') no-repeat;}
.box { background: url('../img1/body-box.png') repeat-x 0 0; margin-right: 1px; }

.nemovitost { height: 145px; margin: 15px 17px 15px 20px; border-bottom: 1px solid #cccccc;}
.nemovitost .photo { text-decoration: none; }
.nemovitost .photo img { float: right; border: 4px solid #DFEAF1; }
.nemovitost div { width: 285px; }
.nemovitost p { margin: 5px 0 !important; line-height: 150%; }
.nemovitost h4, .nemovitost a { font-size: 105%; color: #33689a; margin: 5px 0 !important; line-height: 150%; }
.nemovitost a:hover { color: #fe7802;}
.nemovitost .note { position: relative; height: 50px;}
.nemovitost .note strong { font-weight: normal; color: #5F96BD; }
.nemovitost .note strong.cena { position: absolute; font-weight: bold; color: #fe7802; font-size: 110%; top: 30px; right: -100px; }
 
.detail { margin: 25px 18px 30px 17px; }
.detail_wrap { margin-top: -3px; background: #fff url('../img/detail_back.png') repeat-x ;}
.detail h4 { font-size: 135%; margin: 5px 15px; }
.detail h5 { margin: 0 15px 0; padding-top: 10px; }
.detail table { margin: 0px 15px; border-collapse: collapse; width: 95%; border: 0px solid #cccccc;}
.detail table th { text-align: left; padding: 3px 5px 0 0; width: 70px; font-weight: normal; color: #5F96BD; vertical-align: top; }
.detail table td { width: 220px; padding: 3px 0; vertical-align: top; border: 0px solid #cccccc;}
.detail .cena { position: absolute; margin: 20px 0 0 40px; font-weight: bold; font-size: 125%; color: #F7941C; }
.detail .cena1 { position: absolute; margin: 20px 0 0 40px; }
.detail .foto { background: url('../img1/body-boxx.png') repeat-x 0 0; margin-right: 1px; padding: 5px 0 0 0; margin-bottom: 10px; border: 0px solid #cccccc;}
.detail .foto a { text-decoration: none; }
.detail .foto img { border: 4px solid #F0F4F8; margin: 0 10px 0 13px; }
.zpet { position: absolute; margin: -15px 0 0 460px; }

#fomular { width: 570px; margin: 70px 20px 20px 20px; padding: 10px; background: #eaf7fc url('../img/kategorie-back.png') repeat-x ; border: 1px solid #6e93b8;}
.zajem { position: absolute; width: 166px; height: 30px; margin: -40px 0 0 20px; background: #fff3dd url('../img/zajem.png') no-repeat ;}
#fomular table1 { width: 99%; margin: 0px 3px; }
#fomular table { width: 99%; margin: 10px 3px 0; }
#fomular table td{ vertical-align: top;}
#fomular textarea { width: 317px; }
#fomular .checkbox { float: left; width: 180px; margin: 0; }
#fomular .vyrizuje { float: left; width: 100px; margin: 3px 0 0 20px; font-weight: bold; }
#fomular .makler { font-size: 14px; font-weight: bold; color: #33689a; }
#fomular .foto { width: 105px; height: 126px; margin: 0; }
#fomular .tel { margin: 5px 0 0 0; font-size: 16px; font-weight: bold; color: #F7941C; }
#fomular img { margin: 0px 0 0 5px; vertical-align:top;}

#fomular1 { width: 570px; margin: 20px 20px 20px 20px; padding: 10px; background: #fff url('../img1/kategorie-back.png') repeat-x ; border: 0px solid #eeeeee;}
#fomular1 table {margin: 0px 3px; }
#fomular1 table1 { margin: 10px 3px 0; }
#fomular1 table td{ vertical-align: top;}
#fomular1 textarea { width: 94%; }
#fomular1 .checkbox { float: left; width: 180px; margin: 0; }
#fomular1 img { margin: 0px 0 0 5px; vertical-align:top;}

.stranky { float: right; font-weight: bold; }
.stranky a { color: #5F96BD; }
.stranky * { margin-left: 5px; }