@import "default.css";

/* ==============================================[ pozicni bloky ]============================ */

body {
	margin: 0;
	padding: 15px 20px;
	text-align: center;
}

#all {
   position: relative;
   margin: 0 auto;
	width: 930px;
   border-top: 1px solid white;
	text-align: left;
}

#head {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   margin: 0;
   width: 100%;
   height: 100px;
	background: url(../images/border_dotted_h.gif) repeat-x left bottom;
	overflow: hidden;
}

#topmenu {
	position: absolute;
	top: 105px;
	left: 212px;
	z-index: 1;
	width: 718px;
	height: 89px;
	background: url(../images/border_dotted_h.gif) repeat-x left bottom;
}

#wrap {
   margin: 105px 0 15px;
}

#inner {
   float: right;
	margin: 92px 0 0;
   width: 718px;
}

#lcolumn,
#rcolumn {
	overflow: hidden;
}

#lcolumn {
   float: left;
   width: 211px;
}

#rcolumn {
   float: right;
   width: 154px;
}

#main {
   float: left;
	width: 563px;
	overflow: hidden;
}

#main .container {
	margin: 0 12px;
}

#reset {
   visibility: hidden;
   clear: both;
   height: 0;
   font-size: 0;
}

#foot {
	border-top: 4px solid #c1c1c1;
	background-color: #ccc;
	color: #818181;
}

/* ==============================================[ logo ]============================ */

#logo {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
   margin: 0;
}

#logo a img {
   border: none;
}

/* ==============================================[ 3 boxy s upoutavkami vedle loga]============================ */

#upoutavka {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0;
	height: 98px;
	background: url(../images/head.gif) no-repeat right top;
   list-style: none outside;
}

#upoutavka li {
	float: left;
	margin: 0 2px 0 0;
	width: 238px;
	height: 100%;
	overflow: auto;
}

#upoutavka li.n02 {
	margin: 0;
	font-size: 11px;
}
#upoutavka li.n02 strong {
	font-size: 11px;
}

#upoutavka .container {
	margin: 30px 18px 0;
}

#upoutavka li.n02 .container {
	margin-left: 80px;
}

#upoutavka h3 {
	margin: 0 0 3px;
	color: white;
}

#upoutavka a,
#upoutavka strong {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#upoutavka a:hover {
	text-decoration: underline;
}

#upoutavka li.n03 h3 a {
	border-bottom: 1px dotted white;
	text-decoration: none;
}

#upoutavka li.n02 strong {
	font-size: 173%;
}

#upoutavka .text {
	font-weight: normal;
}

/* ==============================================[ horni menu ]============================ */

#productmenu {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none outside;
}

#productmenu li {
	float: left;
	width: 118px;
	margin: 0 2px 0 0;
	white-space: nowrap;
	overflow: hidden;
}

#productmenu li.n06 {
	margin: 0;
}

#productmenu a {
	display: block;
	line-height: 40px;
	border-top: 4px solid #005b7f;
	background: #e6e6e6 no-repeat;
	color: #005b7f;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#productmenu li.n02 a,
#productmenu li.n04 a {
	background-image: url(../images/productmenu_r.gif);
	background-position: right bottom;
}

#productmenu li.n03 a,
#productmenu li.n05 a {
	background-image: url(../images/productmenu_l.gif);
	background-position: left bottom;
}

#productmenu a:hover {
	color: #818181;
}

#productmenu span {
	border-bottom: 1px dotted #005b7f;
}

#helpmenu {
	position: absolute;
	top: 60px;
	right: 0;
	text-align: right;
}

#helpmenu a {
	color: #f26522;
	text-decoration: none;
}

#helpmenu a:hover {
	color: #ed1c24;
}

/* ==============================================[ bannery ]============================ */

.banner {
	margin: 0 0 5px;
	padding: 0;
	background: url(../images/border_dotted_h.gif) repeat-x left bottom;
}

.banner img {
	margin: 0 0 5px;
	/*border-top: 4px solid #c1c1c1;
	padding-top:5px;*/
}

#main .banner {
	margin-left: -12px;
}

/* ==============================================[ oddelovace ve sloupcich ]============================ */

.box {
	margin: 0 0 5px;
	padding: 0 0 11px;
	border-top: 4px solid #f26522;
	background: url(../images/border_dotted_h.gif) repeat-x left bottom;
}

.box.last {
	padding-bottom: 0;
	background: none;
}

/* ==============================================[ nadpisy ve sloupcich ]============================ */

#lcolumn h3,
#rcolumn h3 {
	margin: 8px 0 10px;
	padding: 0 10px;
}

#lcolumn h3 {
	padding-left: 30px;
	background: no-repeat 13px 50%;
}

#lcolumn h3.n01 {
	background-image: url(../images/column_h3_1.gif);
}

#lcolumn h3.n02 {
	background-image: url(../images/column_h3_2.gif);
}

#lcolumn h3.n03 {
	background-image: url(../images/column_h3_3.gif);
}

#lcolumn h3.n04 {
	background-image: url(../images/column_h3_4.gif);
}

#lcolumn h3.n05 {
	background-image: url(../images/column_h3_5.gif);
}

#lcolumn h3 span,
#rcolumn h3 span {
	border-bottom: 1px dotted black;
}

/* ==============================================[ dotaz na produkt ]============================ */

#dotaz {
	border-top: 4px solid #f26522;
	background: url(../images/border_dotted_h.gif) repeat-x left bottom;
}

#dotaz h4 {
	margin: -5px 10px 5px;
	color: #818181;
	font-size: 91%;
	font-weight: normal;
}

#dotaz .prodejce {
	float: right;
	margin: 8px 0 0;
	width: 95px;
}

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

#dotaz .kontakt {
	clear: both;
	margin: 10px;
}

#dotaz .kontakt a {
	text-decoration: none;
}

#dotaz .kontakt strong {
	font-weight: normal;
}

/* ==============================================[ doporucene produkty ]============================ */

#best {
	border-top: 4px solid #f26522;
}

#best .item {
	margin: 0 0 20px;
	padding: 0 0 2px 9px;
	background: url(../images/border_dotted_v.gif) repeat-y;
}

#best h4 a {
	margin: 0 0 5px;
	color: #598527;
}

#best h4 a:hover {
	text-decoration:none;
}

#best .cena {
	float: right;
	margin: 10px 0 0;
	width: 104px;
	color: #818181;
	text-align: right;
}

#best .cena strong {
	color: #ed1c24;
}

#best img {
	float: left;
}

#best .text {
	clear: both;
	font-size: 91%;
}

/* ==============================================[ formulare v levem sloupci ]============================ */

.smallform {
   margin: 0 10px 0 0;
   padding: 0;
	border-left: 30px solid white;
}

.smallform fieldset {
	margin: 0 0 5px;
	padding: 0;
	border: none;
}

.smallform input {
	padding: 4px;
	width: 110px;
	border: 1px solid #c1c1c1;
	background: #e7e7e7 url(../images/input.gif) repeat-x;
}

.smallform input.submit {
	padding: 3px;
	width: auto;
	background: #f36928 url(../images/input_submit.gif) repeat-x;
}

.smallform a {
	text-decoration: none;
}

/* ==============================================[ historie v levem sloupci ]============================ */

#historie {
	margin: 0 10px 0 30px;
	padding: 0;
	list-style: none outside;
}

#historie a {
	color: #f26522;
	text-decoration: none;
}

#historie a:hover {
	color: #ed1c24;
}

/* ==============================================[ hlavni menu ]============================ */

#mainmenu {
   list-style: none outside;
}

#mainmenu ul {
	margin: 0 0 0 14px;
	padding: 0;
	list-style: none outside;
}

#mainmenu li {
	border: solid white;
	border-width: 0 0 1px;
}

#mainmenu ul li {
	padding-bottom: 1px;
	border-width: 1px 0 0;
}

#mainmenu a {
	display: block;
	padding: 4px 10px 4px 36px;
	background: #c1c1c1 url(../images/mainmenu_bullet_1.gif) no-repeat 10px 50%;
	color: #3d3d3d;
	font-weight: bold;
	text-decoration: none;
}

#mainmenu a:hover {
	background-color: #e6e6e6;
	background-image: url(../images/mainmenu_bullet_1_hover.gif);
	color: #ed1c24;
}

#mainmenu a.active {
	background-color: #f26522;
	background-image: url(../images/mainmenu_bullet_2_hover.gif);
	color: white;
}

#mainmenu ul a {
	background-color: #e6e6e6;
	background-image: url(../images/mainmenu_bullet_2.gif);
}

#mainmenu ul a:hover {
	background-color: #f26522;
	background-image: url(../images/mainmenu_bullet_2_hover.gif);
	color: white;
}

/* ==============================================[ aktuality ]============================ */

#aktuality {
	margin: 0 10px 0 30px;
}

#aktuality h4 {
	margin: 6px 0;
	color: #005b7f;
	font-weight: bold;
}

#aktuality h4 em {
	color: #3d3d3d;
	font-style: normal;
	font-weight: normal;
}

#aktuality .text {
	color: #818181;
}

/* ==============================================[ anketa ]============================ */

#anketa h4,
#anketa ul,
#anketa .celkem {
	margin: 0 10px 7px 30px;
}

#anketa h4 {
	color: #ed1c24;
	font-weight: bold;
}

#anketa h4 em {
	color: #3d3d3d;
	font-style: normal;
	font-weight: normal;
}

#anketa ul {
	padding: 0;
	list-style: none outside;
}

#anketa ul a {
	color: #005b7f;
	text-decoration: none;
}

#anketa ul a:hover {
	text-decoration: underline;
}

#anketa ul .graf {
	margin: 4px 0 8px;
	font-size: 91%;
	text-align: right;
}

#anketa ul .graf div {
	float: left;
	margin: 2px 0;
	width: 135px;
	height: 9px;
	background: url(../images/anketa_graf.gif) repeat;
	text-align: left;
}

#anketa ul .graf div span {
	display: block;
	width: 0;
	height: 100%;
	background-color: #005b7f;
}

#anketa .celkem {
	color: #818181;
	font-size: 91%;
}

/* ==============================================[ katalog ]============================ */

#katalog {
	margin: 0 0 5px;
}

#katalog .item {
	float: left;
	width: 270px;
	background: url(../images/border_dotted_v.gif) repeat-y right top;
	overflow: auto;
}

#katalog .krajni {
	width: 269px;
	background-image: none;
}

#katalog.velky .item {
	width: 179px;
}

#katalog .item .container {
	margin: 0;
	padding: 20px;
	height: 23em;
	background: url(../images/border_dotted_h.gif) repeat-x left bottom;
}

#katalog.velky .item .container {
	padding: 15px;
	height: 22em;
}

#katalog h2 {
	margin: 0 0 15px;
	font-size: 100%;
	text-transform: uppercase;
}

#katalog h2 a {
	color: #005b7f;
	text-decoration: none;
	height:30px;
	display:block;
}

#katalog h2 a span {
	border-bottom: 1px dotted #005b7f;
}

#katalog h2 a:hover {
	color: #f26522;
}

#katalog h2 a:hover span {
	border-color: #f26522;
}

.vlastnosti {
	float: right;
	margin: 18px 0 0;
	padding: 0;
	width: 75px;
	font-size: 11px;
	font-weight: bold;
	list-style: none outside;
	overflow: hidden;
}

#katalog a.productImg {display:block;height:65px;}

* html .vlastnosti {
	width: 72px;
}

#katalog.velky .vlastnosti {
	margin-top: -4px;
}

.vlastnosti li {
	margin: 0 0 5px;
	padding: 0 0 0 25px;
	line-height: 16px;
	background: no-repeat left center;
	white-space: nowrap;
}

.vlastnosti li.skladem {
	background-image: url(../images/katalog_skladem.gif);
	color: #8dc63f;
}

.vlastnosti li.akce {
	background-image: url(../images/katalog_akce.gif);
	color: #ed1c24;
}

.vlastnosti li.tip {
	background-image: url(../images/katalog_tip.gif);
	color: #598527;
}

.vlastnosti li.novinka {
	background-image: url(../images/novinka.gif);
	color: #007cff;
}


#katalog .text {
	margin: 10px 0;
}

#katalog .porovnat, li.porovnat {
	margin: 5px 0;
	padding: 0 0 0 25px;
	line-height: 16px;
	background: url(../images/katalog_porovnat.gif) no-repeat left center;
	white-space: nowrap;
}

#katalog .porovnat a, li.porovnat a {
	color: #818181;
	font-weight: bold;
	text-decoration: none;
}

#katalog .porovnat a:hover, li.porovnat a:hover {
	color: #444;
}

li.pes {
	margin: 5px 0;
	padding: 0 0 0 25px;
	line-height: 16px;
	background: url(../images/detail_pes.gif) no-repeat left center;
	white-space: nowrap;
}

li.pes a {
	color: #c70000;
	font-weight: bold;
	text-decoration: none;
}

li.pes a:hover {
	color: #c70000;
	text-decoration:underline;
}

li.oblibene {
	margin: 5px 0;
	padding: 0 0 0 25px;
	line-height: 16px;
	background: url(../images/oblibene.gif) no-repeat left center;
	white-space: nowrap;
}

li.oblibene a {
	color: rgb(255,192,0);
	font-weight: bold;
	text-decoration: none;
}

li.oblibene a:hover {
	color: rgb(255,192,0);
	text-decoration:underline;
}

#katalog .kosik {
	float: right;
}

#katalog.velky .kosik {
	margin-top: 8px;
}

#katalog .kosik a {
	display: block;
	width: 87px;
	line-height: 21px;
	background: url(../images/katalog_kosik.gif) no-repeat;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

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

#katalog .kosik a span {
	display: block;
	margin: 0 0 0 25px;
}

#katalog .cena {
	padding: 5px 0;
}

#katalog .cena strong {
	color: #ed1c24;
}

/* ==============================================[ vyber podkategorie a vyrobcu ]============================ */

.vyber {
	margin: 0 0 5px;
	padding: 0 0 2px;
	border-top: 4px solid #f26522;
	background: url(../images/border_dotted_h.gif) repeat-x left bottom;
	color: #c1c1c1;
}

.vyber .container {
	margin: 0 !important;
	padding: 15px 20px;
	background-color: #e6e6e6;
}

.vyber h3 {
	position: relative;
	margin: 0 0 5px;
}

.vyber h3 span {
	border-bottom: 1px dotted #3d3d3d;
}

.vyber a {
	color: #ed1c24;
	font-weight: bold;
	text-decoration: none;
}

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

.vyber ul {
	margin: 0;
	padding: 0;
	list-style: none outside;
}

.vyber ul li {
	float: left;
	margin: 0 0 2px;
	width: 20%;
	color: #ed1c24;
	font-weight: bold;
}

.vyber ul input {
	position: relative;
	top: 2px;
}

/* ==============================================[ strankovac a razeni ]============================ */

.strankovac {
	margin: 0 0 5px;
	padding: 0 0 2px;
	border-top: 4px solid #c1c1c1;
	background: url(../images/border_dotted_h.gif) repeat-x left bottom;
	color: #c1c1c1;
}

.strankovac .container {
	margin: 12px !important;
}

.strankovac strong {
	color: #3d3d3d;
	font-weight: normal;
}

.strankovac .stranky {
	float: right;
}

.strankovac .stranky a {
	color: #005b7f;
	font-weight: bold;
	text-decoration: none;
}

.strankovac .stranky a:hover {
	text-decoration: underline;
}

.strankovac .razeni a {
	padding: 0 20px 0 0;
	background: url(../images/strankovac_none.gif) no-repeat right center;
	color: #f26522;
	text-decoration: none;
}

.strankovac .razeni a:hover {
	color: #ed1c24;
}

.strankovac .razeni a.asc {
	background-image: url(../images/strankovac_asc.gif);
}

.strankovac .razeni a.desc {
	background-image: url(../images/strankovac_desc.gif);
}

/* ==============================================[ informace o dostupnosti na sklade ]============================ */

.info {
	margin: 0 0 5px;
	padding: 0 0 2px;
	border-top: 4px solid #e6e6e6;
	background: url(../images/border_dotted_h.gif) repeat-x left bottom;
	font-weight: bold;
}

.info .container {
	margin: 0 !important;
	padding: 12px 12px 12px 40px;
	background: #c1c1c1 url(../images/info.gif) no-repeat 20px 50%;
}

/* ==============================================[ globalni navigace u detailu ]============================ */

#navi {
	padding: 0 0 2px;
	border-top: 4px solid #c1c1c1;
	background: url(../images/border_dotted_h.gif) repeat-x left bottom;
	color: #818181;
}

#navi .container {
	margin: 12px;
}

#navi ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none outside;
}

#navi ul li {
	float: left;
	margin: 0 0 0 15px;
	padding: 0 0 0 18px;
	background: no-repeat left center;
}

#navi ul li.n01 {
	background-image: url(../images/navi_1.gif);
}

#navi ul li.n02 {
	background-image: url(../images/navi_2.gif);
}

#navi a {
	color: #818181;
	text-decoration: none;
}

#navi a:hover {
	color: #444;
}

/* ==============================================[ detail zbozi ]============================ */

#detail {
	margin: 0 0 5px;
	padding: 0 0 1px;
	background: url(../images/border_dotted_h.gif) repeat-x left bottom;
}

#detail .galerie {
	float: left;
	width: 240px;
}

#detail .detail {
	float: right;
	width: 299px;
}

#detail .container {
	margin: 20px;
}

#detail .detail .container {
	margin: 20px 15px;
}

#detail .text {
	margin: 0 0 10px;
}

#detail .dostupnost,
#detail .pes,
#detail .oblibene,
#detail .kalkulacka {
	margin: 0 0 7px;
	padding: 2px 0 2px 22px;
	background: no-repeat left center;
}

#detail .dostupnost {
	background-image: url(../images/detail_dostupnost.gif);
}

#detail .dostupnost strong {
	color: #8dc63f;
}

#detail .pes {
	background-image: url(../images/detail_pes.gif);
}
#detail .pes a {
	color:#c70000;font-weight:bold;
}

#detail .pes strong {
	color: #818181;
}

#detail .oblibene {
	background-image: url(../images/oblibene.gif);
}
#detail .oblibene a {
	color:rgb(255,192,0);font-weight:bold;
}

#detail .oblibene strong {
	color: rgb(255,192,0);
}

#detail .kalkulacka {
	background-image: url(../images/detail_kalkulacka.gif);
}

#detail .kalkulacka strong {
	color: #f26522;
}

#detail .kalkulacka em {
	color: #ed1c24;
	font-style: normal;
}

#detail .nakup {
	margin: 0 0 7px;
	border-top: 4px solid #ed1c24;
	background-color: #e6e6e6;
}

#detail .nakup .container {
	margin: 5px 10px 0;
	padding: 0 0 5px;
}

#detail .nakup .left {
	width: 95px;
}

#detail .nakup .right {
	width: 144px;
	color: #818181;
}

#detail .nakup .text {
	margin: 0 0 5px;
}

#detail .nakup strong {
	display: block;
	color: #3d3d3d;
}

#detail .nakup .cena strong {
	color: #ed1c24;
	font-size: 127%;
}

#detail .nakup form {
	margin: 10px 0 0;
}

#detail .nakup fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#detail .nakup input {
	width: 14px;
	margin: 0 5px 0 0;
	padding: 3px;
	background-color: white;
	background-image: none;
}

#detail .nakup input.submit {
	margin: 0 0 0 5px;
	padding: 0;
	width: 87px;
	height: 23px;
	border: none;
	background: url(../images/detail_kosik.gif) no-repeat;
}

#detail .prislusenstvi {
	padding: 7px 0 0;
	background: url(../images/border_dotted_h.gif) repeat-x;
}

#detail .prislusenstvi .text {
	margin-bottom: 6px;
}

/* ==============================================[ zalozky v detailu ]============================ */

#zalozky {margin: 0 8px 20px;padding: 0;height: 38px;border-top: 4px solid #8dc63f;list-style: none outside;}
#zalozky li {float: left;margin: 0 1px 0 0;width: 130px;}
#zalozky li.n04 {margin-right: 0;}
#zalozky a,#zalozky strong {display: block;padding: 12px 0;width: 100%;background-color: #e6e6e6;color: #3d3d3d;text-align: center;text-decoration: none;}
#zalozky a:hover {background-color: #ccc;}
#zalozky strong {background-color: #8dc63f;color: white;}

/* ==============================================[ vyber sekce u rozsireneho vyhledavani ]============================ */

#sectionform {
	margin: 0 0 5px;
	padding: 0 0 2px;
	background: url(../images/border_dotted_h.gif) repeat-x left bottom;
}

#sectionform fieldset {
	margin: 0;
	padding: 7px 17px;
	border: none;
	border-top: 4px solid #e6e6e6;
	background-color: #c1c1c1;
}

#sectionform select {
	margin: 0 10px 0 0;
	padding: 2px;
	width: 280px;
}

#sectionform input.submit {
	width: 77px;
	border: none;
	background: url(../images/sectionform_submit.gif) no-repeat;
	color: white;
}

* html #sectionform input.submit {
	position: relative;
	top: 3px;
}

/* ==============================================[ rozsirene vyhledavani ]============================ */

#dsform {
	margin: 0 0 5px;
	padding: 0;
	border-top: 4px solid #f26522;
}

#dsform fieldset {
	margin: 0 0 1px;
	padding: 10px 15px;
	border: none;
	background-color: #f3f3f3;
}

#dsform h3 {
	margin: 0 0 5px;
	color: #005b7f;
}

#dsform h3 span {
	border-bottom: 1px dotted #005b7f;
}

/* zacatek zmena */
#dsform label {
	/*display: block;
	float: left;*/
	padding: 4px 0 0;
	width: 55px;
	color: #818181;
}

.sub-select {color:#818181;}
option {padding-top:1px;padding-bottom:1px;}
/* konec zmena */


#dsform .help {
	margin: 0 0 0 5px;
	color: #818181;
}

#dsform ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none outside;
}

#dsform li {
	margin: 0 0 3px;
	width: 150px;
}

#dsform .notext {
	position: relative;
	top: 2px;
}

/* ==============================================[  ]============================ */
/* ==============================================[  ]============================ */
/* ==============================================[  ]============================ */
/* ==============================================[ paticka ]============================ */

#foot .container {
	padding: 12px 20px;
	font-size:10px;
	line-height:1.4;
}

#foot a {
	color: #3d3d3d;
	text-decoration: none;
}

#foot a:hover {
	color: black;
}

/* ==============================================[ odkazy na stavy produktu v levem sloupci ]============================ */

.stavy {
  margin: 0 10px 0 30px;
}

.stav-1 {
  display:block;
  width:200px;
  font-weight:bold;
  padding: 3px 0px 3px 25px;
  text-decoration:none;
  margin-bottom:5px;
  /*background: url(katalog_akce.gif) no-repeat left center;*/
  color: #f26522;
}

.stav-1:hover {
  color: #f26522;
  text-decoration:underline;
}


.stav-2 {
  display:block;
  width:200px;
  font-weight:bold;
  padding: 3px 0px 3px 25px;
  text-decoration:none;
  margin-bottom:5px;
  background: url("../images/novinka.gif") no-repeat left center;
  color: #007cff;
}

.stav-2:hover {
  color: #007cff;
  text-decoration:underline;
}

.stav-3 {
  display:block;
  width:200px;
  font-weight:bold;
  padding: 3px 0px 3px 25px;
  text-decoration:none;
  margin-bottom:5px;
  background: url("../images/katalog_akce.gif") no-repeat left center;
  color: #ed1c24;
}

.stav-3:hover {
  color: #ed1c24;
  text-decoration:underline;
}

.stav-4 {
  display:block;
  width:200px;
  font-weight:bold;
  padding: 3px 0px 3px 25px;
  text-decoration:none;
  margin-bottom:5px;
  background: url("../images/katalog_tip.gif") no-repeat left center;
  color: #598527;
}

.stav-4:hover {
  color: #598527;
  text-decoration:underline;
}
/* F20_LOGIN PAGE zapomenute heslo, login page */
.loginPage {}
.loginPage .nadpisLogin {font-size: 11px; font-weight: bold; color: #598527;}
.loginPage .nadpisLogin2 {font-size: 11px; font-weight: bold; color: #f26522;}
.loginPage .tecky {height:21px; margin: 0px; background: url("../images/border_dotted_h.gif") repeat-x left center;}
.loginPage input {background:#E7E7E7 url("../images/nput.gif") repeat-x scroll 0%;border:1px solid #c1c1c1;float:left;width:200px;font-size:12px;height:18px;padding:4px 4px 0px;margin-bottom:5px;}
.loginPage textarea {background:#E7E7E7 url("../images/nput.gif") center top repeat-x;border:1px solid #c1c1c1;float:left;width:300px;font-size:12px;height:80px;padding:4px 4px 0px;margin-bottom:5px;}
.loginPage label {float:left;width:100px;margin-top:6px;}
.loginPage strong {color:black;}
.loginPage input.button-submit {background: url("../images/button-submit.gif") center top no-repeat;width:110px;height:21px;float:left;text-align:center;font-weight:bold;font-size:11px;color:white;border:0px;border:none;cursor:pointer;padding-bottom:6px;}
.loginPage input.button-velky {background: url("../images/button-velky.gif") center top no-repeat;width:130px;height:21px;float:left;text-align:center;font-weight:bold;font-size:11px;color:white;border:0px;border:none;cursor:pointer;padding-bottom:6px;}
.button-velky {background: url("../images/button-velky.gif") center top no-repeat;width:130px;height:21px;float:left;text-align:center;font-weight:bold;font-size:11px;color:white;border:0px;border:none;cursor:pointer;padding-bottom:6px;}
.button-submit {background: url("../images/button-submit.gif") center top no-repeat;width:110px;height:21px;float:left;text-align:center;font-weight:bold;font-size:11px;color:white;border:0px;border:none;cursor:pointer}
.loginPage fieldset {border:0px;border:none;}
.loginPage fieldset legend {color:#598527;font-weight:bold;text-transform:uppercase;padding-bottom:10px;}

/* ==============================================[ zalozky v detailu ]============================ */

#zalozky {
	margin: 0 8px 20px;;
	padding: 0;
	width:519px;
	height: 38px;
	overflow:hidden;
	border-top: 4px solid #8dc63f;
	list-style: none outside;
}

#zalozky li {
	float: left;
	margin: 0 1px 0 0;
	width: 129px;
}

#zalozky li.n04 {
	margin-right: 0;
}

#zalozky a,
#zalozky strong {
	display: block;
	padding: 12px 0;
	width: 100%;
	background-color: #e6e6e6;
	color: #3d3d3d;
	text-align: center;
	text-decoration: none;
}

#zalozky a:hover {
	background-color: #ccc;
}

#zalozky strong {
	background-color: #8dc63f;
	color: white;
}

ul.zalozky {border-top:4px solid #8DC63F;list-style-type:none;margin:0px;padding:0px;}
ul.zalozky li {*float:left;}
ul.zalozky li.active a {background-color:#8DC63F;width:134px;height:40px;line-height:40px;color:white;float:left;margin-right:1px;text-align:center;text-decoration:none;}
ul.zalozky li.last a {margin-right:0;}
ul.zalozky li a {background-color:#E6E6E6;width:134px;height:40px;line-height:40px;color:black;float:left;margin-right:1px;text-align:center;text-decoration:none;}
ul.zalozky li a:hover {background-color:#cccccc;color:black}
ul.zalozky li.active a:hover {background-color:#8DC63F;}

table.specifi_product {width:539px;}
table.specifi_product th {background-color:#f5f5f5;padding:3px 10px;text-align:left;}
table.specifi_product td {border-bottom:1px solid #f5f5f5;padding:3px 10px;}

table.kosik {width:539px;}
table.kosik strong {color:black}
table.kosik input {background:#E7E7E7 url("../images/nput.gif") repeat-x scroll 0%;border:1px solid #c1c1c1;float:left;width:200px;font-size:12px;height:18px;padding:4px 4px 0px;margin-bottom:5px;}
table.kosik td {border-bottom:1px solid #CBCBCB;padding:3px 10px;}
table.kosik td.td-velky {font-size:14px;color:#598527;font-weight:bold;}
table.kosik th {border-bottom:1px solid #CBCBCB;padding:3px 10px;}
table.kosik td .button-submit {background: url("../images/button-submit.gif") center top no-repeat;width:110px;height:21px;float:left;text-align:center;font-weight:bold;font-size:11px;color:white;border:0px;border:none;cursor:pointer;line-height:18px;padding:0px;}
.button-big-ctlm {background: url("../images/button-big-ctlm.gif") center top no-repeat;width:160px;height:21px;float:left;text-align:center;font-weight:bold;font-size:11px;color:white;border:0px;border:none;cursor:pointer;line-height:18px;padding:0px;}

.pruvodceNakupem {width: 523px; margin: 0px 0px 10px 0px; overflow: hidden;}
.pruvodceNakupem .ctyriKroky {color:#3d3d3d; margin: 0px 0px 5px 0px;}
.pruvodceNakupem .kroky {height: 40px; width: 523px;}
.pruvodceNakupem .kroky td {vertical-align: middle;}
.pruvodceNakupem .kroky td.mezera {height:4px; font-size: 1px; overflow:hidden;}
.pruvodceNakupem .kroky td.popis {font-size: 11px; text-align: left;}
.pruvodceNakupem .kroky td.popisIsActive-0 {width: 131px; color: #3d3d3d; font-weight:normal;}
.pruvodceNakupem .kroky td.popisIsActive-1 {width: 134px; color: #FFFFFF; font-weight:bold;}
.pruvodceNakupem .odsazeni {padding: 0px 10px 0px 15px;}
.pruvodceNakupem .pozadi-1000 {background: url("../images/tivis-pruvodcenakupem01.gif") no-repeat left top;}
.pruvodceNakupem .pozadi-0100 {background: url("../images/tivis-pruvodcenakupem02.gif") no-repeat left top;}
.pruvodceNakupem .pozadi-0010 {background: url("../images/tivis-pruvodcenakupem03.gif") no-repeat left top;}
.pruvodceNakupem .pozadi-0001 {background: url("../images/tivis-pruvodcenakupem04.gif") no-repeat left top;}

.platba {float:left;width:269px;}
.platba .radek {border-top:1px solid #ECECEC;padding:12px 5px}
.platba .radek label {font-weight:bold;}
.platba .radek input {margin-right:10px;vertical-align:-2px;}
.platba .tmavy {background-color:#ececec}
.platba table td {padding-bottom:10px;}

.text_page h2 {color:black;}

a.homecredit {color:#c13234;font-weight:bold;padding-left:45px;background: url("../images/HC_logo.jpg") left center no-repeat;float:left;width:100px;}
#all #wrap #inner #main .container p.compare {font-size:11px;margin-left:5px;margin-top:10px;color:green;background-color:yellow;padding:10px 5px;margin-right:5px;}
#all #wrap #inner #main .container p.compare a {color:#000;font-weight:bold;}
.commentbox {border:1px solid rgb(230,230,230);background-color:#fafafa;padding:5px 10px 0 10px;margin-bottom:5px;}

#katalog .item {overflow:hidden;}

form.shop_search {margin-left:30px;}
form.shop_search label {width:150px;float:left;font-weight:bold;margin-top:3px;}
form.shop_search input {width:120px;float:left;margin:2px;border:1px solid #3D3D3D;height:16px;}
form.shop_search select {width:96px;float:left;margin:2px;border:1px solid #3D3D3D}

.text_page table {border-spacing:1px !important;border-collapse:collapse;width:100%;}
.text_page table td, .text_page table td {border:1px solid #fff;padding:2px 5px;background:#eee;}


  /* higshlith / img */
  
  .highslide {
  	cursor: url('../highslide/graphics/zoomin.cur'), pointer;
      outline: none;
  }
  .highslide-active-anchor img {
  	visibility: hidden;
  }
  .highslide img {
  	border: 2px solid gray;
  }
  .highslide:hover img {
  	border: 2px solid white;
  }
  
  .highslide-wrapper {
  	background: white;
  }
  .highslide-image {
      border: 2px solid white;
  }
  .highslide-image-blur {
  }
  .highslide-caption {
      display: none;
      
      border: 2px solid white;
      border-top: none;
      font-family: Verdana, Helvetica;
      font-size: 10pt;
      padding: 5px;
      background-color: white;
  }
  .highslide-loading {
      display: block;
  	color: black;
  	font-size: 8pt;
  	font-family: sans-serif;
  	font-weight: bold;
      text-decoration: none;
  	padding: 2px;
  	border: 1px solid black;
      background-color: white;
      
      padding-left: 22px;
      background-image: url('../highslide/graphics/loader.white.gif');
      background-repeat: no-repeat;
      background-position: 3px 1px;
  }
  a.highslide-credits,
  a.highslide-credits i {
      padding: 2px;
      color: silver;
      text-decoration: none;
  	font-size: 10px;
  }
  a.highslide-credits:hover,
  a.highslide-credits:hover i {
      color: white;
      background-color: gray;
  }
  
  .highslide-move {
      cursor: move;
  }
  
  .highslide-overlay {
  	display: none;
  }
  
  a.highslide-full-expand {
  	background: url('../highslide/graphics/fullexpand.gif') no-repeat;
  	display: block;
  	margin: 0 10px 10px 0;
  	width: 34px;
  	height: 34px;
  }
  
  
  /* Controlbar example */
  .controlbar {	
  	background: url('../highslide/graphics/controlbar4.gif');
  	width: 167px;
  	height: 34px;
  }
  .controlbar a {	
  	display: block;
  	float: left;
  	/*margin: 0px 0 0 4px;*/	
  	height: 27px;
  }
  .controlbar a:hover {
  	background-image: url('../highslide/graphics/controlbar4-hover.gif');
  }
  .controlbar .previous {
  	width: 50px;
  }
  .controlbar .next {
  	width: 40px;
  	background-position: -50px 0;
  }
  .controlbar .highslide-move {
  	width: 40px;
  	background-position: -90px 0;
  }
  .controlbar .close {
  	width: 36px;
  	background-position: -130px 0;
  }
  
  
  /* Necessary for functionality */
  .highslide-display-block {
      display: block;
  }
  .highslide-display-none {
      display: none;
  }
  
  /* highslide / html */
  .highslide-html {
      background-color: white;
  }
  .highslide-html-blur {
  }
  .highslide-html-content {
  	position: absolute;
      display: none;
  }
  .highslide-loading {
      display: block;
  	color: black;
  	font-size: 8pt;
  	font-family: sans-serif;
  	font-weight: bold;
      text-decoration: none;
  	padding: 2px;
  	border: 1px solid black;
      background-color: white;
      
      padding-left: 22px;
      background-image: url('../highslide/graphics/loader.white.gif');
      background-repeat: no-repeat;
      background-position: 3px 1px;
  }
  a.highslide-credits,
  a.highslide-credits i {
      padding: 2px;
      color: silver;
      text-decoration: none;
  	font-size: 10px;
  }
  a.highslide-credits:hover,
  a.highslide-credits:hover i {
      color: white;
      background-color: gray;
  }
  
  
  /* Styles for the popup */
  .highslide-wrapper {
  	background-color: white;
  }
  .highslide-wrapper .highslide-html-content {
      width: 300px;
      padding: 5px;
  }
  .highslide-wrapper .highslide-header div {
  }
  .highslide-wrapper .highslide-header ul {
  	margin: 0;
  	padding: 0;
  	text-align: right;
  }
  .highslide-wrapper .highslide-header ul li {
  	display: inline;
  	padding-left: 1em;
  }
  .highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
  	display: none;
  }
  .highslide-wrapper .highslide-header a {
  	font-weight: bold;
  	color: gray;
  	text-transform: uppercase;
  	text-decoration: none;
  }
  .highslide-wrapper .highslide-header a:hover {
  	color: black;
  }
  .highslide-wrapper .highslide-header .highslide-move a {
  	cursor: move;
  }
  .highslide-wrapper .highslide-footer {
  	height: 11px;
  }
  .highslide-wrapper .highslide-footer .highslide-resize {
  	float: right;
  	height: 11px;
  	width: 11px;
  	background: url('../highslide/graphics/resize.gif');
  }
  .highslide-wrapper .highslide-body {
  }
  .highslide-move {
      cursor: move;
  }
  .highslide-resize {
      cursor: nw-resize;
  }
  
  /* These must be the last of the Highslide rules */
  .highslide-display-block {
      display: block;
  }
  .highslide-display-none {
      display: none;
  }
  
table.hidden {display:block !important;}

.red, .required {color:#F26522;}
.green {color:#8DC63F;}
.uzavirac, .cleaner {height:1px;font-size:0;clear:both;display:block;}

.float-left {float:left;}
.float-right {float:right;}
.align-right {text-align:right;}
.align-center {text-align:center;}

#dkomentare .loginPage {padding:40px 10px 0 10px;*padding-top:10px;}

#dkomentare .loginPage #komenty {margin:10px 0 0 0;padding:0;}
#dkomentare .loginPage #komenty fieldset {margin:20px 0 0 0;padding:0;}
#dkomentare .loginPage #komenty fieldset legend {display:block !Important;*margin-left:-5px !important;}
#dkomentare .loginPage #komenty fieldset label {float:left;width:175px;line-height:20px;}
#dkomentare .loginPage #komenty fieldset input {height:auto;padding:4px;}
#dkomentare .loginPage #komenty fieldset br {clear:left;}
#dkomentare .loginPage #komenty fieldset .checkbox {width:auto;height:auto;border:0;float:none;padding:0;margin:0;background:none;}

#all #main .akce-anotace {margin-bottom:20px;padding:0 10px;background:transparent url('../images/border_dotted_h.gif') repeat-x scroll left bottom;} 
#all #main .akce-anotace img {float:left;margin-right:10px;margin-bottom:10px;}

#all #main .news {padding:0 10px;margin-bottom:30px;}
#all #main .news b {font-size:130%;color:#ED1C24;}
#all #main .news h2 {margin-bottom:10px !important;font-size:150% !important;font-weight:normal;}
#all #main .news h2 a {color:#005B7F !important;text-decoration:none;}
#all #main .news h2 a:hover {text-decoration:underline;}
#all #main .news img {margin:0 30px 20px 0;float:left;}
#all #main .news .chci {font-weight:normal;line-height:21px;}
#all #main .news .chci a {color:#8DC63F;}
#all #main .news .chci a:hover {text-decoration:none;}
#all #main .news .cart-button {background:url("http://tivis.cz/images/akce-do-kose.jpg") left top no-repeat;width:87px;height:21px;float:right;text-decoration:none;}

#lcolumn .akcni p {margin-bottom:10px;}

#lcolumn .akcni .inside {padding:0 10px 0 10px;}
#lcolumn .akcni .inside img {margin:0 10px 10px 0;float:left;}
#lcolumn .akcni .inside a strong {color:#ED1C24;}
#lcolumn .akcni .inside a {color:#ED1C24;}
#lcolumn .akcni .inside a:hover {text-decoration:none;}