html {
	overflow: -moz-scrollbars-vertical;
}
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: url(../images/body-background.gif);
	font-family: Trebuchet MS;
	font-size: 10pt;
}

#sub-text-content p, #sub-text-content ul {
	margin-top: 10px;
	}
	
a img, img {
	border: none;
	}
	
a {
	text-decoration: none;
	}

p img  {
	}
	
a:hover {
	text-decoration: underline;
	}

.clear {
	width: 100%;
	height: 1px;
	clear: both;
	}

#wrapper {
	min-height: 600px;
	width: 100%;
	}
	
#header {
	padding-top: 0px;
	height: 95px;
	background-color: #ecf4c9;
}

#submenu {
	padding: 30px 0 30px 25px;
	background-color: #ECF4C9;
	float: left;
	width: 230px;
	}
	
#submenu a {
	line-height: 1.5em;
	}
#submenu > ul {
	margin-left: 0px;
	list-style-type: none;
	}

#submenu > ul > li > a {
	display: block;
	border-bottom: 1px dotted #594B41;
	font-size: 11pt;
	font-weight: bold;
	width: 200px;
	}
	
#submenu > ul > li > ul {
	list-style-type: square;
	}
	
a {
	color: #594B41;
	}

a.red{
	color:red;
	}
	
ul, ol {
	margin-left: 18px;
	color: #594B41;
	}
#header h1 {
	display: none;
	}
	
#header #logo {
	display: block;
	float:left;
	background: url(../images/logo.png) no-repeat;
	
	width: 340px;
	height: 50px;
	margin-top:7px;
	}
	
#header #logo span {
	display: none;
	}
	
.innercontent {
	text-align: left;
	margin: auto;
	width: 1000px;
}

.right {
	text-align: right;
}


#contentfooter {
	margin-top: -1px;
	height: 10px;
	background: url(../images/background-footer.png) no-repeat;
	}
	
#maincontent {
	width: 1000px;
/*	background: url(../img/middle-slide.gif);				*/
}

#mainmenu {
	width: 1000px;													
	position: absolute;
	top: 70px;
}

#mainmenu .menuitem {
	height: 115px;
	float: left;
}

#mainmenu #vse-o-terasach {
	width: 253px;
	background: url(../images/info.png);
}
	
#mainmenu #produkty {
	width: 247px;
	background: url(../images/prod.png);
}

#mainmenu #kalulator {
	width: 247px;
	background: url(../images/calc.png);
}

#mainmenu #e-shop {
	width: 253px;
	background: url(../images/shop.png);
}

.menuitem ul {
	margin-top: 10px;
	margin-left: 70px;
	list-style-type: none;
}
.menuitem ul li a {
	font-family: Trebuchet MS;
	color: white;
	}
	
.menuitem ul li.first-list-item {
	font-size: 17pt;
}

#modulecontent {
	background-color: white;
	padding-top: 80px;
}

#top-hp-ad {
	float: right; 
	
	width: 202px;
	height: 202px;
	
	margin-right: 7px;
	
	background: url(../img/top-hp-ad.gif) no-repeat;
}

blockquote {
	margin-left: 40px;
	}

#scontent {
	background-color: #ECF4C9;
	height: 100%;
	}
	
#scontent ul {
		
	}
	
.underline {
	text-decoration: underline;
	}
#hp-text-content {
	margin-top: -10px;	
	}
	
#hp-text-content, #sub-text-content {
	background-color: #BABF6B;
	/**background-color:  #3f2207;**/
	width: 100%;
	}
#hp-text-content .post{
	margin: -10px 0 0 0;
	padding: 15px;
}
#sub-text-content {
	margin: 0px;
	padding: 20px 10px;
	background-color: white;
	color: black;
	float: right;
	width: 725px;
	min-height: 500px;
	_height: 500px;
	}

#hp-text-content h2, #sub-text-content h2 {
	font-weight: bold;
	font-size: 12pt;
	margin-bottom: 5px;
}

#hp-text-content-header {
	margin-top: 8px;
	margin-left: 8px;
	height: 5px;
	background: url(../img/content-hp-header.gif) no-repeat;
}

#hp-text-content-footer {
	margin-left: 8px;
	height: 6px;
	background: url(../img/content-hp-footer.gif) no-repeat;
	
}

#sub-text-content-header {
	margin-top: 8px;
	margin-left: 8px;
	height: 5px;
	background: url(../img/full-dark-header.gif) no-repeat;
}

#sub-text-content-footer {
	margin-left: 8px;
	height: 10px;
	background: url(../img/full-dark-footer.gif) no-repeat top left;
	
}


#news {
	background-color: #BABF6B;
	padding: 20px;
	margin-top: -5px;
	}

#news h1 {
	font-size: 13pt;
	margin: 10px 0 4px 0;
	}
		
.news-text {
	margin-top: 12px;
	}

.news-text h3 {
	margin: 3px 0px;
	font-size: 8pt;
}

#hp-ads {
	float: right;
	
	width: 201px;
	margin-top: -6px;
	margin-right: 7px;
}

.ad, .ad-last {
	width: 201px;
	height: 78px;
	
	margin-bottom: 8px;
	
	background: url(../img/ad-empty.gif) no-repeat;
}

.ad-last {
	margin-bottom: 0px;
}

#regiontable {
	margin: auto;
	width: 550px;
	}
	
#regiontable td {
	vertical-align: top;
}

#sub-text-content h2 {
	margin: 15px 0 5px 0;
}

p{
	margin: 10px 0;
}
strong {
	margin-bottom: 3px;
}

.sellerinfo {
	margin: 20px 0;
}

/**** PRODUKTY ****/

#productTabs {
	border: 1px solid white;
	list-style: none;
	padding:0;
	margin: 20px 0 0 0;
}

#productTabs li {
	color: black;
	position: relative;
	top: 0px;
	float: left;
	border: 1px solid #aaa;
	border-bottom-width: 0;
	padding: 3px;
	margin-right: 10px;
	cursor: pointer;
	background-color: white;
	
}

#productTabs li.tab-selected {
	top: 1px;
	font-weight:bold;
	position: relative;
	}

#tabContainer {
	border-top: 1px solid #aaa;/**#ccc;**/
	clear: both;
	padding: 10px;
	margin-left: 1px;
	background-color: white;
}
.colorimage {
	float: left;
	text-align: center;
	padding: 6px;
	font-size: 8pt;
	height: 55px;
	margin: 2px;
	}

.productimage {
	position: relative;
	float: left;
	text-align: center;
	margin: 4px;
	padding: 6px;
	border: 1px solid #aaa;
	font-size: 8pt;
}

#productTabs #shopLink {
	display: block;
	background: url(../images/shop-icon.png) no-repeat left center;
	padding-left: 30px;
	float: right;
	}
	
.shopimg {
	position: absolute;
	top: 6x;
	right: 4px;

	width: 	25px;
	height:	24px;
	
	background: url(../images/shop-icon.png) no-repeat center center;
	}
	
.gallery-image {
	float: left;
	text-align: center;
	margin: 4px;
	padding: 6px;
	border: 1px solid #aaa;
	height: 115px;
	font-size: 8pt;
	}


.flashimg div {
	margin-top: 4px;
	text-align: right;
	}
.flashimg div img{
	margin-left: 3px;
	}	
.flashimg {
	float: right;
	margin: 0px 0px 0 15px;
}

#gallery * {
	text-align: center;
}
.collapsable p, .collapsableDiv p {
	padding: 5px;
	}
	
#sub-text-content .collapsable h2, #sub-text-content .collapsableDiv h2 {
	border-bottom: 1px solid #D3DF0D;
	font-size: 10pt;
	background-color: #fffffe;
	padding: 5px;
	margin: 0px;
	display: block;
	font-weight:bold;
	}
		
.collapsable, .collapsableDiv {
	margin: 0;
	padding: 0;
}

.blockitem {
	border: 1px solid rgb(221, 221, 221); 
	margin: 10px; 
	padding: 10px;
	float: left; 
	width: 320px; 
	height: 108px;
	}
	
#sub-text-content .blockitem h2 {
	margin: 0;
	float: right; 
	width: 180px;
	font-weight: bold;
	}
#sub-text-content .blockitem h2.home {
	width: 210px;
	}
	
.blockitem div {
	float:right; 
	width: 180px; 
	margin-top: 9px;
	}

.blockitem div.home {
	width: 210px;
	}
h1#terasy-z-wpc, h1#terasy, h1#terasy-ze-dreva, h1#instalace-terasy  {
	margin: auto;
	position: relative;
	height: 134px;
	background: url(../images/headers/wpc.jpg) no-repeat center center;
	color: black;
}

h1#terasy {
	background: url(../images/headers/terasa.jpg) no-repeat center center;
	}

h1#terasy-ze-dreva {
	background: url(../images/headers/wood.jpg) no-repeat center center;
	}

h1#instalace-terasy {
	background: url(../images/headers/instalace.jpg) no-repeat center center;
	}
	
h1#terasy-z-wpc span, h1#terasy span, h1#terasy-ze-dreva span, h1#instalace-terasy span  {
	position: absolute;
	
	top: 10px;
	left: 20px;
}
	
.blockitem .blockitemimg {
	float: left; 
	margin: 3px;
	display:block;
}

.blockitem  a.blockitemimg {
	display: block;
	width: 90px;
	height: 100px;
	float: left;
	margin-right: 5px;
	
	background: url(../images/icons/listecek.gif) no-repeat top right;
}


.blockitem  a.blockitemimg span {
	display: none;
	}
.blockitem #co-je-to-wpc, .blockitem #jake-drevo-na-terasu {
	background: url(../images/icons/info.jpg) no-repeat top right;
}
.blockitem #klady-a-zapory-wpc, .blockitem #klady-a-zapory-dreva{
	background: url(../images/icons/plusminus.jpg) no-repeat top right;
}

.blockitem #naklady-a-udrzba-wpc, .blockitem #naklady-na-drevene-terasy{
	background: url(../images/icons/price.jpg) no-repeat top right;
}

.blockitem #priklad-realizace-teras-z-wpc, .blockitem #priklad-realizace-teras-ze-dreva {
	background: url(../images/icons/images.jpg) no-repeat top right;
}

.blockitem #dodavatele-a-montazni-firmy {
	background: url(../images/icons/suppliers.jpg) no-repeat top right;
}

.blockitem #podklady-ke-stazeni {
	background: url(../images/icons/documents.jpg) no-repeat top right;
}

.blockitem #nejcastejsi-dotazy {
	background: url(../images/icons/questions.jpg) no-repeat top right;
}

.blockitem #terasy-ze-dreva {
	background: url(../images/icons/wood.jpg) no-repeat top right;
}

.blockitem #terasy-z-wpc {
	background: url(../images/icons/wpc.jpg) no-repeat top right;
}

.blockitem #instalace-terasy, .blockitem #instalace-terasy-z-wpc, .blockitem #instalace-terasy-ze-dreva {
	background: url(../images/icons/instalation.jpg) no-repeat top right;
}

.blockitem #vady-dreva {
	background: url(../images/icons/vady-dreva.jpg) no-repeat top right;
	}
	
.blockitem #postup-instalace {
	background: url(../images/icons/instalation.jpg) no-repeat top right;
}

.blockitem #terasy-a-Feng-suej {
	background: url(../images/icons/terasy-a-feng-suej.jpg) no-repeat top right;
}

.blockitem #architekti-radi {
	background: url(../images/icons/architekti-radi.jpg) no-repeat top right;
}

.blockitem #muj-balkon {
	background: url(../images/icons/muj-balkon.jpg) no-repeat top right;
}

.blockitem #nez-zacneme, .blockitem #rady-a-napady {
	background: url(../images/icons/start.jpg) no-repeat top right;
}


#breadcrumbs, #breadcrumbs a {
	color: #777;
}
#breadcrumbs {
	padding: 2px;
	margin-bottom: 5px;
}

#banners {
	background-color: white; 
	border-bottom: 1px solid #ECF4C9;
}
#banners .banner {
	padding: 8px 4px; 
	float: left;
	} 
#banners #firstbanner {
	padding-left: 8px;
	}
	
#footer-links a {
	position: relative;
	color: #9E7E5B;
	}
	
#footer-links a:hover {
	font-weight: bold;
	font-size: 8pt;
	color: #35261D;
	text-decoration: none;
	}


#footer-links a:hover span {
	font-weight: bold;
	font-size: 11pt;
	position: absolute;
	background-color: white;
	display: block;
	}

#footer-links {
	font-size: 7pt;
	background-color: white;
	padding: 7px 7px 0 7px;
	text-align: center;
}

#footer-links .footerlinks1, #footer-links .footerlinks2{
	font-weight: bold;
	font-size: 9pt;
	}
	
#footer-links #foreignlinks {
	border-top: 1px solid #ECF4C9;
	margin-top: 5px;
	}

.copy a {
	color: white;
	font-size: 8pt;
	font-weight:bold;
	}
	
.copy{
	text-align: right;
	margin-right: 10px;
	color: #ddd;
	font-size: 8pt;
}

/*** downloads ***/
div.downloads {
	width: 205px; 
	float: left; 
	
	padding: 8px; 
	margin: 8px; 
	
	border: 1px solid #ddd;
}
#download-wrapper div.downloads h2{ 
	margin-top: 0px;
	}
	
#homesend, #send {
	float: right; 
	margin-right: 10px;
	}

#homesend {
	padding: 22px 2px 0 0;
	}

#homesend, #homesend a {
	color: #777;
	}
	
#send #us {
	padding-left: 23px;
	background: url('../images/send/napis.jpg') no-repeat bottom left;
}

#send #friend {
	padding-left: 23px;
	background: url('../images/send/poslidal.jpg') no-repeat bottom left;
}
#contactform {
	margin-top: 15px;
	}
#contactform input, #contactform textarea {
	margin-bottom: 10px;
	width: 300px;
	display: block;
	}
#contactform textarea  {
	width: 400px;
	height: 150px;
	}
	
#contactform input.button {
	width: auto;
	margin: auto;
	}
	
#contactform label {
	margin-bottom: 10px;
	display: block;
	float: left;
	width: 200px;
}

.notice {
	padding: 15px;
	font-weight: bold;
	text-align: center;
	
	border-top: 2px solid #80C31C;
	border-bottom: 2px solid #80C31C;
	
	background-color: #BCDD5A;
}
.warning {
	padding: 15px;
	font-weight: bold;
	text-align: center;
	
	border-top: 2px solid #FFCC33;
	border-bottom: 2px solid #FFCC33;
	
	background-color: #FFFF66;
	}
	
.error {
	padding: 15px;
	font-weight: bold;
	text-align: center;
	
	border-top: 1px solid #D34328;
	border-bottom: 1px solid #D34328; 
	
	background-color: #E15119;
}

#sk-flag {
	float: right;
}

#contacts {
	margin-top: 50px;
	}
	
#contact-left,#contact-right{
	float: left;
	padding-right: 15px;
	width:100%;
}
.map_ico{
	float:right;
	width:170px;
	vertical-align: top;
	text-align: right;
	height: 35px;
	vertical-align: middle;
	}
.map_ico img{padding-right:4px;}
.map_ico span{
	float: right;
	margin-top:8px;
}
#contact-right {
	border-left: 1px dotted #ddd;
	padding-left: 15px;
	width: 20%;
	float:right;
}

#homenews {
	/**color: #FFF;**/
	/**font-family: Georgia;**/
	float: right;
	width: 330px;
	min-height: 350px;
	_height: 350px;
	padding: 10px 15px 15px 40px;
	background: url('../images/news.gif') no-repeat top left;
	margin: 10px;
}
#homenews a {
	text-align: right;
	display: block;
}
#homenews h2 a {
	color: black;
	padding: 0 5px;
	text-align: left;
	}
	
#homenews p.new {
	background: url('../images/new.jpg') no-repeat bottom left;
	padding: 0 5px 5px 5px;
}

#uvod{
	background-color: white;
	}
#alert {
	padding: 15px;
	line-height: 25px;
	}
	
.left-blocks{
	display:block;
	}
	
	/* block top search */
#header #search_block_top {
	background: #e5e6e7 url('../images/block_search_bg.png') no-repeat top right;
	height: 28px;
	width: 310px;
	float: right;
}
#header #search_block_top p { padding: 0.4em 0 0.4em 1em; margin :0px; }
#header #search_block_top label, #header #search_block_top input{ float:left; }
#header #search_block_top label {
	background: transparent url('../images/search.gif') no-repeat 0 2px;
	float: left;
	width: 19px;
	height: 18px;
	display: block;
}
#header #search_block_top input{
	font-size:12px;
	margin-left:0.7em;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:12px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;}
#header #search_block_top input#query { 
	width: 12em; 
	border:1px solid #BDC2C9;  }
#header #search_block_top input.button { 	
	width: 100px;
	background-image: url('../images/button-medium.gif');
	background-position:left top;
	background-repeat:no-repeat;
	border:medium none;
	color:black !important;
	cursor:pointer;
	display:block;
	font-size:10px !important;
	font-weight:bold;
	height:18px;
	line-height:18px;
	text-align:center;
	text-decoration:none !important; 
	padding-bottom:2px; 
	}
#map_canvas{width: 725px; height: 500px; margin-top:128px;}
	
.green a {color: #909715; text-decoration: underline;}