/* EDITOR SETTINGS */
BODY.mceContentBody {
	background: transparent;
}
BODY.mceContentBody * {
}

/******************DESIGN OF PAGE***********************/

body {
  font-family: Arial, Helvetica, sans-serif;
}

body.homepage {
  background: url(/images/bg_front_html.gif) top repeat-x;
}

body.default {
  background: url(/images/bg_sub_html.gif) top repeat-x;
}
body.manhattan {
  background: url(/images/bg_sub_html.gif) top repeat-x;
}
body.formular {
  background: url(/images/bg_sub_html.gif) top repeat-x;
}
body.vizualizacia {
  background: url(/images/bg_sub_html.gif) top repeat-x;
}
body.navigator {
  background: url(/images/bg_sub_html.gif) top repeat-x;
}

body.pricelist {
  background: url(/images/bg_sub_html.gif) top repeat-x;
}

body.pricelist2 {
  background: url(/images/bg_sub_html.gif) top repeat-x;
}

/*page blocks*/
html, body {
  height: 100%;
  padding: 0;
  margin: 0;
}

*{
  background-repeat: no-repeat;
}

#container {	
	height: auto;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

body>#container{ /* pre mudre prehliadace */
  height:auto;
  min-height:100%;
}

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
}

#left, #page, #right {
  display: inline;
}
#left, #page {
  float: left;
}
#right {
  float: left;
}

.cleaner {clear: both;}
.hide {display: none;}

/*menu*/
.menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#topmenu .menu li, #header .menu li {
  display: inline;
}

/* common design */
h1, h2, h3 {margin: 0px;}

/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  text-align: left;
  font-size: 22px;
  color: #6f7173;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 20px;
}

h2 {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 15px;
  color: #14a4dc;
  font-weight: bold;
}

h3 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 8px 0px;
  font-size: 16px;
  color: #2c2c2a;
  font-weight: bold;
}

h4 {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 13px;
  color: #14a4dc;
  font-weight: bold;
}
h5 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 11px;
  color: #00000;
  font-weight: bold;
}

ul {
	padding:2px 0px 2px 30px;
}
li {
	padding-bottom:4px;
	list-style-type:square;
}


p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
  line-height: 150%;
}

p.pfront {
  border-bottom: 1px solid #cccccc;
  padding: 0px 0px 25px 0px;
}

.perex {
  color: #4b4c4c;
  font-size: 14px;
  margin: 0px 0px 5px 0px;
}

a {
  color: #219fd8;
  text-decoration: none;
  font-weight: bold;

}
a:hover {
  color: #000000;
  text-decoration: underline;
}
.box_grey {
	padding:20px;
	border:1px solid #D3D3D3;
	/*width:320px;*/
}
.box_blue {
	padding:20px;
	background-color:#219FD8;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
}
.box_blue A {
	color:#FFFFFF;
	font-weight:normal;
}

.menu3inpage{
	border: 1px solid #cccccc;
	padding: 20px;
	width: 100px;
	float: right;
	background:#14A4DC;
}
.menu3inpage A{
	color:#FFFFFF;
	display:block;
	font-size:20px;
	font-weight:normal;
	padding:5px 0px;
}


a.moreButton {
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding:4px 8px;
	background:#14A4DC;
	
	

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

td.podciarknutie {
	border-bottom:1px solid #e2e4e6;
}
#copyright{
	position: absolute;
	top: 69px;
	left: 468px;
	color: #bebebe;
	font-size: 12px;
}


a.visual{
	background: url(/images/visual_ico.png) top repeat-x;
	width: 34px;
	height: 35px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;	
}

a.visual:hover{
	background: url(/images/visual_ico_active.png) top repeat-x;	
}

.btn{
	width: 148px;
	height: 33px;
	display: block;
	position: absolute;
	z-index: 100;
}

.btn.vyhlad{
	background: url(/images/btn/btn_vyhlad.png) top repeat-x;		
	left: 296px;
	top: 124px;
}

.btn.vyhlad:hover{
	background: url(/images/btn/btn_vyhlad_hover.png) top repeat-x;		
}

.btn.interier{
	background: url(/images/btn/btn_interier.png) top repeat-x;		
	left: 454px;
	top: 124px;
}

.btn.interier:hover{
	background: url(http://www.americkebyvanie.sk/images/btn/btn_interier_hover.png) top repeat-x;		
}

.btn.p360{
	background: url(http://www.americkebyvanie.sk/images/btn/btn_360.png) top repeat-x;	
	width: 146px;	
	left: 612px;
	top: 124px;
}

.btn.p360:hover{
	background: url(http://www.americkebyvanie.sk/images/btn/btn_360_hover.png) top repeat-x;		
}

.legend{
	background: url(http://www.americkebyvanie.sk/images/btn/235_legend.png) top repeat-x;
	width: 215px;
	height: 43px;
	position: absolute;
	left: 296px;
	top: 162px;
	z-index: 100;		
}