@charset "UTF-8";
/*
 * This file is in UTF-8 encoding withOUT BOM!
 * Owner: Copyright © 2007 vyroba-diaru.cz
 * Author: dvorak
 * NOTE:
 *      Look and learn, but don't COPY & PASTE lame!
 */
 
 
* { padding: 0; margin: 0; }
/*div { border: 1px solid red; }*/

/*
div { background: blue !important; }
div div { background: red !important; }
div div div { background: purple !important; }
div div div div { background: yellow !important; }
*/


html {margin: 0; padding: 0;}
body {
	margin: 0; padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	/*background: #c1c774;*/ color: black;
	background: #c1c774 url('../grx/background.gif') top center repeat-y;
	/*text-align: center;*/
}

/* default */
img { border: none; }

/* helpers */
.hidden, .hide { display: none; }
.warning { line-height: 1.66; margin: 0.5em 0 1em 0; padding: 8px; background: #FF7348; }
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
hr.cleaner { clear: both; height: 1px; margin: -1px 0 0 0; padding: 0; border: none; visibility: hidden; }
.imp_red { color: #d22121 !important; }
/* helpers 2 (from term) - nikde nepouzito */
.pad { padding: .2em 1em; }
.hide { display: none; }
.clearB { clear: both; }
/*.taCenter { text-align: center; }*/
.oAuto { overflow: auto; }
.cRed { color: red; }
.sBold { font-weight: bold; }


/* anchors */
a { color: #D22121; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }

#entry .card a,
#entry .card-r a { color: #000; text-decoration: none; }
#entry .card a:hover,
#entry .card-r a:hover { color: #D22121; text-decoration: none; }

/* odkazy paticka */
#kontakt a { color: white; }
#kontakt a:hover { color: black; }


/* Headers H1-h6 */
/*h1, h2, h3, h4 { line-height: 1em; margin: 1em 0; }*/

/* Paragraph */
/* form p { line-height: 1.66; margin: 0.5em 0 1em 0; }  */

/* MAIN LAYOUT */
div#header { width: 960px; margin: 0 auto; position: relative; background: #fff; height: 160px; /*background: url('../pic/header.gif') no-repeat 0 0;*/ } /* pro logo */
div#wrap2 { width: 960px; margin: 0 auto 0px; padding-bottom: 10px; position: relative; background: #fff; /*background: url('../pic/wrap2.gif') repeat-y center top;*/ }


/* LOGO */
div#header h1 { width: 200px; height: 160px; position: relative; overflow: hidden; margin: 0; }
div#header h1 a { color: #d22121; text-decoration: none; }
div#header h1 span { display: block; width: 200px; height: 160px; position: absolute; left: 0; top: 0; z-index: 5; background: url('../grx/logo.gif') 80% 50% no-repeat; }

/* LINKS */
div#header #links { position: absolute; top: 25px; right: 0; text-align: right; }
div#header #links a { color: #000; font-weight: bold; text-decoration: none; font-size: 14px; margin-right: 1.5em; white-space: nowrap; }
div#header #links a:hover { color: #d22121; }

/* ADMIN LINKS */
div#header #admin_links { position: absolute; top: 50px; right: 0; text-align: right; }
div#header #admin_links a { color: #d22121; font-weight: bold; text-decoration: none; font-size: 14px; margin-right: 1.5em; white-space: nowrap; }
div#header #admin_links a:hover { color: #3A66A7; }

/* SUPER LINK */
div#header #super_link { position: absolute; bottom: 25px; right: 280px; text-align: right; }
div#header #super_link a { font: bold 1.5em Arial, Helvetica, sans-serif; }




/* vnitrni odsazeni: div#entry, div#sidebar */
div.odsazeni { padding: 0 20px; }

div#menu { position: absolute; top: 0; left: 0; width: 230px; z-index: 10; }
   #menu ul { width: 230px; list-style-type: none; /*width: 100%;*/ }
   #menu ul li div { position: relative; height: 70px; line-height: 1.3; }
   /* divs */
   #menu ul li div#menuNK { height: 15.3em; /*192px*/ }
   #menu ul li div#menuSK { height: 6.5em; /*65px*/ }
   #menu ul li div#menuDI { height: 11em; /*95px*/ }
   #menu ul li div#menuNO { height: 7em; /*70px*/ }
   /* anchors */
   #menu ul li a.node { display: block; background: #adba8c; color: #fff; font: 14px/18px Arial, Helvetica, sans-serif; letter-spacing: 0.15em; font-weight: bold; padding: 12px 10px; text-transform: uppercase; text-decoration: none; }
   #menu ul li#active a.node,
   #menu ul li a.node:hover { background: #cedfad; color: #000; }
   /* subMenu */
   #menu ul li ul {/* background: #cca;*/ width: 100px; position: absolute; top: 10px; }
   #menu ul li ul.smLeft { left: 15px; width: 95px; }
   #menu ul li ul.smRight { right: 20px; border-left: 1px dotted black; padding-left: 25px; width: 74px; }
   #menu ul li ul li { /*background: #fff;*/ margin: 0; padding: 0; font-size: 11px; }
   #menu ul li ul li a { color: #000; text-decoration: none; }
   #menu ul li ul li a:hover { color: #d22121; text-decoration: none; }


div#sidebar { position: absolute; top: 0; right: 0; width: 200px; font-size: 11px; z-index: 9; }
   #sidebar h3 { background: #adba8c; color: #fff; font: 14px/18px Arial, Helvetica, sans-serif; letter-spacing: 0.15em; font-weight: bold; padding: 12px 10px; }
   #sidebar h4 { padding: 5px 10px; text-align: center; }
   #sidebar img { padding: 5px 10px; }
   #sidebar div.oblong { background: #cedfad; margin-bottom: 10px; }
   #sidebar div.oblong p { line-height: 1.66; padding: 5px 10px; }
   #sidebar a { color: #000; text-decoration: underline; }
   #sidebar a:hover { color: #d22121; text-decoration: underline; }


/* Now we repair IE bugs */
* html #entry { height: 1200px } /* 200, 250 */

div#entry { margin: 0 200px 0 230px; background: #fff; min-height: 1200px; text-align: left; }
   #entry ul { background: #cedfad; list-style-type: square; margin: 0; padding: 0 30px;  }
   #entry ul li { padding: 1px 0; }
   #entry h2 { background: #adba8c; font: 14px/18px Arial, Helvetica, sans-serif; letter-spacing: 0.15em; font-weight: bold; padding: 12px 10px; }
   #entry h3 { font: 18px Arial, Helvetica, sans-serif; letter-spacing: 0.15em; /*padding: 12px 10px;*/ padding: 12px 10px 0 10px; margin: 0;/* text-transform: uppercase;*/ }
   #entry p { background: #cedfad; line-height: 1.66; padding: 12px 10px; }
   /* cards - products */
   #entry .card { /*border: 1px solid red;*/ float: left; width: 240px; margin: 20px 0 0 0; /*margin: 0 30px 15px 0;*/ padding: 0; text-align: left; background: #adba8c;
                  font-size: 12px; font-weight: bold; /*height: 350px; overflow: auto;*/ }
   #entry .card-r { float: right; }
   #entry .card  p { margin: 0; padding: 2px 5px; }
   #entry .card h3.c-name { /*visibility: hidden;*/ font-size: 14px; letter-spacing: 0; padding: 5px 5px !important; margin: 0; font-weight: bold; }
   #entry .card  p.c-picture { text-align: center; background: #fff; border: 1px solid #adba8c; border-width: 0 1px; }
   #entry .card  p.c-picture img { margin: 0; padding: 0;}
   #entry .card  p.c-format { background: #adba8c; }
   #entry .card  p.c-kod {}
   #entry .card  p.c-cena { background: #adba8c; }
   #entry .card  p.c-cena span { color: #d22121; }
   
/* detail */
	#entry .card-detail { width: auto; text-align: left; }
	#entry .card-detail h3 { margin-top: 1em; }
	#entry .card-detail  p { background: #fff; margin: 0; padding: 2px 5px; }
	#entry .card-detail  p.c-picture { text-align: center; background: #fff; }
	#entry .card-detail  p.c-picture img { margin: 0; padding: 0; }
	#entry .card-detail  p.c-cena span { color: #d22121; font-weight: bold; }
	#entry .card-detail  p#c-kosik { background: #CEDFAD; border: 3px solid #ADBA8C; }
	/*#entry .card-detail  span.label { padding: 2px 5px; }*/
	#entry .card-detail  p.c-popis { background: #CEDFAD; border: 3px solid #ADBA8C; }
	/*#entry .card-detail  .fieldset-bg { background: #CEDFAD; }
	#entry .card-detail fieldset { border: 3px solid #ADBA8C; margin-top: 0; padding-top 0; }
	#entry .card-detail fieldset legend { background: #CEDFAD; border: 3px solid #ADBA8C; border-width: 0 0 3px 0; padding: 0 10px 0 10px; margin: 0 0 0 10px; }
	#entry .card-detail  p.c-popis { background: #CEDFAD; margin-top: 50px; }*/
	
	/* kosik */
	table { width: 100%; border: 0; }
	table tr th { text-align: center; background: #ADBA8C; border: 0; padding: 5px 0; letter-spacing: 2px; }
	table tr.second-row th { background: #CEDFAD !important; }
	table tr td { padding: 5px; vertical-align: top; border: 0; }
   
div#footer { width: 800px; margin: 0 auto; position: relative; /*height: 60px;*/ height: 100px; background: url('../pic/footer.gif') no-repeat 0 -60px; }
   #footer address { position: absolute; top: 20px; /*right: 10px;*/ right: 280px; color: #F3FCD6; font: 11px Arial, sans-serif; }
   #footer div { position: absolute; top: 40px; right: 155px; z-index: 1; } /* WZ reklama */


/* foooooter */
#sites { color: #808080; margin: 10px; padding: 7px; border: 1px solid #cedfad; }
	#sites a,
	#sites a:visited { color: #000; text-decoration: underline; }
	#sites a:hover { color: #d22121; text-decoration: underline; }
	
#kontakt {
	font: 11px/1.4 Arial, Helvetica, sans-serif;
	color: #fff;
	background: #adba8c;
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 10px 0;
	padding: 7px;
}




/* objednavka-zbozi */
form div { line-height: 1.66; margin: 0.5em 0 1em 0; padding: 2px 5px; }
/*form p { background: #fff !important; padding: 1px 5px !important; margin: 0 !important; }*/
label { display: block; width: 20%; float: left; cursor: pointer; }
.light-green { background: #cedfad; }





/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url('../grx/slimbox/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('../grx/slimbox/prevlabel.gif') no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('../grx/slimbox/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('../grx/slimbox/closelabel.png') no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}





/*hr { display: none; }*/



/* admin part */
#entry .card .aorange { color: #d22121; }
#entry .card-detail .btn { background: #cedfad; }

/*
 * MAIN colors:
 *  dark green: #adba8c
 * light green: #cedfad
 *       red:   #d22121
 */