html, body {height:100%; margin:0; padding:0; border-style:none;}
body, input, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:white;
}
body {background:#E4E9ED url(timg/body-bg.gif) repeat-x; color:#233E5D;}
* {margin:0; padding:0;}
img {border-style:none;}
td {vertical-align:top;}
li {margin-left:1.5em;}
ol {margin-left:0.5em;}

.clear {clear:both; height:0px; overflow:hidden;}
.left {float:left;}
.right {float:right;}

/* tmave oranzova: ff4800 */

#header {width:942px; height:119px; margin:0 auto; background:url(timg/header-bg.png) no-repeat;}
#header img#logo {width:173px; height:49px; display:block; float:left; position:relative; left:20px; top:34px;}
#header div.top-lang {float:right; height:20px; padding-right:55px;}
#header div.top-lang a {background-repeat:no-repeat; background-position:0px 4px; padding:0 10px 0 20px;}

/* nahled kosiku v zahlavi */
div.kosiknahled {width:252px; float:right; clear:right; position:relative; top:14px;}
div.kosiknahled p {position:relative; left:5px; top:8px;}
div.kosiknahled a.nadpis {color:#ff4800; font-size:85%; font-weight:bold; text-decoration:none;}
div.kosiknahled img.ikona {float:left;}

#menu {width:942px; height:63px; margin:0 auto; background:url(timg/menu-bg.png);}
#menu #menu-box {width:919px; height:44px; margin:0 auto; background:url(timg/menu-box-bg.png); position:relative; top:11px;}
#menu #menu-box img {display:block; float:left; height:44px;}
/*#menu #menu-box img.menu-rightend {float:right;}*/
/*#menu #menu-box #vstup-pro-partnery {float:right;}*/

#footer-menu {width:942px; height:51px; margin:0 auto; background:url(timg/footer-menu-bg.png); text-align:center; font-size:85%;}
#footer-menu a {background:url(timg/dot-grey.png) no-repeat center left; padding:0 0.3em 0 1em; color:#778FAA; position:relative; top:33%;}

#footer {width:942px; height:74px; margin:0 auto; background:url(timg/footer-bg.gif); text-align:center; font-size:85%;}
#footer span {color:#AABCD0; position:relative; top:22%;}
#footer a.lang {position:relative; left:150px; top:1.4em; color:#778FAA;}

#main {width:920px; margin:0 auto; padding:0 10px; background:white url(timg/main-bg.png) no-repeat; border-left:1px solid #e3e8ec; border-right:1px solid #e3e8ec;}
#left {width:170px; float:left; font-size:85%;}
#right {width:724px; float:right;}

#left img.l-nadpis {width:170px; height:32px; display:block; }

#left div.l-box-blue {width:146px; background:#ecf6fe url(timg/l-bg-blue.png) no-repeat; padding:10px 5px 15px 15px; color:#003878; border-left:2px solid white; border-right:2px solid white;}
#left div.l-box-blue a {color:#003878;}
#left div.l-box-blue a.siroky {display:block; width:130px; margin:0; line-height:130%;}
#left div.l-box-blue a.s-teckou {display:block; margin:0 0.5em 0 0; line-height:130%; background:url(timg/l-dot-blue.png) no-repeat 0 0.7em; padding:0.3em 0 0.3em 1em;}
#left div.l-box-blue a.s-teckou-2 {display:block; margin:0 0.5em 0 0; line-height:110%; background:url(timg/l-dot-blue.png) no-repeat 0 0.48em; padding:0.2em 0 0.2em 1em;}
#left div.l-box-blue div.dva-sl {width:50%; float:left; }
#left div.l-box-blue div.dva-sl a {display:block; width:55px; margin:0; line-height:130%; background:url(timg/l-dot-blue.png) no-repeat 0 0.7em; padding:0.3em 0 0.3em 1em;}
#left div.l-box-blue div.dva-sl a.star {background-image:url(timg/l-red-star-on-blue.png);}
#left div.l-bottom-blue {width:170px; height:16px; margin-bottom:15px; background:url(timg/l-bottom-blue.png) no-repeat;}
#left div.star-novinka {margin-top:1em;}

#left div.l-box-red {width:136px; background:#f9f6f1 url(timg/l-bg-red.png) no-repeat; padding:10px 15px 0 15px; color:#ff4800; border-left:2px solid white; border-right:2px solid white;}
#left div.l-box-red a {color:#ff4800;}
#left div.l-box-red a.s-teckou {display:block; width:115px; margin:0 0.5em 0 0; line-height:130%; background:url(timg/l-dot-red.png) no-repeat 0 0.7em; padding:0.3em 0 0.3em 1em;}
#left div.l-bottom-red {width:170px; height:16px; margin-bottom:15px; background:url(timg/l-bottom-red.png) no-repeat;}

h1 {color:#FF4800; font-size:110%; margin:1em 0 1em 0;}
h2 {font-size:110%;}
div.article h2 {font-size:100%; margin:2em 0 0.5em 0;}
a {color:#233E5D;}
span.tisk {display:block; width:40px; text-decoration:underline; cursor:pointer; margin:1em 0;}

/* obrazkova tlacitka se stinem */
div#b-zpet-bg {width:68px; height:49px; background:url(timg/b-zpet-bg.png) no-repeat; float:left; position:relative; left:-75px;}
div#b-zpet-bg img {display:block; margin:0;}
div#b-do-kosiku-bg {width:108px; height:48px; background:url(timg/b-do-kosiku-bg.png) no-repeat; float:left; position:relative; left:-70px;}
div#b-odeslat-bg {width:93px; height:48px; background:url(timg/b-odeslat-bg.png) no-repeat; margin-top:0.5em;}
div#b-pokracovat-v-nakupu-bg {float:left; width:175px; height:48px; margin-top:0.5em;}
div#b-pokracovat-v-objednavce-bg {float:right; width:199px; height:48px; margin-top:0.5em;}
div#b-odeslat-objednavku-bg {width:167px; height:48px; margin-top:0.5em;}


/* kategorie zbozi - strankovani */
div#esfolderpages {margin:0.5em 0 0 0;}
div#esfolderpages p {float:left; margin:0 1em 0 0;}
div#esfolderpages img {display:block; float:left; margin:0 1px 0px 1px;}
/* kategorie zbozi - radek nastaveni (filtr, polozek na strance atd.)*/
div.esfolderset {clear:left;}
div.esfolderset p {margin:0.5em 0;}
/* kategorie zbozi - polozka */
div.esitem {float:left; margin:0 12px 0 0; width:172px; height:370px; position:relative; left:-10px; background:url(timg/esitem-top.png) no-repeat;}
div.esitem p {text-align:center; font-size:85%;}
div.esitem p.nadpis {font-weight:bold; line-height:39px;}
div.esitem a {color:#ff4800;}
div.esitem div.tn {width:170px; height:150px; padding:20px 0;
		background:url(timg/esitem-hr-shadow.png) no-repeat; border-left:1px solid #D8E2EA; border-right:1px solid #D8E2EA;}
div.esitem div.tn img {display:block; margin:0 auto; border-style:none;}
div.esitem div.cena {width:170px; padding:10px 0;
		background:url(timg/esitem-hr-shadow.png) no-repeat; border-left:1px solid #D8E2EA; border-right:1px solid #D8E2EA;}
div.esitem span.cena {font-weight:bold; color:#7E72B3;}
div.esitem span.skrtnuta {font-weight:normal; text-decoration:line-through;}
div.esitem h2 {width:130px; height:65px; overflow:hidden; padding:10px 20px 0 20px; text-align:left; font-size:85%; font-weight:normal;
		background:url(timg/esitem-hr-shadow.png) no-repeat; border-left:1px solid #D8E2EA; border-right:1px solid #D8E2EA;}
div.esitem h2 a {color:#233E5D; text-decoration:none;}
div.esitem div.bottom {width:172px; height:20px; background:url(timg/esitem-bottom.png) no-repeat; overflow:hidden;}

/* detail zbozi */
table.detailtable {table-layout:fixed; clear:left;}
table.detailtable col.c1 {width:360px;}
table.detailtable col.c2 {width:20px;}
table.detailtable col.c3 {width:325px;}
table.detailtable td.detail {width:360px; line-height:150%;}
table.detailtable div.d1 {width:140px; float:left; clear:left;}
table.detailtable div.d1 span.male {font-size:85%; line-height:1.3em; position:relative; top:6px;}
table.detailtable div.d2 {width:220px; float:left;}
table.detailtable td.detail p {margin:0;}
table.detailtable .article {margin-bottom:1em;}
table.detailtable h2 {font-size:100%; margin:1em 0 0 0;}
table.detailtable td.detail img {display:block; margin:6px 0px;}
table.detailtable div.zb-img-top {width:324px; height:36px; background:url(timg/zb-img-top.png) no-repeat; text-align:center;}
table.detailtable div.zb-img-top a {color:#326D9A; font-size:85%; position:relative; top:0.85em;}
table.detailtable div.zb-img-bottom {width:324px; height:26px; background:url(timg/zb-img-bottom.png) no-repeat;}
table.detailtable div.zb-img {width:322px; padding:15px 0; border-left:1px solid #D8DFE6; border-right:1px solid #D8DFE6;}
table.detailtable div.zb-img img {cursor:pointer; display:block; margin:0 auto;}
table.detailtable div.zb-img-male {width:322px; padding:0; border-left:1px solid #D8DFE6; border-right:1px solid #D8DFE6; border-top:1px solid #D8DFE6; }
table.detailtable div.zb-img-male div.maly {width:107px; height:100px; float:left; text-align:center;}
div#vzornik { margin-left:-2px;}
div#vzornik a {display:block; float:left; padding:3px; margin:2px; border:1px solid #D8DFE6; background-color:white;}
div#vzornik a img {border:1px solid white; margin:0;}

/* související zbozi v detailu zbozi */
div.related {width:718px; background:url(timg/hr-shadow.png) no-repeat top center; padding:2em 0;}
div.related h2 {font-size:100%;}
/*div.related div.d1 {width:140px; float:left; clear:left;}
div.related div.d2 {width:570px; float:left;}*/

/* kontaktni formular */
div.kontaktform {width:718px; background:url(timg/hr-shadow.png) no-repeat top center; margin-top:0em; padding:2em 0;}
div.kontaktform div.d1 {width:140px; float:left; clear:left;}
div.kontaktform div.d1 h2 {font-size:100%;}
div.kontaktform div.d2 {width:570px; float:left;}
div.kontaktform form {margin-top:1em;}
div.kontaktform label {display:block; float:left; clear:left; width:125px; padding-right:15px; margin-top:7px; text-align:right;}
div.kontaktform input.text {display:block; float:left; width:300px; margin-top:3px; padding:2px; border:2px solid silver; border-color:#75736E #F2F0EE #F2F0EE #75736E;}
div.kontaktform input#predmet {width:450px;}
div.kontaktform textarea {display:block; float:left; width:450px; height:6em; margin-top:3px; padding:2px; border:2px solid silver; border-color:#75736E #F2F0EE #F2F0EE #75736E;}

/* kosik */
table.kosik {width:718px; margin:0; position:relative; left:-4px; font-size:85%;}
table.kosik th {text-align:left; padding:2px 4px; color:#ff4800;}
table.kosik td {padding:3px 4px;}
table.kosik td.pocet {padding:1px 4px;}
table.kosik td.pocet a {display:inline; line-height:17px; font-weight:bold; text-decoration:none;}
table.kosik td.pocet a.odebrat {text-decoration:underline;}
table.kosik td.pocet form.pocet {display:block;}
table.kosik td.pocet form.pocet input.pocet {width:32px; font-size:100%; text-align:right; margin-top:3px; padding:1px; border:1px solid silver; border-color:#75736E #F2F0EE #F2F0EE #75736E;}
table.kosik td.pocet form.pocet input.submit {width:1.6em; margin-top:1px; color:#233E5D; font-size:100%; cursor:pointer; border-style:none; font-weight:bold;}
table.kosik th.ar {text-align:right;}
table.kosik td.ar {text-align:right;}
table.kosik tr.sep td {height:1px; padding:0px;}
table.kosik div.kosik-nahled {width:92px; float:left;}
table.kosik div.kosik-nahled img {display:block; margin:0 auto;}
form.kosik label {padding-left:0.4em; position:relative; top:-2px;}
form.kosik label.disabled {color:silver;}
form.kosik div#doprava_info {width:300px; float:right; font-size:85%; position:relative; left:-20px;}
form.kosik div#doprava_info p {margin:0.5em 0 0 0;}
form.kosik div#doprava_info ul {margin-top:0;}
form.kosik div#doprava_info li {margin-left:1.5em;}


/* registracni formular */
form#regform h2 {font-weight:bold; font-size:100%; margin:1em 0em 0.5em 0em; clear:left;}
form#regform p {}
div.info {background-color:#FFE3BB; padding:0.5em; margin-top:0.5em;}
form#regform label {padding-left:15px; width:100px; float:left; clear:left; margin-top:5px;}
form#regform label.dlouhy {width:100px;}
form#regform input.text {width:14em; padding:2px; margin:0.1em 0em 0.1em 0em; border:2px solid silver; border-color:#75736E #F2F0EE #F2F0EE #75736E;}
form#regform input.chkbox {display:inline;width:2em;}
form#regform textarea#pozn {width:400px; height:80px; padding:2px; border:2px solid silver; border-color:#75736E #F2F0EE #F2F0EE #75736E;}
form#regform input#psc {width:5em;}
form#regform input#psc2 {width:5em;}
form#regform span {display:block; float:left; width:8px; color:#FF4800; margin:0px;}
form#regform span.poznamka-oranzova {display:inline; float:none; width:auto;}
form#regform input.radioneano01 {width:2em; display:inline; border-style:none; position:relative; top:0.2em; clear:none;}
form#regform label.radioneano01 {display:inline; float:none; width:3em; clear:none;	padding-left:0em;}
form#regform table {table-layout:fixed;}
form#regform table tr td {}

/* objednavka - detail */
div.objednavka hr {height:1px; margin:0;}
div.objednavka table th {padding:0; text-align:left; font-size:100%;}
div.objednavka table th.ar {text-align:right;}
div.objednavka table td {padding:0 ; font-size:100%;}
div.objednavka table td.ar {text-align:right;}
div.objednavka hr {display:none;}

/* title page */
div#tp-cirkus {width:711px; height:261px; padding:5px 0 0 15px; /*float:left;*/ background:url(timg/tp-cirkus-bg-large.png) no-repeat; position:relative; left:-14px;}
div#cirkus {width:696px; height:245px;  overflow:hidden; position:relative; }
div#cirkus div {display:block; float:left; position:absolute; left:0px; top:0px; text-align:center; }
div#cirkus a {color:#ff4800; text-decoration:none;}
div#cirkus h2 {font-size:85%;  display:inline; text-decoration:underline; line-height:200%;}
div#right-to-cirkus {width:250px; float:right; padding-right:10px;}
div#tp1 {width:356px; float:left; position:relative; left:-14px;}
div#tp1 h3 {width:326px; padding:0 15px 34px 15px; color:#FF4800; font-size:110%; margin:0; margin-top:5px; background:url(timg/tp-top-bg.png) no-repeat bottom center; }
div#tp1 div.article {width:324px; padding:0 15px 15px 15px; font-size:85%; border:1px solid #D4E0E9; border-style:none solid none solid;}
div#tp1 div.bottom {width:356px; height:78px; background:url(timg/tp1-bottom-bg.png) no-repeat;}
div#tp2 {width:356px; float:right; position:relative; left:-12px;}
div#tp2 h3 {width:326px; padding:0 15px 34px 15px; color:#FF4800; font-size:110%; margin:0; margin-top:5px; background:url(timg/tp-top-bg.png) no-repeat bottom center; }
div#tp2 div.article {width:324px; padding:0 15px 0 15px; font-size:85%; border:1px solid #D4E0E9; border-style:none solid none solid;}
div#tp2 h2 {margin:0; font-size:100%; font-weight:normal;}
div#tp2 h2 a {font-weight:bold;}
div#tp2 div.akt {width:324px; padding:0 0 15px 0;}
div#tp2 div.akt-sh {width:324px; padding:15px 0; background:url(timg/tp-sep.png) no-repeat;}
div#tp2 div.akt-archiv {width:324px; padding:15px 0 0 0; font-weight:bold; background:url(timg/tp-sep.png) no-repeat;}
div#tp2 div.bottom {width:356px; height:20px; background:url(timg/tp2-bottom-bg.png) no-repeat;}

/* vzorník - detail */
table.vzornik {width:660px; margin:1em auto;}
table.vzornik img {border:1px solid black;}
table.vzornik p {margin:0 0 1em 0;}

/******** STYLY VE CLANCICH ***************/
.article {margin:0;}
.article div.containerleft {
	float:left;
	margin-right:1em;
	border:1px none #666666;
}
.article div.containerright {
	float:right;
	margin-left:1em;
	border:1px none #666666;
}
.article div.containernone {
	float:none;
	border:1px none #666666;
	text-align:center;
}
.article div.popisek {
	font-style:italic;
	font-size: 90%;
}

.article img {
	border:1px solid #000000;
}
.article img.noborder {
	border-style:none;
}

.article table {
	font-size: small;
	margin-top: 1em;
	border-collapse:collapse;
	border:1px solid black;
}
.article table th {
	border:1px solid black;
	font-weight:bold;
	padding-left:0.5em;
	padding-right:0.5em;
}
.article table td {
	border:1px solid black;
	padding-left:0.5em;
	padding-right:0.5em;
}

.article table.noborder {border-style:none; border-collapse:collapse;}
.article table.noborder th {border-style:none;}
.article table.noborder td {border-style:none;}

form#login table td {padding:2px 0;}
form#login label {padding-left:15px; width:130px; float:left; clear:left; margin-top:5px;}
form#login input.text {width:10em; padding:2px; margin:0.1em 0em 0.1em 0em; border:2px solid silver; border-color:#75736E #F2F0EE #F2F0EE #75736E;}

table.objednavky th {padding:1px 1.5em 1px 0;}
table.objednavky td {padding:1px 1.5em 1px 0;}


/* vyber dekoru */
#colorsel {width:620px; height:340px; overflow:hidden;}
#colorsel p {clear:both; margin:5px 0;}
#colorsel #largeimg {float:right; width:430px; border:1px solid #CFCFCF;}
#colorsel #largeimgtextbg, #colorsel #largeimgtext {
	float:right; width:432px; position:relative;
}
#colorsel #selected {xfont-size:150%; font-weight:bold;}
#colorsel #largeimgtextbg {top:-200px; background-color:black;  height:90px; opacity:0.5; filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
#colorsel #largeimgtext {top:-275px; font-size:160%; color:white; text-align:center;}
#colorsel ul {float:left; width:180px; background-image:none; list-style-type:none; margin:0;}
#colorsel ul li {display:block; width:40px; height:60px; float:left; border:1px solid #CFCFCF; padding:5px; margin:0 6px 6px 0; cursor:pointer; font-size:11px; line-height:25px;}
#colorsel ul li img {display:block;}
#colorsel ul li.active {border:5px solid #AD2E1B; padding:1px;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto; /*width:0; height:0;*/}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background-color:#000000;}

#colorbox{background:#fff; border:4px solid #525252;}
#cboxWrapper {}

#cboxTopLeft{width:15px; height:15px;}
#cboxTopCenter{height:15px;}
#cboxTopRight{width:15px; height:15px;}
#cboxBottomLeft{width:15px; height:10px;}
#cboxBottomCenter{height:10px;}
#cboxBottomRight{width:15px; height:10px;}
#cboxMiddleLeft{width:15px;}
#cboxMiddleRight{width:15px;}

#cboxContent{background:#fff; padding-bottom:20px; padding-top:0px;
	color:#666666; font:12px Arial,Helvetica,sans-serif;
}
#cboxLoadedContent{margin-bottom:5px;}
#cboxTitle{position:absolute; bottom:0px; left:210px; right:210px; color:black; text-align:center; font-weight:bold;}
#cboxCurrent{position:absolute; bottom:0px; left:0;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#1B6697;}
#cboxPrevious{position:absolute; bottom:0px; left:100px; color:#666666; text-decoration:underline;}
#cboxNext{position:absolute; bottom:0px; left:175px; color:#666666; text-decoration:underline;}
#cboxLoadingOverlay{background:url(timg/loading.gif) 5px 5px no-repeat #fff;}
#cboxClose{position:absolute; bottom:0; right:0px; display:block; color:#666666; text-decoration:underline;}

#cboxLoadedContent {
	border-color:#666666 #CCCCCC #CCCCCC #666666;
	border-right:1px solid #CCCCCC;
	border-style:solid;
	border-width:1px;
}




@media print {
	span.tisk {display:none;}
	#header {width:100%;}
  
  #menu {width:100%;}
  #menu #menu-box {width:auto; position:static;}
  #menu #menu-box img {display:inline; float:none;}
  #menu #menu-box img.menu-rightend {display:inline; float:none;}
  
  #footer-menu {width:100%;}
  #footer {width:100%;}
  #main {width:100%; padding:0; border-style:none; margin-top:2em;}
  #left {display:none;}
  #right {width:100%; float:none;}
	
	div.kontaktform {display:none;}

	table.detailtable div.zb-img {width:324px; border:1px solid #D8DFE6; border-style:none solid;}
  table.detailtable div.zb-img-top {border:1px solid #D8DFE6; border-style:solid solid none solid;}
  table.detailtable div.zb-img-bottom {border:1px solid #D8DFE6; border-style:none solid solid solid;}
  table.detailtable div.zb-img-male {border:1px solid #D8DFE6; border-style:none solid solid solid;}

  table.detailtable div.d1 {}
  table.detailtable div.d2 {width:200px;}
	
	div.esitem {border:1px solid #D8DFE6; margin-bottom:12px;}
  div.esitem div.tn {border-style:none;}
  div.esitem div.cena {border-style:none;}
  div.esitem h2 {border-style:none;}

table.kosik {width:100%;}
table.kosik td.pocet a {display:none;}
table.kosik td.pocet form.pocet input.pocet { border-style:none;}
table.kosik td.pocet form.pocet input.submit {display:none;}

form.kosik label {padding-left:0.4em; position:relative; top:-2px;}
form.kosik label.disabled {color:silver;}
form.kosik div#doprava_info {width:40%;}

}