/*  
DUO CSS engine
Název projektu: Kitelement
URL: http://www.kitelement.cz/

Verze: 1.0
Autor: Jan Kalábek
Rok: 2009
Autor URL: http://www.duo-interactive.cz/
Copyright: Duo Interactive, Duo Interactive engine, DUO Security Interface
*/

* {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:12px;
	color:#000;
	background:#421d10 url(../img/bg.jpg) fixed right top;
}

/* zakladni prvky */

a {
	color:#333;
}

img {
	border:none;
}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

p, table {
	margin:0 0 15px 0;
	text-align:justify;
}

.potvrdit {
	margin:0 0 20px 0;
}

/* stavba stranky */
/* grafika */
#grafikbg {
	width:100%;
	background:url(../img/bg.png) top center no-repeat;
	background-attachment: fixed;
	overflow:hidden;
}

#telo {
	width:960px;
	margin:0 auto;
	position:relative;
}

/* logo */
#logo {
	padding:0 0 10px;
	width:117px;
	height:217px;
	background:url(../img/kitelement.gif) no-repeat top left;
	overflow:hidden;
}

#logo span {
	visibility:hidden;
}

#logo a {
	display:block;
	width:117px;
	height:217px;
	text-decoration:none;
}

#panel > #logo {
	position:fixed;
	top:15px;
}

#panel {
	position:relative;
	z-index:20;
}

/* web prostor */
#web {
	padding:15px 0 0 0;
	margin-left:160px;
	margin-bottom:30px;
	width:790px;
}

/* zahlavi */
#hlavicka {
	float:left;
	width:790px;
	height:364px;
}

#htop {
	width:790px;
	height:73px;
	background:url(../img/htop.gif) top left no-repeat;
}

/* menu */
#menu {
	padding:17px 0 0 25px;
	float:left;
	height:38px;
	width:475px;
	list-style-type:none;
}

#menu li {
	height:38px;
	float:left;
}

#menu li a span {
	visibility:hidden;
}

#menu a {
	display:block;
	height:38px;
	text-decoration:none;
}

#uvod {
	width:55px;
	background:url(../img/uvod.gif) top left no-repeat;
}

#clanky {
	width:60px;
	background:url(../img/clanky.gif) top left no-repeat;
}

#shop {
	width:63px;
	background:url(../img/shop.gif) top left no-repeat;
}

#pujcit {
	width:74px;
	background:url(../img/pujcit.gif) top left no-repeat;
}

#skola {
	width:77px;
	background:url(../img/skola.gif) top left no-repeat;
}

#galerie {
	width:60px;
	background:url(../img/galerie.gif) top left no-repeat;
}

#kontakt {
	width:57px;
	background:url(../img/kontakt.gif) top left no-repeat;
}

#uvod:hover, #clanky:hover, #shop:hover, #pujcit:hover, #skola:hover, #galerie:hover, #kontakt:hover {
	background-position:bottom;
}

/* hledat */
#vyhledavac {
	padding:17px 25px 0 0;
	float:left;
	text-align:right;
	width:265px;
}

#bpole {
	float:right;
	margin:7px 5px 0 0;
	padding:2px 2px 2px 6px;
	width:102px;
	height:16px;
	text-align:left;
	background:url(../img/pole.gif);
}

#bbut {
	margin:7px 0 0 0;
	float:right;
	padding:3px 0 0 0;
	width:53px;
	height:17px;
	text-align:center;
	background:url(../img/hledat.gif);
}

#vpole {
	width:98px;
}

#vbut, #vpole {
	border:none;
	background:none;
	color:#585858;
	font:Arial;
	font-size:11px;
}

#hlav {
	width:790px;
	height:269px;
	text-align:center;
	background:url(../img/hbg.gif);
}

#grafika {
	margin:auto;
	width:750px;
	height:269px;
	background:url(../img/hl1.jpg) top left no-repeat;
}

#klicak {
	display:block;
	width:750px;
	height:240px;
}

#klicak span {
	visibility:hidden;
}

#drobek1 {
	width:750px;
	height:29px;
	text-align:left;
	font-size:11px;
	color:#fff;
	background:url(../img/dr.gif) top left no-repeat;
}

#drobek1 a {
	color:#fff;
}

#drobek1 span {
	padding:8px 0 0 8px;
	display:block;
}

#hbot {
	width:790px;
	height:22px;
	background:url(../img/hbot.gif);
}

/* obsah */
#obsah {
	float:left;
	margin:10px 0 0 0;
	width:790px;
	background:url(../img/bbg.gif);
}

#btop {
	float:left;
	width:790px;
	height:24px;
	background:url(../img/btop.gif);
}

#blok {
	padding:0 20px 0 20px;
	width:750px;
}

#blokl {
	float:left;
	width:490px;
}

#blokp {
	padding:0 0 0 20px;
	float:left;
	width:240px;
}

#bbot {
	padding:0 0 20px 20px;
	float:left;
	width:770px;
	background:url(../img/bbot.gif) bottom left no-repeat;
}

/* napiste */
#kontakt_form {
	margin:0 0 20px 0;
	width:460px;
}

#napiste {
	padding:10px 15px 15px 15px;
	width:460px;
	background:#efeade;
}

.pole {
	width:130px;
}

.upole {
	height:30px;
	width:100px;
}

.ltab {
	height:30px;
	padding:0 5px 0 0;
	width:80px;
}

.ptab {
	height:30px;
	padding:0 0 0 6px;
	width:90px;
}

.textarena {
	margin:10px 0 0 0;
	width:460px;
	height:170px;
}

/****** objekty ******/
.reklama {
	margin:0 0 20px 0;
	width:200px;
}
.reklama img {margin:10px 0 10px 0;}
.reklama a {text-decoration:none;}

#navrcholu {
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	border:0;
}

#loga {
	margin:20px 0 0 0;
	float:left;
	width:750px;
	height:69px;
	background:url(../img/loga.gif) top left no-repeat;
}

#loga h3 span, #loga a span {
	visibility:hidden;
}

#loga a {
	display:block;
	width:750px;
	height:69px;
	text-decoration:none;
}

.query {
	margin:10px 0 0 0;
	padding:20px 0 0 20px;
	display:block;
	width:470px;
	height:75px;
	background:#FDDA99;
}

.floatobal {
	margin:20px 0 0 0;
	float:left;
	width:740px;
}

.ano {
	float:left;
	width:120px;
}

.ne {
	float:left;
	width:120px;
}

.overeni {
	margin:8px 0 0 0;
	float:left;
	width:720px;
}

.sub1 {
	margin:10px 0 10px 0;
	width:100px;
	height:25px;
}

.error {
	margin:10px 0 0 0;
	padding:20px;
	display:block;
	width:450px;
	min-height:15px;
	background:#f4aaaa;
	text-align:left;
}

.success {
	margin:10px 0 0 0;
	padding:20px;
	display:block;
	width:450px;
	min-height:15px;
	background:#e1eaa2;
	text-align:left;
} 

.select {
	margin:0 0 20px 0;
	padding:20px 0 0 20px;
	display:block;
	width:460px;
	height:40px;
	background:#efeade;
}

.profil {
	width:490px;
}

.profp {
	float:left;
	width:150px;
}

.profl {
	padding:0 0 0 20px;
	float:left;
	width:320px;
}

.ulmenu1 {
	list-style-type:none;
}

.ulmenu1 li {
	padding:0 0 0 25px;
	margin:0 0 10px 0;
	background:url(../img/icoli1.gif) top left no-repeat;
}

.ulmenu1 li a {
	color:#493825;
}

.ulmenu1 li a:hover {
	color:#333;
}

.ulmenu2 {
	list-style-type:none;
}

.ulmenu2 li {
	padding:0 0 0 25px;
	margin:0 0 10px 0;
	background:url(../img/icoli2.gif) top left no-repeat;
}

.ulmenu2 li a {
	color:#666;
}

.txtblok {
	line-height:18px;
}
#txtblok p {
	line-height:18px;
}

.tab1 {
	width:490px;
}

.td11 {
	padding:5px 0 5px 5px;
	width:170px;
	text-align:left;
}

.td12 {
	padding:15px 0 5px 5px;
	width:140px;
	text-align:right;
}

.td13 {
	padding:15px 0 5px 5px;
	width:70px;
	text-align:right;
}

.tbg {
	background:#eee9de;
}

#drobek2 {
	padding:6px 0 0 6px;
	width:744px;
	height:20px;
	font-size:11px;
	background:url(../img/drobek.gif) top left ;
}

#pridat_clanek {
	margin:0 0 30px 0;
	padding:6px 0 0 6px;
	width:484px;
	height:20px;
	font-size:11px;
	background:url(../img/pridat_clanek.gif) top left ;
}

.fbico {
	padding:0 0 0 20px;
	background:url(../img/facebook-ico.gif) top left no-repeat;
}

.jgico {
	margin:0 0 0 5px;
	padding:0 0 0 20px;
	background:url(../img/jagg-ico.gif) top left no-repeat;
}

.delico {
	margin:0 0 0 5px;
	padding:0 0 0 18px;
	background:url(../img/del-ico.gif) top left no-repeat;
}

.linkico {
	margin:0 0 0 5px;
	padding:0 0 0 18px;
	background:url(../img/linkuj-ico.gif) top left no-repeat;
}

.dalsi_odkazy {
	margin:0 0 0 10px;
	height:18px;
	width:120px;
	background:#F3F3F3;
	border:1px solid #ccc;
	font-size:10px;
}

.clanek1 {
	margin:0 0 25px 0;
	color:#333;
}

.clanek2 {
	padding:15px;
	margin:0 0 25px 0;
	width:460px;
	color:#333;
	background:#e6e2d8;
}

.clanek1 p, .clanek2 p {
	margin:0 0 10px 0;
	line-height:18px;
	text-align:justify;
}

.galclan1 {width:100%;}
.galclan2 {width:100%;}
.galclan1 .obr5 {margin:0 7px 2px 0;}
.galclan1 .obr6 {margin:0 0 2px 1px;}
.galclan2 .obr5 {margin:0 2px 2px 0;}
.galclan2 .obr6 {margin:0 0 2px 1px;}

.clanek1 ul, .clanek2 ul {
	list-style-type:none;
}

.clanek1 li, .clanek2 li {
	padding:0 0 0 25px;
	margin:0 0 10px 0;
	background:url(../img/icoli2.gif) top left no-repeat;
}

.clanek1 ul a, .clanek2 ul a {
	color:#666;
}

.obr5 {
	width:70px;
	height:70px;
	border:1px solid #ccc;
}

.obr6 {
	width:70px;
	height:70px;
	border:1px solid #ccc;
}

.nadpis1 {
	padding:0 0 20px 25px;
	color:#493825;
	font-size:12px;
	background:url(../img/cico.gif) top left no-repeat;
}

.nadpis2 {
	margin:0 0 15px 0;
	width:490px;
	height:30px;
	color:#493825;
	font-size:15px;
	background:url(../img/bgn2.gif) top left repeat-x;
}

.nadpis3 {
	float:left;
	margin:0 0 15px 0;
	width:490px;
	height:30px;
	color:#493825;
	font-size:15px;
	background:url(../img/bgn2.gif) top left repeat-x;
}

.zobraz {
	font-size:9px;
	color:#4a3925;
}

#shopban {
	float:left;
	margin:0 0 40px 0;
	width:490px;
	height:402px;
	background:url(../img/kite-shop.jpg) top left no-repeat;
}
#shopban span {visibility:hidden;}

.seznam {
	margin:0 0 5px 0;
	float:left;
	width:490px;
	height:40px;
	border-bottom:1px dotted #999;
}

.seznam h2 {
	padding:7px;
	float:left;
	font-size:12px;
}
.seznam h2 span {
	font-weight:normal;
	color:#555;
}

.seznam:hover {
	background:#efeade;
}

.seznam img {
	float:left;
	width:30px;
	height:30px;
	border:2px solid #ccc;
}

/****** objekty ******/

/* paticka */
#pat {
	float:left;
	margin:10px 0 0 0;
	width:790px;
	height:56px;
	background:url(../img/bgpat.gif);
}

/* menu 2 */
#patblok {
	margin:0 10px 0 0;
	float:right;
	height:56px;
	width:471px;
}

#menu2 {
	height:56px;
	width:471px;
	list-style-type:none;
}

#menu2 li {
	height:56px;
	float:left;
}

#menu2 li a span {
	visibility:hidden;
}

#menu2 a {
	display:block;
	height:56px;
	text-decoration:none;
}

#uvod2 {
	width:59px;
	background:url(../img/uvod2.gif) top left no-repeat;
}

#clanky2 {
	width:61px;
	background:url(../img/clanky2.gif) top left no-repeat;
}

#shop2 {
	width:65px;
	background:url(../img/shop2.gif) top left no-repeat;
}

#pujcit2 {
	width:74px;
	background:url(../img/pujcit2.gif) top left no-repeat;
}

#skola2 {
	width:74px;
	background:url(../img/skola2.gif) top left no-repeat;
}

#galerie2 {
	width:66px;
	background:url(../img/galerie2.gif) top left no-repeat;
}

#kontakt2 {
	width:72px;
	background:url(../img/kontakt2.gif) top left no-repeat;
}

#uvod2:hover, #clanky2:hover, #shop2:hover, #pujcit2:hover, #skola2:hover, #galerie2:hover, #kontakt2:hover {
	background-position:bottom;
}

/* podpis */
#podpis {
	float:left;
	padding:10px 0 0 0;
	width:790p;
	height:70px;
	color:#fff;
	font-size:11px;
}

#podpis img {
	margin:10px 0 0 0;
}

#podpis a {
	color:#fff;
}

#pl {
	float:left;
	width:490px;
}

#pp {
	float:left;
	width:300px;
	text-align:right;
}

/* galerie */
#gal {
	margin:0 0 20px 0;
	width:490px;
}

.obr1 {
	margin:0 15px 15px 0;
	border:4px solid #ccc;
}

.obr2 {
	margin:0 0 15px 0;
	border:4px solid #ccc;
}

.obr1:hover, .obr2:hover {
	border:4px solid #999;
}

/* uvod */

#slideshow {
	margin:0 0 20px 0;
	width:240px;
}

#slidetop {
	width:240px;height:61px;
	background:url(../img/slidetop.gif) top left no-repeat;
}
#slidetop span {visibility:hidden;}

#slidebot {
	width:240px;height:31px;
	background:url(../img/slidebot.gif) bottom left no-repeat;
}

#slidecon {
	padding:10px;
	width:220px;height:148px;
	background:url(../img/slidebg.gif) top left no-repeat;
}

#slidecon div {
padding-left:10px;
}

#shopuvod {
	padding:20px;
	margin:0 0 20px 0;
	width:200px;height:164px;
	background:url(../img/bgshop.gif) top left no-repeat;
}

#shopuvod div {
	padding-left: 10px;
}

#shopuvod h3 {
	width:140px;height:50px;
	font-size:12px;
	color:#3d3026;
	text-decoration:none;
	padding-top:25px;
}

#shopuvod img {
	width:90px;width:90px;
	border:3px solid #939393;
}

#popobr {
	display:block;
	font-weight:bold;
	color:#493825;
}

.obr3 {
	width:70px;
	height:70px;
	margin:0 2px 2px 0;
	border:1px solid #ccc;
}

.obr4 {
	width:70px;
	height:70px;
	margin:0 0 2px 0;
	border:1px solid #ccc;
}

/* pujcovna */
.obsazeno {
	background:#f4aaaa;
	text-align:center;
}
.volno {
	background:#e1eaa2;
	text-align:center;
}

#pujcovna {
	margin:0 0 20px 0;
	width:240px;
}

.obrp1 {
	width:110px;
	height:110px;
	border:3px solid #ccc;
}

.obrp2 {
	width:220px;
	height:220px;
	border:3px solid #ccc;
}

/* shop */
.shop_nad {
	float:left;
	width:190px;
	height:42px;
	color:#493825;
	font-size:13px;
	background:url(../img/bgn2.gif) top left;
}

.shop_nad a {
	text-decoration:none;
	color:#493825;
}

.produkt1 {
	float:left;
	padding:10px;
	margin:0 0 30px 0;
	float:left;
	width:190px;
	height:260px;
	background:#efeade;
}

.produkt2 {
	float:left;
	padding:10px;
	margin:0 0 30px 30px;
	float:left;
	width:190px;
	height:260px;
	background:#efeade;
}

.shopobr {
	width:180px;
	height:180px;
	border:4px solid #ccc;
}

.shopobr:hover {
	border:4px solid #999;
}

.klic {
	margin:0;
	padding:0;
	font-size:10px;
	color:#493825;
}
.cena {
	width:115px;
}

#detail {
	float:left;
	margin:0 0 20px 0;
	padding:10px;
	background:#efeade;
}

#dpravy {
	float:left;
	width:220px;
}

#dlevy {
	float:left;
	width:250px;
}

#dlevy img {
	width:200px;
	height:200px;
	border:4px solid #ccc;
}

#dlevy img:hover {
	border:4px solid #999;
}

#pridat_kosik {
	margin:20px 0 0 0;
}

#detpop ul {
	list-style-type:none;
}

#detpop li {
	padding:0 0 0 25px;
	margin:0 0 10px 0;
	background:url(../img/icoli2.gif) top left no-repeat;
}
#detpop ul a {color:#666;}


/* mapa webu */
.ulmenu3 {
	padding:0 0 0 45px;
	list-style-type:none;
}

.ulmenu4 {
	padding:0 0 0 35px;
	list-style-type:none;
}

.ulmenu5 {
	padding:0 0 0 35px;
	list-style-type:none;
}

.ulmenu6 {
	list-style-type:none;
}

.ulmenu3 li {
	padding:0 0 0 20px;
	margin:0 0 5px 0;
	background:url(../img/icoli1.gif) top left no-repeat;
}

.ulmenu3 li a {
	color:#493825;
}

.ulmenu3 li a:hover {
	color:#333;
}

.ulmenu4 li {
	padding:0 0 0 20px;
	margin:0 0 5px 0;
	background:url(../img/icoli1.gif) top left no-repeat;
}

.ulmenu4 li a {
	color:#493825;
}

.ulmenu5 li {
	padding:0 0 0 20px;
	margin:0 0 5px 0;
	background:url(../img/icoli2.gif) top left no-repeat;
}

.ulmenu5 li a {
	color:#333;
}

.ulmenu6 li {
	padding:0 0 0 40px;
	margin:0 0 5px 0;
	background:none;
}

.ulmenu6 li a {
	color:#555;
}
.sidebar-entry {text-decoration:none; border:1px solid silver;}
a.sidebar-entry {color:#000; text-decoration: none; margin-left:20px}
a.sidebar-entry:hover {background-color:#eee; text-decoration: none}
a.sidebar-entry:focus {background-color:#ccf; text-decoration: none}
.sidebar-cat-header {background-color:#eee; margin:1px; font-weight:bold;}
.hilight-cat-header {background-color:#ccf;}
.iw-header {background-color:#eee;font-weight:bold}
#sidebar {width:200px; height:400px; overflow:auto}