/* neutralizace */

body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul,menu {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border:0;
}


/* Ytext */

.text {
	overflow: hidden;
}

.text table.zakladniTabulka {
	width: 100%;
	empty-cells: show;
	clear: both;
}

.text table.zakladniTabulka tr.nadpis td {
    background: #999999;
    color: #ffffff;
}

.text table.zakladniTabulka td {
	border-bottom: 1px solid #cccccc;
}

.text p.stylPoznamka, .text li.stylPoznamka, .text td.stylPoznamka {
	font-size: 12px !important;
	line-height: 21px !important;
}

.text p.stylVelke, .text li.stylVelke, .text td.stylVelke {
	font-size: 28px !important;
	line-height: 42px !important;
}

.text .stylCervene {
	color: #ff0000 !important;
}

.text .stylVerzalky {
	text-transform: uppercase !important;
}

.text .stylBunkaVlevo, .text .stylBunkaVlevo p {
    text-align: left;
}

.text .stylBunkaVpravo, .text .stylBunkaVpravo p {
    text-align: right;
}

.text .stylBunkaStred, .text .stylBunkaStred p {
    text-align: center;
}



/* Obecne */

.upozorneni {
	background: #ffff99;
	color: #000000;
	padding: 5px 10px 5px 10px;
}

.chybneVyplneno input,
.chybneVyplneno textarea {
	background: #fff3f3;
    border: 1px #cc0000 solid;    
}


/* stranka - panely */

body {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	background: #150900 url(pozadi/1.jpg) scroll no-repeat center top;
	font-family: Calibri, sans-serif;
}

.projektor {
	display: none;
}

.stranka {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 1000px;
	height: 903px;
}

.obsahovyPanel {
	position: absolute;
	left: 356px;
	top: 0px;
	width: 600px;
	height: 770px;
	padding: 0px 14px 14px 14px;
	background: transparent url(obsahovy-slozka.png) scroll no-repeat left top;
}

.obsahovyPanel .obsahovyPanelVnitrek {
	position: relative;
	left: 0px;
	top: 0px;
	height: 730px;
	padding: 20px;
	overflow: auto;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

/*

.strankaZbozi .obsahovyPanel {
	position: absolute;
	left: 280px;
	top: 329px;
	width: 600px;
	height: 320px;
	padding: 14px;
	background: transparent url(obsahovy-zbozi.png) scroll no-repeat left top;
}

.strankaZbozi .obsahovyPanel .obsahovyPanelVnitrek {
	position: relative;
	left: 0px;
	top: 0px;
	height: 320px;
	padding: 0px;
}

*/

.strankaSlozkaZbozi .obsahovyPanel {
	display: none;
}

.navigacniPanel {
}

.cistic {
	clear: both;
	font-size: 1px;
}

.panelHlavicka {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 1px;
}

.panelPaticka {
}



/* panel hlavicka */

.panelHlavicka .panelHlavickaVnitrek {
	position: relative;
	margin: 0px auto 0px auto;
	width: 1000px;
	height: 1px;
}

.panelHlavicka .logo {
	position: absolute;
	left: 13px;
	top: 0px;
	width: 327px;
	height: 307px;
	overflow: hidden;
	cursor: pointer;
	background: transparent url(logo.png) scroll no-repeat left top;
}


/* panel paticka */

.panelPaticka {
	position: absolute;
	left: 0px;
	top: 870px;
	width: 100%;
	min-width: 1000px;
	background: #150900;
}

.panelPaticka .copyright {
	text-align: center;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	background: #150900;
	color: #dddddd;
	clear: both;
}

.panelPaticka a {
	text-decoration: none;
	color: #dddddd;
}

.panelPaticka a:hover {
	text-decoration: underline;
}



/* navigacni panel */

.navigacniPanel {
	position: absolute;
	left: 0px;
	top: 796px;
	width: 100%;
	height: 306px;
	min-width: 1000px;
	border-top: 28px solid #6d655b;
	border-bottom: 1px solid #403821;
	background: #150900;
	opacity: 0.91;
}

.navigacniPanel.submenuNeexistuje,
.navigacniPanel.slozkaNavstevniKniha {
	border-top: 1px solid #403821;
	margin-top: 27px;
}

.navigacniPanel .hloubka1 {
	display: block;
	width: 1000px;
	height: 45px;
	margin: 0px auto 0px auto;
	padding: 0px;
	position: relative;
	left: 0px;
	top: 0px;
}

.navigacniPanel .hloubka1 li.tlacitkoOtevriZavri a {
	font-family: monospace;
	font-size: 28px;
	line-height: 46px;
}

.navigacniPanel .hloubka1 li {
	display: block;
	float: left;
	height: 45px;
	line-height: 45px;
	margin: 0px 0px 0px -1px;
	padding: 0px 20px 0px 20px;
	border-right: 1px solid #403821;
	border-left: 1px solid #403821;
}

.navigacniPanel .hloubka1 li.vybrana,
.navigacniPanel .hloubka1 li.rozbalena {
	background: #34291f;
}

.navigacniPanel .hloubka1 li a {
	color: #cccccc;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

.navigacniPanel .hloubka1 li a:hover {
	color: #ffffff;
	text-decoration: none;
}

.navigacniPanel .hloubka1 li span {
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.navigacniPanel .hloubka2 {
	position: absolute;
	left: 0px;
	top: -28px;
	width: 1000px;
	height: 27px;
	line-height: 27px;
	color: #cccccc;
	background: #6d655b;
	border: none;
}

.navigacniPanel.slozkaNavstevniKniha .hloubka2 {
	display: none;
}

.navigacniPanel .hloubka2 li {
	border: none;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	height: 27px;
	line-height: 27px;
}

.navigacniPanel .hloubka2 li.vybrana,
.navigacniPanel .hloubka2 li.rozbalena {
	background: #6d655b;
}

.navigacniPanel .hloubka2 li a{
	color: #d0c1b6;
	background: #6d655b;
	text-transform: none;
}

.navigacniPanel .hloubka2 li span {
	color: #ffffff;
	background: #6d655b;
	text-transform: none;
}

.navigacniPanel .hloubka3 {
	display: none;
}

.navigacniPanel .novinky {
	border-top: 1px solid #403821;
	display: none;
}


/* navigacni panel - rychla navigace */

.navigacniPanel .hloubka2 .rychlaNavigace .roleta,
.navigacniPanel .hloubka2 .rychlaNavigace .roleta menu,
.navigacniPanel .hloubka2 .rychlaNavigace .roleta ul,
.navigacniPanel .hloubka2 .rychlaNavigace .roleta li,
.navigacniPanel .hloubka2 .rychlaNavigace .roleta a,
.navigacniPanel .hloubka2 .rychlaNavigace .roleta span,
.navigacniPanel .hloubka2 .rychlaNavigace .roleta img,
.navigacniPanel .hloubka2 .rychlaNavigace .roleta .polozka
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	text-align: left;
	color: #000000;
	background: #eeeeee;
}

.navigacniPanel .hloubka2 .rychlaNavigace {
	position: relative;
	top: 0px;
	left: 0px;
}

.navigacniPanel .hloubka2 .rychlaNavigace .roleta {
	position: absolute;
	top: 0px;
	left: 201px;
	width: 730px;
	overflow: hidden;
	border: 1px solid #333333;
}

.navigacniPanel .hloubka2 .rychlaNavigace .roleta .hloubka1 {
	border-top: 2px solid #ffffff;
	border-right: 2px solid #777777;
	border-bottom: 2px solid #777777;
	border-left: 2px solid #ffffff;
}

.navigacniPanel .hloubka2 .rychlaNavigace .roleta .hloubka1:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.navigacniPanel .hloubka2 .rychlaNavigace .roleta .hloubka1 li {
	float: left;
	width: 240px;
	height: 80px;
	overflow: hidden;
}

.navigacniPanel .hloubka2 .rychlaNavigace .roleta .hloubka2 li {
	width: auto;
	height: auto;
}

.navigacniPanel .hloubka2 .rychlaNavigace .roleta .hloubka1 .polozka {
	font-size: 15px;
	font-weight: bold;
	padding: 5px 5px 0px 5px;
	white-space: nowrap;
}

.navigacniPanel .hloubka2 .rychlaNavigace .roleta .hloubka1 img {
	display: inline;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin: 0px 5px 0px 0px;
}

.navigacniPanel .hloubka2 .rychlaNavigace .roleta .hloubka2 .polozka {
	font-size: 12px;
	font-weight: normal;
	padding: 0px 5px 0px 5px;
	white-space: nowrap;
	color: #444444;
}

.navigacniPanel .hloubka2 .rychlaNavigace .roleta .hloubka2 .polozka:after {
    content: ",";
}

.navigacniPanel .hloubka2 .rychlaNavigace .roleta .hloubka2 img {
	display: none;
}

.navigacniPanel .novinky .zbozi {
	width: 1000px;
	height: 205px;
	padding: 30px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

.navigacniPanel .novinky .zbozi .polozka {
	position: relative;
	left: 0;
	top: 0;
	float: left;
	width: 300px;
	height: 205px;
}

.navigacniPanel .novinky .zbozi .polozka.radek1,
.navigacniPanel .novinky .zbozi .polozka.radek2 {
	margin: 0px 40px 0px 0px;
}

.navigacniPanel .novinky .zbozi .polozka .orezNahledu {
	position: absolute;
	left: 0;
	top: 0;
	width: 145px;
	height: 205px;
	overflow: hidden;
	cursor: pointer;
}

.navigacniPanel .novinky .zbozi .polozka .nahled {
	margin-left: -40px;
	height: 205px;
}

.navigacniPanel .novinky .zbozi .polozka form {
	display: none;
}

.navigacniPanel .novinky .zbozi .polozka .ceny {
	display: none;
}

.navigacniPanel .novinky .zbozi .polozka .nazevAText {
	position: absolute;
	left: 155px;
	top: 0px;
	width: 145px;
	height: 205px;
	overflow: hidden;
}

.navigacniPanel .novinky .zbozi .polozka h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	margin: 0px 0px 5px 0px;
}

.navigacniPanel .novinky .zbozi .polozka h2 a {
	color: #ffffff;
	text-decoration: none;
}

.navigacniPanel .novinky .zbozi .polozka p {
	color: #ffffff;
	width: 145px;
	font-size: 14px;
	line-height: 18px;
}



/* obsahovy panel */

.obsahovyPanel {
}

.obsahovyPanel input,.obsahovyPanel select {
	vertical-align: middle;
}

.obsahovyPanel textarea {
	width: 300px;
}

.obsahovyPanel table {
	width: 100%;
}

.obsahovyPanel td {
	vertical-align: top;
	padding: 0px 10px 0px 10px;
}

.obsahovyPanel .sloupcovaSazba td {
	padding: 0px;
}

.obsahovyPanel table .popis {
	width: 33%;
}

.obsahovyPanel table .sloucene {
}

.obsahovyPanel table .nadpis {
	background: #ffffff;
	color: #222222;
	font-size: 120%;
	font-weight: bold;
	line-height: 200%;
}

.obsahovyPanel table .licha td {
	padding-top: 2px;
	padding-bottom: 2px;
	background: #f7f7f7;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

.obsahovyPanel table .suda td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.obsahovyPanel h1 {
	font-size: 22px;
	line-height: 22px;
	margin: 0px 0px 11px 0px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	color: #ff7a00;
}

.obsahovyPanel .text {
}

.obsahovyPanel h2 {
	font-size: 18px;
	line-height: 22px;
	margin: 0px 0px 11px 0px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
}

.obsahovyPanel h3 {
	font-size: 16px;
	line-height: 22px;
	margin: 0px 0px 11px 0px;
}

.obsahovyPanel ol {
    list-style-type: decimal;
	margin: 0em 0px 1em 3em;
}

.obsahovyPanel ul {
	list-style: disc;
	margin: 0em 0px 1em 3em;
}

.obsahovyPanel li {
	font-size: 16px;
	line-height: 150%;
	margin: 0em 0em 3px 0em;
}

.obsahovyPanel p {
	font-size: 16px;
	line-height: 150%;
	margin: 0em 0px 1em 0px;
}

.obsahovyPanel a {
	color: #ff6400 !important;
}

.obsahovyPanel strong {
	font-weight: bold;
}

.obsahovyPanel em {
	font-style: italic;
}

.obsahovyPanel .priloha {
	cursor: pointer;
}

.obsahovyPanel .priloha .text,
.obsahovyPanel .priloha .info
{
	font-size: 90%;
	margin: 0em;
	display: block;
	margin: 3px 0px 0px 0px;
	max-height: 100px;
	overflow: hidden;
	background: #ffffff;
	color: #444444;
	width: auto;
	height: auto;
	padding: 0px;
}

.obsahovyPanel a.priloha {
	text-decoration: none;
}

.obsahovyPanel .prilohaL {
	clear: left;
	float: left;
	margin: 0px 10px 10px 0px;
}

.obsahovyPanel .prilohaP {
	clear: right;
	float: right;
	margin: 0px 0px 10px 10px;
}

.obsahovyPanel form td {
	vertical-align: middle;
}

.obsahovyPanel input {
	padding: 0px 2px 0px 2px;
}

.obsahovyPanel form .odesli td {
	padding: 5px 10px 5px 10px;
}

.obsahovyPanel form .odesli td input {
	padding: 5px;
}


/* pomocna navigace */

.obsahovyPanel .pomocnaNavigace ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.obsahovyPanel .pomocnaNavigace li {
	float: left;
	width: 238px;
	line-height: 28px;
	margin: 0px 5px 0px 5px;
	white-space: nowrap;
	overflow: hidden;
}

.obsahovyPanel .pomocnaNavigace img {
	width: 24px;
	height: 24px;
	margin-right: 3px;
	vertical-align: middle;
}


/* katalog */

.katalog .zavriOkno {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	color: #db6706;
	text-decoration: none;
	font-family: monospace;
	font-weight: bold;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
}

.katalog .text {
	clear: both;
}

.katalog .formularFiltry {
	display: none;
}

.katalog .formularRazeni {
	display: none;
}

.katalog .komponentaZobrazeni {
	display: none;
}

.katalog .prepinacStranek {
	clear: both;
	text-align: right;
}

.katalog .prepinacStranek a {
	text-decoration: none;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	color: #000000 !important;
}

.katalog .prepinacStranek a:hover {
	text-decoration: underline;
}

.katalog .prepinacStranek .vybrana {
	border-right: 2px solid #6f6960;
	border-left: 2px solid #6f6960;
	font-weight: bold;
	background: #6f6960;
	color: #ffffff;
}


.katalog .prepinacStranek.horni {
	position: absolute;
	right: 20px;
	top: 30px;
	width: 200px;
}

.katalog .prepinacStranek.dolni {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 200px;
}

.katalog .zbozi .cistic {
	display: none;
}

.katalog .zbozi .polozka {
	height: 230px;
	position: relative;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.katalog .zbozi .polozka .nahled {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 225px;
	height: 210px;
	cursor: pointer;
}

.katalog .zbozi .polozka .bezNahledu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 225px;
	height: 210px;
	background: #eeeeee;
}

.katalog .zbozi .polozka .nazevAText {
	position: absolute;
	left: 245px;
	top: 0px;
	width: 320px;
	height: 187px;
	overflow: hidden;
}

.katalog .zbozi .polozka h2 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	font-size: 18px;
	line-height: 22px;
	margin: 0px 0px 11px 0px;
}

.katalog .zbozi .polozka h2 a:hover {
	text-decoration: underline;
}

.katalog .zbozi .polozka p {
	font-size: 16px;
	line-height: 22px;
	margin: 0px 0px 0px 0px;
}

.katalog .zbozi .polozka .kodZbozi {
	display: none;
}

.katalog .zbozi .polozka h2 a {
	color: #444444 !important;
	text-decoration: none;
}

.katalog .zbozi .polozka p {
}

.katalog .zbozi .polozka .stav {
	display: none;
}

.katalog .zbozi .polozka .stav img {
	display: none;
}


.katalog .zbozi .polozka .stav img.neprobihaAkce {
    display: none;
}

.katalog .zbozi .polozka .ceny {
	display: none;
}

.katalog .zbozi .polozka div.parametry {
	display: none;
}

.katalog .zbozi .polozka div.vlozDoKosikuDetail {
	display: none;
}

.katalog .zbozi2 {
	display: none;
}


/* detail */

.detail .obrazek {
	display: none;
}

/*

.detail .text {
	width: 559px;
	height: 280px;
	overflow: auto;
	padding: 0px 20px 0px 20px;
	margin: 20px 0px 0px 0px;
	font-size: 16px;
}

.detail .text h1 {
	font-size: 18px;
	line-height: 22px;
	margin: 0px 0px 11px 0px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	color: #000000;
}

*/

.detail .navigace {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 20px;
	line-height: 25px;
}

.detail .navigace a {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	color: #db6706;
	text-decoration: none;
	font-family: monospace;
	font-weight: bold;
}

.detail .formularKoupit {
	display: none;
}

.detail .vlastnosti {
	display: none;
}

.detail .prilohy {
	display: none;
}

.detail .prilohy .cistic {
	clear: left;
}


/* detail zbozi s variantami */

.detail .formularKoupitVariant {
    background: none;
    width: 100%;
}


.detail .formularKoupitVariant tr td {
    border-bottom: 1px solid #cccccc;
    padding: 3px 0px 3px 10px;
}


.detail .formularKoupitVariant .obrazek {
    float: none;
    text-align: center;
}


.detail .formularKoupitVariant .oznaceniVarianty h2 {
    display: inline;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;    
}


.detail .formularKoupitVariant .oznaceniVarianty .kodVarianty {
    font-weight: bold;
}


.detail .formularKoupitVariant .cenaVarianty {
    font-size: 11px;
    text-align: right;
}


.detail .formularKoupitVariant .nadpis .cenaVarianty {
    font-size: 12px;
}


.detail .formularKoupitVariant .cenaVarianty .cenaPuvodni {
    text-decoration: line-through;
}


.detail .formularKoupitVariant .cenaVarianty .cenaKonecna {
    font-size: 12px;
    font-weight: bold;
}

.detail .formularKoupitVariant .vlozeniDoKosiku {
    text-align: center;
}

.detail .formularKoupitVariant .vlozeniDoKosiku .mnozstvi {
    width: 48px;
    text-align: right;
}

.detail .formularKoupitVariantJS {
    width: 100%;
    height: auto;
}

.detail .formularKoupitVariantJS.formularKoupitVariantJSNacitani {
    background: transparent url('nacitani.gif') no-repeat center center;
    height: 100px;
}

.formularKoupitVariantJSVypnuty {
    display: none;
}

/* kosik */

.kosik .polozka td {
	height: 56px;
	background: #ffffff url(obsahovy.png) scroll repeat-x left top;
	vertical-align: middle;
}

.kosik td.kod a,
.kosik td.nazev a {
	text-decoration: none;
	color: #000000 !important;
}

.kosik .celkem td {
	height: 56px;
	background: #d7d7d7;
	font-weight: bold;
	vertical-align: middle;
}

.kosik .objednej td {
	height: 56px;
	vertical-align: middle;
}

.kosik .mnozstvi .text {
	width: 45px;
	text-align: right;
	padding-right: 2px;
	border: 1px solid #cccccc;
}

.kosik .kredit {
	text-align: right;
}

.kosik .zaMnozstviVcetne,.kosik .zaMnozstviBez,.kosik .mnozstvi {
	text-align: right;
}

.kosik .zaMnozstviVcetne {
	padding: 0px 10px 0px 0px;
}



/* Objednavkovy system */

.strankaDataUzivatele .vyberZpusobDoruceni td {
	background: #ffff99;
	line-height: 250%;
	font-weight: bold;
	font-size: 110%;
}

.strankaDataUzivatele .vyberZpusobDoruceni select {
	background: #ffffdd;
}



/* komponenta hledat */

.komponentaHledat {
	position: absolute;
	left: 20px;
	top: 220px;
	width: 200px;
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	background: #ff6400;
	color: #ffffff;
	text-align: center;
	border-bottom: 1px solid #ececec;
}

.komponentaHledat input {
	vertical-align: middle;
	font-size: 12px;
}

.komponentaHledat .text input {
	width: 100px;
	border: none;
	background: #ffffff;
	margin-left: 8px;
}

.komponentaHledat .odesli input {
	color: #000000;
	background: #ffffff url(obsahovy.png) scroll repeat-x left top;
	border: none;
	width: 15px;
	cursor: pointer;
}



/* komponentaBanner */

.komponentaBanner {
	display: block;
	padding: 5px;
	font-size: 100%;
}

.komponentaBanner span {
	display: block;
	text-align: center;
	background: #ffffcc;
}

.komponentaBanner .text1 {
	font-size: 250%;
	color: #ff6400;
}

.komponentaBanner a {
	text-decoration: none;
	color: #000000;
}



/* komponenta kosik */

.komponentaKosik {
	position: absolute;
	left: 710px;
	top: 38px;
	width: 270px;
	height: 80px;
	overflow: hidden;
	background: #aaaaaa url(komp-kosik.png) scroll no-repeat right center;
	color: #ffffff;
	cursor: pointer;
}

.komponentaKosik .pocet {
	margin: 20px 0px 0px 20px;
	display: block;
}

.komponentaKosik .cena {
	margin: 10px 0px 0px 20px;
	display: block;
}



/* Stranka prodej dokonceno */

.strankaProdejDokonceno .cenaCelkem {
	font-size: 28px;
}


/*
stranka porovnani zbozi
*/
.katalog .porovnaniZbozi {
    overflow-x: auto;
    overflow-y: hidden;
    width: 750px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 20px 0px;
}

.katalog .porovnaniZbozi table {
    border-collapse: collapse;
    table-layout: fixed;
}

.katalog .porovnaniZbozi table td,
.katalog .porovnaniZbozi table th {
    padding: 5px 10px;
    text-align: center;
    width: 130px;
}

.katalog .porovnaniZbozi table td:first-child {
    width: 122px;
}

.katalog .porovnaniZbozi table tr td.infoBox {
    text-align: center;
}
.katalog .porovnaniZbozi table tr.tlacitka td.infoBox {
    text-align: center;
    border-bottom: 1px #ffffff solid;
}

.katalog .porovnaniZbozi table tr td.infoBox form {
    margin: 0px 0px 5px 0px;
    padding-left: 0px;
}
.katalog .porovnaniZbozi table tr td.infoBox form input {
    padding: 0px;
    margin: 0px;
}

.katalog .porovnaniZbozi table tr td.infoBox p {
    padding-left: 0px;
    margin-left: 0px;
}

.katalog .porovnaniZbozi table .nazev th,
.katalog .porovnaniZbozi table .licha td {
    border-left: 1px #ffffff solid;
}

.katalog .porovnaniZbozi table tr.nazev
{
    background: #ff6400;
}

.katalog .porovnaniZbozi table .nazev td,
.katalog .porovnaniZbozi table .nazev td a {
    color: #ffffff !important;
    font-weight: bold;
    text-decoration: none;
}

.katalog .porovnaniZbozi table .cena td {
    font-weight: bold;
}
.katalog .porovnaniZbozi table .tlacitka form,
.katalog .porovnaniZbozi table .tlacitka .porovnatZbozi,
.katalog .porovnaniZbozi table .tlacitka .vlozDoKosiku {
    display: inline;
}

.katalog .porovnaniZbozi table .tlacitka:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/*
Komponenta pruvodce
*/

.komponentaPruvodce {
	display: block;
	background: #eeeeee;
	color: #000000;
	border: 1px solid #cccccc;
	padding: 0px;
}

.komponentaPruvodce .h1 {
	display: block;
	background: #999999;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}

.komponentaPruvodce .p {
	display: block;
	padding: 3px 5px 3px 5px;
}

.komponentaPruvodce .buttons {
	display: block;
	text-align: right;
	padding: 0px 10px 15px 10px;
}

.komponentaPruvodce a.button {
	display: inline;
	margin: 3px;
	padding: 5px 20px 5px 20px;
	background: #dddddd;
	color: #000000 !important;
	border: 1px solid #aaaaaa;
	text-decoration: none;
}

.komponentaPruvodce a:hover.button {
	background: #cccccc;
	text-decoration: underline;
}



/*
komponenta formular
*/

.komponentaFormular iframe {
    border: none;
}
body.strankaFormulare {
	background: #ffffff;        
}
body.strankaFormulare .obsahFormulare {
	background: #ffffff;
    padding: 10px;
}
body.strankaFormulare .obsahFormulare table td {
    padding: 0px 5px 5px 0px;
}
body.strankaFormulare .obsahFormulare table td.hodnota textarea {
    max-width: 300px;
}
body.strankaFormulare .obsahFormulare .text input {
	border: 1px solid #dddddd;
}
body.strankaFormulare .obsahFormulare textarea {
	border: 1px solid #dddddd;
}
body.strankaFormulare .obsahFormulare .odesli td {
	padding: 5px 5px 5px 0px;
}
body.strankaFormulare .obsahFormulare .odesli input {
	padding: 8px 32px 8px 32px;
	background: #434343;
	color: #ffffff;
	font-weight: bold;
	border-top: 2px solid #7f7f7f;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #7f7f7f;
}


/*
komponenta animace
*/
.komponentaAnimace {
    position: relative;
    top: 0px;
    left: 0px;
}
.komponentaAnimace img {
    position: absolute;
    top: 0px;
    left: 0px;
}
.komponentaAnimace .ovladaciPanel {
    position: absolute;
    bottom: 2px;
    left: 2px;
    height: 17px;
    line-height: 15px;
    font-size: 10px;
    overflow: hidden;   
}
.komponentaAnimace .ovladaciPanel .tlacitko {
    border: 1px #555555 solid;
    background: #eeeeee;
    color: #555555;
    float: left; 
    padding: 0px;
    margin: 0px 2px 0px 0px;
    height: 15px;
    width: 15px;
    text-align: center;
    font-weight: normal;
    border-radius: 10px;
    cursor: pointer;
}

.komponentaAnimace .ovladaciPanel .tlacitko span {
    display: block;
    height: 15px;
    width: 15px; 
    text-align: center;
}

.komponentaAnimace .ovladaciPanel .tlacitko.vybrane {
    color: #000000;
    background: #ffffff;
}


/*
komponenta diskuze
Jan Tic - 2013-07-23
*/
.komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka h2,
.komponentaBlogSprava .polozka h3 {
	background: #ff6400;
}

.komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka,
.komponentaBlog .polozka {
    border: 1px #ff6400 solid;
}
.komponentaSlozkyDiskuze {
    margin-top: 10px;
}
.komponentaSlozkyDiskuze ul, .komponentaSlozkyDiskuze li {
     list-style: none;
     margin: 0px;
     padding: 0px;
}
.komponentaSlozkyDiskuze ul li ul li {
    margin: 5px;
}
.komponentaSlozkyDiskuze li {
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 5px;
}
.komponentaSlozkyDiskuze li .datum {
    display: block;
    width: 150px;
    height: 18px;
    line-height: 18px;
    color: #ffffff;
    position: absolute;
    top: 3px;
    right: 5px;
    text-align: right;
    overflow: hidden;
    font-weight: bold;
}
.komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka h2 {
    color: #ffffff;
    padding: 3px 5px 3px 5px;
    margin: 0px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;    
    overflow: hidden;
    font-weight: bold;
}

.komponentaSlozkyDiskuze li div {
    display: none;
}
.komponentaSlozkyDiskuze li p {
    margin: 5px;
    padding: 0px;    
    overflow: hidden;     
}

/* blog-2013-07-26 */
.komponentaBlog .polozka {
    width: 750px;
    height: 204px;
    margin: 0px;
    position: relative;
    top: 0px;
    left: 0px;     
}
.komponentaBlog .polozka .priloha {
    width: 200px;
    height: 200px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 2px;
    left: 2px;
}
.komponentaBlog .polozka h3 {
    width: 530px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0px 7px 0px 7px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 204px;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}
.komponentaBlog .polozka div,
.komponentaBlog .polozka span {
    color: #7F7F7F;
    width: 530px;
    height: 17px;
    line-height: 17px;
    font-size: 16px;
    overflow: hidden;
    padding: 0px 7px 0px 7px;
    margin: 0px;
    position: absolute;
    top: 40px;
    left: 204px;
    font-weight: bold;
}
.komponentaBlog .polozka span {
    display: block;
    top: 67px;
} 
.komponentaBlog .polozka p {
    width: 530px;
    height: 68px;
    line-height: 22px;
    font-size: 16px;
    overflow: hidden;
    padding: 0px 7px 0px 7px;
    margin: 94px 0px 0px 204px;    
}
.komponentaBlog .polozka p.rubrika {
    height: 17px;
    margin: 0px;
    position: absolute;
    top: 172px;
    left: 204px;
}