/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}



body {
    padding: 3px 0;
    text-align: center;
    font: 13px/1.5 Arial, Helvetica, sans-serif;
    color: #404040;
    background: #E2E4EF;
}
a { color: #005380;}
a:hover {color: black;}
img {border: 0;}
h1,h2,h3,h4,h5 {color: #002180;font-family:"Trebuchet MS","Geneva CE",lucida,sans-serif}
h1 { 
    font-size: 26px; font-weight:normal; font-family:Geneva,Arial,Helvetica,sans-serif;
    padding:7px 0 0 20px;margin:0;
    text-align: left;
    min-height:55px;
	line-height: 43px;
    color:#A72D1B;
    text-shadow: -1px 2px 3px rgba(0,0,0,.4);
	background: #363F60 url('../images/h1.png') top left no-repeat;
}
h2 { 
    font-size: 20px;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    color:#C10000;
    text-shadow: -1px 2px 3px rgba(0,0,0,.4);
    margin:10px 0 0 0;
    padding:7px 0 5px 30px;
}
h3 {color:#A72D1B; font-size: 120%; text-shadow:-1px 2px 3px rgba(0,0,0, .4);}
h4,h5 { font-size: 100%;}
h1 a,h2 a,h3 a,h4 a,h5 a {color:#002180; text-decoration:none;}
p {text-align:justify; /*text-indent:25px;*/ padding:10px 0 3px 0;}

.right {float:right}
.left  {float:left}
.clear {clear:both; font-size:1px }
.cclear {clear:both;}
.center {text-align:center; margin:0 auto;}
.tleft  {text-align:left}
.tright {text-align:right}
.red   {color:red}
.green {color:green}
.gray  {color:gray}
.redBack   {background-color:red}
.greenBack {background-color:green}
.grayBack  {background-color:gray}
.bold {font-weight:bold}
.biger,.bigger {font-size:120%}
.nowrap {white-space:nowrap}
.nodec a {text-decoration:none}
.w10 {width:10px}
.w20 {width:20px}
.w50 {width:50px}
.w100 {width:100px}
.w150 {width:150px}
.imgLeft {float:left; margin:5px 15px 5px 0; border:1px solid #B1D6FF}
.imgRight {float:right; margin:5px 0 5px 15px; border:1px solid #B1D6FF}
.noteRed {color:#a00; font-weight:bold}
.noborder {border:0px none}
.underline {text-decoration: underline}


/* DUMP */
.dump {color: #333; background-color:rgba(255,251,204,0.9); text-align:left; border:1px solid #C16549; margin:2px 0;padding:3px;position:relative;z-index:999;-moz-border-radius:5px;border-radius:5px;}
.dump span {color: #C16549;}

#ajax-spinner {margin: 15px 0 0 15px;padding: 13px;background: white url('../images/spinner.gif') no-repeat 50% 50%;font-size: 0;z-index: 123456;display: none;}

/* Hlášky */
div.flash,ul.error li {
    color:#333; font-weight:bold; padding:6px 10px 4px 40px; margin: 4px 100px;
    border:1px solid #008000; background:#DFF1C4 url('../images/flash.png') 7px 3px no-repeat;
    -moz-border-radius:5px;border-radius:5px;
    font-style:italic;
}
div.error,ul.error li {color:#333; border:1px solid #E2C822;background:#FD5542 url('../images/error.png') 7px 2px no-repeat;}
div.note {color:black;border:1px solid #6FA5FF;background: #C9DDFF url('../images/note.png') 7px 2px no-repeat;}

.stopMessage {margin: 10px 0; padding:5px; color:black; background:#E2C822; border:2px solid red; -moz-border-radius:5px;border-radius:5px;}

/***** KOSTRA *****/

#container {
    width: 991px;
    margin: 0 auto;
    text-align: left;
    -moz-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px;
	background:#374162 url(../images/containerLeft.png) left repeat-y;
}
#middleContainer {
    margin-top:271px;
}
#rMiddleContainer {width:770px;float:right;margin: 0;}
#coverContent {width:551px; float:left; margin:0 10px 0 0;}
#header {
    position:absolute; top:0;
    height:274px;width:991px;
    background: #3C4B8F url(../images/header.jpg) top center no-repeat;
	padding-left:-1px;
}
#footer {
    padding:5px 0 12px 0;
	margin-left:1px;
    background:#DFEBF9 url(../images/footer.png);
    text-align:center;font-size:90%;
    -moz-border-radius: 15px; border-radius: 15px;
	color:#BEBEC4;
}
#footer p {text-align: center;}
#footer a {color:#BEBEC4;text-decoration:none;font-weight:bold;}

/* Header */
#kosInfo {text-align:right; padding:7px 17px 0 0; color:white}
#kosInfo a {color:white}
.headClick {display:block; height:160px;}

/* UP MENU */
#statMenu {
	float:left;width:990px;
	margin:15px 0 0 0px;
}
#statMenu ul {float:left;margin-left:30px}
#statMenu ul li {
	float:left; display: inline;
	background:transparent url('../images/statMenuEnd.png') top right no-repeat;
}
#statMenu ul li a {
	float:left; display: inline;
	color:#eee; font-size:14px; font-weight:bold; text-decoration:none;
	padding:6px 17px 2px 17px;
    text-shadow: -1px 2px 3px rgba(10,10,10,.4);
}
#statMenu ul li a:hover {color:#fff;}


.search {float:right; width:320px; height:28px;margin-top:2px}
.search .inp {float:right; width:200px;margin:4px 0 0 0px;padding:3px; background:#EFEFEF url('../images/input.png') left top no-repeat; border:none}
.search .inpSearchSubm {float:right; width:90px;margin:4px 15px 0 3px}
.search .inpSearchSubm:hover {cursor: pointer; cursor: hand}
.search .inpSearchSubm:active {border:2px inset #A7C0D6;}

/* Content Layers */
#content {
    float:left;width:551px;
    padding:0 0 30px 0;
}
#content h3 {padding:20px 0 0px 15px; border-bottom:1px solid #999;}
#rSideBar {
    width:209px;
    float:right;
}
#lSideBar {
    width:209px;
    float:right;
    margin:0 10px 7px 0;
}

/* Content */
.naCelyClanek {display:block; text-align:right;}

.nahoru {text-align:right; margin-top:20px; padding:0 17px 5px 0}
.nahoru a {color:#858585}



/* Paginator */
.paginator {margin: 1em 0;font-size: 90%;text-align:center}
.paginator a, .paginator span {	margin-right: 0.1em;padding: 0.2em 0.5em;color: #999;}
.paginator a {border: 1px solid #005380;background-color:#D7DAF9;text-decoration: none;color: #000;}
.paginator span.pagebutton {border: 1px solid #DDDDDD;}
.paginator .current {background:none;border: 1px solid #D7DAF9;color: white;font-weight: bold;}
.paginator a,a.bigButton,.bigButton {-moz-box-shadow: -3px 3px 10px #666;-webkit-box-shadow: -2px 2px 5px #666;box-shadow: -3px 3px 10px #666;}
.paginator a:hover,a.bigButton:hover,.bigButton:hover {-moz-box-shadow: -1px 1px 10px #666;-webkit-box-shadow: -1px 1px 5px #666;box-shadow: -1px 1px 10px #666;}
.paginator a,.paginator span {-moz-border-radius:5px}


/* Side Bars */
.sideBarContent {min-height:990px; background:transparent url('../images/sideBar.png') left 45px repeat-x;}
#lSideBar a {color:#010D56; text-decoration:none;font-weight:bold; display:block}
#lSideBar a:hover {color:green;}
#lSideBar ul {padding-left:37px;}
#lSideBar ul li {padding:5px 0 0 0;list-style-image: url('../images/darek.png')}
#lSideBar ul ul {background-image:none;}
#lSideBar ul ul a {font-weight: normal}
#lSideBar ul ul a.act,#lSideBar ul a.act {text-decoration:underline; color:#9D0012}

#lSideBar h3, #rSideBar h3 {
	font-size:20px; font-weight: normal; text-decoration: underline;
	height:40px; padding-top:13px; text-align:center;
}
#lSideBar h3 a, #rSideBar h3 a {color:#A72D1B;}
#lSideBar h3 {text-decoration:none; text-align:left; padding-left:15px; background:#B6BED8 url('../images/sideBarSmile.png') top left no-repeat}
#rSideBar h3 {
	height:37px; -moz-border-radius:12px; border-radius:12px;
	background:transparent url('../images/sideBarTop.png') top center no-repeat;
	font-size:19px;
}
.sideBarBottom {height:37px;background:#C4CBE0 url('../images/lSideBarBottom.png') top left}
#rSideBar .rSideBarBlock {padding:2px 10px 6px 10px;}
#rSideBar .prodBlock {margin:6px;}


/* Produkt */
.prodBlock {
    padding:3px; margin:3px 3px 6px 3px;
    background:#E5F6FF url('../images/prodBlock.png') top repeat-x;
	-moz-border-radius:10px; border-radius:10px;
}
.prodBlock .prodBlockImg {display:block;height:120px; text-align:center}
.prodBlock p {padding:2px 0 2px 5px; text-indent:0}
.prodBlock, .blockShadow, #rSideBar h3 {
    -moz-box-shadow:0px 3px 10px #666;-webkit-box-shadow:0px 2px 10px #666;box-shadow:0px 3px 10px #666;
}
.prodBlockTitle {border:none; padding:5px; margin:0; height:1.5em; text-align:left}
.prodBlockTitle a {color:#2A2929; position:relative; z-index:100; line-height:1.1em; padding:0; margin:0; font-size:110%; text-decoration:none;font-family:"Trebuchet MS","Geneva CE",lucida,sans-serif}
.prodBlockCenaText {color:#2B3D7F; font-weight:bold;}
.prodBlockCena {color:#c00; font-weight:bold;}
.prodBlockDostup {color:#080;}
.prodBlockBasketCena {padding-left:3px;}
.prodBlockBasketCena form {float:right; width:67px;}
.addSubmit {width:30px; height:25px; cursor:hand;cursor:pointer; border:none; background:transparent;}
.addCount {width:13px; margin:0;}
.id_form {padding:0;margin:0;width:0px}
.formAdd {padding:0;padding-bottom:10px;  background:transparent url('../images/addBasket.png') top right no-repeat;}

#rSideBar .prodBlock p {text-align:right; padding-right:5px}
#rSideBar .prodBlock .prodBlockTitle {text-align:left;}

#prodBlocks {padding: 7px 2px;}
#prodBlocks .prodBlock {float:left;width:170px;}

#rSideBar .rBlockKosik {background:#3C4A91; text-align:center; margin:15px 7px 7px 7px; padding-top:10px}
#rSideBar .rBlockKosik a {color:white; text-decoration:none }
#rSideBar .rBlockKosik a img {border:none }

.bb125x125 {margin:0 0 5px 40px}
.bb125x125Noscript {display:inline;width:125px;text-align:center;font-weight:900;font-family:Verdana,sans-serif;font-size:xx-small;vertical-align:bottom}


/* HomePage */
#contText,#prodDetaily,#homeText {padding: 7px 10px 17px 10px; background:#EEF0FB url('../images/contText.png') bottom no-repeat;}
#homeText img {float:right;margin:0 0 10px 20px; border:1px solid #383939}
#contText p, #homeText p {margin:0;padding:0; color:#494949;}
h2.homeHeadproducts {
	font-size:20px; font-weight:normal; text-decoration:none; color:#A72D1B;
	height:27px; padding-top:7px; text-align:left;
	background:#9CA7CB url('../images/sideBarTitle.png') top repeat-x;
	-moz-border-radius:12px; border-radius:12px;
}


#prodDetaily {padding-bottom:25px}
#prodDetaily p {padding:3px 0 0 0}
.prodFoto {margin:10px; float:left; width:160px; border:1px solid #C00000; text-align:center; background:#FFF}
.prodFotos {margin:10px 0; float:left; text-align:center;}
.prodFotos img {margin: 12px}
.prodFotosBack {background-color:#FFF; -moz-border-radius:10px;border-radius:10px; margin:10px 0 20px 0}


.htmlText {text-align: justify; padding:10px 10px 30px 10px; background-color:#EEF0FB; -moz-border-radius:10px;border-radius:10px;}
.htmlText p {padding:10px 0 3px 0; text-indent: 0em;}
.htmlText ul {margin-left:2em}
.htmlText ul li {text-align: left; list-style-type:disc}
.htmlText table tr td {padding:2px 5px; border:1px solid #ccc}


#popup {
    position:absolute;top:280px;margin-left:300px;z-index: 99999;
    width:430px; padding:50px; text-align:left; font-weight:bold;
    background:#CFD4E5 url('../images/x.png') top right no-repeat; border:2px solid red;
    -moz-border-radius:5px;border-radius:5px;
    -moz-box-shadow:-3px 3px 10px #666; -webkit-box-shadow:-2px 2px 5px #666; box-shadow:-3px 3px 10px #666;
    line-height: 2.5em;
}


/* KOSIK OBJEDNAVKA */
#objWay {margin: 15px 0 35px 0;}
#objWay div {float:left;}
#objWay .objTd { background-color:#F67275; padding:5px 4px;-moz-border-radius:10px;border-radius:10px;}
#objWay .objBigNum {width:15px; line-height:40px; padding-right:10px;}
#objWay .objBigNum a {font-size:36px; text-decoration:none;}
#objWay .objText1 {width:32px;padding-top:10px;}
#objWay .objText2 {width:46px;}
#objWay .objText3 {width:40px;}
#objWay .objText4 {width:62px;}
#objWay .objText5 {width:52px;padding-top:10px;}

#objWay .objPrechod {width:23px; text-align:center;padding:7px 5px 0 3px; font-size:22px; color:#ccc; font-weight:bold;}
#objWay .objActiv {border:3px solid #D50000}
#objWay .objActiv a {text-decoration: none}
#objWay .objOK {background-color:#88E871}

#kosik {width:100%}
#kosik img {margin:3px 0}
#kosik td {padding:0px 7px; vertical-align:middle;}
#kosik th {padding:5px 7px; text-align:center; background-color:#eee;}
#kosik td.kosrow { border-bottom:1px solid #ddd}

a.bigButton, .bigButton {
	background-color:#88E871; padding:12px 17px; margin:20px 5px;
	color: #005380; font-weight:bold; font-size: 110%;
    border-top:2px solid #999;border-left:2px solid #999;border-right:2px solid #666;border-bottom:2px solid #666;
	text-decoration:none;-moz-border-radius:10px;border-radius:10px;
}
a.bigButton:hover, .bigButton:hover {color:#002B42}
a.bigButton:active, .bigButton:active {position:relative;left:2px;}
.bigArrow {padding:12px 0 0 10px; font-size:24px; color:#aaa; font-weight:bold;}


.required {color:#a00}
#zpusobDopravy .required {color:#333}
form fieldset legend {
	font-size: 120%; font-weight:bold;
	text-shadow:-1px 2px 3px rgba(0,0,0, .4);
	color: #002180;font-family:"Trebuchet MS","Geneva CE",lucida,sans-serif;
	border-bottom:1px solid #999;
	padding:30px 0 0 20px; margin-bottom:17px;width:400px;
}
form table tr th, form table tr td {padding:4px 10px}
form table tr th {text-align:right; padding-right:10px; width:100px}
#zpusobDopravy form table tr th {width:30px}
form table tr th {vertical-align:top;}

.kontrolaPulka {float:left; width:250px; margin:0 7px;}

.contHead {}
.lineKosik {margin:66px 0 0 80px}
.kPokladne {float:right; width:225px;}
.lineKosik .kPokladne a {font-size:19px; font-weight:normal; color:#F4F650;}
.vasNakup {font-size:20px; font-weight:normal; margin-right:20px}
.lineKosik a {color:white; font-weight:bold; font-size:16px; text-decoration: none; }
.drobecek {
	padding:5px 10px; color:#000;
	background:#363F60 url('../images/sideBar.png') top repeat-x;
	-moz-border-radius:10px;border-radius:10px;
}

#contText .search {width:400px; float:none; background:none}

#lSideBar #fotonazed {
    display:block;
    margin:30px 3px; padding:3px 0 3px 0; border:2px solid #FF99CC;-moz-border-radius:7px;border-radius:7px;
    text-align:center; background-color:#FFD7EB;
    background: -webkit-gradient(linear, left top, right top, from(#FFD7EB), to(#FFE8F3));
    background: -moz-linear-gradient(left, #FFD7EB, #FFE8F3);
}
#lSideBar #fotonazed:hover {color:#A72D1B}
#fotonazed strong {color:#A72D1B; display:block; padding:3px 0; font-size:115%;font-family:"Trebuchet MS","Geneva CE",lucida,sans-serif}