/*  
DUO CSS engine
Název projektu: Kitelement
URL: http://www.jvinterier.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:Tahoma, Arial, sans-serif;
	font-size:12px;
	color:#000;
	background:#e2e6e1 url(../img/bg.jpg) fixed right top;
}

/* zakladni prvky */
img {border:none;}

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

.nadpis1, .nadpis2, .nadpis3 {
	margin:0 0 25px 0;
	font-size:17px;
	color:#1a9ed5;
	line-height:22px;
	font-weight:normal;
}
.nadpis1 {color:#07538e;}
.nadpis2 {color:#1a9ed5;}
.nadpis3 {float:left;color:#1a9ed5;}

table {
	margin:0 0 15px 0;
	font-size:11px;
}

/* stranka */
#stranka {
	margin:auto;
	width:960px;
	text-align:left;
}

#hlavicka {
	width:960px;
}

#jvinterier {
	float:left;
	width:179px;
	height:65px;
	background:url(../img/jvinterier.gif);
}
#jvinterier span {visibility:hidden;}

/* menu */
#menu1, #menu2 {
	float:left;
	height:65px;
	list-style-type:none;
	background:none;
}
#menu1 a:focus, #menu2 a:focus {outline:none;}
#menu1 span, #menu2 span {visibility:hidden;}
#menu1 {width:475px;}
#menu2 {width:306px;}

#menu1 li, #menu2 li {
	float:left;
	background-position:top left no-repeat;
}

#menu1 li a, #menu2 li a {
	display:block;
	height:65px;
	text-decoration:none;
}

#uvod {width:99px; background:url(../img/uvod.gif) top no-repeat;}
#prace {width:76px; background:url(../img/prace.gif);}
#klient {width:74px; background:url(../img/klient.gif);}
#sluzba {width:54px; background:url(../img/sluzba.gif);}
#cenik {width:51px; background:url(../img/cenik.gif);}
#clanek {width:55px; background:url(../img/clanek.gif);}
#kontakt {width:66px; background:url(../img/kontakt.gif);}
#shop {width:64px; background:url(../img/shop.gif);}
#faq {width:43px; background:url(../img/faq.gif);}
#spolu {width:76px; background:url(../img/spoluprace.gif);}
#poptavka {width:123px; background:url(../img/poptavka.gif);}

#uvod:hover, #prace:hover, #klient:hover, #sluzba:hover, #cenik:hover, #clanek:hover, #shop:hover, #faq:hover, #spolu:hover, #poptavka:hover {
	background-position:bottom;
}

#gfx {
	float:left;
	width:960px;
	height:256px;
	background:url(../img/hlavicka.jpg) top left no-repeat;
}

#drobek1 {
	padding:60px 10px 0 13px;
	float:left;
	width:508px;
	height:37px;
	background:url(../img/drobek.jpg) top left no-repeat;
	font-size:11px;
}
#drobek1 p, #drobek1 a {color:#fff;text-decoration:none;}

#hledat {
	padding:58px 10px 0 0;
	float:left;
	width:419px;
	height:39px;
	text-align:right;
	background:url(../img/hledat.jpg) top left no-repeat;
}

/* obsah webu */
#obsah {
	float:left;
	width:960px;
	background:url(../img/bgw.gif);
}
#obsah a:hover {color:#000;}

#levy {
	padding:15px 13px 0 13px;
	float:left;
	width:505px;
}

#pravy {
	padding:15px 13px 0 13px;
	float:left;
	width:403px;
	background:url(../img/bgp.gif);
}

#pravy p, #levy p {
	margin:0 0 15px 0;
	font-size:12px;
	color:#333;
	line-height:18px;
	text-align:left;
}

#patka {
	float:left;
	width:960px;
	height:76px;
	background:url(../img/patka.gif) top left repeat-x;
}

#lpatka {
	padding:15px 13px 0 13px;
	float:left;
	width:505px;
}

#ppatka {
	padding:15px 13px 0 13px;
	float:left;
	width:403px;
	text-align:right;
}
#patka a {color:#666;}

#ppatka, #lpatka {
	font-size:11px;
	color:#333;
}

/* strankovani */
.strankovani {
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	width:505px;
	height:25px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.strana1 {
	float:left;
	width:100px;
}

.strana2 {
	float:left;
	width:100px;
	text-align:right;
}
.strana1 a, .strana2 a, .strana1 span, .strana2 span {color:#666;}

.stred {
	float:left;
	width:305px;
	text-align:center;
}

.stred a, .stred span {
	padding:2px 5px 2px 5px;
	border:1px solid #bbb;
	font-size:10px;
	color:#1a9ed5;
	text-decoration:none;
}
.stred a:hover {border:1px solid #1a9ed5;}
.stred span {
	color:#666;
	background:#f3f3f3;
}

/* strankovani */

/* objekty */
.float {
	float:left;
	width:505px;
}

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

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

.odkaz {color:#1a9ed5;}

.sluzba1, .sluzba2 {
	float:left;
	width:240px;
	margin:0 0 40px 0;
}
.sluzba2{margin:0 0 0 25px;}

.sluzba1 h3, .sluzba2 h3 {
	margin:0 0 10px 0;
	color:#000;
	font-size:16px;
	font-weight:normal;
	line-height:18px;
}

#novinky {
	margin:0 0 25px 0;
	padding:15px 10px 1px 10px;
	width:485px;
	background:url(../img/bgp.gif);
}
#novinky a {color:#1a9ed5;}

#novinky span {
	display:block;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	color:#333;
	font-size:12px;
	font-weight:bold;
	background:url(../img/icona.gif) top left no-repeat;
	line-height:18px;
}

.clanky_close {
	padding:0 0 0 40px;
	margin:0 0 30px 0;
	background:url(../img/ico/clanek.jpg) top left no-repeat;
}
.clanky {
	margin:0 0 30px 0;
}
.clanky h2, .clanky_close h2 {
	margin:0 0 15px 0;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
}

.clanky h4 {
	margin:0 0 15px 0;
	font-size:14px;
	color:#1a9ed5;
	font-weight:normal;
}

.clanky h5 {
	margin:0 0 10px 0;
	font-size:14px;
	color:#333;
	font-weight:normal;
}

.clanky li {
	padding:0 0 0 25px;
	margin:0 0 7px 0;
	list-style-type:none;
	color:#666;
	background:url(../img/licl.gif) top left no-repeat;
}

.clanky a, .clanky_close h2 a {color:#1a9ed5;}
.clanky a, .clanky_close a {color:#666;}

.ciko {
	margin:0 10px 0 0;
	float:left;
	width:90px;
	height:90px;
}

.cl_vsechny {
	padding:0 0 2px 20px;
	font-size:11px;
	background:url(../img/ico/clanky.gif) top left no-repeat;
}

.cl_jeden {
	padding:0 0 2px 20px;
	font-size:11px;
	background:url(../img/ico/clanek.gif) top left no-repeat;
}

.reference {
	margin:0 0 15px 0;
	padding:10px 10px 3px 10px;
	width:485px;
	background:url(../img/bgp.gif);
}
.reference h3 {
	margin:0 0 5px 0;
	font-size:12px;
	line-height:20px;
}
.reference a {color:#1a9ed5;}

.reference img {
	margin:0 10px 0 0;
	float:left;
	width:90px;
	height:90px;
}

#refegal {
	margin:0 0 15px 0;
	padding:10px 0 5px 10px;
	width:485px;
	background:url(../img/bgp.gif);
}

#refegal img {
	margin:0 3px 3px 0;
	width:90px;
	height:90px;
}

#posh2 {
	width:402px;
	height:47px;
	background:url(../img/rtop.gif) top left no-repeat;
}
#posh2 span {visibility:hidden}

#posledni {
	padding:0 20px 0 20px;
	width:362px;
	background:url(../img/rbg.gif);
}

#posledni img {
	margin:0 10px 0 0;
	float:left;
	width:90px;
	height:90px;
}
#posledni a {color:#333;display:block;}
#posledni p {margin:0;}
#posb {
	margin:0 0 15px 0;
	width:402px;
	height:21px;
	background:url(../img/rbot.gif) top left no-repeat;
}

.pv {width:505px;}
.pv span {
	color:#333;
	line-height:16px;	
}

.pv a {
	color:#1a9ed5;
	line-height:16px;	
}

.pvl {
	float:left;
	width:255px;
}

.pvp {
	float:left;
	width:250px;
}

.ico {
	padding:20px 0 0 0;
	float:left;
	width:505px;
}

.reset {
	padding:20px 0 0 0;
	float:left;
	width:505px;
	border-top:1px solid #ccc;
}

/* pridat odkazy */
#pridat_clanek {
	margin:0 0 30px 0;
	padding:10px 5px 7px 10px;
	width:490px;
	height:20px;
	font-size:11px;
	color:#666;
	background:url(../img/bgp.gif);
}
#pridat_clanek a {color:#1a9ed5;}

.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;
}

/* menu reference */
.menuref {
	margin:0 0 15px 0;
	list-style-type:none;
}

.menuref li {
	padding:0 0 0 25px;
	background:url(../img/ico/katr.gif) top left no-repeat;
	line-height:20px;
}	
.menuref li a {color:#333;}

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

#napiste {
	padding:25px 15px 15px 15px;
	width:475px;
	background:url(../img/nbg.gif);
}
#napiste span {color:#666;font-size:10px;}
.pole {width:170px;}
.upole {height:30px;width:100px;}

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

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

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

#odeslani {
	padding:25px 15px 15px 15px;
	width:475px;
	background:url(../img/bgp.gif);
}
#odeslani input {
	width:120px;
	height:25px;
}

/* cenik */
.cenik {
	float:left;
	margin:0 0 15px 0;
	padding:10px 10px 3px 10px;
	width:485px;
	background:url(../img/bgp.gif);
}
.cenik h3 {
	margin:0 0 5px 0;
	font-size:12px;
	line-height:20px;
}
.cenik a {color:#1a9ed5;}

.cenik img {
	margin:0 10px 0 0;
	float:left;
	width:90px;
	height:90px;
}

.polozka {
	padding:10px 0 0 0;
	float:left;
	width:485px;
	border-top:1px solid #ccc;
}

.poltxt {
	float:left;
	width:485px;
	color:#1a9ed5;
}

.pol1 {
	margin:5px 0 5px 0;
	float:left;
	width:160px;
}

.pol2 {
	margin:5px 0 5px 0;
	float:left;
	width:160px;
	text-align:center;
}

.pol3 {
	margin:5px 0 5px 0;
	float:left;
	width:160px;
	text-align:right;
}

.polpopis {
	float:left;
	width:485px;
}

/* reklama */
.reklamni {
	width:400px;
}

.reklama {
	float:left;
	margin:0 0 20px 0;
	width:200px;
}
.reklama img {margin:10px 0 10px 0;}
.reklama a {color:#333;}
.reklama p {
	width:160px;
	text-align:left;
}

#objednat {
	padding:70px 0 0 73px;
	margin:10px 0 10px 0;
	width:432px;
	height:71px;
	background:url(../img/objednat.gif) top left no-repeat;
}

#objednat p {
	width:370px;
}