@media screen{
body {
	font: 12px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000000;
	background: #ffffff none left top no-repeat;
	padding:0px;
	margin:0px;
}
.clear {clear:both;}
.skryty{display:none;}
a {color: #ffffff;text-decoration:underline;}
a:hover {text-decoration:underline;}
.reader {position: absolute;top: -10000px;left: 0px;width: 1px;height: 1px;overflow: hidden;}

label {
display:block;
float:left;
font-weight:bold;
width:120px;
}
/* ============= Layout ============= */
#wrapper{
  background: #ffffff url(../img/bgHeadHome.png) center top no-repeat;
	margin:0px auto;
	padding:0px;
	width:990px;
	text-align:left;
	position:relative;
  top:0px;
  min-height: 630px;
}
#wrapper #topPanel{
  height:399px;
  margin:0px auto;
  padding:0px;
  position:relative;
}

#wrapper.home {
  background: #ffffff url(../img/bgHeadHome.png) center top no-repeat;
}
#wrapper.montovane-domy {
  background: #ffffff url(../img/bgHeadMD.png) center top no-repeat;
}
#wrapper.srubove-domy {
  background: #ffffff url(../img/bgHeadSD.png) center top no-repeat;
}
#wrapper.srubove-chaty {
  background: #ffffff url(../img/bgHeadSCH.png) center top no-repeat;
}
#wrapper.zahradni-domky {
  background: #ffffff url(../img/bgHeadZD.png) center top no-repeat;
}
#wrapper.pristresky {
  background: #ffffff url(../img/bgHeadP.png) center top no-repeat;
}

#topPanel img{
	float:right;
	z-index:-2;
}

#topPanel img.sipka{
	bottom:62px;
	left:320px;
	position:absolute;
	z-index:50;
}

#topPanel #dotazy img{
left:320px;
position:absolute;
top:20px;
z-index:20;
}

#dotazy {
	height: 72px;
/* 	background: transparent url(../img/bgDotazy.png) repeat-x 0 0; */
	position:absolute;
	bottom:44px;
	width:982px;
	z-index:-1;
}

#dotazy p {
	margin: 20px 0 0 24px;
	display:block;
	color: #9db9d9
}
#dotazy p span {
	color: #ffc820;
	font-size:110%;
	font-weight:bold;
	text-transform: uppercase;
	display:block;
	margin: 0 0 4px 0;
}

#topPanel #flags {
  position: absolute;
  top: 78px;
  right: 15px;
  text-align:right;
  height: 17px;
}
#topPanel #flags a {
  border:0;
  width:24px; 
  height:17px;
  display:block;
  float:left;
  margin: 0 2px 0 0;
  background-position:-24px 0px;
}

#topPanel #flags a.cz {
  background: url(/img/flag_cz.png) -24px 0px no-repeat;
}
#topPanel #flags a.en {
  background: url(/img/flag_us.png) -24px 0px no-repeat;
}
#topPanel #flags a.de {
  background: url(/img/flag_de.png) -24px 0px no-repeat;
}
#topPanel #flags a.ru {
  background: url(/img/flag_ru.png) -24px 0px no-repeat;
}
#topPanel #flags a.fr {
  background: url(/img/flag_fr.png) -24px 0px no-repeat;
}
#topPanel #flags a.es {
  background: url(/img/flag_es.png) -24px 0px no-repeat;
}
#topPanel #flags a.it {
  background: url(/img/flag_it.png) -24px 0px no-repeat;
}
#topPanel #flags a.sk {
  background: url(/img/flag_sk.png) -24px 0px no-repeat;
}
#topPanel #flags a.pl {
  background: url(/img/flag_pl.png) -24px 0px no-repeat;
}
#topPanel #flags a:hover, #topPanel #flags a.active {
 background-position: 0px 0px; 
}
/* ========= Top panel ========= */

/* ========= Header Menu ========= */
#quickMenu{
	border-top:4px solid #96BF0D;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	width:595px;
	z-index:10;
}

#menuPages {
	position:absolute;
	bottom:0px;
	width:982px;
	margin:0 auto;
/* 	background:url(../img/bgMenu.png); */
	height:39px;
}

#menuPages #ulMenuPages, #quickMenu #ulquickMenu{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:4px 0 0 12px;
	padding:0;
}

#quickMenu #ulquickMenu {
	margin:0;
}

#menuPages #ulMenuPages li, #quickMenu #ulquickMenu li {
border-right:2px solid #BEC3AE;
float:left;
margin:12px 12px 0 0;
padding:0;
}

#menuPages a {
	color:#010000;
	margin: 12px 0 0 24px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	width: 80px;
}
#menuPages #ulMenuPages li{
	border:0 none;
	margin:0;
	padding:0;
	width:192px;
  height: 30px;
}


#menuPages #ulMenuPages li.last, #quickMenu #ulquickMenu li.last{
	border: 0;
}
#menuPages #ulMenuPages li a, #quickMenu #ulquickMenu li a{
	color:#6C2A0C;
	display:block;
	font-weight:bold;
	margin: 0;
	padding:0 10px 0 0;
	text-align:right;
	text-decoration:none;
	float:left;
	width:auto;
}
#menuPages #ulMenuPages li a {
	border:0 none;
	color:#FFFFFF;
	font-size:115%;
	font-weight:bold;
	margin:0px 0 0 22px;
	_margin:0px 0 0 12px;
	padding:0;
	text-align:left;
	text-transform:uppercase;
	width:171px;
	_width:161px;
}

#quickMenu #ulquickMenu li a{
	color:#004842;
	text-transform:uppercase;
	font-size:90%;
}
#menuPages #ulMenuPages li.active, #menuPages #ulMenuPages li:hover{
	background: transparent url(../img/bgLiActive.png) left 4px no-repeat;
}

#quickMenu #ulquickMenu li a:hover, #quickMenu #ulquickMenu li a.active{
	color:#96bf0d;
}

#menuPages #ulMenuPages li.last a, #quickMenu #ulquickMenu li.last a{
	padding: 0;
}

.subMenu {
background:url("") repeat scroll 0 0 #96BF0D;
border-bottom:4px solid #006461;
margin:30px 0 0;
padding:0;
width:190px;
display:none;
}
#menuPages #ulMenuPages li:hover .subMenu {
display:block;
}

#menuPages #ulMenuPages .subMenu li {
  background:url("") repeat scroll 0 0 #96BF0D;
  list-style: none;
  width:190px;
}
#menuPages #ulMenuPages .subMenu li.last{
  height: 20px;
}

#menuPages #ulMenuPages .subMenu li a{
  border-bottom:1px solid #BBD55E;
  font-size: 100%;
  text-transform: none;
  width:168px;
  height:21px;
}
#menuPages #ulMenuPages .subMenu li.last a{
  border:none;
}
#menuPages #ulMenuPages .subMenu li a:hover{
  color:#006461;
}

/* ========= Header Menu ========= */


/* ========= Logo ========= */
#logo{
	color:#0000FF;
	cursor:pointer;
	display:block;
	height:55px;
	left:32px;
	position:absolute;
	top:15px;
	width:135px;
}

#logo a{
	cursor:pointer;
	display:block;
	height:38px;
	width:211px;
}

#logo a span{
	background:transparent url(../img/bgLogo.png) no-repeat scroll left top;
	cursor:pointer;
	height:55px;
	left:0;
	position:absolute;
	top:0;
	width:135px;
	z-index:50;
}
/* ========= Logo ========= */

/* ========= Moto ========= */
#moto{
color:#96BF0D;
display:block;
font-size:180%;
font-weight:bold;
height:55px;
position:absolute;
right:84px;
text-align:left;
top:220px;
width:185px;
z-index:50;
}

#moto span{
clear:both;
color:#FFFFFF;
display:block;
text-align:right;
width:185px;
font-weight:normal;
font-size:90%;
}

/* ========= Moto ========= */

/* ========= Arrow ========= */
.arrow{
	color:#0000FF;
	cursor:pointer;
	display:block;
	height:10px;
	right:20px;
	position:absolute;
	bottom:4px;
	width:12px;
}

.arrow a{
	cursor:pointer;
	display:block;
	height:10px;
	width:12px;
	font-size:1px;
}

.arrow a span{
	background:transparent url(../img/arrow.png) no-repeat scroll left top;
	cursor:pointer;
	height:10px;
	left:0;
	position:absolute;
	top:0;
	width:12px;
	z-index:50;
}
.moreref a{
	text-decoration:none;
}
.moreref .arrow{
	bottom: 26px !important;
}
.moreref .arrow a span{
	background:transparent url(../img/arrow2.png) no-repeat scroll left top !important;
}
/* ========= Logo ========= */

/* ========= Search ========= */
#search{
	position:absolute;
	top: 42px;
	left:165px;
	display:block;
}

#search #SearchText{
	border:0 none;
	color:#828282;
	font-size:105%;
	width:165px;
  float:left;
}
#search fieldset {
	border: none;
	margin: 0;
	padding:0;
}

/* ========= Search ========= */

/* ========= News ========= */
.news {
	float:right;
	width:400px;
	background: #006461 none left top no-repeat;
}
.moreref {
background: #4d9391 !important;
margin:0 !important;
padding: 24px 48px 24px 24px;
color:#ffffff;
text-align:right;
position:relative;
}

.news div {
	margin: 16px 0 16px 16px;
}

.news h2{
	font-size: 100%;
	margin:0;
	padding:8px 0 8px 0;
	color: #c3e11f;
}

.news h3 {
color:#96bf0d;
margin:8px 0 0;
padding:0;
	font-size: 90%;
}
.news h3 a {
  color:#96bf0d;
  text-decoration: none;
}

.news p{
border-bottom:1px solid #147A77;
font-size:90%;
line-height:1.4em;
margin:0;
padding:8px 20px 13px 0;
color: #ffffff;
position:relative;
}

/* ========= News ========= */

/* ========= reference ========= */
.news div div.reference {
margin:0;
padding:0;
float:left
}

.news div div.reference p{
	padding: 0 0 16px 0;
}
.news div div.reference a, .news div div.reference img{
  padding: 0;
  margin:0;
  border: 0;
}

.referenceItem .picture {
  float:left;
  margin: 0 12px 0 0;
}
.referenceItem .info {
float:right;
left:290px;
padding:12px;
width:250px;
}


/* ========= reference ========= */

/* ========= Body ========= */
#bodyPage{
background:#FFFFFF none repeat scroll 0 0;
margin:0;
min-height:280px;
}
/* ====== Content ====== */
.content{
float:left;
margin:16px;
_margin: 16px 0 0 6px;
padding:0;
width:555px;
}

.content p em{
	color: #bcfeff;
}

.content p { 
margin: 0; 
font-size:100%;
margin: 0 0 12px 0;
line-height: 1.4em;
text-align:justify;
}

.content h1 {
color:#006461;
font-size:170%;
margin:0;
padding:0;
text-transform:uppercase;
font-weight:bold;
}

.content h2, .content h3 {
color:#006461;
font-size:130%;
margin:0 0 6px 0;
padding:0;
font-weight:bold;
}

.content h2.produkty {
  color:#96bf0d;
  text-transform: uppercase;
}
.content h2.produkty span {
  font-weight: normal;
}

.content h3 {
font-size:115%;
}

.content h2.titulek {
color:#96bf0d;
font-size:100%;
text-transform:uppercase;
margin:0 0 18px 0;
}

.content .perex {
	font-size:105%;
	font-weight:bold;
}

.content a{
	color: #004842;
}

.content a:hover{
	color: #81a701;
	text-decoration:underline;
}

.content table {
	border-top:solid #dedede 1px;
	border-collapse:collapse;
}

.content table caption {
	background: #ececec none;
	border-top:solid #dedede 1px;
	border-bottom:solid #dedede 1px;
	text-align:left;
	padding:8px;
}
.content table thead {
	background: #ececec none;
}

.content table th, .content table td {
	padding:8px;
	border-bottom:solid #dedede 1px;
}
.content table th {
	background: #f2f2f2 none;
}
.content table h4 {
	margin:0;
}

.content table.produkty tr td, .content table.produkty tr th {
  padding:0 0 0 8px;
  margin:0;
  color: #363636;
}
.content table tr th h3, .content table tr th h2 {
  margin: 0;
  font-size:110%;
}
.content table.produkty tr th h3 a, .content table.produkty tr th h2 a {
  text-transform: uppercase;
  text-decoration:none;
}

/* ====== Content ====== */


/* ========= Footer ========= */
#footer{
	position:relative;
	clear:both;
	width:982px;
	margin: 0 auto;
	text-align:left;
	font-size: 80%;
	color: #ffffff;
}

#footer p {
margin:0;
padding:16px;
}

#footer p.left {
background-color:#96BF0D;
float:left;
height:24px;
margin:0 0 12px;
width:555px;
}
#footer p.left a {
	color: #ffffff;
}

#footer p.right {
	float: right;
	width: 390px;
	height:24px;
	padding:22px 0 10px;
}
#footer p.right span{
	float: right;
	text-align:right;
	margin:-22px 0 0;
}

#footer p.right a.cz,#footer p.right a.us,#footer p.right a.de,#footer p.right a.ru,#footer p.right a.fr,#footer p.right a.es,#footer p.right a.it,#footer p.right a.sk,#footer p.right a.pl {
	border:0;
  width:24px; 
  height:17px;
  display:block;
  float:left;
  margin: 0 2px 0 0;
}

#footer p.right a.cz {
  background: url(/img/flag_cz.png) top left no-repeat;
}
#footer p.right a.us {
  background: url(/img/flag_us.png) top left no-repeat;
}
#footer p.right a.de {
  background: url(/img/flag_de.png) top left no-repeat;
}
#footer p.right a.ru {
  background: url(/img/flag_ru.png) top left no-repeat;
}
#footer p.right a.fr {
  background: url(/img/flag_fr.png) top left no-repeat;
}
#footer p.right a.es {
  background: url(/img/flag_es.png) top left no-repeat;
}
#footer p.right a.it {
  background: url(/img/flag_it.png) top left no-repeat;
}
#footer p.right a.sk {
  background: url(/img/flag_sk.png) top left no-repeat;
}
#footer p.right a.pl {
  background: url(/img/flag_pl.png) top left no-repeat;
}

#footer a {
	color:#006461;
}
/* ========= Footer ========= */



#footer #footer_menu{
	list-style:none;
	position:absolute;
	bottom:0px;
	left: 185px;
	font-size: 80%;
	padding: 0;
}
#footer #footer_menu li {
	float:left;
	margin: 0 8px 0 0;
	border-right: 1px solid  #007959;
}
#footer #footer_menu li.last {
	margin: 0;
	border: 0;
}
#footer #footer_menu li a{
	color:#007959;
	display:block;
	font-weight:bold;
	margin: 0;
	padding:0 10px 0 0;
	text-align:right;
	text-decoration:none;
	float:left;
}

#footer #footer_menu li.last a{
	padding: 0;
}


img.right {
	float:right;
	margin: 0 0 12px 12px;
}
.nomargin, .nomargin p{
margin:0 !important;
padding:0 !important;
}

.special {
height:130px;
left:8px;
width:519px;
margin: 12px 0 12px 0; 
}

.special h3, .special h4, .special h5 {
color:#FFFFFF;
font-size:110%;
margin:0;
padding:12px 0 0 12px;
text-transform:uppercase;
}
.special h4, .special h5 {
  color: #006461;
  padding:0px 0 0 12px;
}
.special h5 {
  text-transform: none;
}
.special p {
  color: #333333;
  width: 244px;
  padding:4px 0 4px 12px;
  margin:0;
}

.mladi {
  background: transparent url(../img/mlade.png) no-repeat top left;
}

/* Content Styling
=================================*/


}
@media print{
body{font-family:"Times New Roman CE", Georgia, "Times New Roman", Times, serif;color:#000;}
#headerPage, #topBox, #search, #counter, #menuPages, #art, #art2, #art_popis, #captionLogos, #menu, #images, #logo, #menuPages, #topNews, #footer {display:none;}
h1,h2,h3,li{page-break-inside:avoid;margin:0px;}
h1{padding-top:0px;margin-bottom:.5em;border-bottom:1px solid #000;}
h2,h3{padding-bottom:0px;}
p{margin-top:.2em;padding:0px;}
a{text-decoration:underline;font-weight:bold;}
.imgLeft{float:left;}
.imgRight{float:right;}
img{border:1px solid #000;margin:3px;}
#footer, #created{font-size:9px;}
.tableDetail{border-collapse:collapse;}
td, th{border: 1px solid #000;}
th{text-align:left;}
}