@CHARSET "UTF-8";
@import url("reset.css");     /*font-family: 'Ubuntu Condensed', sans-serif;*/
/*@import url('https://fonts.googleapis.com/css?family=Merienda|Playball&subset=latin-ext');*/
/*@import url('https://fonts.googleapis.com/css?family=Baloo+Chettan');*/



/* GENERAL STYLE ---------------------------------------- */
body {text-align: center; background: #fff; color: #000000;}
#bBg {background: url('/pix/bBg.png') no-repeat center 204px #fff;}
body, #wrapper {font-family: 'Roboto', Arial, sans-serif;}
table td {vertical-align:middle; color:#353535; font-size:1em;}
table th {text-align:left;}
input[type="submit"] {
    border:0;
    border-radius:2px;
    color:#000;
    height:20px;
    font:normal 13px/20px 'Ubuntu Condensed', sans-serif;
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
    background:#D6E0EB;
}
input[type='submit']:hover {
    box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);
}


p {color:#353535; _margin:0 0 5px !important; margin:10px 0 !important; padding-left:2px; font-size:1em;}
a:link, a:visited, a:hover, a:active {text-decoration:underline; color:#164aae;}
a:hover {color:#0066ff;}

/*input[type="text"] PLACEHOLDER PSEUDO CLASSES*/
::-webkit-input-placeholder {color:#a1a1a1;} /* WebKit browsers */
:-moz-placeholder {color:#a1a1a1;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#a1a1a1;} /* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#a1a1a1;} /* Internet Explorer 10+ */

/* BASIC LAYOUT ---------------------------------------- */
#wrapper {width:960px; margin: 0 auto; text-align:left; background:#fff; font-size:1.0em;}

#header {height:120px;}
	#e3h01 {position:relative; z-index:0}
	#gs {position:relative; float:right; width:240px; height:20px; line-height:20px; top:40px; color:#a1a1a1; font-size:0.8em;}
  	#hh1 {width:333px; height:30px; margin-top:-20px; padding-left:10px; position:relative; font-family: 'Ubuntu', sans-serif; font-weight:700; font-size:2em; color:#7a8288;}
		#hh1 #he {color:#b8d200;}
		#hh1 #hcz {color:#c2cbfc;}
		#hh1 #hpoml {color:#fff; font-size:.2em;}
		#hh1 a {text-decoration:none; color:#7a8288;}
	
	#h1Opt {margin-top:-5px;}
	#h1Opt .social {margin-left:926px;}
	#h1Opt .social li {float:left;}
	#h1Opt .social li a {display:block; width:33px; height:33px; 
		overflow:hidden; text-indent:-5000px; 
	}
	#h1Opt .social li.fb a {background:#fff url('/pix/FB-f-Logo__blue_29.png') no-repeat center center;} 
	
	#hlang {position:relative; float:right; font-size:0.9em; color:#a1a1a1; }
		#hlang li {float:left; margin-right:5px; text-align:center; background:url("") no-repeat right top;}
			#hlang li a:link, #hlang li a:visited, #hlang li a:hover, #hlang li a:active {text-decoration: none; color:#a1a1a1;}
			#hlang li a:hover, #hlang li a.al {text-decoration: underline; color:#000;}

#eet {margin:10px 0 5px 0; padding: 5px; border:1px solid #2196F3; color: #2196F3; font-size: 90%;}

#footer {width:960px; margin-top:30px; position:relative;}
	#infostrip {background:#214282; padding:3px 10px; color:#fff; font:normal 14px/20px 'Ubuntu Condensed', sans-serif; height:20px;}
		#infostrip a {color:#fff; text-decoration: none; margin-right:10px;}
		#infostrip a:hover {text-decoration: underline;} 
			
	#copy {color:#fff; background:#353535; height:40px; display: table-cell; vertical-align:bottom; width:960px;}
		#copy span {font: normal 14px/16px 'Ubuntu Condensed', sans-serif; padding-left:500px; }
	#fpic {position:absolute; top:15px; left:875px; }
	
/* GENERAL CLASSES ---------------------------------------- */


.clear {clear:both; }
.cleft {clear:left; }
.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}
.b {font-weight:bold;}
.ubc {font-family: 'Ubuntu Condensed', sans-serif; }
.ub {font-family: 'Ubuntu', sans-serif; }
.green {color:#008000;} .bgGreen {background:#008000 !important; color:#fff !important;}
.red {color:#d40000;}	.bgRed {background:#d40000 !important; color:#fff !important;}
.blue {color:#214282;} .bgBlue {background:#214282 !important; color:#fff !important;}
.grey {color:#a1a1a1;} .bgGrey {background:#a1a1a1;}
.white {color:#fff;} 
a.bttnRed {display:inline-block; font-size:15px; background:#d40000; padding:10px 15px; color:#fff; 
		text-decoration:none; border-radius:5px;
		-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);
		text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
a.bttnBlue {display:inline-block; font-size:15px; background:#214282; padding:10px 15px; color:#fff; 
		text-decoration:none; border-radius:5px;
		-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);
		text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
a.bttnBlueSm {display:inline-block; font-size:12px; line-height:18px; background:#214282; padding:5px 10px; color:#fff; 
		text-decoration:none; border-radius:3px;
		-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);
		text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
a.bttnGreenSm {display:inline-block; font-size:12px; line-height:18px; background:#008000; padding:5px 10px; color:#fff; 
		text-decoration:none; border-radius:3px;
		-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);
		text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
a.bttnRedSm {display:inline-block; font-size:12px; line-height:18px; background:#d40000; padding:5px 10px; color:#fff; 
		text-decoration:none; border-radius:3px;
		-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);
		text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}

a.bttnRed:hover, a.bttnRedSm:hover, a.bttnBlue:hover, a.bttnBlueSm:hover, a.bttnGreenSm:hover, a.strn:hover, a.payo:hover {box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);}

a.strn, a.payo {background: #d40000; color:#fff !important; text-decoration:none !important; font-weight:bold; padding:2px 4px; margin-left: 5px; border-radius:10px;
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);	
}
 a.payo {background: #214282;}


.sysMes, .iMes {background: url('/pix/iMi.png') 5px 5px no-repeat #fff; padding:15px 3px 3px 50px; min-height:40px; width:80%; margin:20px 20px; border:1px solid #EBEBEB;
	border-radius:5px;
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);}
.sysMes {background: url('/pix/iMe.png') 5px 5px no-repeat #fff;}

.note {margin:5px 0; font-size:90%;}


/* COLORBOX */
#cboxCurrent {font-size:80%;}



/* MICRO CLEARFIX ---------------------------------------- */
.cf { zoom: 1; }
/*.cf:before,*/
/*.cf:after { content: " "; display: table;}
.cf:after { clear: both; }*/
.cf:after {
    content: ' ';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.cf {
    display: inline-block;
}


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*.cf:before,
.cf:after {
	content: " "; !* 1 *!
	display: table; !* 2 *!
}

.cf:after {
	clear: both;
}

!**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 *!
.cf {
	*zoom: 1;
}*/



/* SITE MAP ---------------------------------------- */
#smap {margin-left:10px; font:normal 1em/1.2em 'Ubuntu Condensed', sans-serif;}
#smap h3 {display:block; margin:10px 0; padding:5px 5px; background:#d5f6ff; font:700 1.1em/1.1em 'Ubuntu', sans-serif;}
#smap div {margin-left:10px;}
#smap div.u1 {margin:10px 0 10px 10px; font-weight:bold;}
#smap div.u2 {margin:5px 0 5px 20px;}
#smap div.u3 {margin-left:30px;}
#smap div.sysl {margin:5px 0;}

/* NOT FOUND ---------------------------------------- */
#nF {margin:20px 0; padding:0 5px;}
#nF h2 {font:700 1.1em/1.1em 'Ubuntu', sans-serif; color:#d40000;}
#nF .iMes {margin-bottom:40px;}
#nF p span {font-family:'Ubuntu Condensed', sans-serif; color:#d40000;}
#nF p.pSm, #nF p.pThx {margin:20px 0 !important;}

/* SUPPORT ---------------------------------------- */
#spp {margin:20px 0; padding:0 5px;}
#spp form.fcc {width:640px; padding:10px 5px; box-shadow:0px 3px 5px rgba(50, 50, 50, 0.33); margin:10px;}
#spp .fcc fieldset {margin:10px 0 0 10px; padding:10px; width:280px; border:1px solid #dddddd; float:none;}
#spp .fcc legend {font-size:.9em; padding:3px; color:#214282;}
#spp .fcc span {width:260px; display:block;}
#spp .fcc label {display:block; float:none; width:auto; margin:10px 0 0;}
#spp .fcc input[type="text"], #spp .fcc input[type="email"],  
		#spp .fcc select, #spp .fcc textarea {margin:5px 0 0; width:250px; height:20px; border:1px solid #c2cbfc; font-weight: bold;}

/* AB COMP ---------------------------------------- */
#abC {margin:20px 0; padding:0 5px;}
#abC h3 {font:bold 1.1em 'Roboto'; color:#214282;}
#abC #cN {background:url('../pix/logoC.png') no-repeat 10px center #fff; padding:10px 0 10px 120px;
	margin:20px 10px; height:65px; font:bold 1.7em/2.4em 'Roboto', sans-serif; color:#214282;}
#abC table {margin:10px 0; }
#abC td, #abC th {vertical-align: top; padding:3px 10px;}
#abC th {font-weight:bold; padding-top:20px;}
#abC td.img {vertical-align: middle; text-align: center; width:50%;}
#abC h4 {margin:35px 0 10px 5px; font-weight:bold; color:#214282; }
#abC .iso {margin-top:40px;}
#abC .iso, #abC #cN{
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);}

/* INFO CUST ---------------------------------------- */
#cIn {margin:20px 0; padding:0 10px;}
#cIn ul {margin:10px 20px;}
#cIn ul li {padding:10px 0;}
#op, #kp {margin:20px; padding:0 10px;}
#op h3, #kp h3 {margin:20px 0; font-weight: bold; color:#214282;}
#op h4 {margin:30px 0 10px 0; color:#008000; text-decoration: underline;}
#op ul {margin:5px 20px; list-style-type: square;}
#op li {padding:3px 0; color:#353535;}
#op {margin:30px 0;}
#op table {margin:20px 10px;}
#op table tr td:first-child {width:35%;}
#op table tr td:last-child {width:15%;}
#op .note, #op .note p {color:#214282;}
#op .note p {margin:3px 0 !important;}
#op th, #op td {border-bottom:1px solid #a1a1a1; padding:3px;}
#op th {color:#214282;}
#op strong {font-weight: bold; color:#214282;}
#kp .c {margin:20px auto;}
#kp #adrm {margin:30px 0 30px; max-height:400px;}
#kp #adr {float:left; width:44%;}
#kp #gmp {margin-left:44%;}
#kp table {width:90%;}
#kp table td {padding:3px; width:50%; border-bottom:1px solid #a1a1a1;}
#kp #prodejnaPng {box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); height: 198px; width: 650px; margin-top:8em;}

#provE, #im, #cntInfo {margin:10px 0 0; padding:5px;}
#im {margin-top:0px;}
#im li {padding:2px 0;}
#provE a~#provEa {display:block; text-decoration: none; opacity:0; height:0; overflow:hidden; padding:2px; margin:3px 0 0;
		transition: opacity 2s;
		-webkit-transition: opacity 2s;}
#provE a:hover~#provEa {opacity:1; height:auto; }
#provEa p {margin:5px 0 !important;}
#provEa p:first-child {font-weight:bold;}
#provEa p:last-child {margin-top:9px !important;} 

#cntInfo {background:#214282;
	/*-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);*/
}
#cntInfo p {margin:0 !important; padding:0; text-align: center; font:bold 1.4em/1.4em 'Ubuntu'; color:#fff;}
#cntInfo h3 {color:#fff; margin:5px 0; text-align: center; font:bold 1.4em/1.4em 'Ubuntu';}
#cntInfo p.tim {font:normal 1em/1em 'Ubuntu'; padding-bottom:5px;}
#cntInfo p a {color:white; text-decoration: none;}


#rekl {padding:0px 5px;}
#rekl h3 {font:bold 15px/17px 'Roboto';}
#rekl form {width:640px; padding:10px 5px; box-shadow:0px 3px 5px rgba(50, 50, 50, 0.33); margin:10px;}
#rekl fieldset {padding:5px; border:1px solid #ddd; margin-bottom:15px;}
#rekl legend {padding:3px 10px; margin-left:10px; font-weight: bold;}
#rekl label {width:200px; margin-left:10px; padding:3px; float:left; font:normal 14px/16px "Ubuntu Condensed";}
#rekl input[type="text"], #rekl input[type="email"], #rekl textarea {width:300px; margin-bottom:5px;}
#rekl textarea {margin:5px 0;}
#rekl #reklFh {font:bold 15px/17px 'Roboto'; padding:5px 0 15px 5px;}
#reklW {border: 2px solid #d40000; font:bold 14px/16px 'Roboto'; padding:5px; background:#214282;}
#aRekl h3 {margin:10px 0; font:bold 14px/15px "Ubuntu";}
#aRekl table {table-layout: auto;}
#aRekl table, #aRekl .eRo input, #aRekl .eRo select, #aRekl .eRo option {font:normal 12px/14px "Ubuntu Condensed";}
#aRekl th, #aRekl td {border:1px solid #DDDDDD; padding:2px;}
#aRekl .cBr, #aRekl .cBr th, #aRekl .cBr td {border-bottom:3px solid #B8B8B8;}
#aRekl .eRo {box-shadow:none; width:120px;}
#aRekl .eRo input[type="text"] {width:70px;}
#aRekl .eRo input[type="submit"] {width:25px;}



/* H MENU ---------------------------------------- */
#hMenu {width:960px; height:50px; position:relative; 
	background: url('/pix/hmlg.png') no-repeat scroll 900px center #353535;
	font-family: 'Roboto', Arial, sans-serif !important;
	color:#353535;
	z-index:99;
	margin:15px 0 0;
	}
#hMenu .top-li {float:left; height:50px; margin-right:1px;}
#hMenu .top-a {display:block; line-height:50px; padding:0 20px; color:#B8D200; text-decoration: none;}
#hMenu .tech .top-a {color:#C2CBFC;}
/*#hMenu .sale .top-a {color:#ffaaaa;}*/
#hMenu .new .top-a {color:#ffff00;}
#hMenu .akce .top-a {color:#ff9900; background:#3b3b3b; font-family: 'Luckiest Guy', cursive; font-size: 1.3em;}
#hMenu .tasky .top-a {background:#6A1B9A; color:#E1BEE7;}
#hMenu .top-li:hover > .top-a {text-decoration:none; background:#214282;}
#hMenu .top-li.tech:hover > .top-a {background:#7a8288;}
/*#hMenu .top-li.sale:hover > .top-a {background:#ff5555;}*/
#hMenu .top-li.akce:hover > .top-a {color:#3b3b3b; background:#ff9900;}
#hMenu .top-li.tasky:hover > .top-a {background: #9C27B0;}
#hMenu .box {position:absolute; left:-9999px; top:50px; background:#214282; padding:3px; width:954px;}
#hMenu .tech .box {background:#7a8288;}
#hMenu .sale .box {background:#ff5555;}
#hMenu .tasky .box {background:#9C27B0;}

#hMenu .top-li:hover .box {left:0px;}
#hMenu .box h1 {padding:0 0 0 5px !important; color:#fff; font: bold 1em/2em 'Roboto',arial,sans-serif !important; margin:0 !important; border:none; }
#hMenu .dImg {width:944px; padding:5px; background:#fff;}
#hMenu .dImg p {margin:5px 0 0 0 !important; font-size:.9em;}
#hMenu .dImg img {float:left; margin:5px 10px 10px 5px;}
#hMenu .subMenu {width:100%; padding-bottom:10px; background:#fff;}
#hMenu .subMenu h2 {padding:10px 5px; margin:0 !important;}
#hMenu .subMenu h2 a {font-weight: bold; text-decoration:none; color:#353535;}

#hMenu .subMenuDiv {float:left; background:#fff;}
#hMenu .subMenuDiv ul {padding:5px;}
#hMenu .subMenuDiv ul li a {font-size:.9em;color:#353535;text-decoration:none;}
#hMenu .subMenu h2 a:hover, #hMenu .subMenuDiv ul li a:hover {text-decoration:underline;}
/*#hMenu .akce .top-a {
	color: #FFFFFF;
	font-weight: bold;
	background: #E40000;
	transform: rotate(-20deg) translateX(-30px);
	border-radius: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border:2px solid orange;
	box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
}*/
/* PROMO STRIP -----------------------------*/
#promoStrip {margin:5px 0; padding:2px 10px; background: orangered; color: white; font:normal 14px Roboto; text-align: center;½¡}
#promoStrip span {display:inline-block; margin-right:30px;}


	/* CRUMBS ---------------------------------------- */
#crumbs {margin:10px 1px 1px; padding:2px; font:normal 14px/20px 'Ubuntu Condensed', sans-serif; color:#353535; border-bottom:1px solid #a1a1a1;}
#crumbs a {text-decoration:none; color:#353535;}
#crumbs a:hover {text-decoration:underline; color:#214282;}

/* CART PREVIEW ---------------------------------------- */
	#cart {height:120px; padding:3px; border:1px solid #e6e6e6; border-bottom:1px transparent;}
	.acart {display:block; height:47px; width:230px; margin:10px auto; background: url("../pix/cart.png") no-repeat center 0px; font-size:0em;}
	.acart:hover {background:  url("../pix/cart.png") no-repeat center -47px;}
	#cart h2 {font-weight:bold; font-size:0.9em; line-height:1.2em; padding:10px 0 5px 0;}
	@keyframes h2Bg 
	{
		0% {background: #aa0000;}
		100% {background: #d40000;
		}
	}
	@-webkit-keyframes h2Bg 
	{
		0% {background: #aa0000;}
		100% {background: #d40000;}
	}
	
	#cart h2.cCom {background: #d40000; padding:5px; animation: 3s linear 0s alternate none infinite h2Bg; 
		-webkit-animation: 3s ease 0s linear none infinite h2Bg;
		-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
		-moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
		box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);
		}
	#cart h2.cCom a {color:#fff; padding-right:25px; background: url("../pix/cVan.png") no-repeat center right transparent;}
	/*#cart h2 a {color:#353535; text-decoration: none;}
	#cart h2 a:hover {text-decoration: underline;}*/
	#cart p {margin:2px 0;}
	
/* CURR SWITCH ---------------------------------------- */
	#csw {height:60px; padding:0px; border:1px solid #e6e6e6; border-bottom:1px transparent;}
	/*#csw h3 {font-weight:bold; font-size:0.9em; padding:10px 0 5px 0;}*/
	#csw #mZn {color:#fff; background:#C2CBFC; font-size:2.3em; font-weight:bold; text-align: center; margin:0 0 3px; text-shadow: 2px 2px 3px rgba(0,0,0,0.3);}
			
/* LOGIN FORM ---------------------------------------- */		
	.lform {min-height:125px; padding: 3px; border:1px solid #e6e6e6; background:#fff;}
	.logged {background:#f6ffd5;}
	.logged h3 {color:#008000;}
	.logged a#loggedzc {display:block; padding:5px 0; margin:10px 0; background:#eeffaa; border:1px solid #eeffaa;
		transition: box-shadow 2s;
		-webkit-transition: box-shadow 2s;
	}
	.logged a#loggedzc:hover {border:1px solid #fff;
		-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
		-moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
		box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);
	}
	.lform div {margin:3px 0; max-height:20px;}
	.lform form {padding:5px; margin:0;}
	.lform label {display:block; font:normal 0.9em 'Roboto', sans-serif; color:#000; float:left; width:80px; padding-right:10px; text-align:right;}
	.lform input[type="text"], .lform input[type="password"]  {width:100px; height:1.5em; border:1px solid #ddd; font:normal 0.9em 'Roboto', sans-serif; 
		padding:0 5px; float:left;}
	.lform input[type="submit"] {display:block; width:100px; margin-left:89px;}
	.logged #loggedf {margin:12px 0;}
	.logged input[type="submit"] {margin:0 auto; width:100px;}
	.logged input[type="submit"]:hover {color:#d40000;}
	.lform p {font-size:0.8em; padding-top:3px;}
	.lform h3 {font-weight:bold; font-size:0.9em; padding:10px 0 5px 0;}
	.lform .regLost a {padding:0 5px 0 5px;}
	
	
/* FIRST PAGE ---------------------------------------- */
#fptop {margin-top:3px; height:340px;}
#cartlog {width:240px; float:left;}

#slCont {margin-left:244px; width:713px; height:327px; background: #fff; border:1px solid #e6e6e6; overflow:hidden;}

#comm {margin-left:244px; width:715px; height:332px; background: #fff url('../pix/comm.png') center center; position:relative; }
		#cfl {position:absolute; max-width:400px; margin-left:300px; margin-top:1em; padding:10px 10px; font: bold 1.9em/2.1em 'Lobster'; color:#6d361f;
			border:2px solid transparent; border-radius:10px;
			-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
			-moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
			box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);
			background: rgba(255, 255, 255, 0.5); /* browsers */
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */}

.wdiv {margin:30px 0; width:960px;} /* full width div */
	.wdiv h2 {font-weight:bold; padding:3px; color:#214282; font-size:1.3em; border-bottom:1px solid #a1a1a1; margin:0 0 10px;}
	.wdiv .ktg, .wdiv .sec {width:231px;}

/*
.display {width:229px; height:260px; padding:3px; border:1px solid #e6e6e6; margin:0 3px 3px 0; float:left;}
	.display h3 {padding:5px 0px; text-align:center; font:normal 15px/15px 'Roboto Condensed', sans-serif; height:30px;}
	.display .dpic {margin-bottom:5px; height:180px;}
	.display p {font: normal 13px/13px 'Roboto Condensed', sans-serif; text-align:center;}

.item {width:229px; height:310px; padding:3px; border:1px solid #e6e6e6; margin:0 3px 3px 0; float:left; overflow: hidden; }
	.item h3 {padding:5px 0 0 5px; text-align:left; font:normal 15px/15px 'Roboto Condensed', sans-serif; height:30px;}
	.item .ipic {height:135px; width: 229px; background:#fff; display:table-cell; vertical-align: middle;}
	.item .ipic img {vertical-align: middle;}
	.item .iinfo {width:229px; height:65px; background:#c2cbfc; position:relative;}
	.item .iinfo .iprice {width:114px; height:65px; float:left; padding:5px 0 0 5px; font: bold 1.6em/1.6em 'Roboto',sans-serif;}
		.item .iinfo .iprice span {font: normal 14px/14px 'Roboto Condensed', sans-serif; display:block;}
	.item .iinfo .istock {width:115px; height:65px; margin-left:114px; font: bold 1.3em/31px 'Roboto',sans-serif;}
		.item .iinfo .istock span {font: normal 16px/16px 'Roboto Condensed', sans-serif; display:block; color:#008000; padding:4px;}
		.item .iinfo .istock a {text-decoration: none; text-align:left; display:block; color:#c2cbfc; 
		background: #214282 url('../pix/idetbg.png') no-repeat right 0px; padding:0 10px; margin-right:10px; height:31px;}
		.item .iinfo .istock a:hover {background: #214282 url('../pix/idetbg.png') no-repeat right -31px; color:#fff;}
	.item .idet {font:normal 12px/13px 'Roboto', san-serif; overflow: hidden; padding:3px; color:#353535;}
*/



/* MENU - CONTENT ---------------------------------------- */
#mc {margin-top:0.5em;} /*menu-content*/
	#mcleft {width:240px; float:left; font-size:.9em; background:#fff; }
	#vmenu {width:240px; font-size:.9em; background:#fff;} /* VERTICAL MENU */
	#cont {margin-left:242px; width:716px; padding:0px 2px; font-size:0.9em; }
	#cont h2 {/*background:#214282;*/background: linear-gradient(270deg, rgb(22, 74, 174) 0%, rgb(33, 66, 130) 50%); color:#fff; padding:3px 3px 3px 10px; margin-bottom:1em; line-height: 1.2em; font-size: 1.1em;}
	#cont .group {width:100%; margin-bottom:2em; float:left;}

/* CATEGORY ---------------------------------------- */
.ktg {width:229px; height:270px; padding:2px; border:1px solid #e6e6e6; margin:0 3px 3px 0; float:left; overflow: hidden; }
	.ktg h3 {text-align: center; margin:5px 0 10px 0; font-size:1em; line-height: 1.2em; color:#353535; font-weight:bold;}
	.ktg a {text-decoration:none; color:#214282;}
	.ktg a:hover {text-decoration: underline;}
	.ktg .pic {height:200px; width: 225px; background:#fff; display:table-cell; vertical-align: middle;}
	.ktg .pic img {vertical-align: middle;}
	.ktg .proh {height:15px; line-height: 15px;}
	.ktg span {display:inline-block; height:15px; background: #fff url('../pix/ktgAbg.png') no-repeat right top; width:15px; margin-left:3px;
		*display: inline; *zoom:1;}
	.ktg a:hover .proh span {background: #fff url('../pix/ktgAbg.png') no-repeat right -15px;}
	

/* SECTION ---------------------------------------- */
.sec {width:229px; height:230px; padding:2px; border:1px solid #e6e6e6; margin:0 3px 3px 0; float:left; overflow: hidden; position:relative;}
	.sec h3 {text-align: center; margin:5px 0 10px 0; font-size:1em; line-height: 1.2em; height:2em; color:#353535; font-weight:bold;}
	.sec pic {height:110px; width:225px; background:#fff; display:table-cell; vertical-align: middle;}
	.sec .pic img {vertical-align: middle;}
	.sec .tab {background:#c2cbfc; margin:10px 0; padding:3px 6px;}
	.sec table {width:100%;}
	.sec table td {}
	.sec .fr {font:bold 1.0em/1.1em 'Roboto',sans-serif;}
	.sec .price {font:bold 1.6em/1.6em 'Roboto',sans-serif;}
	.sec .det a {background:#214282 url("../pix/detAbg.png") no-repeat 0 0; display:inline-block; width:80px; height:30px; font:bold 1.3em/1.6em 'Roboto',sans-serif;
		padding-left:5px; text-decoration:none; color:#c2cbfc;}
	.sec .det a:hover {background:#214282 url("../pix/detAbg.png") no-repeat 0 -30px; color:#fff;}
	.sec .descr {font-size:0.9em; padding:2px;}
	.saveStr {position:absolute; top:10px; left:-20px; width:110px; background-color: rgba(212,0,15,0.7); color:#fff; font:bold 17px/20px 'Roboto'; padding-left:25px;
		transform:rotate(-30deg);
		-ms-transform:rotate(-30deg); /* IE 9 */
		-webkit-transform:rotate(-30deg);}
	.akceStr {position:absolute; top:10px; left:-20px; width:110px; background-color: rgba(255, 255, 255, 0.8); color:#F44336; font:bold 17px/20px 'Roboto'; padding-left:25px;
		transform:rotate(-30deg);
		-ms-transform:rotate(-30deg); /* IE 9 */
		-webkit-transform:rotate(-30deg);
		-webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.30);
		-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.30);
		box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.30);
		border-top: 1px solid #f44336;
		border-bottom: 1px solid #f44336;
	}
	.newStr	{position:absolute; top:10px; left:-20px; width:110px; background-color: rgba(33,66,130,0.9); color:#ffff00; font:bold 15px/20px 'Roboto'; padding-left:25px;
		transform:rotate(-30deg);
		-ms-transform:rotate(-30deg); /* IE 9 */
		-webkit-transform:rotate(-30deg);
		-webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.30);
		-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.30);
		box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.30);
		Xtext-shadow: 0px 2px 2px rgba(150, 150, 150, 0.9)}

	#sale h3.saleh3 {padding: 5px 10px; margin: 0 0 1em; font-weight: bold; background-color: #E40000; color: #fff;	}
	/*#sale .saleh3 span {margin-right: .1em; font-size: 3.5em; display: block; float: left; position: relative; color: yellow; top: -.3em; text-shadow: 2px 2px 5px #A6A6A6;}*/
.saleh3 span {
	border: 1px solid #FFFFFF;
	background: #E40000;
	font-size: 30px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	transform: rotate(20deg) translateY(-20px) translateX(-15px);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
	display: block; float: left; position: relative;
	color:#FFFFFF;
}

	#sale .saleNav {margin:1em 0; text-align: right;}
	#sale .saleNav a {display: inline-block; padding:3px; background-color: #E40000; color: #FFFFFF; border: 1px solid #e40000;   -webkit-border-radius: 3px;	border-radius: 3px; box-shadow: 2px 2px 2px #a6a6a6; text-decoration: none;}
	#sale .saleNav a:hover {background-color:#ff0000; box-shadow: none;}



	/* PRODUCT ---------------------------------------- */
#prod {padding:5px 0 0 5px;}
	#prod h3, #prod h4 {font:bold 1.3em/1.3em 'Roboto',sans-serif;}
	#prod h4 {font-weight: normal;}
	#prod h5 {display:block; margin:5px 0 10px; float:left; }
	#prod h5 span{width:50px; height:30px; display:inline-block; border:1px solid #a1a1a1; box-shadow:0 3px 5px rgba(50, 50, 50, 0.75); border-radius:3px;}
	#prod #fpCol {width:98%; border:5px solid #e0e5fe; background:#E0E5FE;}
	#prod #fpCol #fpColH {padding:1px 0 2px; font:bold 1.2em/1.2em 'Roboto'; color:#214282;}
	#prod #fpColD {margin:5px 0 10px 60px; height:30px; font:bold 18px/30px 'Roboto'; color:#214282;}
	#prod #topp {padding:5px 0 0 5px; margin:0 0 15px;} /*float:right; */
	#prod p {margin:.5em 0;}
	#prod p.bQ {font-size:.8em;}
	#prod #toppl {float:left; width:400px; }
	#prod #toppl h4 {font-size:0.9em; margin:5px 0;}
	#prod #toppl table {width:100%; background: #c2cbfc; margin-top:15px; border:5px solid #c2cbfc;}
	#prod #toppl table td {}
	#prod #toppl table td:first-child, #prod #toppl table td:last-child {width:35%;} 
	#prod #toppl #pInfo {width:98%; background: #c2cbfc; margin-top:15px; border:5px solid #c2cbfc; position:relative; }
	#prod #toppl #pInfo div {float:left; width:33%} 
	#prod #toppl #pInfo div span {display:inline-block; width:100%;}
	#prod #toppl #pInfo form {margin:0 0 3px;}
	#prod #toppl #pInfo input {margin:2px 0;}
	#prod #toppl .fb-like {margin:1px 0 5px;}
	#prod .fr {font:bold 1.0em/1.1em 'Roboto',sans-serif;}
	#prod .gt {font-weight:normal; color:#000;}	
	#prod .price {font:bold 2em/1em 'Roboto',sans-serif;}
	#prod input[type="text"] {background:#fff; border:1px solid #000; padding:0 3px; font-weight: bold; width:60px; text-align: right;}
	#prod strong {font-weight:bold; color:#F44336;}
	#prod var {color:#F44336;}
	

	#gal {margin-left:405px; background:#fff; position:relative; width:295px; min-height:260px; padding:0 0 3px 0;}
	#v {border:1px solid #a1a1a1; height:200px; width:293px;}
	#z {position:absolute; top:0; left:-410px; width:405px; height:260px; z-index: 999; display:none; background: #fff url('/pix/020206001-02.png') no-repeat;}
	#ulG li {float:left; margin:3px; border:1px solid #a1a1a1; overflow: hidden;}
	#ulG li a {width:50px; height:50px; display:table-cell; vertical-align: middle; text-align:center;}
	#ulG li a span {position:absolute; top:0; left:0; display:none;}
	#ulG li a.s span {display:table-row;}
	#ulG li a span i {display:table-cell; height:200px; width:293px; vertical-align: middle; text-align: center;}
#ulG div {float:left; margin:3px; border:1px solid #a1a1a1; overflow: hidden;}
#ulG div a {width:50px; height:50px; display:table-cell; vertical-align: middle; text-align:center;}
#ulG div a span {position:absolute; top:0; left:0; display:none;}
#ulG div a.s span {display:table-row;}
#ulG div a span i {display:table-cell; height:200px; width:293px; vertical-align: middle; text-align: center;}
	#ulG .large {width:100px; height:50px; position:absolute; border-radius: 0%;	
		box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
					0 0 7px 7px rgba(0, 0, 0, 0.25), 
					inset 0 0 40px 2px rgba(0, 0, 0, 0.25); 
		display:none;}
	
	#prod #bVar {border-top: 2px solid #214282;}
	#prod #bVar #bVb {width:350px; border:5px solid #e0e5fe; background:#E0E5FE; height:80px; padding:10px 0 0; float:left;}
	#prod #bVar #divP {width:330px; background: #c2cbfc; margin-left:5px; border:5px solid #c2cbfc; position:relative; height:80px; padding:10px 0 0;} 
	#prod #bVar #divP div {float:left; width:33%} 
	#prod #bVar #divP div span {display:inline-block; width:100%;}
	#prod #bVar #divP form {margin:0 0 3px;}
	#prod #bVar #divP input {margin:2px 0;}
	
	#prod #botp {margin-top:20px; border-top: 2px solid #214282;}
	#prod #botp h4, #prod #bVar h4 {font:bold 16px/35px Roboto; padding:5px 0;}
	#prod #botp .otherP {width:100%; font-size:.9em; padding:2px 0; border-bottom:1px solid #c2cbfc; margin-bottom:3px; line-height:1.0em;}
	#prod #botp .otherP span {display:inline-block;}
	#prod #botp .otherP .colspan {width:1.5em; height:1.5em; border:1px solid #a1a1a1; border-radius:3px;}
	#prod #botp .otherP a {color:#000; text-decoration:none; width:37%; display:inline-block; margin:0 0 0 3px;}
	#prod #botp .otherP a:hover {text-decoration: underline;}
	#prod #botp .otherP .red, #prod #botp .otherP .green {width:14%;}
	#prod #botp .otherP .r {width:15%;}
	#prod #botp .otherP form {display:inline-block;}
	#prod #botp .otherP input[type="text"] {width:40px; margin:0 2px 0 10px;}
	#prod #botp .otherP input[type="submit"] {margin:0 0 0 15px;}
	#prod #botp .otherP .added a {text-align: center; margin-left:30px; display:block; width:32px; height:20px; background:url('/pix/cartSm.png') 0 0 no-repeat;}
	#prod #botp .otherP .added a:hover {text-decoration: none; background-position: 0 -20px;}
	
	#otherPtab {width:100%;}
	#otherPtab td {font-size:.9em; padding:2px 0; border-bottom:1px solid #c2cbfc; margin-bottom:3px; line-height:1.0em;}
	#otherPtab td:nth-child(2) {width:37%;}
	#otherPtab td:nth-child(3) {padding-left:3px;}
	#otherPtab td:last-child {padding-left:3px; width:28	%;}
	#otherPtab span {display:inline-block;}
	#otherPtab .colspan {width:2em; height:2em; border:1px solid #a1a1a1; border-radius:3px;}
	#otherPtab a {color:#000; text-decoration:none;  border-bottom: 1px dotted grey; display:inline-block; margin:0 0 0 3px;}
	#otherPtab .added a, #otherPtab .added a:hover  {border:0px;}
	#otherPtab a:hover {border-bottom: 1px solid grey;}
	#otherPtab form {display:inline-block;}
	#otherPtab input[type="text"] {width:40px; margin:0 2px 0 10px;}
	#otherPtab input[type="submit"] {margin:0 0 0 15px;}
	#otherPtab .added a {text-align: center; margin-left:30px; display:block; width:32px; height:20px; background:url('/pix/cartSm.png') 0 0 no-repeat;}
	#otherPtab .added a:hover {text-decoration: none; background-position: 0 -20px;}
	

/* CART ---------------------------------------- */
	#kos {margin:10px 0; padding:0 3px;}
	#kos table {width:100%; font-size:0.9em; border:1px solid #a1a1a1;}
	#kos table th {padding:1px 3px; vertical-align: middle;}
	#kos table tr:first-child, #kos table tr:last-child {height:25px;}
	#kos table tr#ctot {height:25px;}
	#kos table tr {height:50px; vertical-align: middle; border-bottom:1px solid #a1a1a1;}
	#kos table .ev {background-color:#f7f7f7;}
	#kos table td {padding:0 1px;}
	#kos table td.nazev {max-width:100px;}
	#kos table td a {text-decoration:none; color:#000;}
	#kos table td a:hover {text-decoration: underline;}
	#kos table td a.favIt {width:13px; height:13px; display:block; background: url("../pix/hrtG.png") no-repeat center center transparent; text-decoration:none;}
	#kos table td a.favIt:hover {background: url("../pix/hrtR.png") no-repeat center center transparent;}
	#kos table td a.inFav {width:13px; height:13px; display:block; background: url("../pix/hrtR.png") no-repeat center center transparent; text-decoration:none;}
	#kos table td a.inFav:hover {background: url("../pix/hrtG.png") no-repeat center center transparent;}
	#kos table td img {border:1px solid #a1a1a1;}
	#kos table form {display:inline; margin-right:5px;}
	#kos table form input {width:25px;}
	#kos table form input[type="text"] {text-align:right; border:none; cursor:default; }
	#kos table .ev form input[type="text"] {background-color:#f7f7f7;}
	#kos table form input[type="submit"] {width:15px; font-weight:bold; text-align: center;}
	#kos table form input[name="sDelFromCart"] {color:#d40000;}
	#kos #next {margin:15px 0;}
	#kos table .colspan {display:inline-block; width:12px; height:12px; margin:0 3px 0; border-radius:90px; _border:1px solid #e6e6e6;
		box-shadow:0 3px 5px rgba(50, 50, 50, 0.75);}
	#kos #saveCartU {margin:25px 0; border:1px solid #e5ff80; padding:3px; font-size:.9em;}	
		
	/*#kos #next a {display:inline-block; font-size:15px; background:#d40000; padding:10px 15px; color:#fff; 
		text-decoration:none; border-radius:5px;
		-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);
		text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
	#kos #next a:hover {box-shadow:none;}*/

/* STEPS OF ORDER ---------------------------------------- */
	#orderStep {display: inline-block;	overflow: hidden; border:1px solid #c2cbfc; border-radius: 3px; counter-reset: flag; margin-left:5px;}
	#orderStep a {text-decoration: none; outline: none;	display: block;	float: left; font-size: 12px; line-height: 36px; color: #000;
		padding: 0 10px 0 50px; background: #fff; color: #000; position: relative;}
	#orderStep a:first-child {padding-left: 36px; border-radius: 3px 0 0 3px; /*to match with the parent's radius*/}
	#orderStep a:first-child:before {left: 14px;}
	#orderStep a:last-child {border-radius: 0 3px 3px 0; /*this was to prevent glitches on hover*/	padding-right: 20px;}
	#orderStep a.active, #orderStep a:hover {background: #C2CBFC;}
	#orderStep a.active:after, #orderStep a:hover:after {background: #C2CBFC;}
	#orderStep a:hover, #orderStep a.active  {background: #C2CBFC;}
	#orderStep a:after {content: ''; position: absolute; top: 0; right: -18px; 	width: 36px; height: 36px; transform: scale(0.707) rotate(45deg);
		z-index: 1; background: #fff; color:black;  
		_box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0.4), 
					3px -3px 0 2px rgba(255, 255, 255, 0.1);
		border-radius: 0 5px 0 50px;}
	#orderStep a:last-child:after {content: none;}
	#orderStep a:before {content: counter(flag); counter-increment: flag; width: 20px;	height: 20px; line-height: 20px; margin: 8px 0;	position: absolute;
		top: 0;	left: 30px;	font-weight: bold; background: #fff;}
	#orderStep a.active:before, #orderStep a:hover:before {background: #C2CBFC;}
	#orderStep .na {cursor:default;}
	#orderStep .na:hover, #orderStep .na:hover:before, #orderStep .na:hover:after  {background:#fff;}
	#orderStep .na.active:hover, #orderStep .na.active:hover:before, #orderStep .na.active:hover:after  {background: #C2CBFC;}
		
	


/* CART - LOGIN ---------------------------------------- */
	#cartLogin {margin:25px 0; height:130px;}
	#logText h3,
	#noReg h3,
	#alreadyLogged h3 {margin:0 0 15px; font-size:1em;}
	#logText, #regStart {float:left; width:450px; padding:0 0 0 5px;}
	#logText h3,
	#alreadyLogged h3 {color:#214282;}
	#logFc {width:240px; margin-left:455px;}
	#noReg {border-top:1px dotted #214282; margin:20px 0 60px; padding:15px 0 0;}
	#regStart h3 {color:#d40000;  }
	#regStart ul {margin:10px 30px;}
	#regStart ul li {list-style-type: square; color:#7a8288; padding:2px 0;}
	#goToReg a {margin-left:50px;}
	#quickBuy {border:1px solid #e6e6e6; margin-left:455px; padding:5px; width:230px;
		-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);}
	#quickBuy h3 {color:#b8d200;}
	#quickBuy a {color:#b8d200;}
	#quickBuy a:hover {color:#008000;}
	#alreadyLogged {margin:25px 0; padding:5px;}


/* CART FORM(s) ---------------------------------------- */

	form.fCart  {width:640px; padding:5px 5px 10px 5px; box-shadow:0px 3px 5px rgba(50, 50, 50, 0.33);}
	#fFrame {position:relative;}
	#fleft {float:left;}
	#fright {margin-left: 320px;}
	#prevnext {width:100%;}
	#prev {float:left;} /*width:100px; line-height:35px;
	#prev a {color:#214282; font-size:.9em;}
	#prev a:hover {text-decoration:underline; color:#164aae;}*/
	#next {}
	#sb {width:600px;}
	#stateDel {margin-bottom:10px; border:none; cursor:default;}
	#addNdA {margin:5px 0;}
	.fCart fieldset {margin:10px 0 0; padding:10px; width:280px; border:1px solid #dddddd;}
	.fCart fieldset.obp {width:600px;}
	.fCart legend {font-size:.9em; padding:3px; color:#214282;}
	.fCart span {width:260px; display:block;}
	.fCart label {display:block; float:none; width:auto; margin:10px 0 0;}
	.fCart input[type="text"], .fCart input[type="email"], .fCart select, .fCart textarea {margin:5px 0 0; width:250px; height:20px; border:1px solid #c2cbfc; font-weight: bold;}
	.fCart input[type="radio"], .fCart input[type="checkbox"]  {float:left; display:block; width:25px; margin:5px 0 0;}
	.fCart textarea {min-height:100px;}
	.dRadio {position:relative; padding:5px; border-top:1px dotted #bbbbbb; border-bottom:1px dotted #bbbbbb; margin-top:5px;}
	.dCheck {position:relative; padding:5px; margin-top:5px;}
	.dRadio label, .dCheck label {display:block; margin:0 0 0 25px; float:left;}
	.dRadio label span {width:170px; margin:0; font-size: .9em;}
	.dCheck label span {width:500px; margin:5px 0 0 -10px; font-size: .9em;}
	.dRdaio label .lspan {margin:0 0 5px;}
	/*.dRadio div {padding-left:40px;}*/
	.oo {color:#008000;}
	.sf {color:#214282;}
	.of {color:#d40000; padding-bottom:10px;}
	.of~label {margin:5px 0 0;}
	#dispV {margin: 4px 0;
    font: normal 12px 'Ubuntu Condensed';
    width: 245px;
    background: aliceblue;
    border:1px dotted #242282;
    padding: 4px 2px;
    }
    #dispV h4 {text-decoration: underline;}
    #dispV a {display:inline-block; width:100%; padding-left:5px; text-decoration:none;}
    #dispV a span {display:inline; width:auto; text-decoration:underline;}
	
	
	.errM {display:none;}
	.errMshow {display:block; padding:2px; margin:2px 0; width:250px; border:1px solid #d40000; background:#ffe6d5; font-family: 'Ubuntu Condensed', sans-serif; font-size:.9em;}}
	

	sup {color:#d40000;}

	#persData, #dp, #recap {margin:25px 0; padding:5px;}
	#persData h3, #dp h3, #recap h3 {margin:0 0 15px; font-size:1em;}

/* CART - RECAP ---------------------------------------- */
	#rDp, #zdp, #rSum {margin:15px 0 15px; padding:0 0 10px; border-bottom:1px solid #dddddd; width:100%;}
	#rDp h3, #rSum h3 {margin:15px 0;}
	#rDp {max-height:320px;}
	#recap h4 {padding:10px 0; text-decoration: underline;}
	#rIa, #rDa {pading:0 5px;}
	#rIa p, #rDa p {padding-left:3px;}
	#rIa {float:left; width:50%; border-right:1px dotted #dddddd;}
	#rDa {margin-left:51%}
	#recap .ic, #recap .tel, #recap .teld {padding:10px 0 0 3px;}  
	#zdp table, #rSum table {width:100%; margin-bottom:10px;}
	#zdp table td, #rSum table td {padding:2px 0;}
	#zdp table tr td:first-child, #rSum table tr td:first-child {width:30%;}
	#zdp tr.kup td {border-bottom:1px dotted #dddddd;}
	#rSum .so {border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
	#rSum .so td {padding:5px 0;}
	#rSum .dph td:first-child {padding-left:2em;}
	#rSum .sl td {padding:10px 0 0;}
	
/* CART - CONF ---------------------------------------- */	
	#orErr, #orSucc {margin:10px 0; padding:5px; color:#fff; font-size:1.2em; background:#d40000;}
	#orSucc {background:#008000;}
	#cartConf p {font-size:1.1em; line-height:1.2em; margin:10px 0 !important;}
	
/* OBJ NAHLED ---------------------------------------- */	
	#oW {padding:5px;}
	.orSt div, .orSt table {color:#a1a1a1 !important; text-decoration: line-through !important;}
	#oW #h {border-bottom:2px solid #214282; padding:8px 0 3px; font-size:1.2em;}
	#oW table {width:95%; margin:0;}
	#oW tr td:first-child {width:35%;}
	#oW th, #oW td {padding:2px;}
	#oW th {font-weight:bold; color: #214282; border-bottom:1px solid #214282;}
	#oW tr.s td{padding-top:10px}
	#oW #zakPrij, #oW #dpN {margin-top:10px; padding:5px 0; border-bottom:1px solid #242282;}
	#oW #zakPrij {max-height:360px; overflow: hidden; width:100%;}
	#oW #dpN {max-height:250px; overflow: hidden; width:100%;}
	#oW #zak, #oW #doPl {width:50%; float:left;}
	#oW #prij, #oW #vN {margin-left:51%; width:49%;}
	#oW #prij table+table {margin-top:20px;}
	#oW #items, #oW #vat {margin-top:20px}
	#oW .itP {max-width:240px;}
	#oW #items table {width:100%;}
	#oW #items tr td:first-child, #oW #vat tr td:first-child  {width:auto;}
	#oW #items th, #oW #vat th {color:#353535; border-bottom:1px solid #a1a1a1;}
	#oW #items td {border-bottom:1px solid #a1a1a1;}
	#oW #items #tot td {border:0px; border-top:1px solid #214282;}
	#oW #items #tot td.r {width:15%;}
	#oW #vat {padding-bottom:3px; border-bottom:2px solid #214282;}
	#oW #vat div {width:100%;}
	#oW #vat img {float:right;}
	#oW #vat table {width:60%; margin:0; float:left;}
	#oW #vat table td {border:1px solid #a1a1a1; padding:2px 4px;}
	#oW #sppl {margin-top:35px;}
	#oW #stamp {padding:3px 0; color:#7a8288;}	

/* CUSTOMER CENTER ---------------------------------------- */
	#cc {margin-top:0.5em;} /*menu-customer*/
	#ccleft {width:240px; float:left; font-size:.9em; background:#fff; }
	#cc #uAdet {margin:10px 0; padding:5px; border:1px solid #e6e6e6;}
	#cc #uAdet h3 {font-weight:bold; color:#008000;}
	/* #vmenu {width:240px; font-size:.9em; background:#fff;} /* VERTICAL MENU */
	#ccent {margin-left:242px; width:716px; padding:0; font-size:0.9em; _background:#F6FFD5;}
	#ccent h2 {/*background:#214282;*/background: linear-gradient(270deg, rgb(184, 210, 0) 0%, rgb(0, 128, 0) 50%); color:#fff; padding:3px 3px 3px 10px; margin-bottom:1em; line-height: 1.2em; font-size: 1.1em;}
	#ccent h3 {color:#008000; padding:3px 3px 3px 10px; margin-bottom:10px;}
	#ccentc {padding:3px;}
	
	#ccMenu {background:#e5ff80; height:2em; margin:0 0 15px;}
	#ccMenu li {float:left; height:2em; position:relative;}
	#ccMenu li a {display:block; height:1.7em; line-height:2em; padding:0 8px 0 8px; text-decoration:none; color:#008000;}
	#ccMenu li:hover, #ccMenu li.act, #ccMenu li:hover ul li {background:#008000;
			-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
			-moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
			box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);}
	#ccMenu li:hover a, #ccMenu li.act a, #ccMenu li:hover ul li a {color:#fff; background:#008000;}
	#ccMenu li ul.ccSm {display:none; width:100%; position:absolute; top:2em;}
	#ccMenu li:hover ul.ccSm {display:block;}
	#ccMenu li:hover ul.ccSm li {width:200px;}
	#ccMenu ul.ccSm li:hover, #ccMenu ul.ccSm li:hover a {background:#e5ff80; color:#008000;}

	#zcLf {margin:10px 10px; width:240px;}
	#ccent .note {margin-left:10px;}
	#ccent #fBoard {height:270px;}
	#ccent .board {margin:10px 10px 0 5px; float:left; padding:5px; width:210px; height:110px; border-radius:5px; 
		-webkit-box-shadow: 1px 3px 10px rgba(229, 225, 128, 0.75);
		-moz-box-shadow:    1px 3px 10px rgba(229, 225, 128, 0.75);
		box-shadow:         1px 3px 10px rgba(229, 225, 128, 0.75);
	}
	#ccent .board h3, #ccent .ccHist h3 {padding:5px; margin:0 0 5px; color:#008000;}
	#ccent .board .bVal {height:70px; padding:5px; font-size:2em; line-height:1.8em;}
	#ccent .board .bVal a.vNr {font-size:.7em; display:block; line-height: 1.3em; color:#000; cursor: help;}
	#ccent .board .bVal a.vNa {text-decoration: line-through; color:#afafaf;}
	#ccent .board .bVal .bLo {font-size:.7em; line-height: 1.3em; margin-top:-5px;}
	#ccent .board .bVal .bLo p, #ccent .board .bVal .bIo p {margin:0px !important; color:#000; font-size:.9em;}
	#ccent .board .bVal .bIo p {font-size:.7em; line-height: 1.1em;}
	#ccent .ccHist {margin:10px 10px 20px 5px; padding:5px; height:430px; width:680px; border-radius:5px; 
		-webkit-box-shadow: 1px 3px 10px rgba(229, 225, 128, 0.75);
		-moz-box-shadow:    1px 3px 10px rgba(229, 225, 128, 0.75);
		box-shadow:         1px 3px 10px rgba(229, 225, 128, 0.75);
	}
	#ccent .ccHist div {font-size:2em; line-height:1.8em; padding:5px;}
	#ccent table {width:90%; margin:0 auto;}
	#ccent table th, #ccent table td {padding:5px; font-size:.9em;}
	#ccent table th {font-weight:bold; border-bottom:1px solid #008000; color:#008000;}
	#ccent table .oNa td {text-decoration: line-through;}
	
	#ccent #oList {border-bottom:1px solid #a1a1a1;}
	#ccent #oList td {padding:8px 2px;}
	#ccent #oList td a {padding-left:5px;}
	
	#ccent #cSum {margin-left:10px;}
	#ccent #cSum ul {list-style-type: square; margin-left:15px;}
	#ccent #cSum ul li {padding:3px 0;}
	
	#ccent form.fcc {width:640px; padding:10px 5px; box-shadow:0px 3px 5px rgba(50, 50, 50, 0.33); margin:10px;}
	#ccent .fcc fieldset {margin:10px 0 0 10px; padding:10px; width:280px; border:1px solid #dddddd; float:left;}
	#ccent .fcc legend {font-size:.9em; padding:3px; color:#214282;}
	#ccent .fcc span {width:260px; display:block;}
	#ccent .fcc label {display:block; float:none; width:auto; margin:10px 0 0;}
	#ccent .fcc input[type="text"], #ccent .fcc input[type="email"], #ccent .fcc input[type="password"], 
		#ccent .fcc select, #ccent .fcc textarea {margin:5px 0 0; width:250px; height:20px; border:1px solid #c2cbfc; font-weight: bold;}
	#ccent .fcc input[type="radio"], #ccent input[type="checkbox"]  {float:left; display:block; width:25px; margin:5px 0 0;}
	#ccent #fccDadd, #ccent #fccUpdP, #ccent #fccLostP {width:320px;}
	#ccent #fccDadd fieldset, #ccent #fccUpdP fieldset, 
	#ccent #fccLostP fieldset, #ccent #fCustQuery fieldset,
	#ccent #fBarQ fieldset, #ccent #fSplatQ fieldset {float:none;}
	#fCustQuery textarea {width:600px !important; min-height:150px !important;}
	#ccent #fccRegForm .first {height:220px;}
	#ccent #fccRegData .first {height:320px;}
	
	#ccent #uAdA {margin:10px 0 10px 10px;}
	#ccent .uDa {margin:10px 10px 0 5px; float:left; padding:5px; width:210px; height:180px; border-radius:5px; 
		-webkit-box-shadow: 1px 3px 10px rgba(229, 225, 128, 0.75);
		-moz-box-shadow:    1px 3px 10px rgba(229, 225, 128, 0.75);
		box-shadow:         1px 3px 10px rgba(229, 225, 128, 0.75);}
	#ccent .uDa .bttnBlueSm {margin:0 20px 0 10px;}
	#ccent .uDaP {height:135px;}
	#ccent .naAd {background:#e6e6e6;}
	#ccent .naAd p {color:#a1a1a1;}
	#ccent #fccRegForm #fccSb, #ccent #fCustQuery #fccSb {width:600px;}
	#ccent #fBarQ, #ccent #fSplatQ {width:370px;}
	#ccent #fBarQ input[type="checkbox"] {float:left;}
	#ccent #fBarQ .cf label {float:left; margin-top:2px; font:normal 1em 'Ubuntu Condensed';}
	#ccent #pastBq, #ccent #pastSq, #ccent #pastQq {margin:10px 0 30px 10px; padding:3px 3px 20px 3px; border:1px solid #e5ff80;
		-webkit-box-shadow: 1px 3px 10px rgba(229, 225, 128, 0.75);
		-moz-box-shadow:    1px 3px 10px rgba(229, 225, 128, 0.75);
		box-shadow:         1px 3px 10px rgba(229, 225, 128, 0.75);
	}
	#ccent #pastSq, #ccent #pastQq {margin-top:20px;}
	#ccent #pastBq td, #ccent #pastSq td, #ccent #pastQq td {border-bottom:1px solid #a1a1a1;}
	
	
	#ccent .dbt {color:#d40000;}
	#ccent .dbt .uhr {background:#ffd5d5; font-weight:bold;}

	#ccent #custComm #barp {float:left; width:400px;}

	#ccent #custComm h4 {padding:10px 0 5px 10px; font: normal 1em Roboto; color:#b8d200;}
	#ccent #custComm p {padding-left:10px; }
	
	#ccent #usC table {margin-top:30px;}
	#ccent #usC table td, #ccent #usC table th {border:1px solid #a1a1a1;}
	#ccent #usC table th {color:#353535;}
	#ccent #usC table td .bttnRedSm {margin-right:5px;}
	
	#ccent #usF .colspan {display:inline-block; width:12px; height:12px; border-radius:90px;
		box-shadow:0 3px 5px rgba(50, 50, 50, 0.75);}
	#ccent #usF table td, #ccent #usF table th {border-bottom:1px solid #A1A1A1; color:#353535;}
	#ccent #usF table td img {border:1px solid #A1A1A1;} 
	#ccent #usF table td.nazev {width:30%;}
	#ccent #usF table td a {color:#353535; text-decoration:none;}
	#ccent #usF table td a:hover {text-decoration:underline;}
	#ccent #usF table td a.inFav {width:13px; height:13px; display:block; background: url("../pix/hrtR.png") no-repeat center center #fff; text-decoration:none;}
	#ccent #usF table td a.inFav:hover {background: url("../pix/hrtG.png") no-repeat center center #fff;}

/* VMENU ---------------------------------------- */ 
	#vmenu {margin-top:1.5em;}
	#vmenu .top-li {}
	#vmenu .top-li a.top-a
		{color:#fff; font-size:1.1em; line-height:1.6em; font-weight:bold; background:#B8D200; display:block; text-decoration:none; border-bottom:1px solid #fff; padding:2px 0 2px 5px;}
	#vmenu .tech a.top-a {background:#C2CBFC; }
	/*#vmenu .akce a.top-a {background:#E40000; color:#FFFFFF; }*/

	#vmenu .new a.top-a {background:#214282; color:#ffff00;}
	#vmenu .tasky a.top-a {background:#6A1B9A; color:#E1BEE7;}
	#vmenu .akce a.top-a {background:#E40000;}
	#vmenu .top-li-act a.top-a {background-image: url("../pix/vmenuhb.png"); background-repeat:no-repeat; background-position:center right;}
	#vmenu .top-li a.top-a:hover {background-image: url("../pix/vmenuhb.png"); background-repeat:no-repeat; background-position:center right;} 
	
	#vmenu .top-li ul {display:none; margin-left:20px;}
	#vmenu .top-li-act ul, #vmenu .top-li-open ul {display:block;}
	#vmenu .top-li ul li a {display:block; background:#fff; color:#000; font-size:1.0em; line-height:1.3em; padding:3px; text-decoration:none;}
	#vmenu .top-li ul li a:hover {background-image: url("../pix/vmenuhbg.png"); background-repeat:no-repeat; background-position:center right;}
	#vmenu .top-li ul li.li-act a {background-image: url("../pix/vmenuhbg.png"); background-repeat:no-repeat; background-position:center right;}
	#vmenu .tech ul li a:hover {background-image: url("../pix/vmenuhbb.png"); background-repeat:no-repeat; background-position:center right;}
	#vmenu .tech ul li.li-act a {background-image: url("../pix/vmenuhbb.png"); background-repeat:no-repeat; background-position:center right;}
	#vmenu .sale ul li a:hover {background-image: url("../pix/vmenuhbr.png"); background-repeat:no-repeat; background-position:center right;}
	#vmenu .sale ul li.li-act a {background-image: url("../pix/vmenuhbr.png"); background-repeat:no-repeat; background-position:center right;}
	#vmenu .new ul li a:hover {background-image: url("../pix/vmenuhbr.png"); background-repeat:no-repeat; background-position:center right;}
	#vmenu .new ul li.li-act a {background-image: url("../pix/vmenuhbr.png"); background-repeat:no-repeat; background-position:center right;}
	#vmenu .tasky ul li a:hover {background-image: url("../pix/vmenuhbr.png"); background-repeat:no-repeat; background-position:center right;}
	#vmenu .tasky ul li.li-act a {background-image: url("../pix/vmenuhbr.png"); background-repeat:no-repeat; background-position:center right;}

	/*#vmenu .menuCtyri ul li a:hover, #vmenu .menuPet ul li a:hover, #vmenu .menuSest ul li a:hover 
		{background-image: url("../pix/vmenuhbb.png"); background-repeat:no-repeat; background-position:center right;}*/

/* AD ---------------------------------------- */
#adminF h2 {margin:10px 0; padding:10px; background:#000; color:#fff; font:bold 20px/20px 'Ubuntu';}
#adminF h4 {margin:20px 0 10px; font:bold 18px/20px 'Ubuntu'; text-decoration: underline;}
#adminF #logAdmin {margin:100px auto; padding:30px; background:#000; color:#000; width:300px;}
#adminF #logAdmin fieldset {padding:10px; border:1px solid #a1a1a1;}
#adminF #logAdmin legend {padding:5px; margin:0 3px; font-weight:bold; color:#fff;} 
#adminF #logAdmin label, #adminF #logAdmin input, #adminF #logAdmin input[type="submit"] {color:#000; display:block; margin:3px 0;}
#adminF #logAdmin input[type="submit"]:hover {background:#E9F3FD;}
#adminF #logAdmin label {color:#fff;}

#lgo {margin:10px 0 20px;}
#adminF table {width:100%}
#adminF #aOl table td, #adminF #aOl table th {font:normal 16px/18px 'Ubuntu Condensed'; padding:2px; border-bottom:4px solid #fff;}
#adminF table th, #adminF #aOl table th {font-weight:bold;}

#aMenu {margin-bottom:10px;}
#aMenu a {font: 14px/16px 'Ubuntu'; color:#780000;}
#aMenu a:hover {color:#d00000;}

#sU {margin:10px 0; border:1px solid #b3b3b3; background:#f9f9f9; padding:5px;}
#sU h3 {font:bold 18px/20px 'Ubuntu'; margin-bottom:10px;}
#sU #sAm {font:normal 15px/17px 'Ubuntu'; margin-bottom:10px; border-bottom:1px solid #bbb; border-top:1px solid #bbb; padding:5px 3px;}
#sU #fEdata {padding:5px; margin:20px 0; width:80%; font:normal 14px/15px 'Ubuntu Condensed'; }
#sU #fEdata textarea, #sU #fEdata input {width:300px; font:normal 14px/15px 'Ubuntu Condensed';}
#sU #fEdata .col {border-bottom:1px solid #a1a1a1; padding:1px;}
#sU #fEdata .cField, #sU #fEdata .cType  {display:inline-block; width:20%;}
#sU #fEdata .sBtn {padding:10px 0 0;}
#sU #fEdata input[type="submit"] {width:90px}

#adminF #adminOl td:first-child {width:100px;}
#adminF #adminOl td:nth-child(2) {width:70px;}
#adminF #adminOl td:nth-child(3) {width:240px;}
#adminF #adminOl td:nth-child(5) {width:200px;}
#adminF #adminOl td:nth-child(6) {width:100px;}
#adminF #adminOl .tdVs, #adminF #adminOl .divLb {display:block; width:100%; padding:1px; margin-bottom:3px; }
#adminF #adminOl .tdVs a {color:#353535; text-decoration:none; border-bottom:1px dotted #fff;}
#adminF #adminOl .tdVs a:hover {border-bottom:1px solid #164AAE; color:#164AAE;}
#adminF #adminOl .tdVs {font-size: 20px;}
#adminF #adminOl .compOr, #adminF #adminOl .compOK {text-decoration:none !important; display:block; width:12px; height:25px; background-image:url("/pix/flag.png"); background-position:left -25px;}
#adminF #adminOl .compOr:hover, #adminF #adminOl .compOK {background-position:left top;}
#adminF input[type="submit"] {margin-left:10px;}
#adminF {margin-top:10px; padding:10px; }
#adminF form {border:0; padding:3px 5px; width:220px; font:normal 15px/15px 'Roboto';
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);}
#adminF select {font:normal 13px/13px 'Roboto';}
#adminF tr.sO1 td{background:#ffd5d5;}
#adminF .zalZ {font:bold 25px/25px 'Ubuntu'; color:#d40000; text-shadow: 2px 3px 2px rgba(150, 150, 150, 1); padding-right:3px;}
#adminF #oFiltr {margin:25px 0 10px; padding:0; border-top:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1;}
#adminF #oFiltr a {display:inline-block; padding:5px 3px; font:normal 15px 'Ubuntu';}
#adminF #oFiltr a.fAct, #adminF #oFiltr a:hover {color:#fff; background:#214282; 
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);}
	
#adminF #pagin {margin:5px 0 10px;}
#adminF #pagin a {display:inline-block; padding:0 1px; font:normal 14px 'Ubuntu';}

#adminF #sObj form {width:250px;}

.dFclass {font:normal 15px/20px 'Roboto';}	
.dFclass label, .dFclass input {display:block;}
.dFclass input[type="text"] {margin:5px 0 20px 0; width:95%; }
.dFclass fieldset {padding:5px; text-align:left;}
.dFclass #osobaD, .dPclass #osobaD {margin:2px auto 20px; font-size:15px; font-weight:bold; text-align:center; padding:2px; background:#a1a1a1; color:#fff;}

.dPclass {font:normal 13px/18px 'Roboto';}
.dPclass #uhradyD {margin-bottom:10px;}
.dPclass table {width:100%;}
.dPclass th, .dPclass td {padding:3px; border:1px solid #cccccc; text-align:left;}
.dPclass th {font-weight:bold;}
.dPclass .r {text-align:right;}
.dPclass #predpis, .dPclass #saldo  {background:#dddddd;}
.dPclass label, .dPclass input {display:block;}
.dPclass input[type="text"] {margin:5px 0 20px 0; width:95%; }

.dPclass fieldset {padding:5px; text-align:left;}
.dPclass #uhrV {margin-top:15px;}
.dPclass #uhrV td {border:0;}
.dPclass #rMeny {float:left; width:40%;}
.dPclass #rMeny label {float:left;}
.dPclass #eKurs {margin-left:40%;}
.dPclass #eKurs label {width:30%; float:left;}
.dPclass #eKurs input {width:60%; margin-left:30%;} 
.ui-datepicker {font-size:12px;}

/*
a[class*="aol"] {padding:2px; margin-left:2px 3px; background:#a1a1a1; border:1px solid #a1a1a1; text-decoration: none; color:#fff; font:bold 12px/12px 'Roboto';}
a[class*="aol"]:hover {border:1px solid #fff !important;}
.aolObjE {background:#214282 !important; border:1px solid #214282 !important; }
.aolObjZ {background:#000 !important; border:1px solid #000 !important;}
.aolObjB {background:#008000 !important; border:1px solid #008000 !important;}
.aolPlat {background:#00aa88 !important; border:1px solid #00aa88 !important;}
.aolBvs {background: #8800aa !important; border:1px solid #8800aa !important;}
*/
a.aolB {padding:2px; margin-left:2px 3px; background:#fff; border:1px solid #a1a1a1; text-decoration: none; color:#a1a1a1; font:bold 12px/12px 'Roboto';}
a.aolB:hover {border:1px solid #000; color:#000;}

/*
 a.balpr {background: #008000;}
 a.edfrm {background: #8800aa;}
 a.usro {background: #000;}
 a.adpay {background:#00aa88;}
 */

#oExp, #pozn {font:normal 18px/18px 'Roboto';}
#oExp h2 {text-align: right; font:bold 30px/30px 'Roboto'; border-bottom:2px solid #353535; padding:0 0 3px;}
#oExp #dat {text-align:right; font:bold 20px/20px 'Roboto';}
#oExp #zakPrij {margin-top:10px; border:2px solid #353535; padding:5px; width:928px;}
#oExp #zak {width:48%; float:left;}
#oExp #prij {width:48%; margin-left:49%;}
#oExp #prij table+table {margin-top:20px;}
#oExp tr.s td {padding-top:15px !important; border-top:1px solid #aaaaaa !important;}
#oExp tr#tot td {border-top:2px solid #000 !important; border-bottom:2px solid #000 !important; font-weight:bold; padding-top:10px;} 
#oExp #zakPrij th, #oExp #zakPrij td, #oExp td, #oExp th, #oExp #items td, #oExp #items th {padding:5px; font:normal 18px/18px 'Roboto';}
#oExp #zakPrij tr td:first-child {width:35%;}
#oExp #zakPrij th, #oExp #items th {font-weight:bold; border-bottom:1px solid #353535;}
#oExp #zakPrij td {border:0;} 
#oExp #dodP {margin-top:5px; padding:5px; border:2px solid #353535;}
#oExp #dodP td:first-child, #oExp #dodP th:first-child {width:48%;}
#oExp #dp td {font:bold 20px/20px 'Roboto'; border:0;}
#oExp #pozn {margin-top:5px; padding:5px; border-top:1px solid #353535; font-style:italic;}
#oExp #items {margin-top:5px; padding:5px;}
#oExp #items .iq {font:bold 25px/25px 'Roboto';}
#oExp #items td {border-bottom:1px solid #bbbbbb;}
#oExp #items td:last-child {width:110px;}

#oExp #vat table {width:60%;margin:20px 5px;}
#oExp #vat table td, #oExp #vat table th {font:normal 15px/15px 'Ubuntu Condensed' !important; border:1px solid #a1a1a1;}
#oExp #expZazn {margin:20px 0; border:2px solid #a1a1a1;}
#oExp #expZazn td {font:normal 18px/18px 'Ubuntu Condensed' !important; border:1px solid #aaaaaa; }
#oExp #expZazn tr:first-child td {font-weight:bold !important;}
#oExp #expZazn tr:last-child td {height:45px;}

#aB {margin:10px auto;}
.aBi {float:left; border:1px solid #a1a1a1; height:100px; width:146px; margin-right:10px; 
	background:#214282; color:#fff;
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);}
.aBi a {text-decoration: none; color:#fff; display:block; padding:3px}
.aBi a:hover {background:#c2cbfc;}
.nOa {background:#d40000;}
.nOp {background:#a1a1a1;}
.aBi:last-child {margin-right:0px;}
.aBi h3 {font:normal 14px/14px 'Ubuntu Condensed'; padding:5px;}
.aBi a h3 {padding:2px;}
.aBi div {text-align: right; font:bold 70px/80px 'Roboto'; padding-right: 10px;}

#aQ {margin:30px auto;}
#aQ h3 {font:bold 20px/30px 'Ubuntu'; margin-bottom:15px;}

#aQ table {font:normal 15px/15px 'Ubuntu Condensed';}
#aQ th, #aQ td {padding:2px;border-bottom:1px solid #000;}
#aQ .noborder td, #aQ .noborder th {border-bottom:1px dotted #cccccc;}
#aQ form {width:210px;}

#oB {font-size:20px;}
#oB h4 {font:bold 25px/25px Ubuntu; margin:10px 0 20px 0;}
#oB #zp {margin-bottom:20px;}
#oB p {color:#000; margin:5px 0 !important;}
#oB #vb h5 {margin:30px 0 10px 0; text-decoration: underline;}
#oB ul {margin:10px 5px;}
#oB li {font-weight: bold; margin:3px 0;}

.sAscripts, #eDe, #pUpl, #kntr {margin:10px 0; padding:10px;}
.sAscripts h4, #eDe h4, #pUpl h4, #kntr h4 {font:bold 14px/18px 'Ubuntu'; margin:10px 0 10px;}
.sAscripts p {font:normal 11px/14px 'Ubuntu';}
.sAscripts form {box-shadow:0 0 0 0 !important;}

#pUpl form {width:70%; margin:10px 0; padding:10px;}
#pUpl label, #pUpl input, #pUpl select {font:normal 14px/15px 'Ubuntu Condensed';}
#pUpl label {width:30%; display:inline-block;}
#pUpl p {font:normal 11px/13px 'Ubuntu Condensed';}

#aPohl{margin:10px 0;}
#aPohl p {font:bold 14px/15px 'Ubuntu'; margin:10 0 10px;}
#aPohl p {font-weight:normal;}
#aPohl table {font:normal 13px/15px 'Ubuntu Condensed';}
#aPohl table td, #aPohl table th {padding:1px; border:1px solid #ddd;}
#kntr table {font:normal 15px/17px 'Ubuntu Condensed';}
#kntr table td,#kntr table th {padding:1px;} 

#stats {font:normal 13px/14px 'Ubuntu Condensed';}
#stats h3{font:bold 15px/16px 'Ubuntu';}

#stats .sBrd {float: left; margin:10px 10px 10px; height:70px; width:200px; background:#214282; color:#fff; box-shadow:0 3px 5px rgba(50, 50, 50, 0.75);}
#stats .sBrd h4 {padding:5px 0 0 5px; text-decoration:none; font-weight:normal; font-size:1em; margin:0}
#stats .sBrd span {width:95%; padding:2px; font:bold 30px/35px 'Ubuntu Condensed'; text-align: right; display:inline-block;}
#stats .sChart {display:block; border:1px solid #ddd; margin:10px auto;}

#aOprO {margin:10px 0;}
#aOprO p {font:bold 14px/15px 'Ubuntu'; margin:10 0 10px;}
#aOprO form {margin:20px 0; padding:10px;}
#aOprO fieldset {padding:10px; border:1px solid #ddd;}
#aOprO legend {font:bold 14px/18px 'Ubuntu Condensed'; margin:0 3px; padding:2px 5px;}
#aOprO fieldset div {width:100%; margin:5px 0;}
#aOprO fieldset div label {width:33%; font:normal 13px/16px 'Ubuntu Condensed'; padding-right:10px;}
#aOprO fieldset div select {width:56%;}
#aOprO form.aOprObj {width:80%;}
#aOprO form.aOprObj label {display:inline-block; width:80px;}
#aOprO form.aOprObj input, #aOprO form.aOprObj select {width:300px !important;}
#aOprO form.aOprObj input:read-only:not([type="submit"]), #aOprO .oprItem form input:read-only:not([type="submit"]){background:#FCFCFC; color:#B0B0B0; border:1px solid #b0b0b0;}
#aOprO form.aOprObj div span {font:normal 12px/14px 'Ubuntu Condensed'; padding-left:10px;}
#aOprO form.aOprObj .saveChange {background:#FFEEEE;}
#aOprO form.aOprObj .saveChange input[type='submit'] {font-weight: bold; color:#d40000;}
#aOprO .oprItem form, #aOprO .addItem , #aOprO .addVou {width:80%;}
#aOprO .addVou span {display:inline-block; margin:0 10px 0 5px; font:normal 13px/16px 'Ubuntu Condensed';}

.ui-tooltip, .ui-dialog, .ui-datepicker {font-size:12px !important;}

#eData2 form {width:99%;}
#frmColsEd fieldset, #frmFindEd fieldset, #frmEditEdata fieldset {border:1px solid #dedede; padding:5px 0;}
#frmColsEd legend, #frmFindEd legend, #frmEditEdata legend {font:bold 13px 'Ubuntu Condensed'; padding:0 5px;}
#frmColsEd fieldset div, #frmFindEd fieldset div {float:left; width:auto; padding:0 5px;}
.toggleCh {width:100% !important; margin:0 0 5px;}
.toggleCh label {font:normal 13px/14px 'Ubuntu COndensed'; height:20px;}
#frmFindEd {margin:5px 0 10px;}
#frmFindEd label {padding:0px 3px;}
#frmFindEd select {margin-right: 5px;}
#eData2 table {table-layout: auto; margin-top:20px; border:2px solid silver; box-shadow:3px 3px 5px rgba(50,50,50,0.75);}
#eData2 th, #eData2 td {border:1px solid #dedede; font:normal 11px/14px 'Ubuntu Condensed'; padding:1px; background:#fffff5;}
#eData2 textarea {border:1px solid #dedede; font:normal 11px/14px 'Ubuntu Condensed'; padding:1px;}
#frmEditEdata * {font:normal 13px/16px 'Ubuntu Condensed'; text-align: left;}
#frmEditEdata div {padding:2px; border-bottom:1px dotted #a9a9a9; margin-top:3px;}
#frmEditEdata input[type='text'], #frmEditEdata textarea {width:300px;}
#frmEditEdata textarea {height:50px;}
#frmEditEdata label {width:250px; margin-right:10px; padding:0 5px; display:inline-block;} 
#frmEditEdata label span {display:inline-block; margin-left:30px; font-size:85%;}
#frmEditEdata :required {border:1px solid #d40000;}

.colZak {width:31%; padding:0 5px; float:left;}
.colZak h5 {font:bold 25px 'Ubuntu'; border-bottom:1px dotted; margin:20px 0;}
.aFzakCont {position:relative;}
.aFzakDet {margin:10px 0 0 100px; border:1px solid #ccc; padding:3px 6px; width:200px; 
    box-shadow:0px 3px 3px rgba(150,150,150,0.7); background:#fff; z-index:100; position:absolute; display:none;}
.aFzakDet p {color:grey; Xtext-decoration:none !important; }
.aFzakA {font-size:.8em; text-decoration:none !important; color:#214282;}
.aFzakA:hover {color:#780000;}
.aFzakA:hover .aFzakDet {display:block;}


#iZak {margin:10px 0;}
#iZak p {font:bold 14px/15px 'Ubuntu'; margin:10px 0 10px;}
#iZak table {margin:25px 0 15px;}
#iZak td {font:normal 17px 'Roboto';}
#iZak td:nth-child(2) {font:bold 20px 'Ubuntu';}
#iZak form {margin:20px 0; padding:10px;}
#iZak fieldset {padding:10px; border:1px solid #ddd;}
#iZak legend {font:bold 14px/18px 'Ubuntu Condensed'; margin:0 3px; padding:2px 5px;}
#iZak fieldset div {width:100%; margin:5px 0;}
#iZak fieldset div label {width:33%; font:normal 13px/16px 'Ubuntu Condensed'; padding-right:10px;}
#iZak fieldset div select {width:56%;}
#iZak form.eIndivZak {width:80%;}
#iZak form.eIndivZak label {display:inline-block; width:80px;}
#iZak form.eIndivZak input, #iZak form.eIndivZak select {width:300px !important;}
#iZak form.eIndivZak input:read-only:not([type="submit"]), #iZak .oprItem form input:read-only:not([type="submit"]){background:#FCFCFC; color:#B0B0B0; border:1px solid #b0b0b0;}
#iZak form.eIndivZak div span {font:normal 12px/14px 'Ubuntu Condensed'; padding-left:10px;}
#iZak form.eIndivZak .saveChange {background:#FFEEEE;}
#iZak form.eIndivZak .saveChange input[type='submit'] {font-weight: bold; color:#d40000;}
#iZak6 {margin-top:30px;}
#iZak6 h5 {font-weight: bold; margin:20px 0; text-decoration: underline;}
#iZak6 td, #iZak6 th {padding:2px; border-bottom:1px solid #ddd;}
#iZak6 td:nth-child(2) {font: normal 17px 'Roboto';}





/* MEDIA PRINT */
@media print {
	#gs, #hlang, #hMenu, #crumbs, #mcleft, #ccleft, #footer, h2, h3, .strn, .payo, img#e3h01 {display:none; width:0; height:0;}
	h1#hh1 {margin-top:5px; }
	#header {height:auto; }
	header, header *, #hMenu, #hMenu * { color:black !important; background: white !important;}
	#ccent {margin-left:0; width:100%;}	
	#ccent h3 {color:#214282; background:#fff; border-bottom:2px solid #214282;}
	#adminF {border:0;}
	#oExp h2 {display:block; width:auto; height:auto; text-align: right; font:bold 2em/1em 'Roboto'; border-bottom:2px solid #353535; padding:0 0 3px;}
	/*BOOTSTRAP*/
	a[href]:after {
		content: none !important;
	}
}