/*** CSS pro www.feelnat.cz 2009 ***/

*{margin: 0; padding: 0; border: 0px none;}
.cleaner{clear: both; line-height: 0px; margin: 0px; padding: 0px; font-size: 0px; width: 100%; height: 1px; overflow: hidden; visibility: hidden;}
a, input { color: #767676; position: relative; z-index: 1; }
a:hover { text-decoration: none; }
a:focus { outline:none; }
h1{color: #ffdd00; font-size: 290%; display: block; margin: 0px 0px 10px 50px; font-family: 'Book Antiqua', trebuchet ms; font-variant: small-caps;}

html { background: #516825; _overflow-x: hidden; }
body{ background: url('../img/body.jpg') no-repeat top center; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 62.5%; overflow-x: hidden;  }
#web{ width: 988px; margin: 0 auto; background: transparent;overflow-x: hidden; }
#hlavicka{ width: 100%; background: url('../img/logo.jpg') no-repeat; height: 384px; position: relative; z-index: 0; overflow: hidden; }
#hlavicka a#logo { display: block; position: relative; width: 255px; height: 180px; float: left; top: 150px; left: 50px; text-decoration: none; }
#hlavicka a#logo span { visibility: hidden; }
#hlavicka ul { list-style-type: none; position: relative; position: absolute; bottom: 11px; left: 74px; width: 830px; height: 43px; overflow: hidden; }
#hlavicka ul li { float: left; position: relative; height: 100%; _width: 40px; white-space: nowrap; }
#hlavicka ul li a { display: block; height: 100%; color: #fff; padding: 12px 23px; font-size: 14px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#hlavicka ul li a.active, #hlavicka ul li a:hover { color: #ffdd00; background: url('../img/active.jpg') repeat-x; }
#hlavicka ul li.prvni { background: url('../img/menu1active.jpg') no-repeat; width: 90px; }
#hlavicka ul li.druhy { background: url('../img/menu2active.jpg') no-repeat; width: 118px; }
#hlavicka ul li.prvni a { background: url('../img/menu1inactive.jpg') no-repeat; }
#hlavicka ul li.druhy a { background: url('../img/menu2inactive.jpg') no-repeat; }
#hlavicka ul li.prvni a.active, #hlavicka ul li.prvni a:hover { background: transparent; color: #ffdd00; }
#hlavicka ul li.druhy a.active, #hlavicka ul li.druhy a:hover { background: transparent; color: #ffdd00; }
#hlavicka ul li.prvni a:hover, #hlavicka ul li.druhy a:hover { background: transparent; }
#hlavicka span#listecek { position: absolute; display: block; left: 0; top: 118px; width: 388px; height: 244px; background: url('../img/listecek.png') no-repeat left top; z-index: 0; }

#obsah { background: #687B34; min-height: 100px; _height: 100px; position: relative; margin: 0px 0px 0px 0px; _margin: 0; padding-top: 45px; z-index: 0; }

ul#hp { display: block; margin: 0px 0px 0px 17px; list-style-type: none; }
ul#hp li { float: left; height: 272px; }
ul#hp li a { display: block; width: 100%; height: 100%; position: relative; }
ul#hp li a span { position: absolute; left: 0; top: 0; visibility: visible; height: 272px; cursor: pointer; }

ul#hp li#firemni-zakaznici { width: 235px; }
ul#hp li#agentury { width: 241px; }
ul#hp li#organizace { width: 241px; }
ul#hp li#zajezdy { width: 253px; }

ul#hp li#firemni-zakaznici a span { background: url('../img/hp1.jpg') no-repeat; width: 235px; }
ul#hp li#agentury a span { background: url('../img/hp2.jpg') no-repeat; width: 241px; }
ul#hp li#organizace a span { background: url('../img/hp3.jpg') no-repeat; width: 241px; }
ul#hp li#zajezdy a span { background: url('../img/hp4.jpg') no-repeat; width: 253px; }

/* dvousloupcovy layout - class inner */
#two { clear: both; display: block; width: 988px; background: url('../img/pozadi.jpg') repeat-y; _margin: -30px 0px 0px 0px; _padding: 0; }
#two-inner { width: 988px; background: url('../img/2columns.jpg') no-repeat top left; overflow: hidden; height: auto; }

/* Vojte - do indexTemplate dodatecne pridana class="nadpis" pro odliseni stylu */
#levypanel { float: left; width: 435px; _width: 385px; margin: 80px 0px 40px 50px; _margin: 80px 0px 40px 25px; min-height: 400px; _height: 400px; position: relative; }
#levypanel h2.nadpis, #pravypanel h2.nadpis { position: absolute; top: -40px; color: #ffdd00; font-size: 160%; text-transform: uppercase; }
#levypanel h2.nadpis {  left: 50px; }
#pravypanel h2.nadpis {  right: 70px; }

#pravypanel { float: left; width: 435px; _width: 390px; margin: 80px 0px 40px 45px; _margin: 80px 0px 40px 70px; min-height: 400px; _height: 400px; position: relative; }
#pravypanel h1 { left: 303px; }
#pravypanel #hp-foto { }
#pravypanel #hp-foto h2 { display: block; position: relative; width: 249px; height: 21px; margin: 0px 0px 27px 0px; font-size: 100%; }
#pravypanel #hp-foto h2 span { position: absolute; left: 0; top: 0; width: 249px; height: 21px; background: url('../img/nadpis-reference.gif') no-repeat left top; }
#pravypanel #hp-foto a { text-decoration: none; }
#pravypanel #hp-foto a img { display: block; border: 8px solid #ddf0f7;}

.inner { padding: 0; } 
.aktualita { display: block; padding: 0px 10px 50px 0px; _padding: 0px 10px 25px 0px; font-size: 110%; width: 390px; _width: 400px; margin: 20px 0px 0px 0px; background: url('../img/line.jpg') no-repeat center bottom; }
.aktualita h2 { display: inline; font-size: 120%; color: #F4D503 }
.aktualita em { font-style: normal; color: #f5d603; }
#obsah #pravypanel #levypanel .aktualita h2 { display: inline; color: #f5d603; font-size: 110%; position: relative; }
.aktualita p { padding: 10px 0px 0px 0px; color: #fff; line-height: 165%; width: 390px; text-align: justify; }
.aktualita img { float: right; border: 4px solid #848d29; margin: 0px 0px 0px 10px; }
.aktualita a { color: #f5d603; }
.aktualita p.vice a { cursor: pointer; text-decoration: underline; }
.aktualita p.vice * { text-decoration: none; }
.aktualita hr { clear: both; visibility: hidden; height: 1px;  }

/* jednosloupcovy layout - "submenu" */
ul#listky { position: absolute; top: 20px; right: 0px; display: block; list-style-type: none; }
ul#listky li { float: left; height: 59px; width: 170px; background: url('../img/list.jpg') no-repeat top right; text-align: center; font-size: 110%; }
ul#listky li a { color: #fff; text-decoration: none; display: block; padding-top: 0px; }
ul#listky li a:hover { color: #ffdd00; }

/* jednosloupcovy layout - id inner */
#mezera { margin-top: 40px; width: 100%; clear: both; height: 100%;}
#inner { background: url('../img/pozadi-single.jpg') repeat-y; float: left; width: 100%; }
#inner a:hover { text-decoration: none; }
.inner-top { background: url('../img/inner-top.jpg') no-repeat; padding: 10px 23px 35px 23px; height: auto; }
#inner .contain { min-height: 400px; _height: 400px; width: 850px; _width: 900px; }
.contain h1 { color: #ffdd00; font-size: 290%; display: block; margin: 44px 20px 25px 100px; font-family: 'Book Antiqua', trebuchet ms; font-variant: small-caps; }
.contain p { color: #fff; font-size: 120%; line-height: 140%; padding: 5px 0px 20px 0px; text-align: justify; }
.contain div.rohsestinem { background: url('../img/rohsestinem.jpg') no-repeat 85px 0px; padding-top: 23px; }
.contain div.rohsestinem p { padding-left: 12px; }
.contain div.rohsestinem p a { color: #fff; }
.contain div.rohsestinem p a:hover { color: #ffdd00; }
.contain h2 { color: #ffdd00; display: block; margin-left: 100px; font-size: 120%; }
.contain h3, .contain h4, .contain h5, .contain h6, .contain p { display: block; margin-left: 100px; }
.contain ul { color: #fff; display: block; font-size: 110%; }
.contain p a, .contain ul li a, .contain ol li a { color: #ffdd00; }
.contain img { border: 6px solid #858e2a; margin: 0px 15px 10px 15px; }
embed { float: left; margin: 8px 20px 0px 100px; }
.obalviceboxu { float: left; width: 100%; height: auto; margin-bottom: 20px; }
.zlutytext, .cernalinka, .rohsestinemmaly, .stinadokument { float: left; min-height: 120px; _height: 120px; }
.zlutytext { width: 300px; margin-left: 100px; _margin-left: 50px; }
.zlutytext * { color: #ffdd00; }
.zlutytext p { margin: 0px 0px 0px 65px; }
.cernalinka { border-left: 1px solid #30410f; width: 200px; }
.cernalinka p { margin-left: 40px; }
.rohsestinemmaly { background: url('../img/stin.png') no-repeat 0px 0px; padding-top: 28px; padding-left: 5px; width: 245px; _width: 260px; }
.stinadokument { background: url('../img/stinadokument.png') no-repeat 0px 0px; width: 245px; }
.contain .prvni { margin-left: 80px; _margin-left: 40px; }
.rohsestinemmaly p img { border: 3px solid #868f2b; float: left; margin: 0px 10px 0px 0px; _margin-left: 0; padding: 0; }
.rohsestinemmaly a {  }
.rohsestinemmaly p {  font-size: 110%; float: left; margin: 0; padding: 5px 0px 0px 30px; _padding: 5px 0px 0px 40px; white-space: nowrap; }
.stinadokument p { padding: 38px 0px 0px 80px; _padding: 50px 0px 0px 90px; margin: 0; font-size: 110%; line-height: 180%; }
div.teckovanacara { float: left; width: 750px; border: 0; margin: 20px 0px 40px 100px; _margin-left: 50px; height: 2px; background: url('../img/teckovanacara.gif') repeat-x; }
div.teckovanacara hr { display: none; }

a.videoodkaz { display: block; background: url('../img/videoodkaz.png') no-repeat; padding: 5px 0px 5px 30px; margin-top: 10px; }
/* barvy pro css v navigatoru */
.contain p.zluta, .contain h2.zluta { color: #ffdd00; }
.contain p.bila, .contain h2.bila { color: #fff; }
.velkympismem { text-transform: uppercase; }

#akcelist { clear: left; min-height: 120px; _height: 120px; width: 300px; background: url('../img/stin.png') no-repeat 0px 0px; padding: 28px 0px 0px 5px; margin: 0px 0px 0px 80px; position: relative; top: 20px; }
#akcelist h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; }
#akcelist ul { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 45px; list-style-type: square; }


.novinka_detail h1 { margin: 20px 0px 0px 0px; _padding-top: 20px; }
.novinka_detail h1 em { padding: 0px 0px 0px 15px; font-size: 50%; white-space: nowrap; }
.novinka { clear: right; padding: 20px 0px 50px 0px; width: 650px; font-size: 110%; display: block; margin: 0px 150px 0px 150px; background: url('../img/line.jpg') no-repeat center bottom; }
.novinka_detail { clear: right; padding: 20px 0px 50px 0px; width: 650px; font-size: 100%; display: block; margin: 0px 150px 0px 150px; background: url('../img/line.jpg') no-repeat center bottom; }
.novinka em, .novinka_detail em { font-style: normal; color: #f5d603; }
.novinka h2, .novinka_detail h2 { display: inline; color: #f5d603; font-size: 110%; margin: 0; padding: 0; }
.novinka p, .novinka_detail p { display: block; padding: 10px 0px 0px 0px; margin: 0; color: #fff; line-height: 165%; font-size: 110%; }
.novinka img, .novinka_detail img { float: right; clear: none; position: relative; border: 4px solid #848d29; margin: 0px 0px 0px 15px; }
.novinka a, .novinka_detail a { color: #f5d603; }
.novinka p.vice {  }
.novinka p.vice a { cursor: pointer; text-decoration: underline; display: inline; }
#two .novinka p.vice { text-align: right; padding: 0px 250px 0px 0px; }
.contain .novinka p.vice { /* text-align: right; padding: 0px 250px 0px 0px; */_float: left; _width: 200px; text-align: left; _padding-left: 23px; }
#two p.vice a, #obsah a.videoodkaz { color: #fff; }
#two p.vice a:hover {  }
.vice-na-konci { display: none; }
div.zobrazit-kompletni-seznam, div.paging, div.showall { width: 396px; height: 144px; background: url('../img/kompletni-seznam.png') no-repeat top left; text-align: center; }
div.zobrazit-kompletni-seznam, div.paging { float: left; margin-left: 280px; _margin-left: 140px; }
div.showall {  }
div.zobrazit-kompletni-seznam a, div.showall a { color: #f5d603; font-size: 120%; display: block; padding-top: 45px; }
.paging { padding: 40px 0 0 0; font-size: 140%; color: #fff; font-weight: bold; }
.paging * { display: inline-block; margin: 0px 2px; }
.paging a { color: #f5d603; font-weight: normal; text-decoration: none; }
.paging a:hover { color: #fff; }

/* detail fotogalerie */
.looksliketable { float: left; clear: right; width: 700px; margin: 0px 0px 30px 100px; background: url('../img/teckovanacara.gif') repeat-x bottom; }
.looksliketable strong { float: left; font-weight: bold; color: #fff; font-size: 140%; background: #657534; }
.looksliketable a { float: right; color: #f5d603; background: #5A6E29; font-size: 140%; font-weight: bold; text-decoration: none; }
.looksliketable a:hover { color: #fff; }
.gallery { clear: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.gallery div {  }
.gallery div a { text-decoration: none; }
.gallery div img { border: 4px solid #2a380d; }

.gallery div.imagecover { float: left; width: 150px;	height: 150px; margin: 0px 0px 20px 40px;  }
.gallery div.image { width: 150px;	height: 150px;	text-align: center;	position:relative;	display: table-cell;	vertical-align: middle;}
.gallery div.image img { display: block;	position:relative;	left: 0;	margin: 0 auto;}
.gallery div.image div p {	padding: 0; }

/* vypis fotogalerie ve fotoalbu */
table.vypis-alb { text-align: left; display: block; width: 650px; margin: 20px 0px 20px 140px; border-collapse: collapse; border: 0px none; color: #fff; }
table.vypis-alb tr td { font-size: 130%; padding: 2px 0px 2px 0px; cursor: pointer; }
table.vypis-alb tr td.nazev { width: 570px; }
table.vypis-alb tr td.pocet {  }
table.vypis-alb tr td.nazev a { display: block; color: #fff; font-weight: bold; text-decoration: none; }
table.vypis-alb tr td.nazev a.hover { color: #f5d603; }
table.vypis-alb tr td.pocet em { color: #f5d603; font-style: normal; }

#form { margin: 0; padding: 0; display: block; width: 100%; }
#form div { float: left; margin: 0px 0px 10px 0px; width: 50%; }
#form fieldset { border: 0px none; padding: 0px 0px 0px 150px; }
#form fieldset span { display: block; font-weight: bold; font-size: 130%; color: #FFDD00; }
#form fieldset span.sign { text-decoration: underline; }
#form fieldset label { display: block; font-size: 110%; color: #fff; padding-left: 20px; padding-bottom: 2px; margin-top: 10px; }
#form fieldset label.radiolabel { display: inline-block; position: relative; padding: 5px }
#form fieldset label.radiolabel em { position: relative; top: -3px; font-style: normal; }
#form fieldset input.radio {  }
#form fieldset input.text { display: block; margin-left: 20px; padding: 1px 5px; border: 1px solid #DADD00; color: #394c14; width: 150px; }
#form fieldset select { color: #394c14; margin-left: 20px; width: 165px; }
#form fieldset textarea { display: block; margin: 5px 0px 10px 0px; padding: 2px 3px; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 120%; width: 370px; height: 150px; }
#form fieldset input.submit { background: #9ead08; color: #394c14; border: 2px solid #9ead08; padding: 2px 10px; margin-left: 230px; margin-right: 10px; cursor: pointer; }
#form fieldset input.reset { background: #687B34; color: #9ead08; border: 2px solid #9ead08; padding: 2px 10px; cursor: pointer; }


/* mapa webu */
#mapa { margin: 0px 0px 0px 0px; }
#mapa strong{font-weight: normal;}
#mapa ul{ margin: 0px 0px 0px 140px; }
#mapa ul li ul{ margin: 0px 0px 0px 0px; }
#mapa ul li * { font-size: 120%; }
#mapa ul li ul li * { font-size: 80%; }
#mapa ul li{list-style-type: none;  clear: left; padding: 0; margin: 0;}
#mapa ul li a{line-height: 1em; text-decoration: none; line-height: 160%;}
#mapa ul li a.tree{ padding-left: 12px; }
#mapa ul.submenu li{list-style-type: none; }
#mapa ul.submenu li a{padding-left: 24px; }
#mapa ul.submenu li li a{ padding: 0px 0px 0px 24px;}
#mapa ul.submenu li li li a{ padding: 0px 0px 0px 36px;}
#mapa ul.submenu li li li li a{ padding: 0px 0px 0px 48px;}
#mapa ul.submenu li li li li li a{ padding: 0px 0px 0px 60px;}
#mapa ul.submenu li li li li li li a{ padding: 0px 0px 0px 72px;}
#mapa ul.submenu li li li li li li li a{ padding: 0px 0px 0px 84px;}
#mapa ul.submenu li li li li li li li li a{ padding: 0px 0px 0px 96px;}
#mapa ul.submenu li li li li li li li li li a{ padding: 0px 0px 0px 108px;}
#mapa ul li a strong{float: left;}
#mapa ul li a:hover{padding-left: 12px;color: #fff; }
#mapa ul.submenu li a:hover{padding-left: 24px; color: #fff; }
#mapa ul.submenu li li a:hover{ padding: 0px 0px 0px 24px;}
#mapa ul.submenu li li li a:hover{ padding: 0px 0px 0px 36px;}
#mapa ul.submenu li li li li a:hover{ padding: 0px 0px 0px 48px;}
#mapa ul.submenu li li li li li a:hover{ padding: 0px 0px 0px 60px;}
#mapa ul.submenu li li li li li li a:hover{ padding: 0px 0px 0px 72px;}
#mapa ul.submenu li li li li li li li a:hover{ padding: 0px 0px 0px 84px;}
#mapa ul.submenu li li li li li li li li a:hover{ padding: 0px 0px 0px 96px;}
#mapa ul.submenu li li li li li li li li li a:hover{ padding: 0px 0px 0px 108px;}


#paticka{position: relative; clear: both; width: 100%; background: url('../img/paticka.jpg') repeat-x; text-align: center; }
#paticka .inner { text-align: left; width: 994px; margin: 0 auto; height: 225px; position: relative; color: #b2b05c; background: url('../img/paticka-feelnat.jpg') top left no-repeat; z-index: 0; }
#paticka p { padding: 35px 0px 0px 210px; font-size: .9em; }
#paticka p strong { font-size: 120%; font-weight: bold; }
#paticka p a { color: #b2b05c; text-decoration: none; display: block; padding-bottom: 10px; }
#paticka ul { margin: 15px 0px 0px 200px; }
#paticka ul li { display: inline; color: #afb7a1; font-size: .8em; }
#paticka ul li a { color: #afb7a1; padding: 0px 10px; }
#paticka ul li span { padding: 0px 7px 0px 10px; }
#paticka a { color: #13599a; }
#paticka a#funlife { display: block; clear: both; position: relative; margin: 30px 0px 0px 210px; padding: 0px 0px 0px 0px; text-decoration: none; width: 178px; height: 18px; }
#paticka a#funlife span { position: absolute; left: 0; top: 0; visibility: visible; cursor: pointer; background: url('../img/funlife.jpg') no-repeat; width: 178px; height: 18px; }
#paticka div { text-align: right; font-size: 120%; line-height: 130%; margin-top: -80px; position: relative; z-index: 100; padding: 0px 35px 0px 0px; }
#paticka #paticka-lide { position: absolute; top: 0; right: 0px; }
#paticka .inner div#seolista { position: absolute; left: 210px; bottom: -53px; text-align: left; font-size: 70%; }
#paticka .inner div#seolista a { color: #AFB7A1; }