/* {border: 1px dotted #f00;}*/
body, h1, h2, h3, ul, ol, li, p, fieldset, form, input, img, textarea { padding:0; margin:0; border:0;}

body { background: #fff; text-align:center; font-family: Arial, sans-serif; font-size: 62.5%; color: #000; }

a { outline:none;}

#header { width: 975px; margin: 15px auto 0px auto; text-align: left; height: 80px;}
  #header h1 {float: left; width: 215px; text-indent: -9000px; margin-left:25px;}
  #header h1 a {display: block; height: 68px; background: url('../images/nesto.gif') no-repeat;}
  #header h2 {float: left; width: 439px; height: 20px;  margin-left:90px; margin-top: 20px; text-indent: -9000px; background: url('../images/komplexni-pece.gif') no-repeat;}
  #header ul { list-style: none; float: right; margin-top: 20px; }
  #header ul li { float: left; }
  #header ul li a { display: block; width: 30px; height: 35px; text-indent: -9000px;}
  #header ul li a.home { background: url('../images/top-home.gif'); }
  #header ul li a.mapa { background: url('../images/top-mapa.gif'); }
  #header ul li a.kontakt { background: url('../images/top-kontakt.gif'); }
  #header ul li a:hover { opacity:0.5; filter:alpha(opacity=50); }

form.hledat { float: right; margin-left: 22px; margin-top: 25px; }
  form.hledat input.hledat { background: url('../images/lupa.gif') no-repeat 0px 0px; height: 17px; font-size: 11px; padding-left: 26px; color: #b4b4b4; float: left; border: 1px solid #d4d0c8; height: 21px; line-height: 21px; }
  form.hledat input.submit { background: url('../images/hledat.gif') no-repeat 0px 0px; width: 53px; height: 23px; margin-left: 7px; }



#container { clear: both; width: 975px; margin: 0px auto; background: url('../images/background-container.gif') repeat-y; }

#content {float: right; width: 695px; text-align: left; min-height: 500px; height:auto !important; height:500px;}
  
#content #top { width: 695px; height: 184px; background: url('../images/top.jpg') no-repeat; text-align: right; position: relative; }
  #content #top p { text-align: right; padding: 0px 20px 0px 0px; }
  #content #top p.kom { font-size: 2.4em; padding-top: 15px; color: #fff; }
  #content #top p.akt { color: #e17f26; padding-top: 5px; font-weight: bold; }
  #content #top p.pro { position: absolute; right: 0px; bottom: 15px; color: #fff; }

div.uspory { background: url('../images/uspory.jpg') no-repeat right bottom; min-height: 254px; clear: both; }

#content h1 { font-size: 1.6em; font-weight: bold; padding-bottom: 10px; color: #e17f26;}
  #content h1 span { color: #000;}
  #content h1.next { font-size: 1.6em; padding-top: 15px;}
  #content h1.uvod { font-size: 1.8em; }
  #content h2 { font-size: 1.4em; color: #505050; padding-top: 15px; }  
  #content h3 { font-size: 1.3em; }
  #content p { font-size: 1.2em; text-align: justify; padding-bottom: 10px;}
  #content p.right { text-align: left; font-size: 1.1em;}
  #content p.klokanci { float: right; text-align: center; font-size: 1.1em;}
  #content p.klokanci a { color: #e17f26; text-decoration: none; }
  #content p.klokanci a:hover { color: #505050; text-decoration: none; }
  #content p.uver { padding: 3px 10px; background: #F3E9DC; border: 1px solid #E7CAB0; margin-bottom: 10px; }
  #content dl { font-size: 1.2em; padding-bottom: 10px;}
  #content dt { border-bottom: 1px solid #dedede; font-weight: bold;}
  #content dd { }
  #content dl a { color: #0093dd; text-decoration: none;}
  #content dl a:hover { color: #035d8b; text-decoration: underline;}
  
  #content ul { font-size: 1.2em; list-style: none; padding: 5px}  
  #content ul li { background: url('../images/background-news-li.gif') no-repeat left 4px; padding-left: 10px; padding-bottom: 5px;}
  #content ul li a {font-weight: bold; color: #000; text-decoration: none;}
  #content ul li a span {font-weight: normal; color: #0093dd;}
  #content ul li a:hover {color: #0093dd; text-decoration: underline;}
  #content ol { font-size: 1.2em; padding: 10px 0px 10px 30px;}  
  #content ol li { padding-bottom: 5px;}
  #content table.poptavka { font-size: 1.2em;}
  #content input.text {border: 1px solid #b7b7b7; width: 200px;}
  #content input.submit {font-weight: bold; font-size: 11px; border: 1px solid #b7b7b7; padding: 2px;} 

  #content ul.uvod { font-size: 1.4em; padding: 10px 0px 10px 10px; }
    #content ul.uvod li { padding: 0px 0px 0px 20px; background: url('../images/li-uvod.gif') no-repeat left 5px; }

  #content div.nemovitosti { float: left; width: 213px; min-height: 210px; margin-right: 11px; background-color: #ebf0f3; margin-bottom: 15px; }
    #content div.nemovitosti h1 { height: 31px; background: url('../images/h1-nemovitosti.gif'); color: #fff; font-size: 1.5em; margin-bottom: 10px; padding: 0px 30px; line-height: 30px; } 
    #content div.nemovitosti h1 a { color: #fff; text-decoration: none; }
    #content div.nemovitosti h1 a:hover { color: #03446a; text-decoration: underline; }
    #content div.nemovitosti p { text-align: left; padding-left: 10px; }
    #content div.nemovitosti p strong { color: #197ab3; font-weight: normal; }

  #content div.stavby { float: left; width: 213px; min-height: 210px;  margin-right: 11px; background-color: #f0f5ec; }
    #content div.stavby h1 { height: 31px; background: url('../images/h1-stavby.gif'); color: #fff; font-size: 1.5em; margin-bottom: 10px;  padding: 0px 30px; line-height: 30px; }
    #content div.stavby p { text-align: left; padding-left: 10px; }
    #content div.stavby p strong { color: #679d4b; font-weight: normal; }

  #content div.obchod { float: left; width: 213px; min-height: 210px; background-color: #f6f0e8; }
    #content div.obchod h1 { height: 31px; background: url('../images/h1-obchod.gif'); color: #fff; font-size: 1.5em; margin-bottom: 10px; padding: 0px 30px; line-height: 30px; }
    #content div.obchod h1 a { color: #fff; text-decoration: none; }
    #content div.obchod h1 a:hover { color: #9b4b00; text-decoration: underline; }
    #content div.obchod p { text-align: left; padding-left: 10px; }
    #content div.obchod p strong { color: #c8846a; font-weight: normal; }

  #content p.top  { padding-bottom: 3px; color: #898787; font-size: 11px; }
  #content .nabidka-doporucujeme { border: 1px solid #e7cab0; background: #f3e9dc; width: 650px; height: 98px; margin-bottom: 5px; }
  #content .nabidka-doporucujeme img { margin: 8px; float: left; border: 1px solid #e7cab0; }
  #content .nabidka-doporucujeme p.nazev { padding: 10px 8px 5px 0px; }
  #content .nabidka-doporucujeme p.nazev a { color: #9B4B00; text-decoration: underline; font-weight: bold; }
  #content .nabidka-doporucujeme p.nazev a:hover { color: #e17f26; text-decoration: underline; }
  #content .nabidka-doporucujeme p.popis { padding: 0px 8px 5px 0px; }
    
#menu {float: left; width: 280px; text-align: left;}
  #menu ul {list-style: none; background: #505050; padding: 30px 0px 30px 30px; }
  #menu ul li {background: url('../images/background-menu-li.gif') no-repeat top left; width:221px; }
  #menu ul li a {color:#fff; text-decoration: none; font-size: 1.4em; font-weight: bold; padding-left: 25px; height: 25px; line-height:25px;}
  #menu ul li a:hover {color:#e28126;}

#news {float: left; width: 270px; text-align: left; font-size: 1.1em;}
  #news p { padding: 0px 0px 10px 18px; font-weight: bold; color: #9b4b00;}
  #news ul {list-style: none; padding: 0px 0px 20px 18px;}
  #news ul li { padding-left: 8px; border-left: 2px solid #e17f26;} 
  #news a { color: #e17f26; text-decoration: none;}
  #news a:hover { color: #9b4b00; text-decoration: underline;}


#footer { clear: both; width:695px; height: 40px; margin-left: 280px; background: #505050; color: #fff; font-size: 1em; text-align: left;}
  #footer a { color: #fff; text-decoration: none;}
  #footer a:hover { color: #0093dd;}
  #footer p.copy {float: right; padding:20px 10px 0px 0px;}
  #footer p.aktu {padding:20px 0px 0px 10px;}

#vysvetlivky {clear: left; padding: 25px 0px 25px 55px;}
  #vysvetlivky { text-align: left; font-size: 1.2em;}
  #vysvetlivky p {font-weight: bold; padding-bottom: 10px;}
  #vysvetlivky p strong {color: #9b4b00;}
  ul.vysvetlivky { list-style: none; margin-bottom: 15px; }
  ul.vysvetlivky li { color: #000; margin: 0px 10px 5px 10px; padding-left: 18px; }
  ul.vysvetlivky li.novinka { background: url('../images/flag_n.gif') no-repeat 0px 0px; }
  ul.vysvetlivky li.rezervace { background: url('../images/flag_r.gif') no-repeat 0px 0px; }
  ul.vysvetlivky li.prodano { background: url('../images/flag_p.gif') no-repeat 0px 0px; }
  ul.vysvetlivky li.zmena { background: url('../images/flag_z.gif') no-repeat 0px 0px; }
  ul.vysvetlivky li.pozastaveno { background: url('../images/flag_x.gif') no-repeat 0px 0px; }


#top-nabidky {clear: left; padding: 25px 0px 25px 18px; text-align: left; }
  #top-nabidky p {font-weight: bold; padding-bottom: 10px; font-size: 1.1em;}
  #top-nabidky p strong {color: #9b4b00;}
  #top-nabidky em { font-weight: bold; font-style: normal; }
  #top-nabidky ul { list-style: none; font-size: 1.1em; width: 255px; }
  #top-nabidky ul li { color: #9b4b00; margin: 0px 10px 10px 0px; padding: 5px; overflow: auto; border: 1px solid #e7cab0; background: #f3e9dc; }
  #top-nabidky ul li span { color: #000; }
  #top-nabidky ul li a { color: #9b4b00; }
  #top-nabidky ul li a:hover { color: #e17f26; }
  #top-nabidky ul li img { float: left; padding-right: 8px; }



/* formuláře */
form.poptavka label { font-size: 1.2em; float: left; width: 180px; }
form.poptavka input[type=text] { border: 1px solid #dedede; margin-bottom: 2px; width: 200px;}
form.poptavka input[type=submit] { border: 1px solid #505050; background: #F6F0E8; padding: 2px 10px;  }
form.poptavka input.captcha { margin-top: 2px; width: 100px; }
form.poptavka select { border: 1px solid #dedede; margin-bottom: 2px; width: 200px; }
form.poptavka textarea { border: 1px solid #dedede; margin-bottom: 2px; width: 300px; height: 100px; font-family: sans-serif; }

table.filtry td { padding-right:30px; }
table.filtry form { font-size: 1.1em; }
table.filtry select { font-size: 1em; }

table.nabidka { border-collapse: collapse; margin-top: 10px; width: 650px; font-size: 1.1em; }
table.nabidka td { border-bottom: 1px solid #fff; }
table.nabidka tr.novinka { background: #E9F5DF; }
table.nabidka tr.non { background: #F0F0F0; }
table.nabidka tr.zmena { background: #FEF4DD; }
table.nabidka td.flag { width: 18px; text-align: center; }
table.nabidka td.cena { text-align: right; font-weight: bold; }
table.nabidka a { color: #000; }
table.nabidka a:hover { color: #e17f26; }

div.strankovani { width: 650px; }
table.strankovani { margin: 5px auto 0px auto; font-size: 1.1em; }

a.images_home { display: block; float: left; width: 112px; height: 85px; border: 1px solid #656363; margin: 5px 10px 5px 10px;}
a.images_home:hover { border: 1px solid #0093dd; opacity:0.8; filter:alpha(opacity=80);}

a.img { display: block; float: left; width: 112px; height: 85px; border: 1px solid #656363; margin: 0px 1px 20px 0px;}
a.img:hover { border: 1px solid #0093dd; opacity:0.8; filter:alpha(opacity=80);}

a.link { color: #000; text-decoration: none; font-weight: bold;}
a.link:hover {color: #0093dd; text-decoration: underline;}

a.link2 { color: #0093dd; text-decoration: none; font-weight: bold;}
a.link2:hover {color: #035d8b; text-decoration: underline;}

a.odkaz {color: #9b4b00;}
a.odkaz:hover {color: #e17f26;}


p.motto { padding: 10px; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; margin-bottom: 15px; background: #F6F0E8; }

#content p.error { background: #fff6bf url('../images/chyba.png') center no-repeat;	background-position: 15px 50%;
	text-align: left;	padding: 5px 20px 5px 45px;	border: 1px solid #ffd324; margin: 5px 0px; }
	
#content p.ok { background: #e5fab1 url('../images/ok.png') center no-repeat;	background-position: 15px 50%;
	text-align: left;	padding: 5px 20px 5px 45px;	border: 1px solid #b0e62a; margin: 5px 0px 10px 0px; }


/* detail */
#content p.left { width: 345px; float: left; padding: 0px; margin-bottom: 5px; font-size: 11px; }
#content p.left em { font-style: normal; width: 100px; float: left; }
#content p.right em { font-style: normal; width: 100px; float: left; }

#content a.hlavni-foto { color: #db4c04; overflow: auto; display: block; width: 324px; text-decoration: none; }
#content a.hlavni-foto:hover { color: #d56b13; }
#content a.hlavni-foto img { border: 2px solid #e28126; }
#content a.hlavni-foto:hover img { border: 2px solid #9b4b34; }

#content a.male-foto { color: #db4c04; width: 119px; height: 100px; float: left; margin: 0px 1px 1px 0px; text-align: center; padding:1px; text-decoration: none; font-size: 1.1em; display: block; height: 140px; }
#content a.male-foto:hover { color: #d56b13; }
#content a.male-foto img { border: 2px solid #e28126; }
#content a.male-foto:hover img { border: 2px solid #9b4b34; }
strong.nadpis { color: #d56b13; font-size: 1.1em; }
strong.cena2 {font-size: 1.1em; }
span.makler { color: #9b4b34; font-weight: bold; font-size: 1.1em; }
span.makler_kontakt { font-size: 1.1em; padding-left: 100px;}
span.rezetext { color: #F53D00; text-transform: uppercase; }
span.exklusiv { color: #878787; display: block; padding: 5px 0px 0px 0px; }
span.doporucujeme { color: #898787; font-size: 1.1em;}
span.cena { color: #d56b13; }
span.cena2 { color: #db4c04; font-size: 1.1em;}
span.underline { text-decoration: underline;}

#content dl { width: 400px; height: 140px; overflow: auto; padding: 5px; border-top:  1px solid #ededed; border-bottom: 1px solid #ededed; font-size: 1.1em; background: #fff; }
#content dt { width: 150px; float: left; border: 0px; font-weight: normal; }
#content dd { font-weight: bold; }
/* konec detiail */


.img_home { padding: 1px; }
.blue {color: #0093dd;}
.red {color: #c00;}
.orange {color: #e17f26;}
.green { color: #4f9b2c; }
.space {padding: 17px;}
.break {clear: both;}
