/******************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;}
#page {width: 668px;}

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

#counter {
	position: absolute;
	right:152px;
	top:195px;
	font-size: 26px;
	color: #ffffff;

}

#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
********************/

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

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

.search .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;
}
.free_space a{
	display:block;
  width: 177px;
  height: 199px;
  position:absolute;
  top:47px;
  left:783px;
 
  
}
.free_space .vienna{
	display:block;
  width: 350px;
  height: 60px;
  position:absolute;
  top:345px;
  left:375px;

  
}

/********************
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;
  margin: 20px 0px 0px 0px;
  padding: 7px 0px 0px 23px;
  color: #6f7173;
  font-size: 18px;
  background: #dddddd;
}

.block_sutaz_content {
  height: 230px;
  border: 1px solid #d3d3d3;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: #fff;
  background: url(/images/bg_gallery_block.gif) no-repeat;
  font-size: 16px;
  font-weight:bold;
}

a.videoSpot:hover {
    font-weight: normal;
    opacity: 0.7;
}

.block_sutaz_content .inner_frame {
	padding: 0;
}

.block_sutaz_content a.button_sutaz {
  width: 164px;
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 5px 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_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 {
  background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D3D3D3;
color:#6F7173;
height:230px;
margin:0;
padding:0;
width:240px;
}

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

#page {
  text-align: left;
  padding: 0px 0px 30px 0px;
  margin: 0px 0px 0px 46px;
}




/********************
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;
}

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

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

.m7 {
    border: medium none;
    cursor: pointer;
    display: block;
    height: 30px;
    left: 350px;
    outline: medium none;
    position: absolute;
    top: 60px;
    width: 90px;
}
a.banner-dispozicie{
	width: 328px;
	height: 164px;
	background: url(/images/homepage-banner-dispozicie.png) no-repeat;
	display: block;
	position: absolute;
	top: 63px;
	right: 0px; 	
}
a.banner-dispozicie:hover{
	background: url(/images/homepage-banner-dispozicie.png) 0px -163px no-repeat;
}
a.banner-vybrane-byty{
	width: 328px;
	height: 164px;
	background: url(/images/homepage-banner-zlava-aprilove-byty.png) no-repeat;
	display: block;
	position: absolute;
	top: 63px;
	right: 0px; 	
}
a.banner-vybrane-byty:hover{
	background: url(/images/homepage-banner-zlava-aprilove-byty.png) 0px -163px no-repeat;
}

a.banner-dolepka{
	width: 600px;
	height: 293px;
	/*background: url(http://www.americkebyvanie.sk/images/manhattanVysacka_9_9_2014_1.png) no-repeat;*/
	background: url(http://www.americkebyvanie.sk/images/1501008---Manhattan_visacka_cervena_viacinfo_januar_2015.png) no-repeat;
	display: block;
	position: absolute;
	top: 47px;
	right: 0px;
	z-index: 10; 	
}
a.banner-dolepka:hover{
	background: url(http://www.americkebyvanie.sk/images/1501008---Manhattan_visacka_cervena_viacinfo_januar_2015-hover.png) no-repeat;
}

a.banner-dolepka2{
	width: 350px;
	height: 161px;
	background: url(http://www.americkebyvanie.sk/images/dolepka2-full.png) no-repeat;
	display: block;
	position: absolute;
	top: 263px;
	right: 0px;
	z-index: 5; 	
}
a.banner-dolepka2:hover{
	background: url(http://www.americkebyvanie.sk/images/dolepka2-full.png) 0px -162px no-repeat;
}