/* 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: 11px !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: #dd0000 !important;
}

.text .stylZelene {
	color: #007700 !important;
}

.text .stylModre {
	color: #0044cc !important;
}

.stylPruhledne {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.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: 3px;
}

.chybneVyplneno input,
.chybneVyplneno textarea,
.datum.chybneVyplneno .hodnota,
.vypinac.chybneVyplneno .hodnota {
	background: #fff3f3;
    border: 1px #cc0000 solid;    
}
.povinnePolicko {
    color: #990000;
    font-weight: bold;
}


/* stranka - panely */

body {
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	font-size: 12px;
	background: #ececec url(body.png) scroll repeat-x left top;
}

.stranka {
	margin: 220px auto 0px auto;
	padding: 0px 20px 0px 20px;
	width: 960px;
	background: #ffffff url(stranka.png) scroll repeat-y left top;
}

.obsahovyPanel {
	width: 750px;
	float: right;
	background: #ffffff url(obsahovy.png) scroll repeat-x left top;
	padding: 10px 0px 0px 0px;
}

.navigacniPanel {
	width: 200px;
	float: left;
	background: #7f7f7f;
}

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

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

.panelHlavicka .panelHlavickaVnitrek {
	position: relative;
	margin: 0px auto 0px auto;
	width: 1000px;
	height: 220px;
	background: #ffffff url(Hlavicka/Standard.png) scroll no-repeat left top;
}

.panelPaticka {
	margin: 0px auto 0px auto;
	height: 60px;
	width: 1000px;
}



/* panel hlavicka */

.panelHlavicka .logo {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 710px;
	height: 110px;
	overflow: hidden;
	cursor: pointer;
}

.panelHlavicka .panelMenu {
	position: absolute;
	left: 20px;
	top: 150px;
	width: 960px;
	height: 60px;
	overflow: hidden;
	background: #cccccc url(menu.png) scroll repeat-x left top;
}

.panelHlavicka .panelMenu li {
	float: left;
	width: 160px;
	height: 60px;
	padding: 0px 0px 8px 0px;
	overflow: hidden;
}

.panelHlavicka .panelMenu li a {
	text-decoration: none;
	font-size: 16px;
	display: block;
	height: 60px;
	line-height: 80px;
	color: #000000;
	padding: 0px 0px 0px 10px;
	background: #cccccc url(menu.png) scroll no-repeat left top;
}

.panelHlavicka .panelMenu a:hover {
	color: #ffffff;
	background: #555555;
}

.panelHlavicka .panelMenu .vybrana a {
	color: #ffffff;
	background: #ff6400;
}

.panelHlavicka .panelMenu .vybrana a:hover {
	text-decoration: underline;
}

.panelHlavicka .inaPanelPomocneMenu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 980px;
	height: 20px;
	line-height: 20px;
	text-align: right;
}

.panelHlavicka .inaPanelPomocneMenu span,
.panelHlavicka .inaPanelPomocneMenu a {
	color: #777777;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #777777;
}

.panelHlavicka .inaPanelPomocneMenu a {
	text-decoration: none;
	cursor: pointer;
}

.panelHlavicka .inaPanelPomocneMenu a:hover {
	text-decoration: underline;
}


/* panel paticka */

.panelPaticka .copyright {
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: #ececec;
	border-top: 20px solid #ffffff;
}

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

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



/* navigacni panel */

.navigacniPanel .hloubka1 {
	margin: 47px 0px 0px 0px;
	min-height: 200px;
}

.navigacniPanel ul {
	list-style: none !important;
}

.navigacniPanel li {
	margin: 0px !important;
	padding: 0px !important;
}

.navigacniPanel .polozka {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	text-decoration: none;
	overflow: hidden;
	border-bottom: 1px solid #ececec;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
}

.navigacniPanel .polozka:hover {
	text-decoration: underline;
	cursor: pointer;
}

.navigacniPanel .polozka img,
.navigacniPanel .polozka .pocetPolozek {
	display: none;
}

.navigacniPanel .hloubka3 .polozka img
{
	display: inline;
}

.navigacniPanel .vybrana.polozka {
	background: #ff6400 !important;
	color: #ffffff !important;
}

.navigacniPanel .hloubka2 .rozbalena ul .polozka {
	background: #d1d1d1;
	color: #000000;
	padding: 0px 0px 0px 10px;
	font-size: 11px;
}

.navigacniPanel .hloubka4 .polozka {
	padding: 0px 0px 0px 22px !important;
}

.navigacniPanel .hloubka5 .polozka {
	padding: 0px 0px 0px 37px !important;
}

.navigacniPanel .hloubka6 .polozka {
	padding: 0px 0px 0px 52px !important;
}

.navigacniPanel .hloubka7 .polozka {
	padding: 0px 0px 0px 67px !important;
}



/* navigacni panel - rychla navigace */

.navigacniPanel .hloubka1 .rychlaNavigace .roleta,
.navigacniPanel .hloubka1 .rychlaNavigace .roleta menu,
.navigacniPanel .hloubka1 .rychlaNavigace .roleta ul,
.navigacniPanel .hloubka1 .rychlaNavigace .roleta li,
.navigacniPanel .hloubka1 .rychlaNavigace .roleta a,
.navigacniPanel .hloubka1 .rychlaNavigace .roleta span,
.navigacniPanel .hloubka1 .rychlaNavigace .roleta img,
.navigacniPanel .hloubka1 .rychlaNavigace .roleta .polozka,
.komponentaHledat .rychlaNavigace .roleta,
.komponentaHledat .rychlaNavigace .roleta div,
.komponentaHledat .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 .hloubka1 .rychlaNavigace,
.komponentaHledat  .rychlaNavigace {
	position: relative;
	top: 0px;
	left: 0px;
}

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

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

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

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

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

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

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

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

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

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



/* obsahovy panel */

.obsahovyPanel {
}

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

.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 {
	background: #fff2ea;
}

.obsahovyPanel table .suda {
}

.obsahovyPanel h1 {
	font-size: 200%;
	margin: 0em 10px 1em 10px;
	clear: both;
}

.obsahovyPanel .text {
}

.obsahovyPanel h2 {
	font-size: 150%;
	margin: 0em 10px 1em 10px;
	clear: both;
}

.obsahovyPanel h3 {
	font-size: 120%;
	margin: 0em 10px 1em 10px;
	clear: both;
}

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

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

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

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

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

.obsahovyPanel strong {
	font-weight: bold;
}

.obsahovyPanel em {
	font-style: italic;
}

.obsahovyPanel .priloha {
	cursor: pointer;
} 
.obsahovyPanel .priloha.prilohaNeukazovat {
	cursor: auto;
}

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

.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 .text {
	clear: both;
}

.katalog .formularFiltry {
	font-size: 11px;
	padding: 10px 10px 10px 10px;
	background: #ffffff url(obsahovy.png) scroll repeat-x left top;
	line-height: 20px;
	clear: both;
}

.katalog .formularFiltry .polozka {
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 0px;
	border-right: 1px solid #aaaaaa;
	white-space: nowrap;
}
.katalog .formularFiltry .polozka.hledaniZboziVeSlozcePopis {
	margin-left: 10px;
	padding-left: 10px;
}

.katalog .formularFiltry input {
	font-size: 11px;
	border: 1px solid #cccccc;
	width: 32px;
}

.katalog .formularFiltry select {
	font-size: 11px;
	border: 1px solid #cccccc;
	width: 64px;
}

.katalog .formularFiltry .odesli input {
	color: #ffffff;
	background: #555555;
	border: 2px solid #555555;
	font-size: 12px;
	width: 60px;
	cursor: pointer;
}

.katalog .formularFiltry .hledej input {
	width: 100px;
}

.katalog .formularFiltrCena {
	background: #dddddd;
}

.katalog .formularFiltrCena .oddelovacFiltrCenaSpecial {
	border-right: 1px solid #cccccc;
    padding: 0px 0px 0px 5px;
}
.katalog .formularFiltrCena .polozka {
    padding: 0px 5px;
}

.katalog .formularRazeni {
	margin: 10px;
	clear: both;
	position: relative;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.katalog .formularRazeni .polozka {
	padding: 0px 5px 0px 5px;
	border-left: 1px solid #aaaaaa;
	cursor: pointer;
}

.katalog .formularRazeni .polozka:first-child {
    border: none;
    padding-left: 0px;
}

.katalog .formularRazeni .polozka label {
	cursor: pointer;
}

.katalog .formularRazeni input {
	position: absolute;
	left: -1000px;
	top: 0px;
}

.katalog .komponentaZobrazeni {
    text-align: right;
    padding-bottom: 10px;
}

.katalog .prepinacStranek {
	min-height: 25px;
	line-height: 25px;
	font-size: 11px;
	margin: 0px 10px 5px 10px;
	clear: both;
}

.katalog .prepinacStranek span,
body .katalog .prepinacStranek a {
	border: 2px solid #cccccc;
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #bbbbbb;
	background: #cccccc;
	color: #ffffff !important;
	text-decoration: none;
}

.katalog .prepinacStranek span,
body .katalog .prepinacStranek a:hover {
	border: 2px solid #aaaaaa;
	background: #aaaaaa;
}

.katalog .zbozi .polozka {
	float: left;
	width: 372px;
	height: 245px;
	background: #cccccc;
	color: #ffffff;
	font-size: 90%;
	position: relative;
	overflow: hidden;
}

.katalog .zbozi .polozka.sloupec1 {
	margin: 0px 4px 4px 0px;
}

.katalog .zbozi .polozka.sloupec2 {
	margin: 0px 0px 4px 0px;
}

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

.katalog .zbozi .polozka .bezNahledu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 200px;
	background: #ffffff url(obsahovy.png) scroll repeat-x left top;
	cursor: pointer;
}

.katalog .zbozi .polozka .nazevAText {
	position: absolute;
	left: 210px;
	top: 10px;
	width: 148px;
	height: 134px;
	overflow: hidden;
}

.katalog .zbozi .polozka h2,
.katalog .zbozi .polozka h3 {
	margin: 0px 0px 3px 0px;
	font-size: 100%;
	line-height: 13px;
	font-weight: bold;
}

.katalog .zbozi .polozka .kodZbozi {
	color: #444444;
	font-style: italic;
	font-size: 90%;
}

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

.katalog .zbozi .polozka p {
	color: #666666;
	font-size: 100%;
	line-height: 13px;
	margin: 3px 0px 3px 0px;
}

.katalog .zbozi .polozka .stav {
	position: absolute;
	right: 172px;
	top: 0px;
	width: 200px;
	height: 20px;
}

.katalog .zbozi .polozka .stav img {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	margin: 0px 1px 0px 0px;
}


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

.katalog .zbozi .polozka .ceny {
	position: absolute;
	right: 0px;
	top: 154px;
	width: 172px;
	height: 46px;
}

.katalog .zbozi .polozka .ceny td {
	background: #ff6400;
	vertical-align: middle;
}

.katalog .zbozi .polozka .ceny .popis {
	text-align: left;
	padding: 0px 0px 0px 8px;
}

.katalog .zbozi .polozka .ceny .hodnota {
	text-align: right;
	padding: 0px 8px 0px 0px;
}

.katalog .cenaPuvodniBez .hodnota,
.katalog .cenaPuvodniVcetne .hodnota,
.detail .cenaPuvodniBez .hodnota,
.detail .cenaPuvodniVcetne .hodnota {
	text-decoration: line-through;
}

.katalog .zbozi .polozka .ceny .cenaVcetne {
	font-size: 110%;
	font-weight: bold;
}

.katalog .zbozi .polozka div.parametry {
	position: absolute;
	left: 0px;
	top: 200px;
	width: 368px;
	height: 19px;
    padding: 2px; 
	background: #555555;
	overflow: hidden;
}

.katalog .zbozi .polozka div.parametry .parametr {
    padding: 0px 5px;
    border-right: 1px solid #cccccc;
    float: left;
}

.katalog .zbozi .polozka div.parametry .parametr .hodnota img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

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

.katalog .zbozi .polozka div.vlozDoKosikuDetail {
	position: absolute;
	left: 0px;
	top: 223px;
	width: 368px;
	height: 19px;
	background: #555555;
	overflow: hidden;
    padding: 2px;
}

.katalog .zbozi .polozka div.vlozDoKosikuDetail .mnozstvi {
    display: block;
    float: left;
}

.katalog .zbozi .polozka div.vlozDoKosikuDetail .mnozstvi input {
	width: 50px;
	margin-left: 10px;
}

.katalog .zbozi .polozka div.vlozDoKosikuDetail .mnozstvi input,
.katalog .zbozi .polozka div.parametry .parametr select
{
	font-size: 10px;
	border: 0px;
	background: #7f7f7f;
	color: #ffffff;
}

.katalog .zbozi .polozka input.vlozDoKosiku {
	margin-left: 4px;
}

.katalog .zbozi .polozka input.detailZbozi,
.katalog .zbozi .polozka input.porovnatZbozi {
	margin-left: 8px;
}

.katalog .zbozi .polozka.polozkaVarianta div.parametry .parametr,
.katalog .zbozi .polozka.polozkaVarianta div.vlozDoKosikuDetail .mnozstvi,
.katalog .zbozi .polozka.polozkaVarianta input.vlozDoKosiku {
	display: none;
}


.katalog .zbozi2 td {
    background: #eeeeee url('zboziVtabulce.png') repeat-x left bottom;
    padding: 3px 10px;
}

.katalog .zbozi2 .polozka .ceny .cenaPuvodni {
	white-space: nowrap;
	text-align: right;
	text-decoration: line-through;
}

.katalog .zbozi2 .polozka .ceny .cenaBez {
	white-space: nowrap;
	text-align: right;
	font-size: 120%;
}

.katalog .zbozi2 .polozka .ceny .cenaVcetne {
	white-space: nowrap;
	text-align: right;
	font-size: 120%;
}

.katalog .zbozi2 td.vlozDoKosiku {
    width: 285px;
}

.katalog .zbozi2 td.vlozDoKosiku .mnozstvi,
.katalog .zbozi2 td.vlozDoKosiku .odesli {
    display: inline;
}

.katalog .zbozi2 td.vlozDoKosiku .parametry {
    float: left;
}

.katalog .zbozi2 td.vlozDoKosiku .parametry .parametr {
    padding: 2px;    
	font-size: 90%;
}

.katalog .zbozi2 td.vlozDoKosiku .vlozDoKosikuDetail {
    float: right;
}

.katalog .zbozi2 td.vlozDoKosiku .vlozDoKosikuDetail .mnozstvi,
.katalog .zbozi2 td.vlozDoKosiku .vlozDoKosikuDetail .odesli {
    padding: 2px;
}

.katalog .zbozi2 td.vlozDoKosiku .vlozDoKosikuDetail .mnozstvi .hodnota input {
    width: 18px;    
}

.katalog .zbozi2 .polozka.polozkaVarianta div.parametry .parametr,
.katalog .zbozi2 .polozka.polozkaVarianta div.vlozDoKosikuDetail .mnozstvi,
.katalog .zbozi2 .polozka.polozkaVarianta input.vlozDoKosiku {
	display: none;
}

.katalog .zbozi2 .polozka .nazev a {
	text-decoration: none;
}

.katalog .zbozi2 .polozka .nazev a:hover {
	text-decoration: underline;
}

.katalog .zbozi2 .polozka .stav img {
	width: 10px;
	height: 10px;
	vertical-align: middle;
}

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

.katalog .zbozi2 td.vlozDoKosiku .parametry .parametr .hodnota select {
    width: 70px;
}

.katalog .zbozi2 .polozka .kod {
	font-weight: bold;
	font-family: monospace;
}



/* detail */

.detail .navigace {
}

.detail .obrazek {
	float: right;
	cursor: pointer;
}

.detail .formularKoupit {
	width: auto;
	margin: 0px 0px 10px 0px;
	background: #ffffff url(obsahovy.png) scroll repeat-x left top;
}

.detail .formularKoupit td {
	padding: 0px 0px 0px 10px;
}

.detail .vlastnosti {
	width: auto;
	margin: 0px 0px 10px 0px;
	background: #ffffff url(obsahovy.png) scroll repeat-x left top;
}

.detail .vlastnosti td {
	padding: 0px 0px 0px 10px;
}

.detail .vlastnosti .sObrazkem td {
	line-height: 24px;
}

.detail .vlastnosti .hodnota img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.detail .prilohy {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	background: #ffffff url(obsahovy.png) scroll repeat-x left top;
}

.detail .prilohy .text {
	position: relative;
	font-size: 90%;
	margin: 0em;
	display: block;
	margin: 3px 0px 0px 0px;
	background: #ffffff;
	color: #000000;
	max-height: 100px;
	overflow: hidden;
}

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

.detail .prilohy a {
	display: block;
	float: left;
	width: 50px;
	background: #ffffff;
	text-decoration: none;
	margin: 0px 1px 1px 0px;
}

.detail .prilohy a img {
	margin: 1px;
	width: 48px;
	height: 48px;
}

.detail .souvisejiciSObrazky,
.detail .souvisejiciSObrazky li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: block;
}

.detail .souvisejiciSObrazky li img {
    padding-right: 5px;
}


/* 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 .vyberVariantyRadio label .priloha {
	padding: 0px 12px 0px 12px;
	margin: 0px;
	line-height: 20px;
	font-size: 16px;
	background-position: center center;
}

.detail .formularKoupitVariantJS .vyberVariantyRadio label .text {
	padding: 0px 10px 0px 3px;
}

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

.formularKoupitVariantJSVypnuty {
    display: none;
}


.detail .darekKeZbozi .nazevDarku {
    display: block;
}

.detail .darekKeZbozi {
    margin-bottom: 10px;
}

.detail .kalkulackaCofidis {
    cursor: pointer;
}

/* kosik */

.kosik .polozka .zaMnozstviVcetne,
.kosik .celkem .zaMnozstviVcetne,
.kosik .polozka .zaMnozstviBez,
.kosik .celkem .zaMnozstviBez,
.strankaDataUzivatele .objednaneZbozi .polozka .zaMnozstviVcetne,
.strankaDataUzivatele .objednaneZbozi .dopravne .zaMnozstviVcetne,
.strankaDataUzivatele .objednaneZbozi .celkem .zaMnozstviVcetne,
.strankaDataUzivatele .objednaneZbozi .polozka .zaMnozstviBez,
.strankaDataUzivatele .objednaneZbozi .dopravne .zaMnozstviBez,
.strankaDataUzivatele .objednaneZbozi .celkem .zaMnozstviBez  {
    white-space: nowrap;
}

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

.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;
}
.strankaDataUzivatele table select {
    width: 306px;
    padding: 0px 2px 0px 2px;
}
.strankaDataUzivatele table .datum select {
    width: auto;
}
.strankaDataUzivatele .text input,
.strankaDataUzivatele .zakazane input {
    width: 300px;
    padding: 0px 2px 0px 2px;
}
.strankaDataUzivatele table td {
    padding: 3px 10px 3px 10px;
}
.strankaDataUzivatele table .objednaneZbozi td.sloucene {
    padding: 0px;
} 
.strankaDataUzivatele .poleTelefon input,
.strankaRegistruj .poleTelefon input{
    display: block;
    height: 16px;
    float: left;
}
.strankaDataUzivatele .poleTelefon .telefonStavPoleVporadku,
.strankaRegistruj .poleTelefon .telefonStavPoleVporadku,
.strankaDataUzivatele .poleTelefon .telefonStavPoleChyba,
.strankaRegistruj .poleTelefon .telefonStavPoleChyba {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    padding-left: 3px;
}



/* komponenta hledat */
.komponentaHledat {
	position: absolute;
	left: 20px;
	top: 220px;
	width: 200px;
	height: 46px;
	line-height: 46px;
	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;
}

.komponentaHledat .hledejZboziVeSlozkach {
    display: block;
	width: 13px;
	height: 14px;
	float: right;
	margin: 16px 7px 0px 3px
    
}

.komponentaHledat .hledejZboziVeSlozkach .hledejZboziVeSlozkachTlacitko {
    display: block;
	background: transparent url(hledejVeSlozkachTlacitko.png) scroll no-repeat left center;
	width: 13px;
	height: 14px;
	cursor: pointer;
	margin: 0px;
    
}


/* 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;
}

/* Motiv Standard */
.motivStandard .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka h2 {
	background: #ff6400;
}

.motivStandard .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka {
    border: 1px #ff6400 solid;
}

.obsahovyPanel table .nadpis.nadpisSkupinyOtevreny,
.obsahovyPanel table .nadpis.nadpisSkupinyZavreny {
	color: #ff6400;
    cursor: pointer;
}
.obsahovyPanel table .nadpis.nadpisSkupinyOtevreny td.sloucene,
.obsahovyPanel table .nadpis.nadpisSkupinyZavreny td.sloucene {
    padding-left: 20px;
}
.obsahovyPanel table .nadpis.nadpisSkupinyOtevreny img,
.obsahovyPanel table .nadpis.nadpisSkupinyZavreny img{
	display: none;
}
.obsahovyPanel table .nadpis.nadpisSkupinyOtevreny {
	background: transparent url('Sipky/StandardOtevreno.png') no-repeat left center;
}
.obsahovyPanel table .nadpis.nadpisSkupinyZavreny {
	background: transparent url('Sipky/StandardZavreno.png') no-repeat left center;
}

/* Motiv Magenta */

.motivMagenta .panelHlavicka .panelHlavickaVnitrek {
	background-image: url(Hlavicka/Magenta.png);
}

.motivMagenta .panelHlavicka .panelMenu .vybrana a,
.motivMagenta .navigacniPanel .vybrana.polozka,
.motivMagenta .katalog .zbozi .polozka .ceny td,
.motivMagenta .komponentaHledat,
.motivMagenta .katalog .porovnaniZbozi table tr.nazev,
.motivMagenta .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka h2
{
	background: #d80073 !important;
}

.motivMagenta .obsahovyPanel a,
.motivMagenta .komponentaBanner .text1,
.motivMagenta .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny,
.motivMagenta .obsahovyPanel table .nadpis.nadpisSkupinyZavreny
{
	color: #d80073 !important;
}

.motivMagenta .obsahovyPanel table .licha
{
	background: #fdf2f8;
}

.motivMagenta .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka {
    border: 1px #d80073 solid;
}

.motivMagenta .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny {
	background: transparent url('Sipky/MagentaOtevreno.png') no-repeat left center;
}
.motivMagenta .obsahovyPanel table .nadpis.nadpisSkupinyZavreny {
	background: transparent url('Sipky/MagentaZavreno.png') no-repeat left center;
}

/* Motiv Cyan */

.motivCyan .panelHlavicka .panelHlavickaVnitrek {
	background-image: url(Hlavicka/Cyan.png);
}

.motivCyan .panelHlavicka .panelMenu .vybrana a,
.motivCyan .navigacniPanel .vybrana.polozka,
.motivCyan .katalog .zbozi .polozka .ceny td,
.motivCyan .komponentaHledat,
.motivCyan .katalog .porovnaniZbozi table tr.nazev,
.motivCyan .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka h2
{
	background: #008cd2 !important;
}

.motivCyan .obsahovyPanel a,
.motivCyan .komponentaBanner .text1,
.motivCyan .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny,
.motivCyan .obsahovyPanel table .nadpis.nadpisSkupinyZavreny
{
	color: #008cd2 !important;
}

.motivCyan .obsahovyPanel table .licha
{
	background: #edf7fc;
}

.motivCyan .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka {
    border: 1px #008cd2 solid;
}

.motivCyan .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny {
	background: transparent url('Sipky/CyanOtevreno.png') no-repeat left center;
}
.motivCyan .obsahovyPanel table .nadpis.nadpisSkupinyZavreny {
	background: transparent url('Sipky/CyanZavreno.png') no-repeat left center;
}

/* Motiv Green */

.motivGreen .panelHlavicka .panelHlavickaVnitrek {
	background-image: url(Hlavicka/Green.png);
}

.motivGreen .panelHlavicka .panelMenu .vybrana a,
.motivGreen .navigacniPanel .vybrana.polozka,
.motivGreen .katalog .zbozi .polozka .ceny td,
.motivGreen .komponentaHledat,
.motivGreen .katalog .porovnaniZbozi table tr.nazev,
.motivGreen .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka h2
{
	background: #007000 !important;
}

.motivGreen .obsahovyPanel a,
.motivGreen .komponentaBanner .text1,
.motivGreen .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny,
.motivGreen .obsahovyPanel table .nadpis.nadpisSkupinyZavreny
{
	color: #007000 !important;
}

.motivGreen .obsahovyPanel table .licha
{
	background: #f2f8f2;
}

.motivGreen .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka {
    border: 1px #007000 solid;
} 

.motivGreen .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny {
	background: transparent url('Sipky/GreenOtevreno.png') no-repeat left center;
}
.motivGreen .obsahovyPanel table .nadpis.nadpisSkupinyZavreny {
	background: transparent url('Sipky/GreenZavreno.png') no-repeat left center;
}

/* Motiv Red */

.motivRed .panelHlavicka .panelHlavickaVnitrek {
	background-image: url(Hlavicka/Red.png);
}

.motivRed .panelHlavicka .panelMenu .vybrana a,
.motivRed .navigacniPanel .vybrana.polozka,
.motivRed .katalog .zbozi .polozka .ceny td,
.motivRed .komponentaHledat,
.motivRed .katalog .porovnaniZbozi table tr.nazev,
.motivRed .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka h2
{
	background: #ed0f0b !important;
}

.motivRed .obsahovyPanel a,
.motivRed .komponentaBanner .text1,
.motivRed .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny,
.motivRed .obsahovyPanel table .nadpis.nadpisSkupinyZavreny
{
	color: #ed0f0b !important;
}

.motivRed .obsahovyPanel table .licha
{
	background: #fdecec;
}

.motivRed .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka {
    border: 1px #ed0f0b solid;
} 

.motivRed .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny {
	background: transparent url('Sipky/RedOtevreno.png') no-repeat left center;
}
.motivRed .obsahovyPanel table .nadpis.nadpisSkupinyZavreny {
	background: transparent url('Sipky/RedZavreno.png') no-repeat left center;
}

/* Motiv Blue */

.motivBlue .panelHlavicka .panelHlavickaVnitrek {
	background-image: url(Hlavicka/Blue.png);
}

.motivBlue .panelHlavicka .panelMenu .vybrana a,
.motivBlue .navigacniPanel .vybrana.polozka,
.motivBlue .katalog .zbozi .polozka .ceny td,
.motivBlue .komponentaHledat,
.motivBlue .katalog .porovnaniZbozi table tr.nazev,
.motivBlue .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka h2
{
	background: #0047ab !important;
}

.motivBlue .obsahovyPanel a,
.motivBlue .komponentaBanner .text1,
.motivBlue .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny,
.motivBlue .obsahovyPanel table .nadpis.nadpisSkupinyZavreny
{
	color: #0047ab !important;
}

.motivBlue .katalog .porovnaniZbozi table td.infoBox,
.motivBlue .obsahovyPanel table .licha
{
	background: #edf2f9;
}

.motivBlue .katalog .porovnaniZbozi table .suda td {
    border-left: 1px #d9e4f2 solid;
}

.motivBlue .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka {
    border: 1px #0047ab solid;
}

.motivBlue .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny {
	background: transparent url('Sipky/BlueOtevreno.png') no-repeat left center;
}
.motivBlue .obsahovyPanel table .nadpis.nadpisSkupinyZavreny {
	background: transparent url('Sipky/BlueZavreno.png') no-repeat left center;
}

/* Motiv Gold */

.motivGold .panelHlavicka .panelHlavickaVnitrek {
	background-image: url(Hlavicka/Gold.png);
}

.motivGold .panelHlavicka .panelMenu .vybrana a,
.motivGold .navigacniPanel .vybrana.polozka,
.motivGold .katalog .zbozi .polozka .ceny td,
.motivGold .komponentaHledat,
.motivGold .katalog .porovnaniZbozi table tr.nazev,
.motivGold .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka h2
{
	background: #ee9d00 !important;
}

.motivGold .obsahovyPanel a,
.motivGold .komponentaBanner .text1,
.motivGold .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny,
.motivGold .obsahovyPanel table .nadpis.nadpisSkupinyZavreny
{
	color: #ee9d00 !important;
}

.motivGold .obsahovyPanel table .licha
{
	background: #fef8ed;
} 

.motivGold .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka {
    border: 1px #ee9d00 solid;
} 

.motivGold .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny {
	background: transparent url('Sipky/GoldOtevreno.png') no-repeat left center;
}
.motivGold .obsahovyPanel table .nadpis.nadpisSkupinyZavreny {
	background: transparent url('Sipky/GoldZavreno.png') no-repeat left center;
}

/* Motiv Darkspace */

.motivDarkspace .panelHlavicka .panelHlavickaVnitrek {
	background-image: url(Hlavicka/Darkspace.png);
}

.motivDarkspace .panelHlavicka .panelMenu .vybrana a,
.motivDarkspace .navigacniPanel .vybrana.polozka,
.motivDarkspace .katalog .zbozi .polozka .ceny td,
.motivDarkspace .komponentaHledat,
.motivDarkspace .katalog .porovnaniZbozi table tr.nazev,
.motivDarkspace .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka h2
{
	background: #1a3137 !important;
}

.motivDarkspace .obsahovyPanel a,
.motivDarkspace .komponentaBanner .text1,
.motivDarkspace .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny,
.motivDarkspace .obsahovyPanel table .nadpis.nadpisSkupinyZavreny
{
	color: #1a3137 !important;
} 

.motivDarkspace .obsahovyPanel table .licha
{
	background: #dde0e1;
}

.motivDarkspace .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka {
    border: 1px #1a3137 solid;
}

.motivDarkspace .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny {
	background: transparent url('Sipky/DarkspaceOtevreno.png') no-repeat left center;
}
.motivDarkspace .obsahovyPanel table .nadpis.nadpisSkupinyZavreny {
	background: transparent url('Sipky/DarkspaceZavreno.png') no-repeat left center;
}

/* Motiv Mahogany */

.motivMahogany .panelHlavicka .panelHlavickaVnitrek {
	background-image: url(Hlavicka/Mahogany.png);
}

.motivMahogany .panelHlavicka .panelMenu .vybrana a,
.motivMahogany .navigacniPanel .vybrana.polozka,
.motivMahogany .katalog .zbozi .polozka .ceny td,
.motivMahogany .komponentaHledat,
.motivMahogany .katalog .porovnaniZbozi table tr.nazev,
.motivMahogany .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka h2 
{
	background: #c04000 !important;
}

.motivMahogany .obsahovyPanel a,
.motivMahogany .komponentaBanner .text1,
.motivMahogany .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny,
.motivMahogany .obsahovyPanel table .nadpis.nadpisSkupinyZavreny
{
	color: #c04000 !important;
}

.motivMahogany .obsahovyPanel table .licha
{
	background: #fbf2ed;
}

.motivMahogany .komponentaSlozkyDiskuze .seznamStranek li.diskuzniPolozka {
    border: 1px #c04000 solid;
}

.motivMahogany .obsahovyPanel table .nadpis.nadpisSkupinyOtevreny {
	background: transparent url('Sipky/MahoganyOtevreno.png') no-repeat left center;
}
.motivMahogany .obsahovyPanel table .nadpis.nadpisSkupinyZavreny {
	background: transparent url('Sipky/MahoganyZavreno.png') no-repeat left center;
}

/*
komponenta formular
*/
.komponentaFormular iframe {
    border-top: 2px solid #999999;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    border-left: 2px solid #999999;
}
body.strankaFormulare {
	background: #ffffff;        
}
body.strankaFormulare .obsahFormulare {
	background: #ffffff;
    padding: 10px;        
}
body.strankaFormulare .obsahFormulare table td.popis {
    padding: 5px 5px 5px 0px;
}
body.strankaFormulare .obsahFormulare table td.hodnota {
    padding: 5px 0px 5px 0px;
}
body.strankaFormulare .obsahFormulare table td.hodnota textarea {
    max-width: 300px;
}


/*
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 blog (blogove clanky zobrazene pomoci komponenty slozka a v admin blogu)
Jan Tic - 2013-07-23
*/
.seznamStranek .polozka {
    width: 749px;
    height: 120px;
    overflow: hidden;
    background: #dedede;
    margin-top: 1px;
    position: relative;
    top: 0px;
    left: 0px;
}
.seznamStranek .formularRazeni .polozka {
    width: auto;
    height: auto;
    overflow: visible;
    background: none;
}
.seznamStranek .polozka .prilohaL {
    width: 156px;
    height: 100px;
    position: absolute;
    top: 10px;
    left: 10px;
    clear: none;
    float: none;
    margin: 0px;
    padding: 0px;    
}
.seznamStranek .polozka h2 {
    width: 300px;
    height: 20px;
    line-height: 20px;
    overflow: hidden; 
    position: absolute;
    top: 16px; 
    left: 180px;
    z-index: 5; 
    font-size: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
.seznamStranek .polozka h2 a {
    color: #000000;
    text-decoration: none;
}
.seznamStranek .polozka h2 a:hover {
    color: #000000;
    text-decoration: underline;    
}
.seznamStranek .polozka .datum {
    width: 109px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    position: absolute;
    top: 19px; 
    left: 630px;
    font-size: 12px; 
}
.seznamStranek .polozka div {
    width: 135px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    position: absolute;
    top: 19px; 
    left: 490px;
    font-size: 12px;
}

.seznamStranek .polozka p {
    width: 559px;
    height: 42px;
    line-height: 14px;
    overflow: hidden;
    position: absolute;
    top: 0px; 
    left: 0px;
    z-index: 4; 
    font-size: 12px;
    padding: 46px 0px 18px 180px;
    margin: 0px;
    text-align: justify;    
}
.seznamStranek .polozka p.klicovaSlova,
.seznamStranek .polozka p.oduvodneni {
    width: 559px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    top: 90px; 
    left: 180px;
    padding: 0px;
    text-align: left;
}
.seznamStranek .polozka p.klicovaSlova {
    color: #666666;
    font-style: italic;
}
.seznamStranek .polozka:not(.diskuzniPolozka) p a {
    color: #0065cc; 
    text-decoration: none;
} 
.seznamStranek .polozka:not(.diskuzniPolozka) p a:hover {
    color: #0065cc;
    text-decoration: underline;
}
.seznamStranek .polozka.polozkaSRubrikou .rubrika {
    width: 100px;
    height: 20px;
    line-height: 20px;
    overflow: hidden; 
    position: absolute;
    top: 16px; 
    left: 180px;
    z-index: 5; 
    font-size: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;    
    background: transparent url('konecRubriky.png') no-repeat 63px 8px;
    color: #000000;
    text-decoration: none; 
}
.seznamStranek .polozka.polozkaSRubrikou h2 {
    width: 200px;
    left: 255px;
}

.blogSpravaVnitrek .seznamStranek {
    margin-bottom: 15px;
}


/*
komponenta diskuze
Jan Tic - 2013-07-23
*/
.textareaSmiles {
    padding: 3px 3px 0px 3px;
}
.textareaSmiles a {
    text-decoration: none;
}
.komponentaSlozkyDiskuze {
    margin-top: 10px;
}
.komponentaSlozkyDiskuze ul,
.komponentaSlozkyDiskuze  li {
     list-style: none;
     margin: 0px;
     padding: 0px;
}
.komponentaSlozkyDiskuze ul li ul li {
    margin: 5px;
}
.komponentaSlozkyDiskuze li.polozka {
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 5px;
    padding: 0px; 
    background: none;
    width: auto;
    height: auto;
    overflow: visible;
}
.komponentaSlozkyDiskuze li li.polozka {
    margin: 5px;
}
.komponentaSlozkyDiskuze li.polozka .datum {
    display: block;
    height: 18px;
    line-height: 18px;
    color: #ffffff;
    position: absolute;
    top: 3px;
    right: 5px;
    left: auto;
    text-align: right;
    overflow: hidden;
    font-weight: bold;
    z-index: 5;
}
.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;
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
    z-index: 4;
}

.komponentaSlozkyDiskuze li.polozka div {
    top: 3px;
    right: 120px;
	left: auto;
    color: #ffffff;
    font-weight: bold;
    z-index: 5;
    
}
.komponentaSlozkyDiskuze li.polozka p {
    width: auto;
    height: auto; 
    margin: 5px;
    padding: 0px;    
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;     
}