/* CSS Document */

 /****************************
           Daneček
     http://danecek.info/
  bk.web.art(zavináč)post.cz

         Garden Art.cz
       CSS ver. 1. 4. 4.
          14. 9. 2009
 ****************************/

body,html { background-color: #f6f7dd;}
body,html,p,a,h1,h2,label,fieldset,form { font-family: arial, tahoma, sans-serif; color: #2e452b; line-height: 1.33;}
form,legend { color: #2e452b; background-color: #f6f7dd;}
label   { font-size: x-small;}
fieldset { padding: 15px;}

#garden { position: absolute; left: 50%; top: 50%; width: 800px; height: 645px; overflow: hidden; margin: -315px 0 0 -400px; padding: 15px; background-color: #f6f7dd;}
#telo { top: 0px; left: 0px; width: 100%; height: 610px; z-index: 2;}
#down { top: 610px; left: 0px; width: 100%; height: 20px; background-color: #f6f7dd; z-index: 2;}

h1 { margin: 29px 0px 0px 68px; padding: 0px; color: #f5f6dc; font-size: 36pt; font-weight: 900; text-align: left; letter-spacing: 1px; line-height: 1;}
h1 a,h1 a:hover { margin: 0px; padding: 0px; color: #f5f6dc; font-size: 36pt; font-weight: 900; text-align: left; letter-spacing: 1px; line-height: 1;}
h2 { margin: 55px 0px 0px 0px; padding: 0px; color: #f5f6dc; font-size: 13pt; font-weight: 900; text-align: left; letter-spacing: 2px;}
h3 { margin: 0px; padding: 0px; color: white; font-size: 11pt; font-weight: 900; text-align: left; line-height: 1.1;}
h4 { margin: 7px 0px 0px 79px; font-weight: 900; letter-spacing: 1px; line-height: 1; font-size: 19pt; color: #f6f7dd;}
h5 { margin: 9px 0px 15px 0px; font-size: 10pt; font-weight: 600; letter-spacing: 0; text-align: center; line-height: 1.5;}
div,img { border-style: none; position: relative;}
p { text-align: left;}
a { text-decoration: none;}

#logohome { top: 0px; left: 0px; width: 800px; height: 100px;}
#gulp { top: 0px; left: 0px; height: 20px; font-size: x-small; font-style: italic;}
#name { float: left; width: 45%; height: 100%;}
#dress { float: left; left: 0px; width: 54%; height: 100%; text-align: right;}
#middles,#middler { float: left; top: 0px; height: 3px; width: 800px; background-color: #f6f7dd;}
#middler { background-color: #4EA76D;}

#zahrada { float: left; top: 0px; width: 100%; height: 430px; background: url(../pcss/podklad_6.jpg) #b4bf8f no-repeat;}
#bort { float: left; left: 40px; top: 9px; width: 260px; height: 409px; overflow: hidden;}
#bora { float: left; left: 53px; top: 9px; width: 260px; height: 409px; overflow: auto;}
#bord { float: left; left: 40px; top: 9px; width: 760px; height: 409px; overflow: hidden;}
#bord a { color: #f6f7dd;}
#bord p { margin: 4px 4px 4px 19px; line-height: 1.2;}
#bord a:hover { text-decoration: underline;}
#bort ul,#bora ul,#bora ol { margin: 8px 0px 0px 16px; padding: 0px;}
#bora ol { margin-left: 24px;}
#bort li,#bora li { font-family: tahoma; font-size: small; margin: 2px; font-weight: 500; line-height: 1.4;}
#bort a:hover,#bora a:hover { text-decoration: underline;}
.winds { margin: 9px 0px 15px 0px; font-size: 12pt; font-weight: 600; letter-spacing: 0; text-align: center; line-height: 1.5;}
#bord .winds { margin: 6px 0px 6px 35px; text-align: left;}
.mineral { font-weight: 900; font-size: 13pt; letter-spacing: 3px;}
#tesa p,#tera p { text-align: justify;}
#teracota p { font-size: 80%; margin: -8px 2px 2px 2px; text-align: justify;}
.illes { font-size: 90%; margin: 6px; text-align: justify;}
.illies { font-size: 80%; margin: 8px; text-align: justify;}
.mufik { font-size: 80%; margin: 12px; line-height: 1.33;}
.sakris { font-size: 80%; margin: 6px 20px 6px 6px; text-align: justify;}
p.mufik a { color: #2e452b ! important;}
.righter { font-size: 80%; margin-right: 28px ! important; text-align: right;}
#tesa { position: absolute; top: 11px; left: 0px; width: 258px; height: 390px; overflow: auto;}
#teracota { position: absolute; top: 0px; left: 0px; width: 240px; height: 409px; background: none;}
#tera { position: absolute; top: 0px; left: 0px; width: 258px; height: 409px;}
#tesari { background: url(../pcss/tesar.jpg) no-repeat top left; background: url(../pcss/teras.jpg) no-repeat top left;}
.zuzu { list-style-type: none; margin: 10px 0px 0px 0px;}
.warior { margin-left: 15px;}

#boty { float: left; top: 0px; width: 100%; height: 56px; z-index: 1;}
#tisw { float: left; top: 4px; width: 40%; height: 38px; z-index: 2;}
#logo { float: right; top: 0px; width: 50px; height: 50px; margin: 3px;}
#akaty { float: right; top: 40px; width: 100px; height: 50px;}
#akaty p { color: #f5f6dc; text-align: right; margin: 0px 5px 0px 0px; font-size: 11px; font-weight: 700; letter-spacing: 3px; z-index: 3;}

#tracker { top: 0px; left: 0px; height: 1px; width: 1px;}
#aktual { left: 0px; top: 38px; width: 50%; height: 18px; position: absolute;}
#aktual a:hover { color: #f6f7dd ! important; font-weight: normal;}
.jednak { width: 1px; height: 1px;}
.levak { text-align: left; margin: 0px;}
.skryta { visibility: hidden;}
.aller { font-size: xx-small; margin-left: 14px;}

#imag { float: left; left: 53px; top: 9px; width: 450px; height: 409px; z-index: 5; background-color: #f6f7dd; overflow: hidden;}
#imac-lezak,#imac-polehavac,#imac-stojak { float: left; left: 0px; top: 0px; overflow: hidden;}
#imac-lezak,#imac-polehavac { width: 450px; height: 338px;}
#imac-stojak { width: 307px; height: 409px;}
#imac-lezak img,#imac-polehavac img,#imac-stojak img { position: absolute;}
#imac-lezak img { left: 0px; top: 0px; width: 100%;}
#imac-polehavac img { left: 0px; top: 0px; height: 100%;}
#imac-stojak img { left: 0px; top: 0px; height: 100%;}
#logo img { left: 0px; top: 0px; width: 100%; height: 100%;}
#tast .lezak,#tast .polehavac { float: left; left: 0px; top: 0px; width: 377px; height: 71px;}
#tast .stojak { float: right; left: 0px; top: 0px; width: 30%; height: 338px;}
#tast .stojak p { text-align: right; line-height: 1.6;}
.popisek { font-size: 8pt; font-family: tahoma; margin: 6px;}
.nadpis { font-size: 9pt; font-weight: bold; font-family: tahoma;}
.predak { z-index: 8; width: 100%; height: 100%}
.zadak { z-index: 7;}

#nine div { float: right; width: 64px; height: 69px; margin: 1px; overflow: hidden;}
#nine table { padding: 0px; margin: 0px;}
#nine table td p,#nine table td a { padding: 1px; margin: -1px; font-weight: bold;}
#nine table td a:hover { font-weight: normal;}
#nine table { background-color: #064206; margin: -3px;}
#nine table td { border: 0px; margin: -1px;}
#nine p,#nine a { font-size: 8pt; text-align: center; color: #dedede; background-color: #f6f7dd; font-family: tahoma;}
#nine a { color: #064206;}
.vuze { color: #064206; font-weight: normal; z-index: 10;}
.active { font-weight: 900;}

#triplex { left: 577px; top: 275px; z-index: 4; position: absolute;}

#triple { float: left; left: 67px; top: 0px; width: 456px; height: 412px; z-index: 4;}
#triple ul { top: 0px; left: 0px; margin: 0px; padding: 0px; position: absolute;}
#triple li,#triplex { width: 130px; height: 120px; overflow: hidden; position: absolute; z-index: 6; list-style: none;}
#triple li a,#triplex a { left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; display: block; color: #f5f6dc; font-weight: 900; font-size: 15pt; letter-spacing: 1px; overflow: hidden; z-index: 8;}
#triple li a span,#triplex a span { display: block; line-height: 6; overflow: hidden; z-index: 10;}
#triple a:hover,#triplex a:hover { background: none;}
#triple a:hover span,#triplex a:hover span { display: none;}

#triple37 a span,#triple38 a span,#triple39 a span { margin-top: 20px ! important;}

#triple1,#triple10,#triple19,#triple64 { top: 20px; left: 0px;}
#triple2,#triple11,#triple20,#triple65 { top: 20px; left: 145px;}
#triple3,#triple12,#triple21,#triple66 { top: 20px; left: 290px;}
#triple4,#triple13,#triple22,#triple67 { top: 155px; left: 0px;}
#triple5,#triple14,#triple23,#triple37,#triple68 { top: 155px; left: 145px;}
#triple6,#triple15,#triple24,#triple38,#triple69 { top: 155px; left: 290px;}
#triple7,#triple16,#triple25,#triple70 { top: 290px; left: 0px;}
#triple8,#triple17,#triple26,#triple39,#triple71 { top: 290px; left: 145px;}
#triple9,#triple18 { top: 290px; left: 290px;}

#triple1 { background: url("../pcss/talcitka/projekce.png") 0 -240px no-repeat;}
#triple2 { background: url("../pcss/talcitka/realizace.png") 0 -240px no-repeat;}
#triple3 { background: url("../pcss/talcitka/udrzba.png") 0 -240px no-repeat;}
#triple4 { background: url("../pcss/talcitka/zavlaha.png") 0 -240px no-repeat;}
#triple5 { background: url("../pcss/talcitka/interier.png") 0 -240px no-repeat;}
#triple6 { background: url("../pcss/talcitka/vystavy.png") 0 -240px no-repeat;}
#triple7 { background: url("../pcss/talcitka/floristika.png") 0 -240px no-repeat;}
#triple8 { background: url("../pcss/talcitka/zahradnictvi.png") 0 -240px no-repeat;}
#triple9 { background: url("../pcss/talcitka/kontakt.png") 0 -240px no-repeat;}
#triple18,#triplex { background: url("../pcss/talcitka/home.png") 0 -240px no-repeat;}

#triple1 a { background: url("../pcss/talcitka/projekce.png") top left no-repeat;}
#triple2 a { background: url("../pcss/talcitka/realizace.png") top left no-repeat;}
#triple3 a { background: url("../pcss/talcitka/udrzba.png") top left no-repeat;}
#triple4 a { background: url("../pcss/talcitka/zavlaha.png") top left no-repeat;}
#triple5 a { background: url("../pcss/talcitka/interier.png") top left no-repeat;}
#triple6 a { background: url("../pcss/talcitka/vystavy.png") top left no-repeat;}
#triple7 a { background: url("../pcss/talcitka/floristika.png") top left no-repeat;}
#triple8 a { background: url("../pcss/talcitka/zahradnictvi.png") top left no-repeat; font-size: 14pt ! important;}
#triple9 a { background: url("../pcss/talcitka/kontakt.png") top left no-repeat;}
#triple18 a,#triplex a { background: url("../pcss/talcitka/home.png") top left no-repeat;}

#triple10 { background: url("../pcss/talcitka/zahrady.png") 0 -240px no-repeat;}
#triple11 { background: url("../pcss/talcitka/parky.png") 0 -240px no-repeat;}
#triple12 { background: url("../pcss/talcitka/prumysl.png") 0 -240px no-repeat;}
#triple13 { background: url("../pcss/talcitka/firmy.png") 0 -240px no-repeat;}
#triple14 { background: url("../pcss/talcitka/urbanismus.png") 0 -240px no-repeat;}
#triple15 { background: url("../pcss/talcitka/drobnost.png") 0 -240px no-repeat;}
#triple16 { background: url("../pcss/talcitka/strechy.png") 0 -240px no-repeat;}
#triple17 { background: url("../pcss/talcitka/dendro.png") 0 -240px no-repeat;}

#triple10 a { background: url("../pcss/talcitka/zahrady.png") top left no-repeat;}
#triple11 a { background: url("../pcss/talcitka/parky.png") top left no-repeat;}
#triple12 a { background: url("../pcss/talcitka/prumysl.png") top left no-repeat;}
#triple13 a { background: url("../pcss/talcitka/firmy.png") top left no-repeat;}
#triple14 a { background: url("../pcss/talcitka/urbanismus.png") top left no-repeat;}
#triple15 a { background: url("../pcss/talcitka/drobnost.png") top left no-repeat;}
#triple16 a { background: url("../pcss/talcitka/strechy.png") top left no-repeat;}
#triple17 a { background: url("../pcss/talcitka/dendro.png") top left no-repeat;}

#triple19 { background: url("../pcss/talcitka/voda.png") 0 -240px no-repeat;}
#triple20 { background: url("../pcss/talcitka/kamen.png") 0 -240px no-repeat;}
#triple21 { background: url("../pcss/talcitka/dlazba.png") 0 -240px no-repeat;}
#triple22 { background: url("../pcss/talcitka/rostliny.png") 0 -240px no-repeat;}
#triple23 { background: url("../pcss/talcitka/zidky.png") 0 -240px no-repeat;}
#triple24 { background: url("../pcss/talcitka/posezeni.png") 0 -240px no-repeat;}
#triple25 { background: url("../pcss/talcitka/svetla.png") 0 -240px no-repeat;}
#triple26 { background: url("../pcss/talcitka/umeni.png") 0 -240px no-repeat;}

#triple19 a { background: url("../pcss/talcitka/voda.png") top left no-repeat;}
#triple20 a { background: url("../pcss/talcitka/kamen.png") top left no-repeat;}
#triple21 a { background: url("../pcss/talcitka/dlazba.png") top left no-repeat;}
#triple22 a { background: url("../pcss/talcitka/rostliny.png") top left no-repeat;}
#triple23 a { background: url("../pcss/talcitka/zidky.png") top left no-repeat;}
#triple24 a { background: url("../pcss/talcitka/posezeni.png") top left no-repeat;}
#triple25 a { background: url("../pcss/talcitka/svetla.png") top left no-repeat;}
#triple26 a { background: url("../pcss/talcitka/umeni.png") top left no-repeat;}

#triple37  { background: url("../pcss/talcitka/navrh-zavlahy.png") 0 -240px no-repeat;}
#triple38 { background: url("../pcss/talcitka/provedeni-zavlahy.png") 0 -240px no-repeat;}
#triple39 { background: url("../pcss/talcitka/servis-zavlahy.png") 0 -240px no-repeat;}

#triple37 a { background: url("../pcss/talcitka/navrh-zavlahy.png") top left no-repeat;}
#triple38 a { background: url("../pcss/talcitka/provedeni-zavlahy.png") top left no-repeat;}
#triple39 a { background: url("../pcss/talcitka/servis-zavlahy.png") top left no-repeat;}

#triple40,#triple41,#triple42,#triple43,#triple44 { display: none;}

#triple64 { background: url("../pcss/talcitka/svatebky.png") 0 -240px no-repeat;}
#triple65 { background: url("../pcss/talcitka/corsage.png") 0 -240px no-repeat;}
#triple66 { background: url("../pcss/talcitka/maminky.png") 0 -240px no-repeat;}
#triple67 { background: url("../pcss/talcitka/druzicky.png") 0 -240px no-repeat;}
#triple68 { background: url("../pcss/talcitka/autocorsa.png") 0 -240px no-repeat;}
#triple69 { background: url("../pcss/talcitka/stoly.png") 0 -240px no-repeat;}
#triple70 { background: url("../pcss/talcitka/doplnky.png") 0 -240px no-repeat;}
#triple71 { background: url("../pcss/talcitka/ucesy.png") 0 -240px no-repeat;}

#triple64 a { background: url("../pcss/talcitka/svatebky.png") top left no-repeat;}
#triple65 a { background: url("../pcss/talcitka/corsage.png") top left no-repeat;}
#triple66 a { background: url("../pcss/talcitka/maminky.png") top left no-repeat;}
#triple67 a { background: url("../pcss/talcitka/druzicky.png") top left no-repeat;}
#triple68 a { background: url("../pcss/talcitka/autocorsa.png") top left no-repeat;}
#triple69 a { background: url("../pcss/talcitka/stoly.png") top left no-repeat;}
#triple70 a { background: url("../pcss/talcitka/doplnky.png") top left no-repeat;}
#triple71 a { background: url("../pcss/talcitka/ucesy.png") top left no-repeat;}

.colorer0 { background-color: #321B3D;}
.colores0 { color: #321B3D;}
.colorem0 { border-top: 4px #321B3D solid; border-bottom: 4px #321B3D solid;}
.colorer1 { background-color: #FB8A53;}
.colores1 { color: #FB8A53;}
.colorem1 { border-top: 4px #FB8A53 solid; border-bottom: 4px #FB8A53 solid;}
.colorer2 { background-color: #62B175;}
.colores2 { color: #62B175;}
.colorem2 { border-top: 4px #62B175 solid; border-bottom: 4px #62B175 solid;}
.colorer3 { background-color: #C6DB6B;}
.colores3 { color: #C6DB6B;}
.colorem3 { border-top: 4px #C6DB6B solid; border-bottom: 4px #C6DB6B solid;}
.colorer4 { background-color: #55B4F4;}
.colores4 { color: #55B4F4;}
.colorem4 { border-top: 4px #55B4F4 solid; border-bottom: 4px #55B4F4 solid;}
.colorer5 { background-color: #B7A782;}
.colores5 { color: #B7A782;}
.colorem5 { border-top: 4px #B7A782 solid; border-bottom: 4px #B7A782 solid;}
.colorer6 { background-color: #F8A5A0;}
.colores6 { color: #F8A5A0;}
.colorem6 { border-top: 4px #F8A5A0 solid; border-bottom: 4px #F8A5A0 solid;}
.colorer7 { background-color: #FFD75A;}
.colores7 { color: #FFD75A;}
.colorem7 { border-top: 4px #FFD75A solid; border-bottom: 4px #FFD75A solid;}
.colorer8 { background-color: #92B26B;}
.colores8 { color: #92B26B;}
.colorem8 { border-top: 4px #92B26B solid; border-bottom: 4px #92B26B solid;}
.colorer9 { background-color: #321B3D;}
.colores9 { color: #321B3D;}
.colorem9 { border-top: 4px #321B3D solid; border-bottom: 4px #321B3D solid;}
.iren { color: #F7BD29; font-weight: bold;}
.colorer10 { background-color: #f6f7dd; overflow: auto;}
.colores10 { color: #f6f7dd;}
.colorem10 { border-top: 4px #321B3D solid; border-bottom: 4px #321B3D solid;}