@import "reset.css";

body 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	background: #fff url('../images/background.jpg') center 171px repeat-x;
	color: #333;
	line-height: 1.6em;
	text-align: center;
  }
p {
	margin: 8px 0 0 0 !important;
	font-size: 1em;
	}
hr {
  width: 100%;
  height: 0px;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid #E1E1E1;
  height: 1px;
  margin: 25px 0 25px 0;
}
strong{
  font-weight:normal;
}
div.hr {
	width: 100%;
	border-bottom: 1px solid #E1E1E1;
	height: 1px;
	margin: 25px 0 25px 0;
}
div.hr * {
	display: none;
}
h2 {
  color: #373737;
  margin: 0 0 15px 0;
	font-size: 2em;
	}
h3 {
	font-size:1.6em;
	font-weight:bold;
	margin:0;
	padding: 0;
	}
h4 {
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	border-bottom:1px solid #ccc;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	}
a {
	color: #0000AE;
	text-decoration: underline;
	}
a:hover {
	color: #000099;
	text-decoration: none;
	}
dt {
	font-weight: bold;
	padding-top:0.4em;
}
dd {
  margin-left: 2em;
}
#content ul {
	margin: 15px 0 15px 25px;
	}
#content ol {
	margin: 15px 0 15px 25px;
  }
#content ul li {
	margin: 0;
	padding: 0 0 0 0;
	list-style: disc;
	}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
  }
table {
	width: 100%;
  }
table td {
	vertical-align: top;
  }
.center {
  text-align: center;
}

/* LAYOUT
------------------------------*/

#all {
  width: 960px;
  text-align: left;
  position: relative;
  margin: 0 auto;
  }
  
/* LOGO
------------------------------*/
#logo {
  width: 960px;
  height: 127px;
  overflow: hidden;
  position: relative;
  }
#logo h1 {
  display: block;
  width: 330px;
  height: 98px;
  position: absolute;
  left: 0;
  top: 16px;
  overflow: hidden;
	background: #fff url('../images/nahypoteky.png') no-repeat;
  }
#logo h1 a {
  display: block;
  color: #333;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 4.5em;
  padding-top: 50px;
  text-align: center;
  width: 330px;
  height: 48px;
  }
#logo h1 a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 330px;
  height: 98px;
	background: #fff url('../images/nahypoteky.png') no-repeat;
  z-index: 3;
  cursor: pointer;
  }

/* MENU
------------------------------*/
#menu {
  width: 940px;
  height: 41px;
  color: #fff;
  background: #f23f00;
  overflow: hidden;
  position: relative;
  left: 10px;
}
#menu ul {
  width: 940px;
  height: 41px;
  position: relative;
}
#menu ul li {
  display: block;
  float: left;
  top: 0;
  height: 41px;
  list-style-type: none;
  }
#menu ul li a {
  display: block;
  height: 30px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 11px 12px 0 12px;
  font-size: 1.1em;
  position: relative;
  }
#menu ul li a:hover {
  color: #fff;
  text-decoration: none;
  background: url('../images/menu-hover.png') repeat-x;
}  
.menu-corner {
  position: absolute;
  top: 0;
  width: 27px;
  height: 16px;
	background: url("../images/menu.png") 0 0 no-repeat;
	overflow: hidden;
}
#m1 {
  left: 27px;
}
#m2 {
  left: 115px;
}
#m3 {
  left: 260px;
}
#m4 {
  left: 380px;
}
#m5 {
  left: 470px;
}
#m6 {
  left: 570px;
}
#m7 {
  left: 665px;
}
#m8 {
  left: 760px;
}

/* BANNER
------------------------------*/

#banner-homepage {
  width: 960px;
  background: url('../images/homepage-back.jpg') 511px 3px no-repeat;
  height: 283px;
  position: relative;
  overflow: hidden;
}
#banner-homepage h3 {
  left: 42px;
  top: 43px;
  width: 469px;
  height: 137px;
  position: absolute;
  color: #fff;
  font-size: 2em;
  line-height: 1.4em;
  overflow: hidden;
  background: url('../images/homepage-slogan.jpg') no-repeat;
}
#banner-homepage h3 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 469px;
  height: 137px;
  background: url('../images/homepage-slogan.jpg') no-repeat;
  z-index: 3;
  }
#banner-homepage a {
  width: 206px;
  height: 44px;
  position: absolute;
  top: 180px;
  left: 305px;
  overflow: hidden;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  padding-top: 20px;
  text-decoration: none;
  color: #fff;
}
#banner-homepage a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 206px;
  height: 64px;
  background: url('../images/homepage-button.png') no-repeat;
  z-index: 3;
  }
#banner-homepage a:hover span {
  background-position: 2px 2px;
  }

#banner-subpage {
  width: 960px;
  height: 130px;
  position: relative;
  overflow: hidden;
}
#banner-subpage h3 {
  left: 32px;
  top: 30px;
  width: 700px;
  height: 50px;
  position: absolute;
  color: #fff;
  font-size: 3em;
  line-height: 1.4em;
  overflow: hidden;
}
#banner-subpage a.kontaktujte-nas-button {
  width: 206px;
  height: 44px;
  position: absolute;
  top: 35px;
  left: 730px;
  overflow: hidden;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  padding-top: 20px;
  text-decoration: none;
  color: #fff;
}
#banner-subpage a.kontaktujte-nas-button span {
  position: absolute;
  top: 0;
  cursor: pointer;
  left: 0;
  width: 206px;
  height: 64px;
  background: url('../images/homepage-button.png') no-repeat;
  z-index: 3;
  }
#banner-subpage a:hover span {
  background-position: 2px 2px;
  }
 .navigace  {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 82px;
  font-size: .9em;
  left: 33px;
  color: #fff;
 }
 .navigace a {
  color: #fff;
  text-decoration: underline;
 }

/* CONTENT
------------------------------*/

#content {
  width: 940px;
  padding: 0 10px;
  position: relative;
}
.homepage-background2 {
	background: url("../images/homepage-back2.jpg") 536px 0 no-repeat;
}

.content-left {
  width: 690px;
  position: relative;
  float: left;
}
.content-right {
  width: 230px;
  position: relative;
  float: right;
}

.content-right .box p a,.content-right .box a {
  color: #373737;
}

.content-left .box {
  width: 640px;
	background: url("../images/back-content-top.png") repeat-y;
	padding: 25px 25px 0 25px;
	margin-bottom: 0px;
	overflow: hidden;
}

.content-left .box-bottom {
  width: 690px;
	background: url("../images/back-content-bottom.png") repeat-y;
	height: 25px;
}

.content-left .box3 {
  width: 620px;
	background: url("../images/back-content2-top.png") repeat-y;
	padding: 35px 35px 5px 35px;
}
.content-left .box3-bottom {
  width: 690px;
	background: url("../images/back-content2-bottom.png") repeat-y;
	height: 25px;
}

.content-left .box2 {
  width: 620px;
  line-height: 1.8em;
	background: url("../images/back-content-top.png") repeat-y;
	padding: 35px 35px 5px 35px;
}

.content-left .box2 h3 {
  margin: 20px 0 15px 0;
}

.content-left .box-narrow-left {
  width: 265px;
  line-height: 1.8em;
	background: url("../images/back-content-narrow-top.png") repeat-y;
	padding: 35px 35px 5px 35px;
	float: left;
}
.content-left .box-narrow-left-bottom {
  width: 335px;
	background: url("../images/back-content-narrow-bottom.png") repeat-y;
	height: 25px; 
	float: left;
}

.content-left .box-narrow-right {
  width: 265px;
  line-height: 1.8em;
	background: url("../images/back-content-narrow-top.png") repeat-y;
	padding: 35px 35px 5px 35px;
	float: right;
}
.content-left .box-narrow-right-bottom {
  width: 335px;
	background: url("../images/back-content-narrow-bottom.png") repeat-y;
	height: 25px;
	float: right;
}

.content-left .box-content-menu {
  width: 690px;
  height: 150px;
	margin: 0;
}
.content-left .box-content-menu a {
  display: block;
  float: left;
  width: 340px;
  height: 46px;
  overflow: hidden;
  margin-bottom: 10px;
	background: url("../images/content-menu.png") no-repeat;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.content-left .box-content-menu a span {
  display: block;
  width: 320px;
  cursor: pointer;
  height: 33px;
	padding: 13px 0 0 20px;
}
.content-left .box-content-menu a:hover {
	text-decoration: none;
	color: #000;
  background: url("../images/content-menu-hover.png");
}

.content-left .box-content-menu a.hypotecni-banka {
	background: url("../images/banky-hypotecni-banka.png") no-repeat;
} 
.content-left .box-content-menu a.raiffeisenbank {
	background: url("../images/banky-raiffeisenbank.png") no-repeat;
} 
.content-left .box-content-menu a.komercni-banka {
	background: url("../images/banky-komercni-banka.png") no-repeat;
} 
.content-left .box-content-menu a.unicredit-bank {
	background: url("../images/banky-unicredit-bank.png") no-repeat;
} 
.content-left .box-content-menu a.volksbank {
	background: url("../images/banky-volksbank.png") no-repeat;
} 
.content-left .box-content-menu a.ceska-sporitelna {
	background: url("../images/banky-ceska-sporitelna.png") no-repeat;
} 
.content-left .box-content-menu a.hypotecni-banka:hover {
	background: 0 46px url("../images/banky-hypotecni-banka.png");
} 
.content-left .box-content-menu a.raiffeisenbank:hover {
	background: 0 46px url("../images/banky-raiffeisenbank.png");
} 
.content-left .box-content-menu a.komercni-banka:hover {
	background: 0 46px url("../images/banky-komercni-banka.png");
} 
.content-left .box-content-menu a.unicredit-bank:hover {
	background: 0 46px url("../images/banky-unicredit-bank.png");
} 
.content-left .box-content-menu a.volksbank:hover {
	background: 0 46px url("../images/banky-volksbank.png");
} 
.content-left .box-content-menu a.ceska-sporitelna:hover {
	background: 0 46px url("../images/banky-ceska-sporitelna.png");
} 

.content-left .box-content-menu a.active span {
  background: url("../images/content-menu-active.png") no-repeat;
  color: #fff;
}
.content-left .box-content-menu a.margin {
  margin-right: 10px;
}
.content-left .box-content-menu-bottom {
  width: 690px;
	height: 10px;
}

.content-left .box-kalkulacka {
  width: 640px;
	background: url("../images/back-kalkulacka-top.png") repeat-y;
	padding: 25px 25px 0 25px;
}
.content-left .box-kalkulacka-bottom {
  width: 690px;
	background: url("../images/back-kalkulacka-bottom.png") repeat-y;
	height: 25px;
}
.content-left .box-kalkulacka2 {
  width: 640px;
	background: url("../images/back-kalkulacka2-top.png") repeat-y;
	padding: 25px 25px 0 25px;
}
.content-left .box-kalkulacka2-bottom {
  width: 690px;
	background: url("../images/back-kalkulacka2-bottom.png") repeat-y;
	height: 25px;
}
.content-left .box-kalkulacka h2 {
  font-size: 2.5em;
  margin-bottom: 0;
}

.content-left .box-red {
  width: 640px;
	background: url("../images/back-red-top.png") repeat-y;
	padding: 25px 25px 0 25px;
	color: #fff;
}
.content-left .box-red2 {
  width: 640px;
	background: url("../images/back-red-top2.png") repeat-y;
	padding: 23px 25px 0 25px;
	color: #fff;
}
.content-left .box-red2 a {
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
}
.content-left .box-red h2 {
	color: #fff;
	}
#content .content-left .box-red li {
	margin-top: 5px;
	}
.content-left .box-red-bottom {
  width: 690px;
	background: url("../images/back-red-bottom.png") repeat-y;
	height: 25px;
}
.content-left .box-red2-bottom {
  width: 690px;
	background: url("../images/back-red-bottom.png") 0 bottom repeat-y;
	height: 20px;
}

.content-right .box {
  width: 190px;
	background: url("../images/back-sidebar-top.png") repeat-y;
	padding: 20px 20px 0 20px;
	color: #656565;
	margin-bottom: 0px;
	overflow: hidden;
}
.content-right .box-bottom {
  width: 230px;
	background: url("../images/back-sidebar-bottom.png") repeat-y;
	height: 23px;
}
.content-right .box-potrebujete {
  width: 190px;
	background: url("../images/back-potrebujete-top.png") repeat-y;
	padding: 20px 20px 0 20px;
	color: #fff;
}
.content-right .box-potrebujete-bottom {
  width: 230px;
	background: url("../images/back-potrebujete-bottom.png") repeat-y;
	height: 23px;
}
.content-right .box h3 {
  color: #656565;
  margin-bottom: 10px;
}
.not-last {
	margin-bottom: 20px;
}
.last {
  margin-bottom: 0 !important;
}


.content-left .box-column1 {
  width: 155px;
  line-height: 1.8em;
	background: url("../images/back-column-top.png") repeat-y;
	padding: 20px 30px 5px 30px;
	float: left;
	margin-right: 22px;
	height: 580px;
}
.content-left .box-column1-bottom {
  width: 215px;
	background: url("../images/back-column-bottom.png") repeat-y;
	height: 25px; 
	float: left;
	margin-right: 22px;
}

.content-left .box-column2 {
  width: 155px;
  line-height: 1.8em;
	background: url("../images/back-column-top.png") repeat-y;
	padding: 20px 30px 5px 30px;
	float: left;
	margin-right: 22px;
	height: 580px;
}
.content-left .box-column2-bottom {
  width: 215px;
	background: url("../images/back-column-bottom.png") repeat-y;
	height: 25px; 
	float: left;
	margin-right: 22px;
}

.content-left .box-column3 {
  width: 155px;
  line-height: 1.8em;
	background: url("../images/back-column-top.png") repeat-y;
	padding: 20px 30px 5px 30px;
	float: left;
	height: 580px;
}
.content-left .box-column3-bottom {
  width: 215px;
	background: url("../images/back-column-bottom.png") repeat-y;
	height: 25px; 
	float: left;
}

 
/* FOOTER
------------------------------*/

#footer {
  height: 370px;
  background: url('../images/background-footer.jpg') center 0 no-repeat;
  color: #373737;
  overflow: hidden;
  text-align: center;
}
#footer-cols {
  width: 960px;
  text-align: left;
  position: relative;
  margin: 0 auto;
  height: 243px; 
  overflow: hidden;
  background: url('../images/back-footer-top.png') 10px 65px no-repeat;
}
.footer-col1 {
  position: absolute;
  left: 30px;
  top: 85px;
  width: 190px;
  height: 220px;
}
.footer-col2 {
  position: absolute;
  left: 280px;
  top: 85px;
  width: 190px;
  height: 220px;
}
.footer-col3 {
  position: absolute;
  left: 530px;
  top: 85px;
  width: 400px;
  height: 220px;
}
#footer p {
  margin: 0;
}
#footer h3 {
  margin: 0 0 10px 0;
}
#footer ul {
  margin: 0 0 0 13px;
}
#footer li {
  margin: 0 0 2px 0;
}
#footer a {
  color: #373737;
  text-decoration: underline;
}
#footer a:hover {
  color: #000;
  text-decoration: none;
}
#footer-bottom {
  width: 960px;
  text-align: center;
  padding-top: 50px;
  position: relative;
  margin: 0 auto;
  height: 50px; 
  color: #0060a0;
  background: url('../images/back-footer-bottom.png') 10px 0 no-repeat;
}

/* CLASSES
------------------------------*/


.form .input {
	padding: 3px 3px 2px 3px;
	font-size: 1.1em;
	width: 240px;
	border: 1px solid #CCCCCC;
  }
.form .input:focus,
.form textarea:focus {
	border: 1px solid #888888;
  }
.form textarea {
	margin: 10px 0 5px 0;
	padding: 3px 3px 3px 3px;
	font-family: Arial;
	font-size: 1em;
	width: 300px;
	height: 200px;
	line-height: 1.5em;
	border: 1px solid #CCCCCC;
  }
.odeslat {
  padding: 15px;
  background: #34B3D4;
  margin: 0;
}
.submit {
  font-size: 1.2em;
  font-weight: bold;
  padding: 15px;
}


.white {
  position: relative;
  width: 634px;
  left: -22px;
  background: #fff;
  padding: 20px 25px 0 25px;
  margin-top: 20px;
}

.kalkulacka {
  height: 120px;
  margin-bottom: 20px;
  position: relative;
}
.kalkulacka label {
  font-weight: bold;
}
.k {
  position: absolute;
  height: 60px;
  width: 310px;
}
.k1 {
  top: 0;
  left: 0;
}
.k2 {
  top: 0;
  left: 324px;
}
.k3 {
  top: 60px;
  left: 0;
}
.k4 {
  top: 60px;
  left: 324px;
}
.k label {
  position: absolute;
  top: 10px;
  left: 0;
}
#doba, #urok, #vyse {
  position: absolute;
  top: 34px;
  height: 20px;
  width: 163px;
  text-align: right;
  left: 133px;
  font-weight: bold;
  color: #222;
  border: 0;
  font-size: 1.2em;
}
#result {
  position: absolute;
  top: 11px;
  height: 20px;
  width: 163px;
  text-align: right;
  left: 133px;
  color: #222;
  font-weight: bold;
  border: 0;
  font-size: 1.4em;
}
#slider1, #slider2, #slider3, #slider4 {
  height: 29px;
  width: 166px;
  position: absolute;
  left: 134px;
  top: 3px;
  background: url('../images/slider-back.png') 0 0 repeat-x;
}
a.ui-slider-handle {
  width: 9px;
  height: 29px;
  background: url('../images/slider.png') 0 0 no-repeat;
}


.box-potrebujete select {
  width: 184px;
  padding: 4px;
}
.box-potrebujete input {
  margin-top: 20px;
}
a.hpbutton img {
  position: relative;
}
a.hpbutton:hover img {
  top: 2px;
  left: 2px;
}
.nomargin {
  margin: 0 !important;
}
.table-hledat {
  width: 360px;
  }
.table-hledat td {
  vertical-align: middle;
}
.hledat {
  height: 23px;
  font-size: 1.5em;
  padding: 7px 5px 5px 5px;
  width: 240px;
 }
 .slovnik {
  padding-top: 20px;
  width: 630px;
  overflow: hidden;
 }
 .slovnik a {
  display: block;
  float: left;
  margin: 0 4px 10px 0;
  width: 35px;
  height: 27px;
  background: url('../images/slovnik-red.png') 0 0 no-repeat;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding-top: 8px;
  text-decoration: none;
 }
  .slovnik a.active {
  background: url('../images/slovnik-white.png') 0 0 no-repeat;
  color: #000;
  font-weight: bold;
  text-decoration: none;
 }
 .slovnik a:hover {
  text-decoration: underline;
 }
.button-pripravit {
  width: 192px;
  height: 35px;
  border: 0;
  background: url('../images/button-pripravit.png') 0 0 no-repeat;
  position: relative;
  cursor:pointer;
}
.button-pripravit:hover {
  top: 2px;
  left: 1px;
}
.back {
  text-align: right;
  padding-top: 20px;
  margin: 0;
}
.back a {
  text-decoration: none;
  color: #f23f00;
  font-weight: bold;
}
.back a:hover {
  text-decoration: underline;
  color: #000;
}
p.footer-left {
  position: absolute;
  top: 45px;
  left: 30px;
  display: block;
  height:27px;
  padding-top: 5px;
  text-align: left;
}
a.facebook {
  position: absolute;
  top: 50px;
  left: 720px;
  display: block;
  height:27px;
  width:210px;
  padding-top: 7px;
  background:url('../images/facebook2.png') right 0 no-repeat;
  text-align: left;
}
a.facebook:hover{
  background:url('../images/facebook.png') right 0 no-repeat;
}


div.strankovani {
  text-align: center;
	padding: 15px 0 0 0;
  }
ul.strankovani {
	display: inline;
	list-style: none;
  }
ul.strankovani li {
	display: inline;
  color: #666666;
  background:none !important;
  padding-left: 0 !important;
  padding-bottom: 10px;
  }
div.strankovani a {
  text-decoration: none;
  background: url('../images/slovnik-red.png') center 0 no-repeat;
  color: #fff;
  font-weight: bold;
  padding: 10px 16px 13px 16px;
  position: relative;
  overflow: hidden;
  }
div.strankovani a:hover {
  text-decoration: underline;
}
ul.strankovani li a.show  {
  text-decoration: none;
  background: url('../images/slovnik-white.png') center 0 no-repeat;
  color: #000000;
  }
.banka {
  float: right;
  border: 3px solid #eee;
  margin: 0 0 20px 20px;
}


form fieldset {
	border: 1px solid #59AFCD;
	margin: 30px 10px 0 10px;
	padding: 0px 0px 5px 0px;
}
form legend {
	color: #1477b0;
	padding: 0px 8px;
	margin: 0px 0px 0px 10px;
}
form table {
	width: 72%;
	margin: 0 auto;
	font-size: 1.1em;
	/*border: 1px solid #000000;*/
}
form table td {
	width: 50%;
	padding: 6px 0px 6px 0px;
	/*border: 1px solid #000000;*/
}
form.form2 table td input {
	margin: 0px 5px 0px 0px;
	width: 150px;
	padding: 2px 3px;
}
form table td select {
	padding: 2px 2px;
	
}
form table textarea {
	margin: 10px 0 -4px 0;
	padding: 3px 3px 3px 3px;
	font-family: Arial;
	font-size: 1em;
	width: 225px;
	height: 100px;
	line-height: 1.5em;
	font-family: Verdana;
  }
.form-submit {
  width: 132px;
  height: 62px;
  background: url('../images/form-button.png') 0 0 no-repeat;
  border: 0;
  position: relative;
  cursor:pointer;
}
.submit-hledat {
  width: 82px;
  height: 37px;
  background: url('../images/hledat.png') 0 0 no-repeat;
  border: 0;
  position: relative;
  cursor:pointer;
}


.form-submit:hover {
  top: 2px;
  left: 2px;
}
.small {
  padding-top: 15px;
  font-size: .8em;
}
.center {
  text-align: center; 
  padding-bottom: 10px; 
}
.td-left {
  width: 160px;
}
.td-right {
  width: 285px;
}

div.grippie {
  position:relative;
  left:0px;
  height:9px;
  background:#fa832b url(../images/grippie.png) no-repeat scroll center 2px;
  cursor:s-resize;
  overflow:hidden;
}
/*#form2 label.error { display: none; }*/	

.form2 label.error { 
	/*color:red;
	font-size: .9em;*/
	clear:left;
  float:left;
  display: block;
	position:relative;
  left:0px;
  top:0px;
	color:red;
	font-size:0.9em;
  width: 200px;
}
.form2 input.error,
.form2 textarea.error { 
	border: 2px solid red;
}
.star_require{
  color:#f23f00;
  font-weight:bold;
}

#v6{
  float:left;
  display: block;
	position:relative;
  left:0px;
  top:0px;
  width:70px;
}
#region-text.error{
color: red;
}