/******************PAGE PROPORTIONS*********************/
/*Width of the page */
#container {width: 100%; margin-top: 0px;}

/*Header width height*/
#header {width: 886px; height: 108px;}

/*Column's width*/
#left {width: 252px; z-index:1000; position: relative;}
#page {width: 668px;}

/*Height of the footer */
#footer {height: 230px;}
#content {width: 980px; padding-bottom: 230px; position: relative;}


#container {
  text-align: left;
  font-size: 12px;
  color: #6f7173;
}

.contfront {
  background: url(/images/bg_front_body.jpg) top center no-repeat;
}


.contsub {
  background: url(/images/bg_sub_body.gif) top center no-repeat;
}

#center {
  width: 980px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 230px 0px;
}


/********************
HEADER
********************/

.search2 {
  width: 980px;
  height: 50px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.search2 .input_search {
  width: 208px;
  height: 25px;
  margin: 11px 0px 0px 726px;
  padding: 0px 0px 0px 5px;
  float: left;
  background: none;
  border: none;
  display: inline;
}

.search2 .input_submit {
  width: 35px;
  height: 25px;
  margin: 11px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  background: none;
  border: none;
  display: inline;
}

.logo {
  width: 300px;
  height: 44px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

.logo a {
  width: 250px;
  height: 44px;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/********************
LEFT
********************/

#left {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
}


/********************
CONTENT
********************/

#content {
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 30px 0px;
  float: left;
}

.free_space {
  width: 980px;
  height: 380px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/********************
BLOCKS
********************/

.block_sutaz {
  width: 252px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.block_sutaz_head {
  width: 227px;
  height: 27px;
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  padding: 7px 0px 0px 23px;
  color: #6f7173;
  font-size: 18px;
  background: #dddddd;
}

.block_sutaz_content {
  width: 230px;
  height: 210px;
  border: 1px solid #d3d3d3;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 20px;
  color: #6f7173;
  background: url(/images/bg_sutaz_block.gif) no-repeat;
  font-size: 18px;
}

.block_sutaz_content a {
  width: 164px;
  height: 28px;
  margin: 10px 0px 0px 0px;
  padding: 4px 0px 0px 0px;
  color: #ffffff;
  background: #219fd8;
  font-size: 18px;
  display: block;
  font-weight: normal;
  text-align: center;
}

.block_sutaz_content a:hover {
  color: #000000;
  text-decoration: none;
}




.block_byvanie {
  width: 406px;
  float: left;
  margin: 0px 0px 0px 38px;
  padding: 0px 0px 0px 0px;
}

.block_byvanie_head {
  width: 381px;
  height: 27px;
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  margin: 20px 0px 0px 0px;
  padding: 7px 0px 0px 23px;
  color: #6f7173;
  font-size: 18px;
  background: #dddddd;
}

.block_byvanie_content {
  width: 364px;
  height: 215px;
  border: 1px solid #d3d3d3;
  margin: 0px 0px 0px 0px;
  padding: 15px 20px 0px 20px;
  color: #6f7173;
  background: #ffffff;
  font-size: 11px;
}

.block_byvanie_content img {
  float: left;
  margin: 0px 10px 0px 0px;
}

.block_byvanie_content h2 {
  color: #000000;
  font-weight: normal;
  margin: 0px 0px 4px 0px;
}

.block_byvanie_content .article {
  float: left;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
}



.block_facebook {
  width: 242px;
  float: left;
  margin: 0px 0px 0px 38px;
  padding: 0px 0px 0px 0px;
}

.block_facebook_head {
  width: 217px;
  height: 27px;
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  margin: 20px 0px 0px 0px;
  padding: 7px 0px 0px 23px;
  color: #6f7173;
  font-size: 18px;
  background: #dddddd;
}

.block_facebook_content {
  width: 240px;
  height: 210px;
  border: 1px solid #d3d3d3;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
  color: #6f7173;
  background: #ffffff;
}

/********************
PAGE
********************/

#page {
  text-align: left;
  padding: 0px 0px 30px 0px;
  margin: 0px 0px 0px -252px;
  position: relative;
}




/********************
FOOTER
********************/
#footer {
  width: 100%;
  background: url(/images/bg_footer.gif) repeat-x;
  font-size: 12px;
  margin: 0px 0px 0px 0px;
}

#footercent {
  width: 980px;
  height: 230px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background: url(/images/bg_footin.gif) 0 2px no-repeat;
  position: relative;
  overflow: hidden;
}

#footercent a {
  color: #ffffff;
  font-weight: normal;
}

#footercent a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#footercent ul {
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 0px 0px 0px 0px;
  height: 16px;
  overflow: hidden;
}

#footercent ul li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
}

#footercent ul li a {
  padding: 0px 0px 0px 0px;
  margin: 0px 11px 0px 11px;
  float: left;
  color: #7a7a7a;
}

#footercent ul li a:hover {
  color: #000000;
  text-decoration: none;
}

#copymade {
  width: 960px;
  height: 43px;
  margin: 15px 0px 0px 0px;
  padding: 4px 0px 0px 0px;
}

#foot {
  text-align: left;
  color: #b7d432;
  margin-top: 14px;
  float: left;
  width: 620px;
  padding-left: 20px;
  font-size: 11px;
}

#foot a {
  color: #b7d432;
  text-decoration: none;
}

#foot a:hover {
  color: #b7d432;
  text-decoration: none;
}

#makedby {
  display: block;
  color: #000000;
  width: 280px;
  text-align: right;
  float: left;
  padding-right: 20px;
  color: #999999;
  font-size: 10px;
}

#makedby a {
  color: #5692c1;
  text-decoration: none;
  color: #999999;
  font-size: 10px;
}

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

a.remax {
	display: block;
	cursor:pointer;
	width: 90px;
	height: 40px;
	position: absolute;
	top: 20px;
	left: 85px;
	outline: none;
	border: none;
	text-decoration: none;
}

.ponukabyvania {
	display: block;
	cursor:pointer;
	width: 130px;
	height: 40px;
	position: absolute;
	top: 20px;
	left: 65px;
	outline: none;
	border: none;
}

a.zipp {
	display: block;
	cursor:pointer;
	width: 90px;
	height: 50px;
	position: absolute;
	top: 20px;
	left: 880px;
	outline: none;
	border: none;
}

.addthis {
	position: absolute;
	top: 5px;
	right: 0px;
}

.m7 {
    border: medium none;
    cursor: pointer;
    display: block;
    height: 30px;
    left: 350px;
    outline: medium none;
    position: absolute;
    top: 60px;
    width: 90px;
}

#navigator{
	position:relative;
	width:965px;
}
a.vypocet_splatky{
	display: block;
	position: absolute;
	width: 92px;
	height: 52px;
	background: url(http://www.americkebyvanie.sk/images/vypocitat_splatky.jpg) 0px 0px no-repeat;
	top: 70px;
	right: 0;
}
a.vypocet_splatky:hover{
	background: url(http://www.americkebyvanie.sk/images/vypocitat_splatky.jpg) 0px -52px no-repeat;
}
.vyhodna_ponuka{
	display: block;
	position: absolute;
	width: 280px;
	height: 125px;
	background: url(http://www.americkebyvanie.sk/images/vyhodna_ponuka.png) 0px 0px no-repeat;
	right: 86px;
    top: 153px;
}
a.vypocet_splatky_link{
	display: block;
	position: absolute;
	top:0;
	right:0;
	width: 90px;
	height: 60px;
}
a.vypocet_splatky_link_akcia{
	display: block;
	position: absolute;
	top:50px;
	right:0;
	width: 90px;
	height: 60px;
}
a.vypocet_splatky_akcia{
	display: block;
	position: absolute;
	width: 92px;
	height: 52px;
	background: url(http://www.americkebyvanie.sk/images/vypocitat_splatky.jpg) 0px 0px no-repeat;
	top: 120px;
	right: 0;
}
a.vypocet_splatky_akcia:hover{
	background: url(http://www.americkebyvanie.sk/images/vypocitat_splatky.jpg) 0px -52px no-repeat;
}