@font-face {
    font-family: Open Sans;
    src: url('../font/OpenSans-Regular.ttf');
}
* {
	margin: 0px;
	padding: 0px;
	font-family: "Open Sans","Verdana","Arial","Lucida Grande";
	font-size: 13px;
	border-collapse: collapse;
}
p, a, td, span, ul, li, h1, h2, h3, dt, dd {
	line-height: 22px;
}
ul, li {
	margin-left: 20px;
}
img.dotted-border {
	border: 1px dotted #adadad;
}
.list li {
	list-style-type: none;
	background:   url(../img/web-parts/nabidka-bod.png) no-repeat 0px 11px !important;
	font-size: 13px; padding: 2px 0px 2px 13px;
}
p {
	margin-top: 10px;
}
#dialog p, #dialog dd {
	text-align: justify;
}
a {
	color: #1a6898; text-decoration: underline;
}
p a {
	color: #136395 !important; text-decoration: underline;
}
.zarovnany-odstavec {
	text-align: justify;
}
sup {
	font-size: 80%;
}

a img {
	border-width: 1px;
	text-decoration: none;
}
h1 {
	font-size: 26px; color: #166397; font-weight: normal; line-height: 32px;	
	margin-bottom: 20px;
	clear: both;
}
.kosikH1 {
	color: #90c10e;
}
h2 {
	font-size: 16px; color: #136395; margin-top: 20px; margin-bottom: 5px; clear: both;
}
h2 a {
	font-size: 16px; color: #136395;  margin-top: 20px; margin-bottom: 20px; clear: both;
}
.kosikH2 {
	color: #000;
}
h3 {
	font-size: 16px; color: #2e2e2e !important; font-weight: bold; margin: 30px 0px 0px 0px; clear: both;
}
h4 {
	font-size: 12px; color: black; font-weight: bold; margin-left: 15px; margin-bottom: 5px;
}
fieldset {
	padding: 0px 0px 15px 0px; border: 1px solid #e5e5e5; border-width: 1px 0px 0px 0px;  margin: 25px auto 10px;
}
legend{
	font-weight: bold; padding: 0px 20px 0px 0px; color: #111111; font-size: 14px;
}
legend a{
	font-weight: normal;
}
.fieldsetP {
	margin-left: 0px; margin-top: 20px;
}

.invisible {
	visibility: hidden;
}

table {
	border-collapse: collapse;
	margin: 10px 0px;
}
td .even {
	background-color: #eeeeee;
}
caption {
	font-weight: bold; text-align: left; line-height: 26px;
}
.w_caption {
	padding: 10px 0px 10px 20px !important;
}
.w_captionText {
	color: #5a0808; font-size: 18px; width: 100%; text-align: center;
}
.w_content_container {
	margin-top: 20px !important;
}
ol {
	margin: 10px 0px 20px 20px;
}
dl {
	margin-bottom: 20px; padding-left: 20px;
}
dt {
	font-size: 14px; color: #445a68; margin-top: 10px; margin-bottom: 5px; clear: both; FONT-WEIGHT: BOLD;
}
dd {
	margin-left: 20px;
}
th {
	font-weight: bold; text-align: left; line-height: 18px;
}
td {
	vertical-align: 50%; padding-left: 10px; padding-right: 10px;
}
p {
	margin-bottom: 10px;
}
em {
	font-weight: bold;
}
body {
	background: url(../img/web-parts/bg-body.png) repeat-x;
}
#popupBody {
	background-color: white; background-image: none; padding: 10px 20px;
}
#wrapper {
	padding-bottom: 70px; padding-top: 15px; width: 970px;
	margin: 0px auto 0px auto;
	min-height: 860px;
}
#allOver {
	margin: 0px auto 0px;
}
#divBottom {
	background-color: #d5d7d9; clear: both;
	width: 100%;
}
#bottom-wrapper {
	width: 970px; margin: 0px auto;	padding-bottom: 30px;
}
.divBottom-in {
	width: 270px; float: left; padding-top: 10px;
}
.divBottom-in .nadpis-bottom {
	font-size: 18px; color: #2e2e2e; display: block; margin: 25px 0px 10px 0px;
}
.divBottom-in .pointSpan {
	font-size: 14px; text-decoration: none; color: #727272; line-height: 26px; padding-left: 10px; margin-left: 3px;
	background: url(../img/web-parts/bottom-point.png) no-repeat left 7px;
}
.divBottom-in a {
	font-size: 14px; text-decoration: none; color: #727272; line-height: 26px; padding-left: 10px; margin-left: 3px;
	background: url(../img/web-parts/bottom-point.png) no-repeat left 7px;
}
.divBottom-in a:hover {
	text-decoration: underline;
}
.bottomLogo {
	float: right; margin: -100px -170px 0px 0px;
}
#topDiv {
	height: 130px; width: 970px; margin: 0px auto;
}
#logo{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 15px 0px 0px 0px;
	width: 230px;
	height: 70px;
	overflow: hidden;
	font-weight: bold;
	float: left;
}
#logo strong{
	display: block;
	width: 230px;
	height: 70px;
	position: absolute;
	left: 0;
	top: 0px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	background-image: url('../img/web-parts/logo-einterier.png');
	background-repeat: no-repeat;
	cursor: pointer;
}
#logo a{
	text-decoration: none;
	font-size: 100%;
	font-weight: bold; color: #164674;
	display: block; padding: 40px 0px 0px 20px;
}

#menuTop1 {
	margin: 0px 0px 0px -25px; float: left; color: #818892;
}
#menuTop1 .active {
	font-weight: bold; color: #585d65;
}
#menuTop2 {
	color: #5a0808; float: right; margin-right: -20px;
}
#menuTop1 a {
	text-decoration: none; color: #818892; padding: 0px 12px; line-height: 37px;
}
#menuTop2 a, #menuTop2 span {
	text-decoration: none; color: #818892; font-weight: bold; line-height: 37px; padding: 0px 20px;
}
#menuTop1 a:hover {
	text-decoration: underline;
}
#menuTop2 a:hover {
	text-decoration: underline;
}
.prihlasitA {
	display: block; float: left;
	padding-left: 14px; background: url('../img/web-parts/bg-prihlasit.png') no-repeat left 12px;
}
.phone {
	display: block; float: left;
	padding-left: 18px; margin-left: 10px; background: url('../img/web-parts/bg-phone.png') no-repeat left 12px;
	color: #818892; font-weight: bold; line-height: 37px;
}
.phone b {
	border-bottom: 1px dashed #818892;
}
.slogan {
	display: block; float: left; margin: 40px 0px 0px 50px; font-size: 16px; font-style: italic; color: #a3a3a3; font-weight: bold;
}
#kosik {
	font-size: 12px; display: block; float: right; margin: 20px 0px 0px 0px; padding: 8px 100px 8px 15px; height: 40px; text-decoration: none;
	border: 1px solid #f4f4f3;
	background: url(../img/web-parts/bg-kosik.png) no-repeat right top;
}
#kosik img {
	float: left; margin-right: 5px; border: none;
}
#kosik .kosik-nadpis {
	color: #90c10e; font-weight: bold;
}
#kosik .texty {
	float: left; text-align: left; color: #ffffff;
}
#kosik .texty .polozky {
	color: #7e7e7e;
}
#kosik .texty .cena {
	margin-left: 5px; color: #7e7e7e;
}
#kosik:hover {
	text-decoration: none !important; font-weight: bold;
}
/* - - - - - - - - - - - - - -  PRVNÍ MENU - - - - - - - - - - - - - - - - */
#menu1 {
	margin: 20px 0px 0px 0px; float: left; width: 968px; height: 57px;
	background: url(../img/web-parts/bg-menu1.png) repeat-x; border: 1px solid #145d8a;
}
#menu1 a {
	text-decoration: none; width:33%; diplay: block; float:left; height: 51px; text-align: center;
	color: #fff; line-height: 22px; font-size: 14px; font-weight: bold; padding-top: 6px;
}
#menu1 a.last {
	width: 34%;
}
#menu1 a:hover {
	text-decoration: underline;
}
.menu1-1, .menu1-2, .menu1-3, .menu1-4, .menu1-5, .menu1-6, .menu1-on {
	display: block; float: left; line-height: 57px;
}
.menu1-on:hover span {
	text-decoration: none !important;
}
.menu1-on:hover {
	text-decoration: none !important;
}
.menu1-on {
	z-index: 99 !important; display: block; position: relative;
	margin-left: 0px; background-color: #545859; height: 59px !important;
}
#menu1 a img {
	float: left; border: 0px;
}
.menu1-on .menuSpan {
	height: 57px !important;
}
.menuSpan-in1 {
	display: block; float: left; font-weight: bold; color: #fff; line-height: 58px; text-align: center;
}
.menuSpan-in2 {
	display: block; float: left; font-size: 14px; font-weight: bold; color: #fff; line-height: 58px; text-align: center;
}
.menu1-on .menuSpan-in1 {
	font-size: 16px; color: #ffffff; line-height: 58px; 
}
.menu1-on .menuSpan-in2 {
	font-size: 16px; color: #ffffff; line-height: 58px; 
}
/* - - - - - - - - - - - - - -  DRUHÉ MENU - - - - - - - - - - - - - - - - */
#menu2 {
	height: 57px; width: 970px; float: left; background-color: #545859; border-top: 1px solid #4f4d4d;
	display: block; position: relative; z-index: 90;
}
#menu2 a {
	text-decoration: none; color:  #c3cbcd; line-height: 57px;
}
#menu2 a:hover, .menu2-1line:hover, .menu2-2lines:hover {
	text-decoration: underline !important;
}
.menu2-1line {
	font-size: 14px; line-height: 18px; display: block; float: left; padding: 0px 20px; text-align: center;
	line-height: 57px;
}
.menu2-2lines {
	font-size: 14px; line-height: 18px; display: block; float: left; padding: 2px 15px 0px 15px; text-align: center;
}
.menu2-on {
	font-weight: bold !important; height: 57px !important; color: #c3cbcd !important;
	background: url(../img/web-parts/bg-menu2-on.png) no-repeat center bottom;
}
.menu2-on:hover {
	text-decoration: none !important;
}

#breadcrumbs {
	margin: 0px 0px 15px 0px; padding-top: -3px;
}
#breadcrumbs span, #breadcrumbs em , #breadcrumbs a {
	color: #b8b8b8; font-size: 11px; font-style: normal; line-height: 28px;
}
.inPageBanner {
	width: 160px; position: absolute; margin: 0px -1000px 0px 810px;
	background: #f3f3f3; text-align: center; padding-bottom: 20px;
}
.rightBanner {
	width: 160px; position: absolute; margin: 0px -1000px 0px 1000px;
	background: #f3f3f3; text-align: center; padding-bottom: 20px;
}
.rightBanner .hlavni-nadpis {
	display: block; width: 100%; line-height: 50px; font-size: 14px; font-weight: bold; color: #1b6999;
	background: #eeeeee;
}
.rightBanner .nadpis {
	display: block; font-size: 12px; font-weight: bold; color: #1b6999;
}
.rightBanner a {
	text-decoration: none;
}
.rightBanner a img {
	margin-top: 20px;
}
.rightBanner .obsah {
	display: block; width: 150px; font-size: 11px; color: #4a4848; margin: 0px auto;
}
/* --------------------------------------------------------------- pages ----------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* --------- index ------------ */
#nabidka {
	width: 968px; height: 266px; margin-top: 20px; 
	border: 1px solid #dadada; background: #f2f2f2;
}
.nabidka-texty {
	float: right; width: 320px; padding: 15px 0px 0px 0px;
}
.nabidka-nadpis {
	font-size: 28px; line-height: 30px;
}
.nabidkaUL, .indexUL {
	margin: 10px 0px 0px -20px !important;
}
.nabidkaUL li, .indexUL li, .textUL li {
	list-style-type: none;
	background:   url(../img/web-parts/nabidka-bod.png) no-repeat 0px 13px !important;
	color: #352b2a; font-size: 13px; padding: 4px 0px 4px 13px;
}
.normalUL li {
	list-style-type: disc; padding-left: 0px; background: none !important;
}
.indexUL li {
	line-height: 18px;
	background:   url(../img/web-parts/nabidka-bod.png) no-repeat 0px 11px !important;
}
.indexh1 {
	width: 970px; text-align:center; padding: 0px !important; margin: 25px 0px 30px 0px;
}
.volby-table {
	width: 970px; margin-bottom: 50px;
}
.volby-table td {
	text-align: center; color: #4a4848; padding: 5px 0px;
}
.vyhody {
	width: 968px; margin-top: 20px;
	border: 1px solid #dadada; background: #f2f2f2;
}
.vyhody-in {
	width: 600px; float: left; padding: 20px 0px 0px 20px;
}
.vyhody-nadpis {
	font-size: 18px; color: #136395;
}
.index-kontakty {
	width: 300px; height: 253px; float: right;
	background: url(../img/web-parts/kontakt-index.png) no-repeat;
}
.index-kontakty span, .index-kontakty a {
	color: #ffffff; display: block; float: left; clear: left; text-decoration: none;
	font-size: 14px; font-weight: bold;
}
.index-kontakty a:hover {
	text-decoration: underline;
}
.index-kontakty .kontakt-nadpis {
	font-size: 18px; margin: 30px 0px 15px 30px; font-weight: normal;
}
.index-kontakty .phone {
	background: url(../img/web-parts/phone.png) no-repeat 0px 3px;
	padding-left: 33px; margin-left: 30px;
}
.index-kontakty .mail {
	background: url(../img/web-parts/mail.png) no-repeat 0px 4px;
	padding-left: 33px; margin: 10px 0px 48px 30px;
}
.index-kontakty .formular {
	padding-left: 26px; margin-left: 7px;
}
.index-vymereni {
	width: 970px; margin-top: 20px;
}
.index-vymereni img {
	float: left; margin: 30px 30px 0px 0px;
}
.index-vymereni .index-vymereni-in {
	float: right; width: 610px; margin-top: 35px;
}
.index-vymereni .index-vymereni-in span {
	font-size: 18px; color: #136395;
}
.index-vymereni .index-vymereni-in p {
	margin: 15px 0px; color: #2e2e2e;
}
.index-vymereni .index-vymereni-in a {
	display: block; width: 60px; height: 26px; line-height: 26px;
	background-color: #136395; text-align: center; color: #fff; text-decoration: none;
	float: right;
}
.index-vymereni .index-vymereni-in a:hover {
	text-decoration: underline;
}
.small-text {
	font-size: 11px !important; color: #fff !important;
}










.index-main {
	margin: 5px 0px 0px 18px; padding: 0px;
}
.index-main li {
	list-style-image: url(./img/web-parts/bg-li-index.png) no-repeat 0px 5px;
	margin: 0px; padding: 0px;
}
.vycet-vyhod {
	margin: -5px 0px 20px 20px; float: left;
}
.vycet-vyhod li {
	list-style-image: url(./img/web-parts/bg-li-index.png) no-repeat 0px 5px;
}

.zalozky a {
	padding: 0px 20px 0px 15px; display: block; float: left; height: 28px; line-height: 32px;
}
.zalozky .vybrana-zalozka a {
	background: url(../img/web-parts/zalozka-right.png) no-repeat right top; line-height: 36px; text-decoration: none;
}
.do-kosiku {
	display: block; float: right; width: 93px; height: 49px; background: url(../img/web-pict/do-kosiku-off.png) no-repeat; 
	margin-left: 20px; margin-top: 17px;
}
.do-kosiku:hover {
	display: block; float: right; width: 93px; height: 49px; background: url(../img/web-pict/do-kosiku-on.png) no-repeat;
}
/* --- obchodní podmínky --- */
.doprava dt {
	font-size: 12px; color: black; font-weight: bold; margin-left: 15px; margin-bottom: 5px;
}
/* --- kontakty --- */
#adresa {
	background: url(../img/web-pict/mapa.gif) no-repeat 140px 30px;
}
#kontaktTable {
	width: 100%; margin-left: 0px;
}
#kontaktTable td {
	line-height: 25px; padding: 3px 10px 3px 0px; color: #464646;
}
#kontaktTable input{
	width: 250px; height: 27px; line-height: 27px;padding-left: 5px; border: 1px solid #4a4a4a; color: #000;
}
#kontaktTable textarea{
	width: 500px; height: 100px; padding-left: 5px; border:1px inset #4a4a4a; margin-top: 10px; color: #000;
}
#kontaktTable .kontaktyOdeslat {
	padding: 0px 20px 0px 20px; height: 38px; color: #fff; font-weight: bold;
	text-decoration: none; font-size: 14px; cursor: pointer;
	background: #1b6999 url(../img/web-parts/white-arrow.png) no-repeat 210px 13px; border: 1px solid #145d8a;
}
#kontaktTable .kontaktyOdeslat:hover {
	text-decoration: underline;
}
/* --- objednat vyměření --- */

#choicesSpan input {
	float: left; margin: 4px 10px 0px 20px;
}
#choicesSpan label {
	float: left;
}
.obj-vymereniTable-vyber, .obj-vymereniTable {
	width: 100%;
}
.obj-vymereniTable caption, .obj-vymereniTable-vyber th {
	background-color: #f1f1f1; line-height: 24px; padding-left: 10px;
}
.obj-vymereniTable th{
	line-height: 24px; padding-left: 10px; text-align: right; width: 202px;
}
.obj-vymereniTable td {
	line-height: 25px;
}
.obj-vymereniTable input{
	width: 250px; height: 17px; padding-top: 3px; padding-left: 3px; border:1px inset #999999;
}
.obj-vymereniTable textarea{
	width: 500px; height: 100px; padding-top: 3px; padding-left: 3px; border:1px inset #999999; margin-top: 10px;
}
.obj-vymereniTable .objednat {
	padding-top: 0px; height: 24px; margin: 10px 0px; background: #f1f1f1;
}
.obj-vymereniTable .objednat:hover {
	padding-top: 0px; height: 24px; margin: 10px 0px; background: #e4e3e3;
}
.kontaktyAvymereni {
	float: left; margin-right: 5px; margin-top: 5px;
}
.kontaktyAvymereni input {
	text-align: left; padding: 0px 0px 5px 30px !important; border: 0px !important; width: 222px; height: 35px !important; cursor: pointer; 
	background: url(../img/web-parts/tlacitka/objednat-vymereni.png) no-repeat; line-height: 28px;
}
.kontaktyAvymereni input:hover { 
	padding: 0px 0px 0px 30px !important;
	background: url(../img/web-parts/tlacitka/objednat-vymereni-hover.png) no-repeat;
}
/*---------------------  objednat vzorníky ---------------------------------*/
.objednatVzornikyTable {
	margin: 10px 0px 10px 55px;
}
.objednatVzornikyTable th {
	text-align: center;
}
.objednatVzornikyTable td {
	text-align: left; padding: 2px 20px; vertical-align: middle;
}
.objednatVzornikyTable input {
	display: block; width: 220px; line-height: 27px; height: 27px; border: 1px solid #4a4a4a; float: left;
	margin-right: 10px; padding-left: 5px;
}
.objednatVzornikyTable textarea {
	width: 520px; height: 150px; border: 1px solid #4a4a4a;
}
.objednatVzornikyTable select {
	border: 1px solid #4a4a4a;
}

.zadani-kalkulace {
	 float: left;
}
.zadani-kalkulace td {
	vertical-align: middle;
}
.zadani-kalkulace input, .zadani-kalkulace select {
	border: 1px solid #4a4a4a; display: block; float: left;
    height: 27px; line-height: 27px; margin-right: 10px; padding-left: 5px; padding-right: 5px;
}
.vysledek-over {
	padding-bottom: 20px;
}
.vysledek-kalkulace {
	border: 1px solid #cacaca; width: 900px; background-color: #ffffff; margin-bottom: 0px;
}
.vysledek-kalkulace th {
	padding: 0px 15px; text-align: center; line-height: 30px;
}

.vysledek-kalkulace td {
	padding: 0px 15px; text-align: center; vertical-align: middle;
}

.vysledek-kalkulace .kalkulace-objednat {
	text-decoration: none; line-height: 30px; cursor: pointer;
}
.vysledek-kalkulace .kalkulace-objednat:hover {
	text-decoration: underline;
}

.vysledek-kalkulace .odd .noService {
	background-color: #edf4f8;
}

.vysledek-kalkulace .even .noService {
	background-color: #cee0eb;
}
.vysledek-kalkulace .odd .withService {
	background-color: #fcf8f4;
}

.vysledek-kalkulace .even .withService {
	background-color: #f0e5db;
}
/* ---------------- ROLETY ------------------*/
.typy-rolet {
	float: left; margin: 30px 0px 0px 0px; width: 970px;
}
.rolety-in p {
	width: 400px;
}
.rolety-in img {
	width: 150px; float: left; margin: 0px 5px 0px 10px;
}
.rolety-in .uchyceni {
	margin-top: -10px;
}
.vyber-barvy-komponent {
	display: block; width: 250px; height: 60px; border: 1px dotted #adadad;
}
/* ---- objednat rolety ----- */
.objednani-rolet {
	float: left; margin: 11px 0px 0px 30px;
}
.objednani-rolet .objednat-zaluzii {
	clear: both; margin-bottom: 7px;
}
.posunout-link {
	margin-right: 60px !important;
}
.no-border input {
	border: 0px !important;
}
.objednat-roletu {
	margin-bottom: 30px; 
}
.objednat-roletu li {
	list-style-type: none;
}
.objednat-roletu a {
	line-height: 26px; display: block; width: 200px;
}
.objednat-roletu span {
	display: none;
}
.objednat-roletu a:hover span {
	position: relative; top:-35px; right: -230px; display: block; width: 182px; height: 200px;
	background: url("../img/rolety/nahledy/male/rolety-komplet.jpg") right top no-repeat; margin-bottom: -200px;
}
.jazz-19 a span {
	position: relative; top:-35px; right: -230px; display: block; width: 182px; height: 200px;
	background: url("../img/rolety/nahledy/male/rolety-komplet.jpg") right top no-repeat; margin-bottom: -200px;
}
.jazz-25:hover a span {
	position: relative; top: -60px; background-position: 0px -200px;
}
.jazz-32:hover a span {
	position: relative; top: -90px; background-position: 0px -400px;
}
.collete:hover a span {
	position: relative; top: -110px; background-position: 0px -600px;
}
.optima:hover a span {
	position: relative; top: -130px; background-position: 0px -800px;
}
.stream:hover a span {
	position: relative; top: -155px; background-position: 0px -1000px;
}
.legend:hover a span {
	position: relative; top: -190px; background-position: 0px -1200px;
}
/* ---- ceník rolet ----- */
.cenyRoletDiv {
	width: 950px; overflow: auto; border: 1px solid #838383; background: #fffbf7; padding: 10px 10px 10px 5px;
}
.cenyRoletTable {
	border-collapse: collapse; margin: 10px 20px 15px 5px;
	border: 1px solid #a0a0a0;
}
.cenyRoletTable td, .cenyRoletTable th {
	border: 1px solid #a0a0a0; padding: 2px 6px 2px 7px; text-align: left;
}
.typ-rolety {
	float: left !important;
}
.info-rolety p {
	margin-top: 20px;
}
.info-rolety img {
	float: left !important; margin-right: 30px; margin-top: -10px; margin-bottom: 20px;
}
.barva-komponent {
	float: left; margin: 10px 0px 0px 20px;
}
.barva-komponent .dekor {
	display: block; width: 200px; height: 44px;
}
.barva-komponent img{
	width: 200px;
}
/* --------- návody rolet ------------ */
.obsah-baleni li {
		list-style-type: decimal;
}
.obsah-baleni {
		padding-left: 0px; float: left;
}
.navod-rolety {
	margin-left: 10px;
}
.navod-rolety td {
	vertical-align: bottom;
}
.navod-rolety p {
	width: 420px; margin-left: 0px; text-align: justify; padding-top: 15px;
}
/* ------------ katalog látek žaluzií a rolet ------------ */
.katalogFieldset {
	width: 470px; 
}
.fieldset-left {
	float: left;
}
.fieldset-right {
	float: right;
}
.katalogFieldset p {
	display: block; height: 76px; line-height: 16px;
}
.katalogFieldset legend {
	color: #3c3c3c; font-size: 16px; font-weight: bold; line-height: 26px;
}
.katalogFieldset table {
	float: left;
}
.katalogFieldset table td {
	padding-left: 0px; padding-right: 15px; font-size: 12px;
}
.katalog-odkazy {
	float: right; width: 160px; margin-top: 5px;
}
.katalog-odkazy a {
	display: block; float: left; text-decoration: none;
	color: #3c3c3c; font-size: 11px; line-height: 14px;
}
.katalog-odkazy a:hover {
	 text-decoration: underline;
}
.katalog-odkazy .struktura {
	width: 48px; height: 40px; padding: 0px 0px 0px 25px;
	background: url(../img/web-parts/bg-katalog-struktura.png) no-repeat 0px 5px;
}
.katalog-odkazy .barvy {
	width: 38px; height: 40px; padding: 0px 0px 0px 25px; float: right !important;
	background: url(../img/web-parts/bg-katalog-barvy.png) no-repeat 0px 5px;
}
.objednat-katalog {
	display: block; width: 148px; height: 40px; padding: 6px 0px 0px 10px; clear: both; line-height: 16px !important; font-size: 13px !important; color: #2e2e2e; 
	background: #d5d5d5 url(../img/web-parts/grey-arrow.png) no-repeat 135px 14px; border: 1px solid #afafaf;
}
.predchoziBarva {
	height: 35px; float: left; margin: 20px 0px 20px 0px;
}
.predchoziSpan {
	background: url(../img/web-parts/tlacitka/button-prev-bg.png) no-repeat right top;
	float: left; display: block; height: 35px; line-height: 32px; padding: 0px 18px 0px 15px;;
}
.predchoziBarva:hover .predchoziSpan {
	background: url(../img/web-parts/tlacitka/button-prev-bg-hover.png) no-repeat right top;
	line-height: 35px;
}
.predchoziBarva .ImgSpan {
	background: url(../img/web-parts/tlacitka/button-prev-red-arrow.png) no-repeat;
	float: left; diplay: block; width: 48px; height: 35px; padding: 0px;
}
.predchoziBarva:hover .ImgSpan {
	background: url(../img/web-parts/tlacitka/button-prev-red-arrow-hover.png) no-repeat;
	padding: 0px;
}
.nasledujiciBarva {
	margin: 20px 0px 20px 0px; float:right;
}
.nasledujiciSpan {
	background: url(../img/web-parts/tlacitka/button-next-bg.png) no-repeat;
	float: left; display: block; height: 35px; line-height: 32px; padding: 0px 15px 0px 18px;;
}
.nasledujiciBarva:hover .nasledujiciSpan {
	background: url(../img/web-parts/tlacitka/button-next-bg-hover.png) no-repeat;
	line-height: 34px;
}
.nasledujiciBarva .ImgSpan {
	background: url(../img/web-parts/tlacitka/button-next-red-arrow.png) no-repeat;
	float: left; diplay: block; width: 48px; height: 35px; padding: 0px;
}
.nasledujiciBarva:hover .ImgSpan {
	background: url(../img/web-parts/tlacitka/button-next-red-arrow-hover.png) no-repeat left -1px;
	padding: 0px;
}
/* ------------ objednat vzorníky --------------------*/
.vyberVzornikuP {
	margin-left: 50px; margin-top: 20px;
}
.vyberVzornikuP .error-mini {
	margin-bottom: 10px;
}
.vyberVzornikuP input {
	float: left;
}
.vyberVzornikuP span {
	margin-top: -6px; margin-left: 5px; margin-bottom: 20px; display: block; float: left;
}
/* ------------------------------ zaluzie - uvodni ------------------------------------------------- */
#zaluzieRight {
	float: right; width: 380px;
}
#zaluzieRight .zaluzieRight-in {
	float: right; width: 378px; height: 198px; margin: 0px 0px 20px 0px;
	background-color: #ededed; border: 1px solid #e2e2e2;
}
.zaluzieRight-in img {
	float: right; margin: 0px 0px 0px 15px;
}
.zaluzieRight-in ul li {
	list-style-image: url(../img/web-parts/nabidka-bod01.png) !important;
	width: 200px; float: left; margin-left: 15px !important;
}
.zaluzieRight-in .nadpis {
	font-size: 15px; color: #136395; font-weight: bold; display: block; float: left; margin: 15px 0px 5px 20px;
}
.zaluzieRight-in a {
	font-size: 14px; color: #fff; font-weight: bold; display: block; float: left; margin: 0px 0px 5px 20px; line-height: 35px;
	padding-left: 10px; width: 159px; height: 35px; background: url(../img/web-parts/bg-button.png) no-repeat; text-decoration: none;
}
.fotogalerieA {
	display: block; float:left; width: 563px; height: 198px; background-color: #ededed; border: 1px solid #e2e2e2;
	text-decoration: none; color: #2e2e2e; margin-bottom: 20px;
}
.fotogalerieA:hover {
	text-decoration: underline;
}
.fotogalerieA span {
	display: block; width: 563px; background: url(../img/web-parts/black-arrow.png) no-repeat 530px 5px;
	font-size: 14px; font-weight: bold; color: #2e2e2e; padding-left: 20px;
}
.fotogalerie-uvod {
	display: block; height: 132px; width: 200px; float: left; margin-top: 4px; margin-right: -50px;
	background: url(../img/web-pict/fotogalerie-uvod.png) no-repeat;
}
.fotogalerie-uvod:hover {
	background: url(../img/web-pict/fotogalerie-uvod-hover.png) no-repeat;
}
.zaluzie-objednat {
	display: block; width: 304px; height: 135px; float: left; margin-left: -7px;
	background: url(../img/web-pict/zaluzie/zaluzie-obj-online.png) no-repeat;
}
.zaluzie-objednat:hover {
	background: url(../img/web-pict/zaluzie/zaluzie-obj-online-hover.png) no-repeat;
}
.sub-lamely {
	float: left; margin-top: 10px;
}
.sub-lamely a {
	display: block; float: left; width: 190px; height: 111px; margin-left: -20px; margin-right: 5px;
	background: url(../img/web-pict/zaluzie/zaluzie-lamely.png) no-repeat;
}
.sub-lamely a:hover {
	background: url(../img/web-pict/zaluzie/zaluzie-lamely-hover.png) no-repeat;
}
.sub-vymereni {
	float: left; margin-top: 5px;
}
.sub-vymereni .obrazek {
	display: block; float: left; width: 172px; height: 111px; margin-right: 5px;
	background: url(../img/web-pict/zaluzie/zaluzie-vymereni.png) no-repeat;
}
.sub-vymereni .obrazek:hover {
	background: url(../img/web-pict/zaluzie/zaluzie-vymereni-hover.png) no-repeat;
}
.sub-ceniky {
	float: left; margin-top: 5px; margin-bottom: 10px;
}
.sub-ceniky a {
	display: block; float: left; width: 173px; height: 111px;
	background: url(../img/web-pict/zaluzie/zaluzie-ceniky.png) no-repeat;
}
.sub-ceniky a:hover {
	background: url(../img/web-pict/zaluzie/zaluzie-ceniky-hover.png) no-repeat;
}
.atypyList {
	margin: 10px -70px 5px 30px; float: left; width: 330px;
}
.atypyList li {
	font-weight: bold;
}
.instalace {
	margin-left: 20px;
}
.instalace img {
	border: 1px solid #c0c0c0;
}
/* ------------ atypicke zaluzie ------------ */
.objednat-zaluzii, .objednat-vymereni {
	display: block; float: left; line-height: 40px; color: #256f9d; font-size: 14px; font-weight: bold; text-decoration: none;
	border: 1px solid #afbec7;
	background: #d1d8dc url(../img/web-parts/blue-arrow.png) no-repeat 94% 17px; 
	padding: 0px 60px 0px 20px; margin: 20px 0px;
}
.objednat-zaluzii:hover, .objednat-vymereni:hover {
	text-decoration: underline;
}
/* --------- objednat zaluzii ---------- */
#objednavka fieldset {
	width: 770px; float: left;
}
#objednavka input, #objednavka select {
	display: block; width: 205px; line-height: 27px; height: 27px; border: 1px solid #4a4a4a; float: left;
	margin-right: 10px; padding-left: 5px;
}
#objednavka select {
	width: 212px;
}
#objednavka textarea {
	width: 630px; margin-right: -30px; height: 100px; border: 1px solid #4a4a4a;
}
.error-field {
	 border: 1px solid red !important;
}
#kalkulace-ceny {
	width: 170px; float: right; background: #ececec !important;
}
#kalkulace-ceny .nadpis {
	display: block; width: 170px; background: #545859; color: #fff; font-size: 16px;
	line-height: 44px; text-align: center;
}
#kalkulace-ceny .nadpis2 {
	display: block; width: 150px;  font-size: 12px; margin-left: 10px;
	line-height: 30px; text-align: center; border: 1px solid #cececf; border-width: 1px 0px;
}
#kalkulace-ceny table {
	margin: 10px 0px 15px 10px; width: 150px;
}
#kalkulace-ceny table td {
	color: #111111; font-size: 12px;
}
#kalkulace-ceny .no-price-yet {
	display: block; width: 150px; margin: 20px 0px 20px 12px;
	color: #111111; font-size: 12px; line-height: 18px;
}
#kalkulace-ceny .cena-polozky {
	color: #136395; text-align: right;
}
#kalkulace-ceny .cena{
	color: #266f9d; text-align: center; width: 100%; display: block; margin: 20px 0px;
	font-size: 26px; font-weight: bold;
}
.schema-zaluzie {
	margin: 10px 0px 0px 520px; position: absolute;
}
#barva-latky, .barva-latky {
	border: 1px dashed #a2a2a2; margin-bottom: -45px; width: 182px; height: 67px;
}
.obj-zaluziiTable, .obj-roletuTable {
	border-collpase: collapse; margin-top: 20px; margin-bottom: 20px;
}
.obj-zaluziiTable td, .obj-roletuTable td {
	line-height: 26px; padding-top: 6px; padding-bottom: 6px; color: #464646;
}
.obj-zaluziiTable th {
	width: 125px; font-weight: normal; color: #464646;
}
.obj-roletuTable th {
	 width: 135px !important; font-weight: normal; color: #464646;
}
.obj-roletuTable input {
	 width: 170px !important;
}
.obj-roletuTable select {
	 width: 177px !important;
}
.obj-roletuTable .round-inputTr td {
	vertical-align: top;
}
.obj-roletuTable .round-inputTr input {
	margin-top: 6px; float: left; height: 16px !important; width: 16px !important; margin-bottom: 0px; margin-right: 5px;
}
.obj-roletuTable .round-inputTr label {
	float: left; margin-right: 15px; margin-top: 3px;
}
#dialog {
	padding: 30px;
}
#pridano-do-kosiku {
	padding: 0px 30px 30px 30px;
}

.pridat-kosik {
	width: 248px; height: 41px; background: url(../img/web-parts/pridat-do-kosiku-bg.png) no-repeat;
	line-height: 40px; font-size: 14px; font-weight: bold; color: #fff; padding-left: 15px;
}




.longer {
	width: 200px !important;
}
.obj-zaluziiTable .round-inputTr td {
	vertical-align: top;
}
.obj-zaluziiTable .round-inputTr input {
	margin-top: 6px; float: left; height: 16px !important; width: 16px !important; margin-bottom: 0px; margin-right: 5px;
}
.obj-zaluziiTable .round-inputTr label {
	float: left; margin-right: 15px; margin-top: 3px;
}
.umisteni label {
	float: left; margin-right: 15px; margin-top: 3px;
}
.umisteni input[type="radio"] {
	margin-top: 6px; float: left; height: 16px; width: 16px !important; margin-bottom: 0px; margin-right: 5px;
}
.noMarginLabel label {
	margin-right: 0px !important;
}
.popis-komponent {
	margin-left: 120px; padding-top: 5px; padding-left: 30px;
}
.popis-komponent li {
	margin-left: 15px;
}
.popis-komponent input {
	width: 30px;
}
.popis-komponent .pridat-kosik {
	margin-top: 6px;
}
.spocitat-cenu {
	text-decoration: none; line-height: 38px; color: #fff; font-weight: bold; font-size: 14px;
	background: #1b6999; border: 1px solid #145d8a cursor: pointer;
	width: 190px !important; height: 38px !important; text-align: center;
}
.spocitat-cenu:hover {
	text-decoration: underline;
}
.do-kosiku-cenik {
	background: url(../img/web-parts/tlacitka/do-kosiku-cenik.png) no-repeat; display: block; width: 81px; height: 33px; margin: 3px 0px;
	text-decoration: none;
}
.do-kosiku-cenik:hover {
	background: url(../img/web-parts/tlacitka/do-kosiku-cenik-hover.png) no-repeat;
}
/* ----------- ceník žaluzií ---------------- */
#cenik-over {
	padding: 0px !important;
}
#cenik-over .line {
	 border-bottom: 1px solid #cacaca; padding-bottom: 20px;
}
.cenikTable {
	border-collapse: collapse; margin-top: 0px; float: left; width: 100%;
}
.cenikTable th{
	padding-left: 10px; line-height: 22px;
}
.cenikTable td{
	padding-left: 20px; line-height: 20px;
}
.cenikLamelTable {
	margin: 10px 0px 20px 10px;;
}
.cenikLamelTable th {
	padding: 0px 30px 0px 0px;;
}
.cenikTable .blueText {
	color: #136395 !important;
}
/* ------------- katalog ------------------ */
.lamelyTable {
	margin-top: 15px; margin-right: 20px; float: left; width: 300px;
}
.popisLatky {
	float: left;
}
.popisLatky .popis-latky {
	width: 400px;
}
.popisLatky th {
	width: 110px;
}
.popisLatky th, .popisLatky td {
	vertical-align: 0%;
}
.nahledImg {
	width: 300px; height: 100px; border: 1px solid #094D92; margin-bottom: -5px;
}
.nahledStruktury {
	float: left; text-align: center; margin-top: 10px;
}
/* ------------------------------ fotogalerie -----------------------------------------*/
.fotoDiv a {
	border: 1px solid grey;
	padding: 15px; float: left; margin: 0px 10px 20px 10px;
}
.fotoDiv a img {
	width: 264px;
}
/* ------------------ tabs ------------------- */
#Tabs {
	height: 36px; width: 100%; margin-top: 15px; border-bottom: 1px solid #136395; padding: 0px !important;
}
#Tabs a {
	text-decoration: none; diplay: block; float: left; margin-right: 7px; font-size: 14px; font-weight: bold;
}
#Tabs a .textSpan { 
	text-decoration: none; diplay: block; height: 36px; line-height: 36px; float: left; padding: 0px 20px;
	background: #dddede; text-decoration: none; color: #545859;
}
#Tabs a:hover .textSpan {
	diplay: block; height: 36px; line-height: 36px; float: left; padding: 0px 20px;
	background: #dddede; text-decoration: underline; color: #545859;
}
#Tabs a .tabOFF {
	display: none;
}
#Tabs .active .textSpan, #Tabs .active:hover .textSpan {
	diplay: block; float: left; height: 36px; line-height: 36px; padding: 0px 20px;
	background: #136395; text-decoration: none; color: #fff;
}
#Tabs .tabON {
	display: none !important;
}
#subTabs {
	width: 100%; height: 39px; clear: both;
	background: url(../img/web-parts/tabs/subTabs-bg.png) repeat-x;
}
#subTabs a {
	height: 39px; float: left; display: block; padding: 8px 15px 0px 15px; 
	background: url(../img/web-parts/tabs/subTabs-bg.png) repeat-x;
}
#subTabs a:hover, #subTabs a.active {
	height: 39px; float: left; display: block; padding: 8px 15px 0px 15px; 
	background: url(../img/web-parts/tabs/subTabsON.png) repeat-x;
	text-decoration: none;
}
.obsahTabs h1 {
	height: 47px; margin: 0px 0px -15px 0px; padding: 15px 0px 0px 15px;
}
.obsahTabs h2 {
	margin: 0px; padding: 15px 0px 5px 0px; font-size: 16px; font-weight: bold;
}
.posunutyDiv {
	margin-left: 20px; margin-right: 20px; padding-bottom: 20px;
}
.halfDiv {
	width: 48%; float: left;
}
/* ------------------------------------------- košík --------------------------------------------------------------- */
.basket-item-table {
	width: 970px;
}
.basket-item-table .polozkaTR {
	border-bottom: 1px solid #e5e5e5;
}
.basket-item-table th {
	padding: 5px 2px 5px 10px; background: #efefef; color: #464646; font-size: 13px;
	font-weight: normal;
}
.basket-item-table td {
	text-align: center; padding: 20px 5px;
}
.basket-item-table .itemDetail th {
	width: 120px !important;
}
.basket-item-table .itemDetail {
	margin: 0px 10px 0px 0px !important; width: 300px; float: left;
}
.basket-item-table .itemDetail2 {
	float: right !important; margin-left: 0px !important; margin-top: -2px !important; margin-right: 0px !important; width: 230px !important;
}
.basket-item-table .item-title {
    color: #000; font-size: 15px; font-weight: bold; margin: 5px 0 0 0; width: 500px; text-decoration: underline;
}
.basket-item-table .zvyraznit {
    font-weight: bold; color: #464646;
}
.basket-item-table .nahled {
    color: #8fc20d;
}
.total {
	font-size: 17px !important; color: #8fc20d;
}
.objednat-dalsi {
	display: block; height: 35px; float: left; margin-top: 0px; margin-left: 20px; text-decoration: none;
}
.prejit-do-kosiku {
	display: block; height: 35px; float: left; margin-top: 0px; margin-left: 30px; text-decoration: none;
}
#wizard-banner {
	width: 100%;
}
#wizard-banner .aktualni {
	float: left; height: 65px; margin: 0px; background: url("../img/web-parts/kosik-aktualBg.png") repeat-x;
}
#wizard-banner .aktualni span {
	display: block; margin: 20px 10px 0px 10px; background-color: white; padding: 0px 4px; float: left;
}
#wizard-banner .aktualni img {
	float: left; margin-right: -5px;
}
#wizard-banner .ostatni {
	float: left; height: 65px; margin: 0px 10px; background: url("../img/web-parts/kosik-ostatniBg.png") repeat-x;
}
#wizard-banner .ostatni span {
	display: block; margin: 20px 10px 0px 14px; background-color: white; padding: 0px 4px; float: left;
}
#wizard-banner .ostatni img {
	margin-left: 5px; margin-right: -5px;
}
.polozkaOver {
	border: 1px solid #5a0808; margin: 5px 0px 20px 0px;
	background: url(../img/web-parts/bg-polozka-kosik.png) repeat-x;
}
.polozka {
	line-height: 24px; padding-left: 10px; display: block; margin: 0px 0px 10px 0px; color: #ffffff;
}
.polozkaTable {
	width: 99%; margin-left: 0px; padding-left: 20px;
}
.polozkaTable th{
	width: 200px; padding-left: 20px;
}
.polozkaTable td {
	line-height: 22px; padding-top: 3px; padding-bottom: 3px;
}
.cenaUl {
	margin-left: 0px;
}
.cenaUl li {
	margin-left: 0px; list-style-type: none;
}
.itemDetail {
	margin: 20px 30px 10px 50px; float: left; width: 410px;
}
.itemDetail2 {
	margin: 20px 0px 10px 0px !important; float: right !important; width: 450px;
}
.itemDetail2 td {
	width: 320px !important;
}
.itemDetail2 td, .itemDetail2 th {
	padding-bottom: 15px !important;
}
.itemDetail th {
	vertical-align: top; width: 155px; text-align: left !important; padding: 3px !important; border: 0px !important; background: #fff;
}

.itemDetail td {
	vertical-align: top; text-align: left !important; padding: 0px !important; border: 0px !important;
}
.itemDetail2 th {
	width: 110px !important;
}
.itemDetail tr {
	border-bottom: 1px dashed #ebebeb !important;
}
.itemDetail2 tr {
	border-bottom: 0px dashed #ebebeb !important;
}
.itemDetail p, .itemDetail span, .itemDetail li {
	margin-left: 0px; 
}
.itemDetail ul {
	margin-left: 15px; 
}
.kosik-linky {
	clear: both; float: left; width: 100%; margin: 30px 0px 0px 0px;
}
.kosik-linky .dalsi {
	display: block; float: right; line-height: 45px; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none;
	border: 1px solid #769a14;
	background: #96c41a url(../img/web-parts/white-arrow.png) no-repeat 92% 17px; 
	padding: 0px 8% 0px 20px;
}
.dalsi-universal {
	display: block; float: left; clear: both; line-height: 45px; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none;
	border: 1px solid #145d8a;
	background: #1b6999 url(../img/web-parts/white-arrow.png) no-repeat 92% 17px; 
	padding: 0px 8% 0px 20px; margin-top: 20px;
}
.dalsi-universal:hover {
	text-decoration: underline;
}
.kosik-linky .predchozi {
	display: block; float: left; padding: 0px 0px 0px 60px; line-height: 45px; color: #b0b5b6; font-weight: bold;
	text-decoration: none; font-size: 16px; 
	background: #ebebeb url(../img/web-parts/grey-arrow-prev.png) no-repeat 20px 17px; border: 1px solid #c6c6c6;
	padding: 0px 20px 0px 50px;
}
.obecne-linky {
	clear: both; float: left; width: 100%; margin: 0px 0px 20px 0px;
}
.obecne-linky .dalsi {
	display: block; float: right; line-height: 45px; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none;
	border: 1px solid #145d8a;
	background: #1b6999 url(../img/web-parts/white-arrow.png) no-repeat 92% 17px; 
	padding: 0px 8% 0px 20px;
}
.obecne-linky .predchozi {
	display: block; float: left; padding: 0px 0px 0px 60px; line-height: 45px; color: #fff; font-weight: bold;
	text-decoration: none; font-size: 16px; 
	background: #1b6999 url(../img/web-parts/white-arrow-prev.png) no-repeat 20px 17px; border: 1px solid #145d8a;
	padding: 0px 20px 0px 50px;
}
.obecne-linky .predchozi:hover, .obecne-linky .dalsi:hover {
	text-decoration: underline;
}
.blue-button {
	display: block; float: left; padding: 0px 0px 0px 0px !important; line-height: 45px !important; height: 45px !important; color: #fff; font-weight: bold;
	text-decoration: none; font-size: 16px; border: 1px solid #145d8a; background: #1b6999;
	padding: 0px 20px 0px 20px !important;
}
.blue-button:hover {
	text-decoration: underline;
}
.kosik-Table {
	border-collpase: collapse; float: left;
}
.kosik-Table td {
	line-height: 20px; padding-top: 3px; padding-bottom: 3px;
}
.kosik-Table th {
	padding-left: 20px; width: 120px;
}
.kosik-Table p {
	margin-left: 0px;
}
.kosik-Table .top {
	padding-top: 3px;
}
.objednavkaTable {
	border-collpase: collapse;
}
.objednavkaTable td {
	line-height: 26px; padding-top: 3px; padding-bottom: 3px;
}
.objednavkaTable th {
	padding-left: 20px; width: 180px; line-height: 26px; font-weight: normal; color: #464646;
}
.objednavkaTable input{
	display: block; width: 250px; line-height: 27px; height: 27px; border: 1px solid #4a4a4a; float: left;
	margin-right: 10px; padding-left: 5px;
}
.objednavkaTable-doprava .prvni {
	padding-left: 20px;
}
.kontrola-objednavky .objednavkaTable td {
	font-weight: bold;
}

.kontrola-objednavky .objednavkaTable th {
	width: 160px; padding-left: 0px !important;
}
.dobra-zprava {
	font-weight: bold; color: #2c2c2c;
}
.unsupported {
	text-decoration: line-through;
}
.kontrola-celkova-cena {
	float: right; margin-top: -30px;
}
.kontrola-celkova-cena th {
	color: #454545; font-weight: normal;
}
.kontrola-celkova-cena td, .kontrola-celkova-cena th {
	padding: 3px 25px 3px 0px;
}
.kontrola-celkova-cena .hlavni td {
	font-weight: bold;
}
.kontrola-celkova-cena .hlavni-final {
	font-weight: bold; font-size: 20px; color: #8fc20e;
}
.prihlaseni-zakaznika {
	width: 300px; float: right; padding: 20px 20px 0px 20px; margin: 60px 0px 0px 0px;
	border: 1px solid #c6c6c6; background: #ececec;
}
.prihlaseni-zakaznika .nadpis {
	color: #000; font-weight: bold; display: block; float: left; margin-bottom: 15px;
}
.prihlaseni-zakaznika p {
	clear: both;
}
.prihlaseni-zakaznika .prihlaseny-uzivatel {
	color: #8fc20e; font-size: 14px; display: block; float: left; margin-bottom: 20px;
}
.prihlasit-dodaci {
	display: block; float: left; line-height: 35px !important; width: 110px; color: #fff !important; font-size: 16px; font-weight: bold; text-decoration: none;
	border: 1px solid #769a14;
	background: #96c41a url(../img/web-parts/white-arrow.png) no-repeat 92% 13px !important; 
	padding: 0px 8% 0px 20px !important; margin-top: 20px;
}
.kosik-fieldset {
	border: 0px;
}
.kosik-fieldset legend {
	color: #8fc20e; font-size: 18px;
}
.leftBox {
	width: 48%; float: left; margin: 10px 0px 20px 0px;
}
.celkova-cena {
	width: 96%; float:left; background: #ececec; padding: 10px 20px 20px 20px; clear: both;
}
.potvrzeni-objednavky-text {
	border-top: 1px solid #bababa; margin-top: 40px; padding-top: 20px;
}
/*-------------------------------- postup košíkem ------------------------------------*/

#wizard-1, #wizard-2, #wizard-3, #wizard-4 {
	width: 970px; height: 35px; margin: 10px 0px 20px 0px; 
}
#wizard-1 {
	background: url(../img/web-parts/kosik-postup-1.png) no-repeat;
}
#wizard-2 {
	background: url(../img/web-parts/kosik-postup-2.png) no-repeat;
}
#wizard-3 {
	background: url(../img/web-parts/kosik-postup-3.png) no-repeat;
}
#wizard-4 {
	background: url(../img/web-parts/kosik-postup-4.png) no-repeat;
}
#wizard-1 li, #wizard-2 li, #wizard-3 li, #wizard-4 li {
	display: block; float: left; line-height: 33px; width: 25%; text-align: center; font-size: 20px !important; color: #a3a3a3;
	margin: 0px !important;
}
.wizard-title, .wizard-title-no-arrow {
	 font-size: 16px !important; color: #2e2e2e;
}
.on .wizard-title, .on .wizard-title-no-arrow {
	 font-size: 16px !important; color: #fff;
}

/*----- počítadlo položek košíku -----*/
.countInput {
	background: url("../img/web-parts/bg-plus-minus-basket.png") no-repeat scroll right top transparent;
    border: 1px solid #B9B9B9; border-radius: 3px 3px 3px 3px; 
    height: 30px; width: 60px; float: left; margin-left: 8px;
}
.countInput input {
	height: 28px; text-align: center; width: 23px; border: 1px solid #FFFFFF; vertical-align: middle; line-height: 28px;
}
.countEdit {
	border-right: 1px solid #B9B9B9; float: left; width: 37px; height: 30px;
}
.countPlus, .countMinus  {
	cursor: pointer; float: left; height: 15px; width: 20px;
}
/* -------------------------------- shared classes ------------------------------------- */
.mouse-pointer {
	cursor: pointer;
}
.ok {
	display: block; margin: 20px auto; width: 163px; height: 35px; 
	background: url(../img/web-parts/tlacitka/button-OK.png) no-repeat; 
	color: #5A0808; font-size: 16px; text-align: center; text-decoration: none; font-weight: bold; line-height: 32px;
}
.ok:hover {
	background: url(../img/web-parts/tlacitka/button-OK-hover.png) no-repeat; 
	text-decoration: underline; line-height: 36px;
}
.chyby-popup li {
	list-style-type: none; color: #7e0d0d;
}
.choice-picture { 
	border: 1px dotted #adadad;
}
.holiday-info {
	color: #cd0909; font-size: 14px;
}
.holiday-info b {
	color: #cd0909; font-size: 16px;
}
.postup-montaze li {
	list-style-type: decimal;
}
.even {
	background-color: #f8f8f8;
}
.odd {
	
}
.prev {
	display: block; float: left; width: 200px; padding: 0px 0px 0px 60px; line-height: 38px; color: #b0b5b6; font-weight: bold;
	text-decoration: none; font-size: 14px; 
	background: #ebebeb url(../img/web-parts/grey-arrow-prev.png) no-repeat 20px 13px; border: 1px solid #c6c6c6;
}
.next {
	display: block; float: right; width: 200px; padding: 0px 20px 0px 20px; line-height: 38px; color: #fff; font-weight: bold;
	text-decoration: none; font-size: 14px; 
	background: #95c418 url(../img/web-parts/white-arrow.png) no-repeat 210px 13px; border: 1px solid #769a14;
}
.prev:hover, .next:hover {
	text-decoration: underline;
}
.leftP {
	margin-left: 0px;
}
.left-box{
	margin: 0 15px 0 0;
}
.box {
	width: 300px; float: left; margin-bottom: 30px;
}
.top {
	vertical-align: top;
}
.cleaner {
	clear: both; display: block; width: 100%; line-height: 0px;
}
span .cleaner {
	clear: both; display: block; width: 100%; line-height: 0px !important;
}
.neviditelny {
	display: none !important;
}
.popis {
	font-style: italic;
}
.popup {
	padding-right: 20px; color: #1a6898; font-size: 13px;
	background: url(../img/web-parts/popup.png) no-repeat right top;
}
.small-font {
	font-size: 90%; line-height: 16px;;
}
.small-font-katalog {
	font-size: 11px !important;
}
.leftImg {
	float: left; margin-right: 15px; margin-bottom: 20px; margin-top: 6px;
}
.rightImg {
	float: right; margin-left: 15px; margin-bottom: 20px; margin-top: 6px;
}
.aImg {
	border: 0px;
}
.ovladaniImg {
	float: left; margin-right: 15px; margin-bottom: 20px;
}
.vyber option {
	margin: 0px 5px;
}
.spodni-linka {
	width: 100%; border-bottom: 1px solid #bababa; margin-bottom: 20px;
}
.odeslatDiv {
	display: block; height: 31px; margin-top: 10px;
}
.odeslatDiv span {
	display: block; height: 31px; background: url(../img/web-pict/next-bg.png) no-repeat;
}
.odeslatDiv a {
	display: block; padding-left: 20px; line-height: 30px; float: left; cursor: pointer;
}
.odeslatDiv a:hover {
	text-decoration: none;
}
.odeslatDiv span {
	float: left; margin-top: 4px; margin-right: 5px;
}
.odeslatDiv img {
	border-width: 0px; text-decoration: none; float: right; margin-left: 5px; margin-right: -5px;
}
.feedbackPanel {
	width: 96%; border: 1px solid red; margin-left: 0px; padding: 15px;
}
.w_silver .w_close {
	display:none !important;
	background: none;
}
.error-mini {
	color: red; font-size: 11px; margin-bottom: -5px; display: block;
}

/*---------------------------- přihlášení uživatelé -------------------------------*/
.loginTable {
	margin-top: 20px;
}
.loginTable td {
	line-height: 26px; padding-top: 3px; padding-bottom: 3px;
}
.loginTable th {
	padding-left: 20px; width: 180px; line-height: 26px; font-weight: normal; color: #464646;
}
.loginTable input{
	display: block; width: 250px; line-height: 27px; height: 27px; border: 1px solid #4a4a4a; float: left;
	margin-right: 10px; padding-left: 5px;
}
.prihlasit {
	background: url("../img/web-parts/tlacitka/login.png") no-repeat;
	display: block; width: 163px; height: 35px; margin-top: 15px; padding: 4px 0px 0px 25px; text-decoration: none;
}
.prihlasit:hover {
	background: url("../img/web-parts/tlacitka/login-hover.png") no-repeat;
	padding: 6px 0px 0px 25px; height: 33px;
}
.registraceOver {
	width: 510px !important;
}
.registraceOver .objednavkaTable th{
	width: 200px;
}
#nastaveni-uctu {
	padding: 20px 10px 5px 0px;
}
#nastaveni-uctu .feedbackPanel {
	border: 0px !important;
}
#nastaveni-uctu .feedbackPanel li {
	list-style-type: none; padding-left: 70px; line-height: 70px; background: url("../img/web-parts/green-check.jpg") no-repeat;
}
#nastaveni-uctu .feedbackPanel li span {
	font-size: 16px;
}
.nastaveniUctuTable {
	margin-top: 0px; float: left;
}
.nastaveniUctuTable th {
	width: 150px !important; padding-left: 0px !important;
}
.registraceOver div {
	margin-top: 10px;
}
.registraceOver input {
	margin: 6px 10px 0px 0px; display: block; float: left;
}
.registraceOver p {
	width: 400px; text-align: justify;
}
.fakturacni th {
	width: 130px !important;
}
.registraceOver-fakturacni {
	padding-top: 5px;
}
.registraceOver-fakturacni .objednavkaTable th {
	width: 140px !important;
}
.prehledObjednavekTable {
	margin: 10px 0px 0px 0px;
}
.prehledObjednavekTable th {
	padding: 6px 15px;
}
.prehledObjednavekTable td {
	padding: 4px 15px; border: 1px solid #cacaca;
}
.normalButton{
	display: block; height: 35px; text-decoration: none;
}
.normalButton span { 
	background: url(../img/web-parts/tlacitka/button-next-bg.png) no-repeat; line-height: 32px; padding-left: 27px;
	float: left; margin-right: 0px; display: block; padding-right: 15px; height: 35px;
}
.normalButton:hover span{ 
	background: url(../img/web-parts/tlacitka/button-next-bg-hover.png) no-repeat left top; line-height: 34px;
}
.normalButton .ImgSpan {
	background: url(../img/web-parts/tlacitka/button-normal.png) no-repeat;
	float: left; diplay: block; width: 48px; height: 35px; padding: 0px;
}
.normalButton:hover .ImgSpan {
	background: url(../img/web-parts/tlacitka/button-normal-hover.png) no-repeat left -1px;
	padding: 0px;
}
.uzivatelskeUdajeTable {
	margin-top: 0px;
}
.uzivatelskeUdajeTable td, .prihlaseniUzivatele td {
	padding: 2px 0px;
}
.uzivatelskeUdajeTable th {
	width: 140px;
}
.uzivatelskeUdajeTable input, .prihlaseniUzivatele input {
	width: 200px; border:1px inset #999999; padding: 2px;
}
.prihlaseniUzivatele {
	float: left; margin: 0px 0px 20px 60px;
}
.prihlaseniUzivatele th {
	width: 140px; line-height: 26px; font-weight: normal; color: #464646;
}
.prihlaseniUzivatele input{
	display: block; width: 230px; line-height: 24px; height: 24px; border: 1px solid #4a4a4a; float: left;
	margin-right: 10px; padding-left: 5px;
}
.fiftyP {
	width: 300px; float: left; border: 1px solid #9c9c9c; margin-left: 10px; margin-top: 30px; padding: 15px;
}
.fiftyP p {
	margin-left: 0px;
}
.fiftyP table {
	margin-left: -10px;
}
.fiftyP .objednat-zaluzii {
	float: left; margin-top: 10px;
}

div.ui-tooltip {
	width: 300px;
	max-width: 300px;
}

div.tooltip-wide {
	max-width: 495px;
	width: 495px;
}

div.ui-tooltip-narrow {
	background: #ffffbb;
	max-width: 240px;
	width: 240px;
}