﻿
body {
padding:0px;
margin:0px;
border:0px;
color: #082a00;
font-family: Trebuchet MS;
font-size: 0.8em;
text-align: center;
background: #fff;
}
#indextext h1, #indextext h3, #indextext h2 {
color:#4e7421;
text-transform:uppercase;
font-family: Tiems New Roman;
text-align:left;
font-size:130%;
}

h1, h2, h3 {
color:#4e7421;
text-transform:uppercase;
font-family: Tiems New Roman;
text-align:left;
font-size:200%;
}

h1{
color:#444;
}


h2 {
font-size:130%;
}


h3 {
color:#333;
}

.pindex {
font-size:150%; color:white;
}


a {color:#62a100;}
abbr {border-bottom:1px dashed gray;}
p {line-height:150%;}

#pruh-kontakt{background:url('img/kontakt/kontakt_bg.jpg'); height:300px; border-bottom:5px solid #ccc; border-top:10px solid #0c5863;}
#pruh-pergoly{background:url('img/pergoly-a-garazova-stani/pergoly_bg.jpg'); height:300px; border-bottom:5px solid #ccc; border-top:10px solid #c0a32b;}
#pruh-zahradni-nabytek{background:url('img/zahradni-nabytek/zahradni-nabytek_bg.jpg'); height:300px; border-bottom:5px solid #ccc; border-top:10px solid #62a100;}
#pruh-index{background:url('gfx/index_bg.jpg'); height:300px; border-bottom:5px solid #ccc; border-top:10px solid #dedede;}
#pruh{background:#391b04; height:300px; border-bottom:5px solid #62a100; border-top:5px solid #62a100;}

#navigace{width:750px; margin:auto; text-align:right;  height:60px; margin-bottom:10px; background:url('gfx/bg_navigace.jpg') 50% 0% no-repeat;}
.placeholder{text-decoration:none; padding-left:20px; padding-bottom:2px; display: block; color:#dedede;}
#navigace ul li a:hover{color:#62a100; }
#navigace ul li a:visited{color:#391b04;}
#navigace ul li{list-style-type:square; margin:0; padding:0; display:block; text-align:right; float:right; font-size:18px; font-weight:bold; }
#navigace ul li a{text-decoration:none; padding-left:20px; padding-bottom:2px; display: block; color:#391b04; padding-right:10px;}


#hlavicka-lista-obal{height:92px; background:#fff; padding:0px; margin:0px; margin-top:-20px;}
#zalozka{position:absolute; top:0px; right:0px;margin:0; padding:0;}
#hlavicka-lista{margin:auto; width:1000px; text-align:left; color:#fff; margin-top:10px;}

#hlavicka-obal{background:#667F19; background-repeat: repeat-x; width:100%;}
#hlavicka{ width:1000px; height:40px; margin:auto; position:relative;}


#tips{position:absolute; top:10px; left:610px; border:0px; text-decoration:0;}

#changer-obal{background:url('gfx/tipbg.jpg') #fff; background-repeat: repeat-x; }
#changer{width:1000px; margin:auto;}
#frame{padding:0px 0px 10px 0px;}

#logo{position: relative; left: -100px; top:10px; z-index:5; border:0; width:188px; height:55px; background:url('gfx/logo.png') no-repeat; float:left;}

#page-obal{}
#page{width:1000px;margin:0px auto; text-align:justify;}
#page-in{padding:20px 0px 30px 0px;}

#pravysloupec{padding:0px; margin:0px; padding-left:470px;}
#levysloupec{padding:0px; margin:0px; width:50%; float:left;}
#pravysloupec-in{padding:0px 0px 0px 15px;}
#levysloupec-in{padding:0px 15px 0px 0px;}

#patka-obal{background:url('gfx/paticka_bg.jpg') #555; background-repeat: repeat-x; width:100%; clear:both; border-top:8px solid #62a100; }
#patka{ width:1000px; height:200px; margin:auto; text-align:left; position:relative;}
#logopatka{position:absolute; top:30px; left:50px;}
#patka-in{padding: 50px 30px 10px 160px; color:white; }


#eshop {position:relative; top:-10px; left:765px; z-index:100; background:url('gfx/eshop.png'); width:90px; height:90px;  border:none; }
.eshop {display:block; width:70px; height:70px; }

/* vypis schodu typy */
.typ h2{float:left; color:white; padding:10px;background:#a00;margin:0px;}
.container{background:white; color:#333; margin-bottom:30px; clear:left;margin-top:0px;}
.container-in{padding:20px; border:1px solid #ccc;}
.container h2{font-size:120%; color:#a00; padding:0px 0px 0px 0px; text-align:left; }
.perex{text-align:justify;  padding:0px 0px 20px 220px;}
.perex ul li{list-style-position:outside; margin-left:-27px;}
.perex-obrazky {float:left;width:200px;font-size:80%; padding:0px; margin:0px; margin-top:15px;}
.perex-obrazky img{width:auto; margin:0; padding:0;}
/*.container-in img{float:left; padding:0px 10px 0px 0px;}*/
.downloadkarta{  float:right; width:300px; text-align:center; background:#a00; color:white;  margin-top:5px;}
.info{clear:both;border-top:1px dashed #ccc; padding-top:10px; margin-bottom:20px;}
.info a{text-decoration:none; color:#c00;}
.nahled{width:150px; height:150px;}
.container-in  img { padding-right:20px; text-decoration:none; border:none;}

.container-in .info img{float:none; margin-bottom:-4px; padding:0px 3px 0px 3px;}
.cena{font-weight:bold; color:#c00;}
.uparrow{font-weight:bold;}
ul li {list-style-type:square; margin-left:0px;}
.downloadkarta a{display:block; width:100%; text-decoration:none; color:white; padding: 5px;}
.downloadkarta a:visited{color:white;}

.obrazek {border:1px solid #082a00; padding:4px; margin:5px 0px 5px 0px; width:99%; background:#fff;}



.gal-nahled{width:180px; height:180px; margin:10px;}
.pul-box{width:48%; float:left; text-align:center;}
.pul-nahled{width:100%; height:290px;}

.cely-img{width:98%;}
.vycet{list-style-position:inside; list-style-image:url('gfx/vycet.png'); margin-left:-40px;}

.beruska-kontakty{float:right;}

.red-akce{color:#c00; font-size:120%;}
.objednat {padding:7px; margin-top:10px; background:#62a100; color:white; font-weight:bold; text-align:center;  margin-bottom:20px;}

abbr {
border-bottom: 1px dotted;
cursor: help;
}


/*objednávkový formulář*/
form{border-left:5px dotted #69aa01; padding:20px;}
.odeslat{border:1px solid green; background:url('gfx/bg_button.jpg') repeat-x; margin:auto; width:80%; padding:10px; color:white; font-weight:bold; font-size:16px;}

table {border:0; padding:0; margin:0;}
table td {vertical-align:top; width:33%;}
table td img{width:270px; height:200px;}
.index-sloupec-levy {margin:0px 16px 0px 0px; line-height:150%;}
.index-sloupec-center {margin:0px 8px; line-height:150%;}
.index-sloupec-pravy {margin:0px 0px 0px 16px; line-height:150%;}
.index-sloupec-levy img, .index-sloupec-pravy img, .index-sloupec-center img{width:100%;}

ul{padding:0; margin:0;}
ul li {list-style-type:none; padding-left:20px; background:url('gfx/odrazka.jpeg') no-repeat 0% 50%; text-align:left;}