/* obecne styly */

body {color: #000; background: #fff; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 0; margin: 0; padding: 0;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: .9em;}
form {margin: 0; padding: 0;}


h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}


p {font-size: .9em; margin: 0 0 1.33em 0; line-height: 1.4em;}
ul, ol, dl {font-size: .9em; margin: 0 0 1.33em 0; padding: 0;}
ul {list-style: none; position: relative;}
ol {margin-left: 3em;}
ul li, ol li {line-height: 1.4em; margin-bottom: .3em;}


img {border: 0;}

/*
table {font-size: 1em; margin-bottom: 1.33em;}
*/
td img {display: block;}
th {text-align: left;}

.tooltip {
	cursor: help;
}

.heureka-bannner-left {
	position: fixed;
	left: 0;
	top: 380px;
}

.heureka-bannner-right {
	position: fixed;
	right: 0;
	top: 380px;
}


/* layout */

.horni-lista, .spodni-lista {background: #CEE880;}
.horni-lista {border-bottom: 4px solid #A7D23E;}
.spodni-lista {border-top: 3px solid #99C52E; padding: 1em 0;}
.lista-rozcestnik {background: url(../gfx/pozadi/rozcestnik-lista.png) top left repeat-x; background-color: #A7D23E; position: relative; z-index: 10;}
.hlavicka, .paticka, .obsah {margin: 0 auto; width: 980px;}
.hlavicka, .obsah {text-align: left;}
.hlavicka {position: relative; height: 130px;}
.hlavicka-kratka h1 {position: absolute; right: 20px; top: 75px; color: #900;}
.levy-panel, .pravy-panel {position: relative; top: 20px; z-index: 1;}
.levy-panel {float: left; width: 225px; margin-right: 20px; right: 735px;}
.pravy-panel {float: left; width: 735px; left: 245px;}
.partneri {background: #b7db70;}


.seda-lista {background: #E1DCD1; border-top: 3px solid #C8C4BA; padding: 1em 0;}
	.seda-lista .drzak {width: 980px; margin: 0 auto; padding: 20px 0 26px 0;}
		.seda-lista .newsletter {padding: 22px 0 12px 0;} 

			.seda-lista .newsletter h3 {font-size: 1em; font-weight: bold;}
				.seda-lista .newsletter h3 span {color: #900;}
			.seda-lista .newsletter table {margin: 0;}
			.seda-lista .newsletter label {font-size: .8em;}
			.seda-lista .newsletter #newsletter {width: 200px;}
		.seda-lista .darek {float: right;}	



.b12, .b23, .b13, .b14, .b24, .b34, .b34-2, .b15, .b25, .b35, .b45 {float: left; margin: 0 20px 20px 0;}
.b23 {width: 632px;}
.b13 {width: 306px;}


.b14 {width: 225px;}
.b24, .b12 {width: 470px;}
.b34 {width: 715px;}
.b34-2 {width: 347px;}


.b15 {width: 176px;}
.b25 {width: 372px;}
.b35 {width: 568px;}
.b45 {width: 764px;}


/* hlavicka */

.hlavicka .logo {display: block; width: 209px; height: 86px; position: absolute; top: 0; left: -65px; z-index: 2;}
.hlavicka .login {position: absolute; font-size: .8em; text-align: center; top: 33px; left: 0; width: 980px; z-index: 1;}
.hlavicka .login * {color: #000;}
	.hlavicka .login.kratky {position: relative; display: block; text-align: right; width: auto; top: 23px; left: 0;}
.hlavicka #vyhledavani {position: absolute; top: 75px; left: 320px; z-index: 2; width: 387px; height: 44px; padding: 0; background-color: #F8F8A5;}
	.hlavicka #vyhledavani p {}
		.hlavicka #vyhledavani p input {width: 265px; vertical-align: middle; border: none; margin-right: .5em; height: 37px; padding: 0; border: 3px solid #F8F8A5; padding-left: 10px;}

.hlavicka #hlavicka-nastroje {position: absolute; right: 20px; padding: .25em .5em; font-size: .8em; color: #000; background-color: #BCDF64;}
	.hlavicka #hlavicka-nastroje * {color: #000;}
    .hlavicka #hlavicka-nastroje .uzivatel {padding-left: 19px; background: url(../gfx/icons/glyphicons_003_user.png) no-repeat center left; background-size: 10px 12px;}
        .hlavicka #hlavicka-nastroje .uzivatel strong {padding-right: .25em;}
	.hlavicka #hlavicka-nastroje .nakup {padding-left: 19px; background: url(../gfx/icons/glyphicons_350_shopping_bag.png) no-repeat center left; background-size: 10px 12px;}
	.hlavicka #hlavicka-nastroje .prihlasit {padding-left: 19px; background: url(../gfx/icons/glyphicons_203_lock.png) no-repeat center left; background-size: 10px 12px;}
	.hlavicka #hlavicka-nastroje .odhlasit {padding-left: 19px; background: url(../gfx/icons/glyphicons_204_unlock.png) no-repeat center left; background-size: 10px 12px;}
	.hlavicka #hlavicka-nastroje .centrum {padding-left: 19px; background: url(../gfx/icons/glyphicons_088_address_book.png) no-repeat center left; background-size: 10px 12px;}

.hlavicka #hlavicka-kontakt {position: absolute; top: 35px; left: 320px; z-index: 2; width: 387px; padding: .25em 0; text-align: center;}
	.hlavicka #hlavicka-kontakt * {color: #000;}
	.hlavicka #hlavicka-kontakt .telefon a {padding-left: 19px; background: url(../gfx/ikony/iko-telefon.png) no-repeat center left; text-decoration: none;}

.kosik-hlavicka {background: #F8F8A5; text-align: center; position: absolute; top: 27px; right: 20px; padding: .5em 1em; z-index: 3;}
	.kosik-hlavicka p {margin: 0;}
	.kosik-hlavicka h3, .hlavicka .kosik-hlavicka h3 a {color: #900;}
	.kosik-hlavicka h3 {font-size: 1.1em;}
		.kosik-hlavicka h3 a {background: url(../gfx/ikony/kosik.png) 0% 50% no-repeat; padding-left: 26px; display: block; text-decoration: none;}
	.kosik-hlavicka input {margin: .4em 0 0 0;}
	

/* rozcestnik */

#rozcestnik {width: 962px; margin: 0 auto; position: relative; right: 9px; position: relative;}
	#rozcestnik li {float: left; margin: 0; background: top center no-repeat; height: 170px;}
	#rozcestnik li:hover {background-color: #CEE880;}
	#rozcestnik li.s1 {width: 137px; background-image: url(../gfx/rozcestnik/r1.png);}
	#rozcestnik li.s2 {width: 137px; background-image: url(../gfx/rozcestnik/r2.png);}
	#rozcestnik li.s3 {width: 137px; background-image: url(../gfx/rozcestnik/r3.png);}
	#rozcestnik li.s4 {width: 137px; background-image: url(../gfx/rozcestnik/r4.png);}
	#rozcestnik li.s5 {width: 137px; background-image: url(../gfx/rozcestnik/r5.png);}
	#rozcestnik li.s6 {width: 137px; background-image: url(../gfx/rozcestnik/r6.png);}
	#rozcestnik li.s7 {width: 137px; background-image: url(../gfx/rozcestnik/r7.png);}
		

	#rozcestnik li a {display: block; color: #000; text-align: center; text-decoration: none; padding: 144px 0 6px 0; font-weight: bold; font-size: .92em;}
	#rozcestnik li a:hover {text-decoration: underline;}
		#rozcestnik li ul {display: none; background: #CEE880; position: absolute; top: 170px; left: -11px; width: 960px; z-index: 10; padding: 10px 10px 1px 10px; border: solid #A7D23E; border-width: 0 1px 1px 1px; margin: 0;}
			#rozcestnik li ul li {float: left; margin: 0 10px 12px 10px; width: 140px; padding: 0; height: auto; background: none; }
				#rozcestnik li ul li a {font-size: 1em;}
				#rozcestnik li ul li dl {padding: 0; margin: 0; font-size: 1em;}
					#rozcestnik li ul li dl dt {text-align: left; margin: 0; padding: .3em 0; font-size: 1.1em; font-weight: bold; color: #900;}
						#rozcestnik li ul li dl dt a {padding: 0; text-align: left; line-height: 1.2em; font-size: 1em; color: #900;}
					#rozcestnik li ul li dl dd {margin: 0; padding: 0 0 0 8px; background: url(../gfx/odrazka/cervena-tecka.png) 0px 9px no-repeat; position: relative;}
						#rozcestnik li ul li dl dd a {text-align: left; font-weight: normal; line-height: 1.2em; padding: .3em 0; color: #000; &text-indent: -3em;}
						#rozcestnik li ul li dl dd a:hover {color: #900;}
					#rozcestnik li ul li dl dd.vse {background: none; padding-left: 0;}
						#rozcestnik li ul li dl dd.vse a {padding: .8em 0; font-size: 1em; font-weight: bold; text-decoration: underline; color: #000;}
			#rozcestnik li ul li.clr {float: none; width: 100%; clear: both; margin: 0;}
			#rozcestnik li ul li.vse {float: none; width: 940px; margin: 0; padding: 16px 10px 16px 10px; height: auto; text-align: center; border-top: 1px solid #ffc;}
				#rozcestnik li ul li.vse a {text-align: center; padding: .4em .8em; color: #fff; font-size: 1.1em; background: #900; border-radius: 3px; display: inline; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); border: #710006; transition-duration: 0.2s; user-select: none;}
				#rozcestnik li ul li.vse a:hover, #rozcestnik li ul li.vse a:focus {background: #85000B; border-color: #6D0006;}

.jcarousel-wrapper {margin: 0 auto 1em 12px; border: 1px solid #DEECB7; width: 713px; position: relative; height: 320px; overflow: hidden;}
.jcarousel ul li {background: none; padding: 0 !important; margin: 0 !important;}


.jcarousel-wrapper {
    border: none;
    position: relative;
}


.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 713px;
    height: 320px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    
    margin-right: 2px;
    
    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

.sipka {position: absolute; top: 140px;}
#vpred {right: 0;}
#zpet {left: 0;}
.pravy-panel .slide-nav {position: absolute; bottom: 15px; left: 10px; margin: 0; line-height: normal;}
	.pravy-panel .slide-nav li {float: left; margin: 0 10px 0 0; padding: 0; text-align: center; line-height: 37px; height: 37px; width: 39px; background: url(../gfx/slideshow/c0.png) top left no-repeat; font-size: 1.4em;}
		.pravy-panel .slide-nav li.zde {background: url(../gfx/slideshow/c1.png)}
		.pravy-panel .slide-nav li a {text-decoration: none; font-weight: bold; color: #e7e8ea; display: block;}
			.pravy-panel .slide-nav li.zde a, .slide-nav li:hover a {color: #fff;}


/* levy panel */

.levy-panel .box {padding: 1em 1em .1em 1em; margin: 0 0 1em 0;}
	.levy-panel .box h3 {color: #900; font-size: 1.1em;}

	.levy-panel .stav-ucet p {margin: 0 1em 2em 0; padding-left: 18px; font-size: .75em;}
	.levy-panel .stav-ucet p.vernost {padding-left: 22px; font-size: .75em; height: 16px; background-image: url('../gfx/flower.png'); background-position: 0 0; background-repeat: no-repeat;}

	.levy-panel a:hover {color: #900; text-decoration: underline;}

.prvni-kroky h3 {margin: 0 0 .5em .5em;}
.prvni-kroky li {background: url(../gfx/odrazka/zelena-tucna.png) 0px 8px no-repeat; padding-left: .6em; position: relative; font-weight: bold;}
.prvni-kroky a {color: #4fab22; text-decoration: none;}


.menu h3 {margin: 0 0 .2em .5em;}
	.menu h3 a {color: #900; text-decoration: none;}
	

.menu h4 {background: url(../gfx/odrazka/cerna-tucna.png) 0px 7px no-repeat; font-size: 1.1em; padding-left: .6em; position: relative; margin-bottom: .2em; font-weight: normal;}
	.menu h4 a {color: #000; text-decoration: none;}


.menu ul ul ul {/*display: none;*/}
	.menu ul ul ul li {background: url(../gfx/odrazka/zelena-ctverec.gif) 0px 6px no-repeat; margin-left: .8em; padding-left: .9em; position: relative;}
		.menu ul ul ul li a {color: #333;}
		

h3.menu {font-weight: bold; background-position: 0px 6px;}
.menu ul.aktivni li, .menu ul.vyrobci li {background: url(../gfx/odrazka/cerna-tucna.png) 0px 8px no-repeat; margin-left: .8em; padding-left: .6em; position: relative;}
	.menu ul.aktivni li a, .menu ul.vyrobci li a {color: #360;}
	.menu ul.aktivni ul {margin: .3em 0;}
		.menu ul.aktivni ul li {background: url(../gfx/odrazka/cerna-tucna.png) 0px 8px no-repeat; margin-left: .3em; padding-left: .6em; position: relative;}
			.menu ul.aktivni ul li a {color: #000;}
			

.menu .zde {font-weight: bold;}
	.menu li.zde li {font-weight: normal;}
	

.menu * a {text-decoration: none;}
	.menu * a:hover {text-decoration: underline;}
	

.newsletter {float: left; width: 490px; text-align: left;}
	.newsletter table {margin: 0;}
	.newsletter label {font-size: .9em;}
	.newsletter input#crystalmails_dd_email {font-size: .8em; padding: .2em; vertical-align: middle; width: 250px;}
	.newsletter table td, .newsletter input {vertical-align: middle;}

#vyhody {}
	#vyhody li {padding: .333em 0 .333em 70px; background-repeat: no-repeat; background-position: 26px 50%; color: #900; font-size: 1.29em; font-family: 'Arial Black', Helvetica, sans-serif; line-height: 1em; cursor: help;}
		#vyhody li span {display: block; font-size: .777em; font-family: Arial, Helvetica, sans-serif; color: #000;}
		#vyhody li.v01 {background-image: url(../gfx/vyhody/01-ikona.png);}
		#vyhody li.v02 {background-image: url(../gfx/vyhody/02-ikona.png);}
		#vyhody li.v03 {background-image: url(../gfx/vyhody/03-ikona.png);}
		#vyhody li.v04 {background-image: url(../gfx/vyhody/04-ikona.png);}
		#vyhody li.v05 {background-image: url(../gfx/vyhody/05-ikona.png);}
		#vyhody li.v06 {background-image: url(../gfx/vyhody/06-ikona.png);}
		#vyhody li.v07 {background-image: url(../gfx/vyhody/07-ikona.png);}
		

/* pravy panel */

h1.nazev {color: #900; font-size: 1.5em; margin: 0 0 .2em 0; padding: 1em 0 .75em 0;}
p.drobky {color: #666; font-size: .9em; margin: 0; position: absolute; top: 0; left: 0; height: 1.4em; overflow: hidden;}
	p.drobky a, p.drobky span {color: #666;}
	

.pravy-panel ul li {background: url(../gfx/odrazka/zelena-ctverec.gif) 0px 8px no-repeat; padding-left: .9em; position: relative;}


/* katalog */

.polozka {position: relative; border: 4px solid #fff; text-align: center; padding: .5em 0; width: 217px; height: 415px; margin-bottom: 2em;}
.polozka:hover {border-color: #DEECB7;}
	.polozka h2 {position: relative; top: 0; font-size: 1em; margin: 0 10px .5em 10px; line-height: 1em; height: 3em; overflow: hidden; z-index: 2;}
		.polozka h2 a {color: #4fab22; text-decoration: none; display: block;}
		.polozka:hover h2 a, .polozka h2 a:hover {color: #900;}
	.polozka .popis {height: 2.8em; margin: 0 10px .5em 10px; overflow: hidden;}
	.polozka .cena {font-size: 1.5em; margin: 0 0 .2em 0;}
		.polozka .cena a {color: #900; text-decoration: none;}
    .polozka .varianty-nahled {display: none; position: absolute; z-index: 1000; top: 45px; width: 100%; height: 229px; background-color: #F8F8A5;}
            .polozka .varianty-nahled h3 {font-size: .8em; padding: .5em 0;}
            .polozka .varianty-nahled table {width: 100%}
            .polozka .varianty-nahled table td {padding: 0; margin: 0; text-align: center;}
	.polozka .dostupnost {padding: 1em 0; font-size: .7em;}
	.polozka .ikona-dostupnost {position: absolute; right: 0; top: 65px; left: 10px; z-index: 10;}


.filtr {padding: 1em 0;}
	.filtr p {margin: 0 20px;}
	.filtr p * {vertical-align: middle;}
	.filtr select {margin-right: 20px;}
	

.strankovani {margin: 0 20px 0 0; text-align: right;}
	.strankovani * {color: #666;}
	.strankovani .zde {color: #900; font-weight: bold;}
	.strankovani a, .strankovani span {padding: 0 .25em;}
	.strankovani span {color: #ccc;}
	.strankovani label {margin-left: 1em;}
	.strankovani input {padding: .25em;}
	

/* detail */
.detail h1 {padding-bottom: 0;}
.detail h2 {color: #900; font-size: 1.1em;}
.detail h2.podtitul {font-weight: bold; font-size: 1em; color: #4FAB22; text-transform: none; margin: .5em 0 .8em 0;}
.detail div.podtitul { color: #4FAB22;}
	.detail div.podtitul p {padding: 0; margin: 0;}
.detail h2.podnadpis {text-align: center; font-size: 1.4em; margin: 0 0 20px 0;}
.zvetsit {text-align: center;}
	.zvetsit span {color: #666; background: url(../gfx/ostatni/lupa.gif) 0% 60% no-repeat; padding-left: 1em;}

.detail .b34.nakup {margin-bottom: .4em;}
.detail .vyrobce {padding: 0; margin: 0 0 1em 0;}
.detail .vyrobce a {color: #666;}
.detail .polozka .popis {height: auto; padding: 0;}
.detail .popis.otevreno {height: auto;}
.detail .popis p {font-size: .8em;}
.detail .popis h2 {font-size: 1.4em;}
.detail .popis .otvirak {background: #fff; padding: 1.4em 0 0 0; position: absolute; bottom: 0; left: 0; margin: 0; width: 470px;}
.detail p.kratky-popis {margin: 0; padding: 0 0 1em 0;}

.detail .dlouhy-popis h2 {margin-bottom: 1rem;}

.detail .dlouhy-popis table {width: 100% !important; margin-bottom: 2rem; border: none; border-collapse: collapse;}
.detail .dlouhy-popis table td {padding: .15rem .5rem; border: 1px solid #eeeeee; font-size: .813rem; vertical-align: middle;}
.detail .dlouhy-popis table td p {padding: 0; margin: 0;}

.detail .varianty {width: 715px; border-collapse: collapse;}
	.detail .varianty .licha td {background: #fff;}

	.detail .varianty .licha td {background: #F8F8A5;}
	.detail .varianty td {padding: .5em .5em; vertical-align: middle;}
	.detail .varianty p {margin: 0; vertical-align: middle;}
	.detail .varianty td.cena {text-align: right; white-space: nowrap; padding-right: .2em; color: #900; font-size: 1.5em;}
	.detail .varianty .popis, .ui-dialog .varianty .popis {width: 20%; font-size: .9em; font-weight: bold; height: auto; line-height: 1.2em; padding: .3em .5em;}

	.detail .varianty .dph {display: block; font-size: 0.750rem; color: #000; white-space: nowrap; text-align: right; padding: .2em 0 0 0;}

	.detail .varianty .dostupnost, .ui-dialog .varianty .dostupnost {font-size: 0.750rem; width: 178px; padding: .38em .3em 0 .3em; /*text-transform: uppercase;*/ text-align: center; cursor: help;}
	.detail .varianty td #objks {width: 2em; vertical-align: middle; text-align: right;}
	.detail .varianty td form {font-size: .9em; white-space: nowrap; vertical-align: middle;}
	.detail .varianty .dokosiku {width: 200px;}

	.detail .varianty .varianta-icon, .ui-dialog .varianty .varianta-icon {
		display: block;
		padding: 3px 0;
		font-weight: 400;
		font-size: 0.750rem;
	}

	.detail .varianty .varianta-icon img, .ui-dialog .varianty .varianta-icon img {
		float: left;
		padding-right: 3px;
	}

	.detail .varianty .sleva, .ui-dialog .varianty .sleva {
		text-align: center;
	}

	.detail .varianty .sleva-puvodni, .ui-dialog .varianty .sleva-puvodni {
		font-size: 0.750rem;
		text-decoration: line-through;
	}

	.detail .varianty .sleva-vyse, .ui-dialog .varianty .sleva-vyse {
		display: block;
		font-size: 0.750rem;
	}

	.detail .varianty .kupon, .detail .varianty .sleva {
		width: 250px;
		padding: 0;
		margin: 0;
		font-size: 0.750rem;
		text-align: center;
	}

	.detail .varianty .kupon img {
		position: relative;
		bottom: -10px;
		display: block;
		margin: 0 auto;
		padding: 0;
	}

.detail .elektronicke {float: left; width: 225px; margin-right: 20px;}
	.detail .elektronicke * {vertical-align: middle;}
	.detail .elektronicke #obj-ks {width: 2em;}
	

.detail .telefonicke {float: left; width: 225px; background: #f5f5f5; padding: .7em 0;}
	.detail .telefonicke h4 {color: #4fab22; font-size: 1.5em; font-weight: normal;}
	.detail .telefonicke p {font-size: .8em; margin: 0;}
	.detail .telefonicke img {float: left; margin: 0 .7em;}
	

.detail .share {margin-bottom: .2em;}
	.detail .share .like {position: relative; bottom: 3px;}

.nahled-detail {position: relative; display: block; border: 1px solid #CBC4BA; color: #666; line-height: 0;}
	.nahled-detail img {width: 217px;}

.galerie-detail {margin-top: .75em;}
	.galerie-detail li {position: relative; width: 29%; padding: 1%; margin: 1%; float: left; border: 1px solid #CBC4BA; line-height: 0;}
		.galerie-detail li:first-child {margin-left: 0;}
		.galerie-detail li:last-child {margin-right: 0;}
		.galerie-detail img {width: 100%; margin: 0;}


.detail .otvirak a {color: #900;}

.detail .vernost, .ui-dialog .vernost {display: block; float: right; line-height: 1em; padding: .7em .25em 0 18px; font-size: 0.500rem; background-image: url('../gfx/flower.png'); background-position: center left; background-repeat: no-repeat;}
.detail .vernost .body, .ui-dialog .vernost .body {font-weight: bold; display: block; font-size: 0.750rem; padding: 3px 0;}

.ui-dialog .vernost {
	display: block;
	width: 100%;
	margin-left: 15px !important;
	padding-left: 15px !important;
	padding-top: 3px !important;
}

.galerie_tn {float: left; width: 68px; margin: 0 3px; padding: 3px 0; display: block; float: left;}
.galerie_tn.alpha {margin-left: 0;}
.galerie_tn.omega {margin-right: 0;}
	

/* vyrobci */

.vyrobci ul.seznam-znacek {width: 725px; clear: both; position: relative; bottom: 2em;}
	.vyrobci ul.seznam-znacek li {padding: 0; background: none; float: left; width: 160px; margin-right: 20px;}
		.vyrobci ul.seznam-znacek li a {color: #4fab22;}
	.vyrobci ul.seznam-znacek li.titulek {color: #900; font-size: 2em; float: none; width: 725px; display: block; clear: both; border-bottom: 1px solid #e9f0dc; padding-top: 1em;}
	

/* text */

.text h2 {color: #900; font-size: 1.1em; margin-bottom: .3em;}
.text h3 {color: #4fab22; font-size: .9em; margin-bottom: .1em;}
.text a {color: #4fab22;}
.text table {font-size: .9em;}
	.text th, .text td {padding: 0 .5em .3em 0;}
	.text .provozovny td {padding-right: 3em;}
	

.text .mapa {float: right; width: 380px; text-align: center;}


.galerie img {margin: 0 20px 1em 0; border: 1px solid #B7DB70;}


/* zakaznicke centrum */

.centrum h1 {color: #4fab22; font-size: 1.5em; margin-bottom: .5em;}
.centrum h2 {color: #900; font-size: 1.1em; margin-bottom: .5em;}
.centrum a {color: #4fab22;}
.centrum p {margin-right: 20px;}


.centrum .formular, .sendform {padding: 1.5em 0 1em 0;}
.centrum table, .sendform table {font-size: .9em; margin: 0 .5em;}
	.centrum table th, .centrum table td, .sendform table th, .sendform table td {padding: 0 0 .5em 1em;}
	

.centrum .objednavky {background: #ccc; margin: 0 20px 1em 0;} 

	.centrum .objednavky th, .centrum .objednavky td {background: #fff; padding: .5em;}
	.centrum .objednavky th {color: #666; background: #f5f5f5;}
	

.centrum .adresa th, .centrum .adresa td {padding: 0 1em .5em 0;}


.prijata, .odeslana, .storno {color: #fff; text-transform: uppercase; text-align: center; padding: .3em .5em; display: block; width: 100px;}
.prijata {background: #900;}
.odeslana {background: #390;}
.storno {background: #c00;}
	

.centrum .siroke {width: 715px; margin: 0 20px 2em 0;}

.centrum #odlisna-dodaci-adresa {display: none;}
.centrum fieldset {border: none; padding: 1.5em 0 1em 0; margin-bottom: .5em;}


/* formular - sendform */

.sendform h2 {margin: 0 0 1em 20px;}
.sendform input {width: 300px; padding: .3em;}
.sendform textarea {width: 300px; padding: .3em;}
.sendform input.button {width: auto;}
.sendform th {font-weight: normal;}
.sendform th.zarovnat-nahoru {padding-top: .35em;}


/* panel layout (bez sloupcu) */

.panel {margin: 0 auto; width: 980px;}
	.panel .hlavicka, .panel .obsah {margin: 0 0 1em 0; width: 980px;}
	.panel .kosik .formular {padding: 2em 0;}
	/*.panel .hlavicka h1 {color: #4fab22; font-size: 2em; margin-bottom: .5em; text-align: right; padding: 1.7em 0 0 0;}*/
	/*.panel .logo {background-image: url(../gfx/logo-bile.png);}*/


/* kosik */

.kosik {padding-bottom: 2em;}
	.kosik table {margin-bottom: 1em; border: solid #ccc; border-width: 1px 1px 0 0; width: 980px;}
		.kosik th, .kosik td {border: solid #ccc; border-width: 0 0 1px 1px; padding: .5em;}
		.kosik th {color: #900; background: #f5f5f5; text-align: center;}
		.kosik .suma, .kosik .prepocet {border: 0;}
		.kosik td.prepocet {padding-left: 0; padding-right: 0;}
		.kosik .zbozi {border-left: 0; padding-left: 0;}
		.kosik .celkem {color: #c00; font-size: 1.5em;}
		.kosik a {color: #4fab22; font-size: 1.1em; font-weight: bold; text-decoration: none;}
		.kosik a.rem {color: #666; font-size: .8em; font-weight: normal; text-decoration: underline;}
		.kosik a.rem:hover {color: #c00;}
		.kosik .mnozstvi {width: 2em;}
		.kosik .popis {width: 70%;}
		.kosik .cena-kus, .kosik .pocet, .kosik .soucet {width: 12%;}
	

/* objednavka */
.objednavka h2 {color: #4fab22; font-size: 1.1em; margin-bottom: .3em;}
.objednavka h3 {color: #900; font-size: .9em; margin-bottom: .3em;}
.objednavka table {font-size: .9em; line-height: 1.4em; width: 446px;}
.objednavka .data th {padding: .25em .4em; width: 180px; text-align: right; font-weight: normal; white-space: nowrap;}
.objednavka .data td {padding: .25em .4em;}
.objednavka .data td.chyba {width: 16px; height: 16px; padding: .25em 0; vertical-align: middle;}
.objednavka .data td.chyba img {width: 16px; height: 16px; display: block;}
.objednavka p a {color: #900;}
.objednavka button {border: 0; background: 0; padding: 0; margin: 0; cursor: pointer;}
form#objednavka {padding-bottom: 4em;}

.obj-platba .input, .obj-doprava .input { width: 30px; text-align: left; vertical-align: top !important;}

.obj-platba .input-m, .obj-doprava .input-m {display: block; padding-bottom: 0.250rem;}
.obj-platba .input-m {padding-bottom: 0.500rem;}
.obj-doprava .p-cervene {display: block; padding-bottom: 0.250rem;}

.obj-doprava .input-m {
	padding-left: 80px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 25px;
	vertical-align: top !important;
}
.obj-doprava .input-m.NP {
	background-image: url(../gfx/cp/Logo_barevne_Balik_Na_postu.png);
}
.obj-doprava .input-m.NB {
	background-image: url(../gfx/cp/Logo_barevne_Balik_Do_balikovny.png);
}
.obj-doprava .input-m.DR {
	background-image: url(../gfx/cp/Logo_barevne_Balik_Do_ruky.png);
}
.obj-doprava .input-m.DP {
	background-image: url(../gfx/dpd/DPD_logo.png);
}
.obj-doprava .input-m.IT, .obj-doprava .input-m.I2 {
	background-image: url(../gfx/intime/logo_intime.png);
}

.obj-doprava span.popis {font-size: .8em; line-height: .8em !important;}
.obj-doprava .cena {vertical-align: top; text-align: right;}
.obj-doprava td {padding-bottom: 1rem !important;}

.data input {padding: .25em; width: 100%;}
.data select {width: 168px; margin: 0; padding: .25em;}
.data input.button {width: auto;}
#obj-poznamka {width: 440px;}


.napoveda {color: #4fab22; font-size: .8em; font-weight: bold; text-decoration: none; position: relative; bottom: .5em; right: .2em;}
.zarovnat-nahoru {vertical-align: top;}
.zarovnat-dolu {vertical-align: bottom;}
.linka-dole td {border-bottom: 1px solid #ccc;}
.celkova-cena {width: 5em;}


.split {width: 480px;}
.wrap {border: 1px solid #ccc; background: #f5f5f5; padding: 1em; margin-bottom: 1em;}


.obj-vyssi {height: 226px;}
.obj-upoutavka {height: 96px; margin-top: 2em; background-color: #B1B1B1; color: #fff;}
	.obj-upoutavka p {text-align: center; font-size: 1.6em; padding-top: .65em; line-height: 1.2em;}
	

.ikona img {vertical-align: middle; position: relative; bottom: 2px;}

#zpracovani { display:none; position: relative; margin: 2em 0; background-image: url('../gfx/loader.gif'); background-repeat: no-repeat; background-position: center 2px; background-size: 40px 40px;}
	#zpracovani p {text-align: center; font-size: 1.6em; padding-top: 60px; padding-bottom: .65em; line-height: 1.2em;}

/* resume objednavky */
.resume {padding: 2em 0;}
.resume h2 {color: #4fab22; font-size: 1.1em; margin-bottom: .3em;}
.resume a {color: #4fab22;}
.resume table {border-collapse: collapse; min-width: 80%;} 
	.resume table th, .resume td {background: #fff; padding: .5em; border: 1px solid #ccc;}
	.resume table th {color: #666; background: #f5f5f5;}
	


/* uvodni strana */

.heureka {border: 1px solid #648f0f; background: #9c3; position: absolute; top: 243px; right: 20px; padding: 15px 15px 10px 15px; width: 115px;}
	.heureka img {margin-bottom: 1em;}
	.heureka p {color: #000; text-indent: -.6em; font-size: .75em; margin-bottom: .5em; line-height: 1.2em;}
	.heureka p.podpis {color: #436500; text-indent: 0; text-align: right; font-style: italic; margin: 0;}
	.heureka p strong {font-size: 1.2em;}


.hp-upoutavka {padding: 2em 0 1.4em 0; background: #EAE7E0; border: 1px solid #CBC4BA;}
	.hp-upoutavka h2 {font-size: 1.3em; line-height: 1.2em; margin: 0 36px 26px 36px; color: #900;}
	.hp-upoutavka ol {font-size: 1.1em; margin: 0 36px; text-align: left;}
		.hp-upoutavka ol li {padding: 0; background: none; margin: 0 0 .58em 20px;}
		.hp-upoutavka ol span {color: #000;}
	.hp-upoutavka .hotline {width: 130px; text-align: center; margin: 0 auto;}
		.hp-upoutavka .hotline img {border: 1px solid #CBC4BA;}
	.hp-upoutavka .p-zelene {color: #5BA701;}


.hp-dlazdice {margin-bottom: 2em;}
	.hp-dlazdice img {margin-bottom: -3px;}
	.hp-dlazdice h2 {background: #9c3; font-size: 1em; text-align: center;}
		.hp-dlazdice h2 a {color: #fff; text-decoration: none; display: block; padding: .3em;}
		.hp-dlazdice h2 a:hover {background: #900;}
	

h2.hp-nadpis {color: #900; text-align: center; font-size: 1.4em; margin: 0 0 20px 0;}


.video {width: 549px; height: 309px; margin-bottom: 20px;}

/*
.akce {width: 715px;}
.akce img {display: block; float: left;} 
*/


/* zaslat heslo */

.panel .formular {padding: 1em;}
	.panel .formular p {margin: 0;}
	.panel .formular p * {vertical-align: middle;}
	

/* chybove hlasky */

.chyba h2 {color: #4fab22; font-size: 1.1em; margin-bottom: .3em;}
.chyba a {color: #4fab22;}


p.chyba {color: #fff; background: #c00; padding: 1em 1.2em;}
p.chyba img {vertical-align: middle;}


/* oznameni */

p.oznameni {color: #000; background: #fff; border:1px solid #000; padding: 1em 1.2em 1em 55px; background-image: url(../gfx/icons/glyphicons_206_ok_2.png); background-repeat: no-repeat; background-position: 15px center;}
p.oznameni img {vertical-align: middle;}



/* paticka */

.nastroje {font-size: .8em; text-align: center; padding-top: 3em;}
	.nastroje a {color: #000;}
	.nastroje a:hover {color: #900;}
	

.paticka {}
	.paticka * {color: #000;}
	.paticka .copy {margin-top: 4rem; font-size: .8em;}
	

.pata-menu {text-align: left; padding: 2em 0;}
	.pata-menu h4 {margin-bottom: .4em;}
	.pata-menu li {background: url(../gfx/odrazka/zelena-pata.png) 0px 7px no-repeat; padding-left: .6em; position: relative;}
	.pata-menu a {color: #360;}
		.pata-menu a:hover {color: #900;}
	

p.odkazy {margin: 0 auto; font-size: .8em; width: 960px; padding: 1em 0; text-align: left;}
	p.odkazy a {color: #1C3D0C;}


/* obsah tabulka */

.obsah table.tabulka {width: 100%; border-collapse: collapse;}

	.obsah table.tabulka td {
		border: 1px solid #A7D23E;
		padding: .5em;
	}

	.obsah table.tabulka thead td {
		font-weight: bold;
		background-color: #F8F8A5;
	}

/* formular */

input[type=submit] {
	cursor: pointer;	
}
.formular input, .formular select {
	padding: .25em;
}



/* prihlaseni */
.prihlaseni table {
	width: 100%;
}
.prihlaseni label {
	font-size: .8em;
}
.prihlaseni input[type=text], .prihlaseni input[type=password] {
	
}

.prihlaseni .ui-dialog-buttonpane, .prihlaseni form {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

.zaslat-heslo {padding: 1em;}

#opakovani-objednavky, .info {
    margin: 2em 0 0 0;
    padding: 2em;
    border: 1px solid #A7D23E;
    background-color: #F8F8A5;
}
    #opakovani-objednavky table {width: 50%; margin: 1em auto;}
        #opakovani-objednavky table td {text-align: left;}
    #opakovani-objednavky h2  {font-size: 1.333em; color: #900;}
    #opakovani-objednavky h3  {color: #4fab22;}

.info {margin-bottom: 2em;}
 
/* obecne tridy */

.centr {text-align: center;}
.vpravo {text-align: right;}
.vlevo {text-align: left;}


.clr {border: 0; clear: both; display: block; height: 0; margin: 0; visibility: hidden;}
.oddelovac {color: #ccc; background: #ccc; border: 1px; height: 1px; margin: 0 20px 1.5em 0; clear: both;}


.pl {float: left;}
.pp {float: right;}


.m0 {margin: 0;}
.mn1 {margin-top: 1em;}
.md1 {margin-bottom: 1em;}
.mp1 {margin-right: 1em;}
.ml1 {margin-left: 1em;}


.p0 {padding: 0;}
.p1 {padding: .4em;}


.b-sede {background: #F8F8A5;}
.b-zelene {background: #DEECB7;}
.b-cervene {background: #FFDFDF;}


.p-zelene {color: #4fab22;}
.p-cerne {color: #000;}
.p-sede {color: #666;}
.p-cervene {color: #f00;}


.o-oranzove {border: 1px solid #E7B840;}
.o-cervene {border: 1px solid #f00;}


.fs8 {font-size: .8em;}
.fs12 {font-size: 1.2em;}

.hp-upoutavka p span {font-size: .6em; line-height: .6em;}


/* autocomplete */	

	ul.ui-autocomplete .ui-state-active,
	ul.ui-autocomplete .ui-widget-content .ui-state-active,
	ul.ui-autocomplete .ui-widget-header .ui-state-active, 
	ul.ui-autocomplete .ui-autocomplete, ul.ui-autocomplete .ui-autocomplete:hover, 
	ul.ui-autocomplete .ui-menu-item, ul.ui-autocomplete .ui-menu-item:hover,
	ul.ui-autocomplete .ui-menu-item a, ul.ui-autocomplete .ui-menu-item a:hover,
	ul.ui-autocomplete .ui-widget-content .ui-state-focus,
	ul.ui-autocomplete .ui-widget-header .ui-state-focus,
	ul.ui-autocomplete .ui-widget-header .ui-state-hover,
	ul.ui-autocomplete .ui-menu .ui-menu-item a.ui-state-focus,
	ul.ui-autocomplete .ui-menu .ui-menu-item a.ui-state-active,
	ul.ui-autocomplete .ui-menu .ui-menu-item a
	{		
		background: #fff none no-repeat; 
		padding:0;
		margin:0;
		display:block;
		border:0;
		border-collapse:collapse;
	}

	.ui-autocomplete {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		text-align: left;
		width: 387px !important;
		z-index: 99;
	}

	.ui-autocomplete a {
		cursor: pointer;
	}

	.ui-autocomplete li, .ui-autocomplete:hover li {
		padding:0;
		margin:0;
		display:block;
		border:0;
		border-collapse:collapse;		
		padding: .5em !important;
	}			

	.ui-autocomplete li a:hover {
		padding:0;
		margin:0;
		display:block;
		border:0;
		border-collapse:collapse;
		text-decoration: underline;
	}

	.ui-autocomplete li, .ui-autocomplete:hover li, .ui-autocomplete a {
		padding:0;
		margin:0;
		display:block;
		border:0;
		border-collapse:collapse;
		background-color: #F8F8A5 !important;
	}

	.ui-autocomplete li:nth-child(even), .ui-autocomplete:hover li:nth-child(even), .ui-autocomplete li:nth-child(even) a, .ui-autocomplete:hover li:nth-child(even) a {
		background-color: #FCFCDC !important;
	}

	.ui-autocomplete li:last-child {
		border-bottom: 1px solid #ccc;
	}

	.ui-autocomplete li a span {
		font-size: .75em;
	}



/* fancybox */
.fancybox-title {text-align: left;}



/* dialog */

.ui-dialog {
	border: 1px solid #D5B460 !important;
	text-align: left;
}

	.ui-dialog .ui-dialog-titlebar {
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		-khtml-border-radius: 0 !important;
		border-radius: 0 !important;
		border: none;
		background-image: none;
		background-color: #F8F8A5;
	}

	/*
	.ui-dialog input[type='text'], .ui-dialog input[type='password'] {
		width: 200px;
	}
	*/

	.ui-dialog button[type='submit'] {
		vertical-align: middle;
		border: none;
		cursor: pointer;
	}
	

	.ui-dialog h2 {font-size: 1em; color: #4fab22;}
    .ui-dialog h3 {font-size: 1em; color: #900;}
	.ui-dialog #kosik-dialog-cena {color: #900; font-size: 1.5em; margin: 0 0 .2em 0;}


	.ui-dialog .varianty {width: 100%; margin: 0; padding: 0; border-collapse: collapse; clear: both;}
		.ui-dialog .varianty .licha td {background: #fff;}	

		.ui-dialog .varianty .licha td {background: #F8F8A5;}
		.ui-dialog .varianty td {padding: .3em .5em; vertical-align: middle;}
		.ui-dialog .varianty p {margin: 0; padding: 0; vertical-align: middle;}
		.ui-dialog .varianty td.cena {text-align: right; white-space: nowrap; padding-right: .2em; color: #900; font-size: 1.5em;}
		.ui-dialog .varianty .popis {font-size: .9em; font-weight: bold; height: auto; line-height: 1.2em; padding: .3em .5em;}	

		.ui-dialog .varianty .dph {display: block; font-size: 0.750rem; color: #000; white-space: nowrap; text-align: right; padding: .2em 0 0 0;}

		.ui-dialog .varianty .dostupnost {padding: .38em .3em 0 .3em; /*text-transform: uppercase;*/ text-align: center; cursor: help;}
		.ui-dialog .varianty td {vertical-align: middle;}
		.ui-dialog .varianty td form {font-size: .9em; white-space: nowrap; vertical-align: middle;}
		.ui-dialog .varianty td.akce {width: 2em; text-align: right;}

		.ui-dialog .varianty input.mnozstvi {border: 1px solid #ccc; width: 2em; padding: .33em;}

		.ui-dialog .ui-dialog-buttonpane {border: none; border-top: 1px solid #ccc;}
			.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: none !important;}
			.ui-dialog .ui-dialog-buttonpane button {width: auto !important; height: auto !important; padding: 0 !important;  color: #fff; font-weight: bold; border: none; font-size:13px !important; font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}
			.ui-dialog .ui-dialog-buttonpane button.button-red {background-color: #900;}
				.ui-dialog .ui-dialog-buttonpane button.button-red:hover {background-color: #D84435;}
			.ui-dialog .ui-dialog-buttonpane button.button-green {background-color:#4FAB22; float: right;}
				.ui-dialog .ui-dialog-buttonpane button.button-green:hover {background-color: #58BF26;}
    .ui-dialog .varianty-box {background-color:#F8F8A5; padding: 10px; margin-bottom: 1em;}
    .ui-dialog .varianty-box table {padding: .5em; display: table; width: 100%; margin: auto 0; empty-cells: hide; border-collapse: collapse;}
        .ui-dialog .varianty-box table tr {display: table-row; position:relative; cursor:pointer;}
        .ui-dialog .varianty-box table td {position: relative; width: 12%; text-align: left; margin: 0; padding: .25em 0; vertical-align: middle;}
            .ui-dialog .varianty-box table td span {display: inline-block;vertical-align: middle; padding: 0 .25em;}
            .ui-dialog .varianty-box table td img {display: inline-block;vertical-align: middle;}

            .ui-dialog .varianty-box table td.active div:after  {
                background: url(../gfx/ikony/icon-mark.png) no-repeat center;
                background-size: 100% 100%;
                content: "\A";
                top: 4px;
                left: 54px;
                z-index: 100;
                width: 20px;
                height: 20px;
                display: block;

                position: absolute;
                /*background: blue;*/
                /*opacity: 0.1;*/
            }
            .ui-dialog .varianty-box table td.active img {
                opacity: 0.5;
            }


/* buttons */
button {color: #fff; font-weight: bold; border: none;}
button[type='submit'] {
	vertical-align: middle;
	border: none;
	cursor: pointer;
}	
	button.button-red {background-image: url(../gfx/ui_bg_red.png); border-color: #6D0006;}
	button.button-green {background-image: url(../gfx/ui_bg_green.png); border-color: #3C831A;}	


.buttons, .buttons:visited, .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane button:visited {
	background:#222 url(../gfx/alert-overlay.png) repeat-x;
	display:inline-block;
	padding:5px 10px 6px;
	color: #fff !important;
	text-decoration:none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	border-bottom:1px solid rgba(0,0,0,0.25) !important;
	position:relative;cursor:pointer;}
.buttons:hover{background-color:#111;color:#fff;}
.buttons:active, .ui-dialog-buttonpane button:active {top:1px;}
.small.buttons, .small.buttons:visited{font-size:11px;}
.buttons, .buttons:visited, .medium.buttons, .medium.buttons:visited{font-size:13px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}
.large.buttons, .large.buttons:visited{font-size:14px;padding:8px 14px 9px;}
.green.buttons, .green.buttons:visited{background-color:#4FAB22;}
.green.buttons:hover{background-color:#58BF26;}
.blue.buttons, .blue.buttons:visited{background-color:#2daebf;}
.blue.buttons:hover{background-color:#007d9a;}
.red.buttons, .red.buttons:visited{background-color: #900;}
.red.buttons:hover{background-color:#D84435;}
.magenta.buttons, .magenta.buttons:visited{background-color:#a9014b;}
.magenta.buttons:hover{background-color:#630030;}
.orange.buttons, .orange.buttons:visited{background-color:#ff5c00;}
.orange.buttons:hover{background-color:#d45500;}
.yellow.buttons, .yellow.buttons:visited{background-color:#ffb515;}
.yellow.buttons:hover{background-color:#fc9200;}

/* nalepky v katalogu */
div.polozka .nalepka {position: absolute; right: 0; top: 170px;}

/* CP baliky */
.cp_box {
	padding: .5rem 1rem;
	margin-bottom: 1rem;
	background-color: #B0B0B0;
}

.cp_box label {
	font-size: .8em;
	font-weight: 600;
}

.cp_box input {
	display: block;
	width: 98%;
	padding: .25rem;
}

.cp_box table td {
	padding: .5rem .5rem .5rem 0;
	text-align: left;
}

.cp_box table td label {
	padding: 0 .250em;
	font-size: 1em;
	font-weight: 400;
}

.cp_box table td input[type=radio] {
	width: 150%;
	padding: .5rem;
}

.eu-cookies {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	padding: .33em 2em;
	color: #000;
	background-color: rgba(255, 225, 136, .9);
	z-index: 1000;
	text-align: center;
	font-size: .9em;
}

.eu-cookies button {
	background: #c00;
	color: white;
	border: none;
	padding: .5rem 1rem;
	margin: 0 1rem;
	cursor: pointer;
}

.eu-cookies a {color: #4fab22;}

.ui-autocomplete {
	min-width: 420px;
	max-height: 350px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 350px;
}