a img,:link img,:visited img { border:none }

body,html
  {
   font-family: arial, tahoma, verdana, sans-serif;
   text-align: center;
   color: #244A63;
   padding: 0;
   margin: 0;
   background: #8AC3EB url(../pics/main-bcg.jpg) repeat-x;
   font-size: 0.8em;
}

p {
	font-size: 1.2em;
}
  
#all {
   width: 910px;
   text-align: left;
   margin: 5px auto;
}
  
#header {
   width: 910px;
   height: 185px;
   background: url(../pics/header-bcg.jpg);
}
  
#header-top {
   width: 880px;
   height: 96px;
   padding: 15px 15px 0 15px;
}

#header-top h1
{
   color: #244A63;
   font-size: 2em;
   margin: 0;
   text-align: center;
   line-height: 125%;
   font-weight: normal;
}

#navigation
{
   width: 880px;
   height: 39px;
   padding: 0 15px 0 15px;
}

#header-top h1 a
{
   display: block;
   width: 210px;
   height: 86px;
   padding: 10px 20px 0 650px;
   color: #244A63;
   text-decoration: none;
}

#header-top h1 a div
{
   font-size: 0.65em;
}

#home {
	float: right;
	height: 28px;
	padding-top: 9px;
	background: url(../pics/top-menu-bcg.jpg) repeat-x;
}

#home a {
   font-size: 1.3em;
   text-transform: uppercase;
   font-weight: bold;
   color: #244A63;
   text-decoration: none;
   white-space:nowrap;
   padding: 12px 5px 9px 5px;
}

#navigation ul
{
   list-style-type:none;
   margin: 0;
   padding: 0;
   float: left;
}

#navigation ul li
{
   display:inline;
   float:left;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   position:relative;
}

#navigation li a {
   display: block;
   font-size: 1.3em;
   text-transform: uppercase;
   font-weight: bold;
   color: #244A63;
   text-decoration: none;
   white-space:nowrap;
   padding: 12px 15px 9px 15px;
}

#navigation a:hover {
   background: url(../pics/top-menu-bcg.jpg) repeat-x;
}

#navigation li ul
{
   position: absolute;
   visibility:  hidden;
   width: 330px;
}

#navigation li.hover ul
{
   visibility: visible;
}

#navigation li ul li a
{
   color: #ffffff;
   padding: 10px 15px 7px 15px;
}

#navigation  li ul li a:hover {
   background: none;
   text-decoration: underline;
}

#body-repeat  {
   background: url(../pics/body-bcg-rep.jpg) repeat-y;
   width: 910px;
   min-height:885px;    
   float: left;
}

#body-top  {
   background: url(../pics/body-bcg.jpg) no-repeat;
   width: 910px;
   min-height:885px;    
   float: left;
}

#footer  {
   background: url(../pics/footer.jpg) no-repeat;
   width: 890px;
   height: 28px;
   margin: 0 0 5px 0;
   padding: 22px 0 0 20px;
   float: left;
   color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#navigation-left {
   width: 180px;
   float: left;
   /* background: green;*/
   min-height:452px;
   padding: 13px 0 0 15px;
   position: relative;
   z-index: 1005;
}

#navigation-left ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#navigation-left ul li {
   margin: 0 0 2px 0;
}

#navigation-left ul li a{
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	color: #244A63;
	width: 166px;
	text-decoration: none;
	padding: 8px 0 8px 11px;
	background: url(../pics/bocne-menu-off.jpg) no-repeat;
}

#navigation-left ul li a:hover{
	background: url(../pics/bocne-menu-on.jpg) no-repeat;
}

#navigation-left ul li ul{
	position: absolute;
	width: 349px;
	left: 192px;
	margin: -32px 0 0 0;
	background: url(../pics/submenubcg.jpg) no-repeat;
	padding: 5px 0 5px 0;
	display: none;
}

#navigation-left ul li ul li {
   margin: 0;
}

#navigation-left ul li ul li a{
	width: 349px;
	background: transparent;
	padding: 0 0 1px 11px;
}

#navigation-left ul li ul li a:hover{
	text-decoration: underline;
	background: transparent;
}

#content-right {
   width: 715px;
   float: right;
   /* background: olive;*/
   min-height:465px;    
}

#odporucame {
   width: 885px;
   float: left;
   /*background: silver;*/
   min-height:420px;
   padding: 0 13px 0 12px;
}

#odporucame h2 {
   height: 22px;
   width: 877px;
   background: url(../pics/odporucame-h2-bcg.jpg) no-repeat;
   padding: 8px 0 0 8px;
   margin: 0;
   font-size: 1.2em;
   color: #244A63;
}

.odporucame-riadok {
   width: 885px;
   height: 195px;
   background: url(../pics/odporucame-bcg.jpg) no-repeat;
}

.odporucame-policko {
   width: 155px;
   height: 181px;
   float: left;
   padding: 14px 11px 0 11px;
   text-align: center;
}

.odporucame-policko p {
   margin: 3px 0 3px 0;
   padding: 0;
   color: #244A63;
   text-align: center;
   font-size: 1.2em;
   font-weight: bold;
   text-transform: uppercase;
}

.odporucame-policko p a {
   text-decoration: none;
   color: #244A63;
}

.odporucame-policko p a:hover {
   text-decoration: underline;
}

.odporucame-tlacitko {
   float: right;
   width: 41px;
   height: 12px;
   background: url(../pics/top-ponuka-tlacitko.jpg) no-repeat;
   text-align: center;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 0.9em;
   margin: 0 16px 0 0;
}

.odporucame-tlacitko a {
   display: block;
   width: 41px;
   height: 12px;
   color: #ffffff;
   text-decoration: none;
}

#zaujimave-ponuky {
   background: url(../pics/zaujimave-ponuky-bcg.jpg) no-repeat;
   width: 177px;
   height: 34px;
}

#anketa {
   background: url(../pics/anketa-bcg.jpg) no-repeat;
   width: 177px;
   height: 180px;
}

#anketa h2 {
   color: #244A63;
   width: 176px;
   height: 16px;
   text-align: center;
   margin: 0;
   padding: 4px 0 0 0;
   font-size: 1.3em;
}

#anketa p {
	padding: 7px 5px 0 5px;
	margin: 0;
	font-size: 1.2em;
	line-height: 150%;
	font-weight: bold;
	text-align: center;
}

#anketa form {
	margin: 0;
}

#anketa fieldset {
	border: 0;
	padding: 0;
}

#anketa label {
   font-size: 1.2em;
}

#anketa ol {
	font-size: 1.2em;
	padding: 0 5px 0 25px;
	margin: 5px 0 0 0;
}

#anketa-submit-lavy {
	height: 23px;
	width: 70px;
	background: url(../pics/anketa-btn-lavy.jpg) no-repeat left;
	margin: 10px 0 0 9px;
	text-align: center;
}

#anketa-submit-lavy  a {
	color: #ffffff;
	font-size: 1.2em;
	display: block;
	padding: 4px 0 0 0;
	cursor:pointer;
}

#anketa-submit-pravy {
	height: 23px;
	background: url(../pics/anketa-btn-pravy.jpg) no-repeat right;
}

#uvod {
   background: url(../pics/uvod-bcg.jpg) no-repeat 0 9px;
   width: 640px;
   height: 56px;
   padding: 19px 0 0 75px;
}

#uvod p {
   font-size: 1.3em;
   font-style: italic;
   font-weight: bold;
   margin: 0;
   padding: 0;
}

#uvod p span {
   color: #244A63;
}

#top-ponuky {
   background: url(../pics/top-ponuky-bcg.jpg) no-repeat;
   width: 715px;
   height: 215px;
}

#top-ponuky h2 {
   margin: 0;
   color: #ffffff;
   font-size: 1.3em;
   text-align: center;
   padding: 7px 15px 7px 0;  
   text-transform: uppercase;
}

.top-ponuka {
   float: left;
   width: 134px;
   height: 155px;
   background: url(../pics/top-ponuka-bcg.jpg) no-repeat;
   margin: 0 3px 0 0;
   padding: 11px 12px 11px 11px;
   text-align: center;
}

.top-odporucame {
   position: relative;
   float: left;
   width: 134px;
   height: 151px;
   background: url(../pics/top-odporucame-bcg.jpg) no-repeat;
   margin: 0 3px 0 0;
   padding: 11px 12px 11px 11px;
   text-align: center;
}

.top-ponuka p {
   margin: 3px 0 3px 0;
   padding: 0;
   color: #244A63;
   text-align: center;
   font-size: 1.2em;
   font-weight: bold;
   text-transform: uppercase;
   height: 45px;
}

.top-odporucame  p {
   margin: 3px 0 3px 0;
   padding: 0;
   color: #244A63;
   text-align: center;
   font-size: 1.2em;
   font-weight: bold;
   text-transform: uppercase;
}

.top-ponuka p a {
   text-decoration: none;
   color: #244A63;
}

.top-ponuka p a:hover {
   text-decoration: underline;
}

.top-odporucame  p a {
   text-decoration: none;
   color: #244A63;
}

.top-odporucame  p a:hover {
   text-decoration: underline;
}

.top-ponuka-tlacitko {
   float: right;
   width: 41px;
   height: 12px;
   background: url(../pics/top-ponuka-tlacitko.jpg) no-repeat;
   text-align: center;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 0.9em;
}

.top-ponuka-tlacitko a {
   display: block;
   width: 41px;
   height: 12px;
   color: #ffffff;
   text-decoration: none;
}

#top-ponuka-lava-sipka {
   width: 28px;
   height: 136px;
   float: left;
   padding: 49px 0 0 3px;
}

#top-ponuka-prava-sipka {
   width: 30px;
   height: 136px;
   float: left;
   padding: 49px 0 0 1px;
}

#top-ponuky-vyhladavanie {
   background: url(../pics/top-ponuky-vyhladavanie-bcg.jpg) no-repeat;
   width: 715px;
   height: 215px;
}

#top-ponuky-vyhladavanie2 {
   background: url(../pics/top-ponuky-vyhladavanie-bcg.jpg) no-repeat;
   width: 715px;
   height: 215px;
}

#top-ponuky-vyhladavanie h2 {
   margin: 0;
   color: #306487;
   font-size: 1.3em;
   text-align: center;
   padding: 7px 15px 7px 0;  
   text-transform: uppercase;
}

#top-ponuky-vyhladavanie2 h2 {
   margin: 0;
   color: #306487;
   font-size: 1.3em;
   text-align: left;
   padding: 7px 15px 7px 7px;  
   text-transform: uppercase;
}

#top-ponuky-vyhladavanie2 div {
	padding: 15px 0 0 7px;
}

#top-ponuky-vyhladavanie2 ul {
	margin: 0 0 0 280px;
	font-size: 1.3em;
    color: #244A63;
}

#uvod-vyhladavanie {
   width: 710px;
   height: 15px;
   padding: 15px 0 0 5px;
}

#uvod-vyhladavanie p {
   color: #306487;
   font-size: 1.2em;
   font-weight: bold;
   margin: 0;
   padding: 0;
}

#mapka {
   width: 355px;
   height: 175px;
   float: left;
   background: url(../pics/mapka-cista.jpg) no-repeat;
}

#novostavby-mapka {
   text-align: center;
   height: 175px;
   background: url(../pics/mapka-cista.jpg) no-repeat center;
   padding: 15px 0 15px 0;
}

#vyhladavanie {
   width: 360px;
   height: 175px;
   float: left;
}

#vyhladavanie h2
{
   height: 22px;
   width: 352px;
   background: url(../pics/filter-ponuk-bcg.jpg) no-repeat;
   padding: 8px 0 0 8px;
   margin: 0;
   font-size: 1.2em;
   color: #244A63;
}

#vybrane-ponuky
{
   width: 715px;
}

#vyhladavanie form {
   padding: 0;
   margin: 0;
}

#vyhladavanie form fieldset {
   border: none;
   width: 345px;
   position:relative;
   display:block;
}

#vyhladavanie form fieldset label {
	display:block;
	float:left;
	width:35%;
	text-align:right;
	padding: 7px 5px 0 0;
	font-size: 1.2em;
}

#vyhladavanie form fieldset select {
	display:block;
	float:left;
	width:45%;
	font-size: 1.2em;
	margin: 3px 0 0 0;
}

#vyhladavanie p
{
   padding: 5px 0 0 0;
   margin: 0;
   text-align: center;
}

#vybrane-ponuky h1 {
   height: 22px;
   width: 692px;
   background: url(../pics/vybrane-ponuky-h1-bcg.jpg) no-repeat;
   padding: 8px 0 0 8px;
   margin: 0;
   font-size: 1.2em;
   color: #244A63;
}

#vybrane-ponuky table {
   border: 1px solid #CCC0DA;
   margin: 0 0 0 10px;
}

#vybrane-ponuky table th {
   background: #B6DDE8;
   color: #244A63;
   font-weight: bold;
   font-size: 1.3em;
   text-align: center;
}

#vybrane-ponuky table td {
   color: #244A63;
   font-size: 1.3em;
   text-align: center;
}

#vybrane-ponuky table td a{
   color: #244A63;
   text-decoration: none;
}

#vybrane-ponuky table td a:hover{
   text-decoration: underline;
}

#detail
{
   width: 715px;
   height: auto;
   float: left;
}

#detail-pravy
{
	float: right;
	width: 302px;
}

#detail-lavy
{
	float: left;
	width: 413px;
}

#detail-text p
{
   width: 685px;
   font-size: 1.2em;
   line-height: 125%;
   padding: 5px 25px 5px 5px;
   margin: 0px;
   text-align: justify;
}

#detail-text h1 {
   height: 27px;
   width: 670px;
   background: url(../pics/detail-ponuky-h1-bcg.jpg) no-repeat;
   padding: 10px 0 0 30px;
   margin: 0;
   font-size: 1.3em;
   color: #000000;
}

#detail-text ul {
   font-size: 1.3em;
   text-align: justify;
   padding: 10px 25px 0 40px;
}

#detail  h1, #content-right h1 {
   height: 27px;
   width: 670px;
   background: url(../pics/detail-ponuky-h1-bcg.jpg) no-repeat;
   padding: 10px 0 0 30px;
   margin: 0;
   font-size: 1.3em;
   color: #000000;
}

#detail-foto {
   width: 695px;
   height: 295px;
   padding: 0 3px 0 2px;
}

#detail-foto-detail
{
   width: 405px;
   height: 285px;
   float: left;
   position: relative;
   background: url(../pics/foto-detail-bcg.jpg) no-repeat;
   text-align: center;
   padding: 5px 0 5px 0;
   margin: 0 3px 0 5px;
}

#detail-foto-nahlad
{
   width: 392px;
   height: 151px;
   float: left;
   position: relative;
   background: url(../pics/foto-nahlad-bcg.jpg) no-repeat;
   padding: 0 0 0 13px;
   margin: 5px 0 0 5px;
}

.detail-foto-nahlad-foto
{
   width: 87px;
   height: 65px;
   float: left;
   position: relative;
   background: #ffffff;
   padding: 3px;
   text-align: center;
   margin: 3px 3px 0 0;
}

#parametre
{
   width: 282px;
   float: left;
}

#parametre p {
   font-size: 1.2em;
   padding: 5px 5px 0 5px;
   color: #244a63;
   margin: 0;
}

#parametre p label {
   font-weight: bold;
   width: 40%;
   text-align: left;
   vertical-align: top;
   padding: 0 0 0 5px;
}

#parametre p span {
   vertical-align: top;
}

#popis {
   background: url(../pics/popis-bcg.jpg) repeat-y;
   width: 277px;
   float: left;
   margin: 0 0 0 5px;
}

#popis-top {
   background: url(../pics/popis-top-bcg.jpg) no-repeat;
   width: 272px; 
   height: 10px;
   float: left;
}

#popis-bottom {
   background: url(../pics/popis-bottom-bcg.jpg) no-repeat bottom;
   width: 272px;
   float: left;
}

#popis-bottom  p {
   color: #244A63;
   font-size: 1.2em;
   margin: 0 10px 0 10px;
   padding: 0 0 10px 0;
   text-align: justify
}

#popis-bottom  ul {
   color: #244A63;
   font-size: 1.2em;
   text-align: justify;
   margin: 0 10px 10px 0px;
   padding: 0 0 0 23px;
}

#popis-bottom  h2 {
   color: #244A63;
   font-size: 1.2em;
   font-weight: bold;
   margin: 0 10px 10px 10px;
}

#makler-mapa {
   width: 715px;
   float: left;
}

#makler {
   width: 413px;
   height: 125px;
   background: url(../pics/makelr-bcg.jpg) no-repeat;
   float: left;
   margin: 5px 0 0 0;
}

#makler-foto {
   width: 87px;
   height: 113px;
   float: left;
   padding: 12px 9px 0 9px;   
   text-align: center;
}

#makler-kontakt {
   width: 308px;
   height: 125px;
   float: left;
}

#makler-kontakt h2 {
   width: 308px;
   height: 23px;
   color: #306487;
   font-size: 1.2em;
   text-transform: uppercase;
   text-align: center;
   padding: 12px 0 0 0;
   margin: 0;
}

#makler-kontakt p {
   width: 308px;
   margin: 0;
   color: #244A63;
   font-size: 1.2em;
   padding: 5px 0 0 0;
   line-height: 150%;
}

.meno {
   font-weight: bold;
   font-size: 1.4em;
}

#tlacitka {
   width: 302px;
   height: 125px;
   /*background: #cccccc;*/
   float: left;
}

#mapa {
   width: 413px;
   height: 125px;
   /*background: navy;*/
   float: left;
}

#hypokalkulacka {
   width: 302px;
   height: 125px;
   /*background: olive;*/
   float: left;
}

#text {
   background: url(../pics/text-bcg.jpg) repeat-y;
   width: 700px;
   float: left;
}

#text-top {
   background: url(../pics/text-top-bcg.jpg) no-repeat;
   width: 700px; 
   height: 10px;
   float: left;
}

#text-bottom {
   background: url(../pics/text-bottom-bcg.jpg) no-repeat bottom;
   width: 700px;
   padding: 0 0 10px 0;
   float: left;
}

#text-bottom  p {
   color: #244A63;
   font-size: 1.2em;
   margin: 0 10px 0 10px;
   padding: 0 0 10px 0;
   text-align: justify
}

#text-bottom  ul {
   color: #244A63;
   font-size: 1.2em;
   text-align: justify;
   margin: 0 10px 10px 0px;
   padding: 0 0 0 40px;
}

#text-bottom  h2 {
   color: #244A63;
   font-size: 1.4em;
   text-align: justify;
   padding-left: 10px;
}

#text-bottom table {
   color: #244A63;
   font-size: 1.2em;
   padding-left: 10px;
   width: 80%;
}


#kontextove-menu {
   width: 250px;
   float: left;
   background: #ffffff;
   margin: 0 5px 0 5px;
}

#kontextove-menu h2 {
   margin: 0;
   padding: 10px 0 10px 0;   
   font-size: 1.4em;
   color: #244A63;
   text-align: center;
}

#pocet-ponuk-v-regione {
	position: relative;
	top: -505px;
	left: 365px;
	color: #244A63;
	font-size: 1.2em;
	z-index: 1000;
	height: 20px;
	width: 150px;
}

#pocet-ponuk-v-regione-cislo
{
	position: relative;
	top: -505px;
	left: 497px;
	color: #244A63;
	font-size: 1.5em;
	font-weight: bold;
	z-index: 1000;
	text-align: center;
	width: 30px;
	height: 20px
}

#pocet-ponuk-v-regione-novostavby {
	position: relative;
	top: -270px;
	left: 530px;
	color: #244A63;
	font-size: 1.2em;
	z-index: 1000;
	height: 20px;
	width: 150px;
}

#pocet-ponuk-v-regione-cislo-novostavby
{
	position: relative;
	top: -291px;
	left: 661px;
	color: #244A63;
	font-size: 1.5em;
	font-weight: bold;
	z-index: 1000;
	text-align: center;
	width: 30px;
	height: 20px
}

#ponuka-podla-regionov {
	position: relative;
	top: -635px;
	left: 220px;
	width: 50px;
	color: #244A63;
	font-size: 1.2em;
	z-index: 1000;
}

#gmapka {
   width: 413px;
   background: url(../pics/gmapka-bcg.jpg) repeat-y;
   float: left;
   margin: 5px 0 0 0;

}

#gmapka-top {
   background: url(../pics/gmapka-top-bcg.jpg) no-repeat;
   width: 413px; 
   height: 10px;
   float: left;
}

#gmapka-bottom {
   background: url(../pics/gmapka-bottom-bcg.jpg) no-repeat bottom;
   width: 413px;
   float: left;
}

#gmapka-bottom h2 {
	margin: 0 0 0 10px;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #244A63;
}

#map_canvas {
	margin: 5px 0 10px 9px;
}

hr {
	clear: both;
	visibility: hidden;
}