/* ~-~-~-~-~-~-~-~-~-~ Amadea s.r.o. (www.amadea.cz) ~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~ GFx via CSS IdeFixx (www.sucharda.cz) ~-~-~-~-~-~-~-~ */
html, body { height: 100%; }

body {
	margin: 0 auto;
	padding: 0;
	font-family: 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', 'Geneva CE', lucida, sans-serif;
	font-size: 90%;
	text-align: center;
	color: #000;
	background: #e0f3c7 url("tapeta-pozadi-1.png") 50% 0;
}

/* ~-~ vseobecne ~-~ */
h1, h2, h3 {
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 145%;
	font-weight: bold;
	line-height: 120%;
	color: #000;
}
h1 { color: #c31c1a; border-bottom: 1px solid #c31c1a; }
h2 { color: #006e9d; }

a { text-decoration: underline; color: #c31c1a; outline: none; }
a:visited { color: #636; }
a:hover, a:active { text-decoration: underline; color: #41a231; }

h2 a { color: #006e9d; }
h2 a:hover { color: #41a231; }

p, ul, address {
	margin: .2em 0 1em 0;
	padding: 0;
	line-height: 145%;
	font-size: 1em;
}
address { font-style: normal; }
sup { font-size: .8em; }

hr, .hr { display: none; }

img { border: none; }

#stranka {
	margin: 0 auto;
	width: 990px;
	height: 100%;
	min-height: 100%;
	text-align: left;
	position: relative;
	z-index: 1;
	background: url("tapeta-pozadi-4.png") repeat-y;
}

body>#stranka {	height: auto; }

/* ~-~ hlavicka, design obsahu ~-~ */
#logo { margin-left: 12px; height: 212px; font-size: 1.5em; background: url("hlavicka.jpg") no-repeat; }
#logo-txt { position: relative; top: 74px; left: 37px; }
#logo-txt, #logo-txt a, #logo-txt div, #logo-txt a span, #logo-txt a:hover span, #logo-txt div span {
	width: 206px; height: 66px;
	overflow: hidden;
	background-image: url("logo.png");
}
#logo-txt a span, #logo-txt div span { position: absolute; top: 0; left: 0; background-image: url("logo.png"); }
#logo-txt span { position: absolute; top: 0; left: 0; background-image: url("logo.png"); }
#logo-txt a:hover span { background: url("logo.png") 0 -66px; }

#accesslink { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; }

#obal { margin: 0 12px; padding: 23px 0 150px 0; background: url("pozadi-telo.png") no-repeat; }

/* ~-~ sloupky: hlavni-blok, divize, akce,... ~-~ */
#hlavni-blok { float: right; width: 445px; margin-right: 260px; }
#divize { float: left; width: 230px; margin-left: 24px; }
#akce { position: absolute; right: 36px; width: 230px; }

#hlavni-blok.detail { width: 665px; margin-right: 38px; }

#hlavni-blok ul { margin-left: 2em; }
#hlavni-blok ul { list-style-type: square; }

.center { text-align: center; }
.cistic { clear: both; }
.small { font-size: .85em; }

/* ~-~ sloupky: divize, akce: nadpisy ~-~ */
#awood,
#aplastic,
#akcni-nabidka,
#katalogy-produktu,
#reklamni-predmety
{ position: relative; top: 0; left: 0; }

#awood, #awood span, #awood a span, #awood a:hover span {
	width: 200px; height: 25px;
	overflow: hidden;
	background-image: url("nadpis-awood.png"); border-bottom: none;
}
#awood span, #awood a span { position: absolute; top: 0; left: 0; background-image: url("nadpis-awood.png"); }
#awood a:hover span { background-position: 0 -25px; }

#aplastic, #aplastic span, #aplastic a span, #aplastic a:hover span {
	width: 200px; height: 25px;
	overflow: hidden;
	background-image: url("nadpis-aplastic.png"); border-bottom: none;
}
#aplastic span, #aplastic a span { position: absolute; top: 0; left: 0; background-image: url("nadpis-aplastic.png"); }
#aplastic a:hover span { background-position: 0 -25px; }

#akcni-nabidka, #akcni-nabidka span, #akcni-nabidka a span, #akcni-nabidka a:hover span {
	width: 200px; height: 25px;
	overflow: hidden;
	background-image: url("nadpis-akce.png"); border-bottom: none;
}
#akcni-nabidka span, #akcni-nabidka a span { position: absolute; top: 0; left: 0; background-image: url("nadpis-akce.png"); }
#akcni-nabidka a:hover span { background-position: 0 -25px; }

#katalogy-produktu, #katalogy-produktu span, #katalogy-produktu a span, #katalogy-produktu a:hover span {
	width: 200px; height: 25px;
	overflow: hidden;
	background-image: url("nadpis-katalogy.png"); border-bottom: none;
}
#katalogy-produktu span, #katalogy-produktu a span { position: absolute; top: 0; left: 0; background-image: url("nadpis-katalogy.png"); }
#katalogy-produktu a:hover span { background-position: 0 -25px; }

#reklamni-predmety, #reklamni-predmety span, #reklamni-predmety a span, #reklamni-predmety a:hover span {
	width: 200px; height: 25px;
	overflow: hidden;
	background-image: url("nadpis-reklamni-predmety.png"); border-bottom: none;
}
#reklamni-predmety span, #reklamni-predmety a span { position: absolute; top: 0; left: 0; background-image: url("nadpis-reklamni-predmety.png"); }
#reklamni-predmety a:hover span { background-position: 0 -25px; }

/* ~-~ vypis polozek: drobeckova navigace, strankovani, razeni podle kriterii ~-~ */
#drobek, .strankovani, #razeni { font-size: .9em; }
#drobek { margin: 0 0 5px 0; padding-bottom: 5px; line-height: normal; border-bottom: 1px dotted #e0e0e0; }

.strankovani { margin-top: 7px; padding: .1em 0 .3em 0; border-bottom: 1px dotted #e0e0e0; }
.strankovani a { padding: .1em .3em; font-weight: bold; }
.strankovani a:visited { color: #c31c1a; }
.strankovani a:hover { color: #41a231; }
.strankovani strong { padding: .1em .3em; }
a.l-1 { padding-left: 17px; background: url("ikonky.png") 0 1px no-repeat; } /* prvni */
a.l-2 { padding-left: 14px; background: url("ikonky.png") 0 -29px no-repeat; } /* predchozi */
a.l-3 { padding-right: 14px; background: url("ikonky.png") right -59px no-repeat; } /* dalsi */
a.l-4 { padding-right: 17px; background: url("ikonky.png") right -89px no-repeat; } /* posledni */

#razeni { margin: 0 0 5px 0; padding: .2em 0 .3em 0; border-bottom: 1px dotted #e0e0e0; overflow: auto; }
#razeni a, #razeni strong { padding: 0 4px; text-decoration: none !important;  }
a.r-1 span, a.r-2 span, strong.r-1 span, strong.r-2 span { visibility: hidden; }
a.r-1 { background: url("ikonky.png") 0 -150px no-repeat; } /* vzestupne */
strong.r-1 { background: url("ikonky.png") 0 -241px no-repeat; } /* vzestupne */
a.r-2 { background: url("ikonky.png") 0 -121px no-repeat; } /* sestupne */
strong.r-2 { background: url("ikonky.png") 0 -212px no-repeat; } /* sestupne */
#razeni-in { float: left; padding-top: 2px; }
#razeni-in span { font-weight: bold; }

.red { color: #c31c1a; }

#hledat { float: right; padding-left: 25px; background: url("ikonky.png") 0 -180px no-repeat; }
#hledat .pole { /*width: 125px;*/ }
#hledat .tlacitko {}
#hledat p { font-size: .8em; border: none; }
#hledat p a:visited { color: #c31c1a; } #hledat p a:hover{ color: #41a231; }

/*#hledat { margin: 10px 0 0 0; overflow: auto; }
#hledat .pole { float: left; width: 125px; }
#hledat .tlacitko { float: right; }
#hledat p { padding-top: 3px; font-size: .8em; border: none; }
#hledat p a:visited { color: #c31c1a; } #hledat p a:hover{ color: #41a231; }*/

/* ~-~ sloupky: obsah ~-~ */
.info { min-height: 39px; margin: 0 0 5px 0; padding: 0 15px; background: url("nadpis-pod.png") 0 25px no-repeat; overflow: auto; }
.info h2 { margin: 0; color: #000; border-bottom: 1px solid #000; }
.info h3 { margin: .3em 0 .2em 3px; color: #c31c1a; font-size: 110%; }
.info h3 a { color: #c31c1a; }

.info p { margin-bottom: .3em; padding-bottom: .3em; border-bottom: 1px dotted #e0e0e0; }
.info ul { margin: 3px 0 0 0; font-size: 12px; }
.info li { margin: 0; padding: 1px 0 3px 0; list-style-type: none; border-bottom: 1px dotted #d4d4d4; }
.info li a { color: #000; }
.info li ul { margin: 3px 0 -3px 0; padding: 0; }
.info li li { margin: 0 0 3px 0; padding: 0 0 0 12px; font-size: 12px; border-top: 1px dotted #d4d4d4; border-bottom: none; }
.info li strong { letter-spacing: 1px; }

#akce .info h3, #akce .info h3 a, #akce .info li { color: #41a231; }

.info h3 a:hover, .info li a:hover { color: #41a231; }
#akce .info h3 a:hover { color: #000; }

/* ~-~ foto ~-~ */
.foto { float: left; margin: 1px 5px 1px 0; text-align: center; }
.foto img { padding: 8px; background-color: #f7f7f7; border: 1px solid #e1e1e1; }

#divize .foto, #akce .foto { margin-left: 3px; }
#hlavni-blok .foto { margin-bottom: 5px; }

.foto p { margin: 0; padding: 0 12px 5px 12px; font-size: .9em; text-align: left; }

.foto-v2, .foto-v3 img { float: left; margin: 0 5px 5px 0; padding: 5px; border: 1px solid #dadada; }
.foto-v3 img { float: none; }

.ver-300 { max-width: 300px; }
.ver-200 {}

/* ~-~ polozky katalogu reklamnich predmetu ~-~ */
.item {
	width: 155px; padding: 5px;
	float: left;
	font-size: .85em;
	text-align: center;
	border-right: 1px dotted #bdbdbd; border-bottom: 1px dotted #bdbdbd;
	cursor: pointer;
}
.item .foto { float: none; }
.item p { margin: 0 0 .3em 0; text-align: left; }
.item p.name { height: 2.3em; overflow: hidden; line-height: 1.1em; font-size: 1.2em; font-weight: bold; text-align: center; letter-spacing: -1px; color: #006e9d; }
.item p.code {}
.item p.price {}
.item .description { margin-bottom: 0; }
.item .description p, .item-detail .description p { margin-bottom: .1em; }
.item p a { color: #006e9d; }
.item p a:visited { color: #006e9d; }
.item p a:hover { color: #41a231; }
.item .pocet, .item-detail .pocet { margin-right: 3px; }
.item .kosik, .item-detail .kosik { margin-top: 3px; }
.item-form { margin-top: 10px; }

.vypis { margin-top: .5em; border-bottom: 1px dotted #d4d4d4; overflow: auto; }
.vypis p { margin: 0 0 .5em 0; }

.item-detail { /*font-size: .85em;*/ overflow: auto; }
.item-detail .foto { float: left; }

/* ~-~ hlavni nabidka ~-~ */
#menu {
	position: absolute;
	z-index: 2;
	top: 164px;
	padding-left: 311px;
	width: 291px;
	height: 51px;
}
#menu ul { margin: 0; }
#menu li { float: left; list-style-type: none; }

#o-firme, #o-firme a, #o-firme strong, #o-firme a span, #o-firme a:hover span, #o-firme strong span
{ height: 51px; display: block; overflow: hidden; }
#o-firme { position: relative; top: 0; left: 0; }
#o-firme a span, #o-firme a:hover span, #o-firme strong span
{ position: absolute; top: 0; left: 0; }
#o-firme a span { background-position: 0 0; }
#o-firme a:hover span { background-position: 0 -51px; }
#o-firme strong span { background-position: 0 -51px; }
#o-firme .aktiv a span { background-position: 0 -102px; }
#o-firme .aktiv a:hover span { background-position: 0 -51px; }
#o-firme, #o-firme a, #o-firme strong, #o-firme a span, #o-firme a:hover span, #o-firme strong span
{ width: 97px; background-image: url("o-firme.png"); }
#o-firme a span, #o-firme a:hover span, #o-firme strong span
{ background-image: url("o-firme.png"); }

#novinky, #novinky a, #novinky strong, #novinky a span, #novinky a:hover span, #novinky strong span
{ height: 51px; display: block; overflow: hidden; }
#novinky { position: relative; top: 0; left: 0; }
#novinky a span, #novinky a:hover span, #novinky strong span
{ position: absolute; top: 0; left: 0; }
#novinky a span { background-position: -97px 0; }
#novinky a:hover span { background-position: -97px -51px; }
#novinky strong span { background-position: -97px -51px; }
#novinky .aktiv a span { background-position: -97px -102px; }
#novinky .aktiv a:hover span { background-position: -97px -51px; }
#novinky, #novinky a, #novinky strong, #novinky a span, #novinky a:hover span, #novinky strong span
{ width: 97px; background-image: url("novinky.png"); }
#novinky a span, #novinky a:hover span, #novinky strong span
{ background-image: url("novinky.png"); }

#kontakty, #kontakty a, #kontakty strong, #kontakty a span, #kontakty a:hover span, #kontakty strong span
{ height: 51px; display: block; overflow: hidden; }
#kontakty { position: relative; top: 0; left: 0; }
#kontakty a span, #kontakty a:hover span, #kontakty strong span
{ position: absolute; top: 0; left: 0; }
#kontakty a span { background-position: -194px 0; }
#kontakty a:hover span { background-position: -194px -51px; }
#kontakty strong span { background-position: -194px -51px; }
#kontakty .aktiv a span { background-position: -194px -102px; }
#kontakty .aktiv a:hover span { background-position: -194px -51px; }
#kontakty, #kontakty a, #kontakty strong, #kontakty a span, #kontakty a:hover span, #kontakty strong span
{ width: 97px; background-image: url("kontakty.png"); }
#kontakty a span, #kontakty a:hover span, #kontakty strong span
{ background-image: url("kontakty.png"); }

#o-firme a, #novinky a, #kontakty a, #o-firme strong, #novinky strong, #kontakty strong { padding: 0 4px; } /* schova text pod panelem */

/* ~-~ prepinani jazykovych verzi ~-~ */
#jazyky { position: absolute; top: 7px; right: 101px; overflow: hidden; }

#cs { margin-bottom: 2px; }
#cs, #en { position: relative; }
#cs, #cs a, #cs strong, #cs a span, #cs a:hover span, #cs strong span {
	width: 102px; height: 25px;
	overflow: hidden;
	background: url("cz.png");
}
#cs a span, #cs strong span { position: absolute; top: 0; left: 0; background: url("cz.png") 0 -25px; }
#cs strong span { background: url("cz.png"); }
#cs span { position: absolute; top: 0; left: 0; background: url("cz.png"); }
#cs a:hover span { background: url("cz.png"); }

#en, #en a, #en strong, #en a span, #en a:hover span, #en strong span {
	width: 102px; height: 25px;
	overflow: hidden;
	background: url("en.png");
}
#en a span, #en a:hover span { position: absolute; top: 0; left: 0; background: url("en.png") 0 -25px; }
#en strong span { background: url("en.png"); }
#en span { position: absolute; top: 0; left: 0;	background: url("en.png"); }
#en a:hover span { background: url("en.png"); }

/* ~-~ paticka ~-~ */
#paticka { position: absolute; bottom: 0; margin: 0 12px; width: 966px; height: 150px; background: url("paticka.png") bottom no-repeat; }
#paticka-in { padding: 55px 0 0 0; text-align: left; }
#paticka-in .logo { float: left; margin: 0 20px 0 43px; width: 193px; }
#paticka-in .blok { position: absolute; bottom: 3px; right: 25px; width: 350px; }
#paticka-in .blok p, #paticka-in .blok a { margin: 0; text-align: right; color: #666; }
#paticka p { font-size: .85em; }
#paticka a { color: #000; }
#paticka a:hover { color: #900; }

.stats {}

#nahoru { position: absolute; bottom: 79px; right: 105px; }
#nahoru-in, #nahoru-in a, #nahoru-in a span, #nahoru-in a:hover span {
	width: 95px; height: 48px;
	overflow: hidden;
	background-image: url("nahoru.png");
}
#nahoru-in { position: relative; }
#nahoru-in a span { position: absolute; top: 0; left: 0; background-image: url("nahoru.png"); }
#nahoru-in a:hover span { background: url("nahoru.png") 0 -48px; }

#nahoru a { padding: 0 2px; } /* schova text pod panelem */

/* ~-~ doplnky ~-~ */
#tapeta-1 { position: absolute; top: 0; width: 100%; height: 631px; background: url("tapeta-pozadi-2.png") 50% 0 repeat-x; }
#tapeta-2 { height: 383px; background: url("tapeta-pozadi-3a.png") 50% 0 no-repeat; }
#tapeta-3 { height: 248px; background: url("tapeta-pozadi-3b.png") 50% 0 no-repeat; }

/* ~-~ formulare ~-~ */
form, fieldset, form ol, form li, form p { margin: 0; padding: 0; }
fieldset { border: none; }
fieldset legend { margin: 0 0 .5em -5px; font-weight: bold; }

.mail-form { margin-bottom: 1em; }
.mail-form fieldset {}
.mail-form ol { list-style-type: none; }
.mail-form li { margin-bottom: .3em; padding-bottom: .3em; }
.mail-form p { margin: .3em 0; }

.mail-form .linka { clear: both; padding-top: 8px; }
.mail-form .linka label.typ-pole, .mail-form .linka span.typ-pole { float: left; width: 82px; margin-right: 5px; text-align: right; }
.mail-form .linka span.pole { float: left; text-align: left; }
.mail-form .tlacitko { margin-left: 87px; }

.povinna, .mail-form em { color: #c31c1a; font-weight: bold; }

/* ~-~ tabulky ~-~ */
table { margin: 0 0 1em 5px; font-size: .8em; width: 100%; }
table.data { border: 1px solid #dadada; border-collapse: collapse; }
table.data thead { background-color: #efefef; }
table.data th, table.data td { padding: 2px 4px; border: 1px solid #dadada; text-align: center; }
table.data td { text-align: left; }
table.data td img { padding-top: 5px; }

table.data .img { width: 100px; }
table.data .kod {}
table.data .cena { width: 45px; }
table.data .popis {}

/* ~-~ ThickBox http://jquery.com/demo/thickbox/ ~-~ */
#TB_load { position: fixed; z-index: 103; top: 50%; left: 50%; display: none; height: 13px; width: 208px; margin: -6px 0 0 -104px; }
#TB_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; }
.TB_overlayMacFFBGHack { background: url("macFFBgHack.png") repeat;}
.TB_overlayBG { background-color: #000;	/*-moz-opacity: .75;*/ opacity: .75; }

#TB_window { position: fixed; z-index: 102; top: 50%; left: 50%;
	display: none; color: #283346;
	text-align:left; background: #fff; border: 4px solid #525252;
}
#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px;
	border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;	border-left: 1px solid #666;
}
#TB_caption { float: left; padding: 5px 15px 0 15px; }
#TB_secondLine { color: #666; font-size: .9em; }
#TB_window a { text-decoration: underline; color: #666; }
#TB_window a:visited { color: #666; }
#TB_window a:hover, #TB_window a:active { color: #000; }
.TB_counter { font-size: 1.1em; color: #000; }
.TB_listing { padding: .3em 0; font-size: 1em; border-bottom: none; }
.TB_listing a { padding: .1em; background-color: #fff; }
.TB_listing a.l-2 { padding-left: 14px; } .TB_listing a.l-3 { padding-right: 14px; }
#TB_closeWindow { float: right; padding: 5px 15px 10px 0; }
#TB_closeWindowButton { padding: 0 0 .2em 0; }

#TB_title { height: 27px; background-color: #e8e8e8; }
#TB_closeAjaxWindow { float: right; margin-bottom: 1px; padding: 7px 10px 5px 0; text-align: right; }
#TB_ajaxWindowTitle { float: left; margin-bottom: 1px; padding: 7px 0 5px 10px; }
#TB_ajaxContent { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_ajaxContent p { padding: 5px 0;}
#TB_HideSelect { position: fixed; z-index: 99; top: 0; left: 0; height: 100%; width: 100%; /*-moz-opacity: 0;*/	opacity: 0;	background-color: #fff; border: none; }
#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; }