/*
red		#E3001B
blue	#298DC9
pink	#F27F8E
*/


/* css 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, 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;}
	ul, ul li { margin: 0; padding: 0; list-style: none }
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

	/* 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;}
	th { text-align: left; }
	input, textarea { font-family: sans-serif; font-size: 100% }
	/* IE stretched buttons fix */
	input.submit {width: 0;overflow:visible;}
	input.submit[class] {width: auto;}
/* css reset end */

/* elements */
body {line-height: 1.4; font-size: 62.5%; font-family: sans-serif; text-align: center;background:#fff;color:#000}
h1, h2, h3, h4 { font-size: 150%; line-height: 1.1  }
h1 { padding: 0 30px 0.6em 30px; }
h2 { font-size: 130%; padding: 0.4em 0 0.2em 0;}
h3 { font-size: 110%;}
h4 { font-size: 100%;}
p { padding: 0.2em 0 0.6em 0 }

a { color: #E3001B }
a:hover { color: #76a7ca }

/* common classes */
.r { text-align: right !important; }
.c { text-align: center !important; }
.l { text-align: justify !important; }
.j { text-align: center; }
.t { vertical-align: top; }
.imgr { float: right; margin: 0 0 0.5em 20px }
.imgl { float: left; margin: 0 20px 0.5em 0 }
.imp, .required { color: #E3001B; font-weight: bold;  }


.archive { width: 100%; overflow:visible; padding: 0; font-weight: bold;  }
.archive a { background: url(../img/archive.gif) no-repeat left; padding: 7px 0 7px 30px; display: block; }




.articlecategory{ float: right; position: absolute; top: 320px; right: 220px;  }
.articlecategory .submit{  *padding: 0px 0 5px 35px; _padding: 0px 0 5px 35px; }
.articlecategory .select{ background: #EEF3F9; border: 1px solid #A7C4E4; vertical-align: middle; padding:0;  margin:0px 0 5px 0px; }

/* layout */
#center { width: 980px; margin: 0 auto; text-align: left; overflow:visible; position: relative; }
#wrap { width: 750px;  background: url(../img/center.gif) repeat-y;}

#header { }
#logo, #logo span { display:none;}

#header ul,#header .m1,#header .m2,#header .m3,#header .m4,#header .m5,#header .m6,#lang { display:none;}

.crumb { background: url(../img/crumb.gif) repeat-y;float: left; padding: 8px 0; position: relative; left: -20px; top: 10px; clear: left; width: 580px; overflow:hidden; border-right: 1px solid #000; z-index: 9 }
.crumb p { padding: 0 0 0 50px; }
.crumb a { float: left; padding: 0 10px 0 7px; background: url(../img/crumb-a.gif) no-repeat right; color: #000; }
.crumb a:hover { color: #fff }
.crumb span { float: left; padding: 0 0 0 7px }

#section { float: left; width: 560px; font-size: 120% }
.sectionimg { border-right: 1px solid #000; display: block; padding: 0 0 30px 0; }
.article { padding: 0 30px 1em 30px; clear: both; overflow:visible;}
.article ul { padding: 0.2em 0 0.6em 0; }
.article ul li, .article .news .text ul li { background: url(../img/li.gif) no-repeat 0 0.25em; padding: 0 0 0 16px; }
.article h2.h2small{font-size:150%;font-weight:normal}
.article h2.h2small a{color:#000; }

.article .news li { padding: 0 0 1.5em 0; background: none; overflow:visible; }
.article .news h2 { font-size: 110%; font-weight: bold; line-height: 1.2; padding: 0 0 0.4em 0;  }
.article .thumb { float: left; width: 100px; height: 100px; padding: 9px; border: 1px solid #D5E0F2; margin: 0 10px 0.5em 0; }
.article .news .date { font-size: 80%; font-weight: normal;}
.article .news .text { width: 100%; overflow: hidden; }
.article .table { width: 100%; border-right: 1px solid #A1D1E8; border-top: 1px solid #A1D1E8; border-bottom: 5px solid #298DC9 }
.article td { vertical-align: top; }
.table td, table th { border-left: 1px solid #A1D1E8; border-bottom: 1px solid #A1D1E8; padding: 0.4em 1em; vertical-align: middle; }
.table th { background: #298DC9; color: #fff; font-weight: bold; padding: 0.8em 1em; }
.table .even td { background: #EFF4FA  }

.article .actions { display:none;}
.actions .edit { background: url(../img/actions-edit.gif) no-repeat 2px 50%;  }
.actions .fav { background: url(../img/actions-fav.gif) no-repeat 2px 50%;  }
.actions .send { background: url(../img/actions-send.gif) no-repeat 2px 50%;  }
.actions .print { background: url(../img/actions-print.gif) no-repeat 2px 50%;  }
.actions .none { background: none; }
.actions a:hover { color: #000 }

.home .archive a { float: right; position: absolute; top: 295px; right: 30px;  }
.home #section { position: relative; }

.article .page { width: 500px; overflow: hidden; margin: 0 auto }
.article .page li { margin: 0 1px; float: left; display: inline; padding: 0;  }
.article .page li.prev { margin-right: 9px }
.article .page li.next { margin-left: 9px }
.article .page a { float: left; width: 21px; height: 21px; background: url(../img/page.gif) no-repeat; text-align: center; line-height: 21px; }
.article .page strong a { background: url(../img/page-curr.gif) no-repeat;  }

.item { margin: 0 0 15px 0;}
.item p { padding: 0 0 0.2em 0; }
.item h2 { color: #298DC9; font-size: 110%; padding: 0 0 0.4em 0 }
.item .price { font-size: 120%; color: #298DC9; font-weight: bold; }
.cover { float: left; padding: 10px;margin:0 15px 15px 0; border: 1px solid #D4E1F2 }
.buy { float: right; background: url(../img/buy.gif) no-repeat left; padding: 10px 0 10px 36px;margin:-20px 0 0 0; font-weight: bold; text-transform: uppercase; }
.rozebrano { color:#afafaf; float: right; background: url(../img/buy.gif) no-repeat left; padding: 10px 0 10px 36px;margin:-20px 0 0 0; font-weight: bold; text-transform: uppercase; }
.cart { float: right; background: url(../img/cart.gif) no-repeat left; padding: 10px 0 10px 36px;margin:-20px 30px 0 0;*margin:-40px 100px 0 0; font-weight: bold; text-transform: uppercase; }

#aside,#col,#nav,#footer  {display:none;}

/* forms */
form td { color: #298DC9; padding: 0.4em 1em; vertical-align: top; }
form label { font-weight: bold; }
form input, form textarea { border: 1px solid #EFF4FA; border: 1px solid #B3CCE7; background: #EFF4FA; width: 180px }
form textarea { width: 400px; height: 120px }
form .submit { border: 0; background: url(../img/arrow.gif) no-repeat left; padding: 10px 0 10px 35px; font-weight: bold; color: #E3001B; cursor: pointer; }


/* basket */
.article .basket { width: 100%; overflow: hidden; padding: 12px 0 0 0; }
table.basket { width: 100% }
table.basket th { padding: 0.8em; font-weight: normal; }
table.basket td { text-align: left; padding: 0.8em; vertical-align: middle;}
table.basket input { width: 40px; text-align: right; }
table.basket .price { float: none; text-align:right; white-space: nowrap;}
table.basket .subtotal { text-align: right; font-weight: bold; }
table.basket .subtotal strong { font-size: 140%; padding-left: 1em }
table.basket tfoot td { border: 0; }
table.basket tfoot td { _background: none } /* no PNG for IE6 */

table.basket .trash { background: #298dc9 url(../img/x.gif) no-repeat right; color: #00255D; }
table.basket .recount { background: #298dc9 url(../img/r.gif) no-repeat right; color: #00255D; border:1px solid #DADADA; }
table.basket .trash:hover { background: #a7c4e4 url(../img/x.gif) no-repeat right; }
table.basket .recount:hover { background: #a7c4e4 url(../img/r.gif) no-repeat right;  }

table.basket .trash { float: left; padding: 0.4em 25px 0.4em 1em; text-decoration: none; }
table.basket .recount { float: left; padding: 0.4em 25px 0.4em 1em; width:90px; margin: 0 0 0 5px; border:none; text-decoration: none; cursor: pointer; }

.at15t_email{background:none !important;}
.at300bs{display:none !important;}

.pdf {background-image:url(../img/pdf.gif); 	background-position: left top; padding-left:50px; padding-top:7px; height:39px;  background-repeat: no-repeat;display:block}
.zip {background-image:url(../img/winzip.gif); 	background-position: left top; padding-left:50px; padding-top:7px; height:39px;  background-repeat: no-repeat;display:block}
.doc {background-image:url(../img/word.gif); 	background-position: left top; padding-left:50px; padding-top:7px; height:39px;  background-repeat: no-repeat;display:block}
.xls {background-image:url(../img/winxls2.gif); 	background-position: left top; padding-left:50px; padding-top:7px; height:39px;  background-repeat: no-repeat;display:block}
.jpg {background-image:url(../img/winjpg.gif); 	background-position: left top; padding-left:50px; padding-top:7px; height:39px;  background-repeat: no-repeat;display:block}
.gif {background-image:url(../img/wingif.gif); 	background-position: left top; padding-left:50px; padding-top:7px; height:39px;  background-repeat: no-repeat;display:block}



/* nyroModal */
div#nyroModalFull, div#nyroModalFull h1 {font-size: 12px;color: #fff; font-family: Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif; font-style: normal;}
div#nyroModalFull div#nyroModalLoading {width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../img/nyroloader.gif) no-repeat;background-position: center;}
div#nyroModalFull div#nyroModalWrapper {background: #fff;padding: 0px}
div#nyroModalFull div#nyroModalWrapper a#closeBut {position: absolute;display: block;top: -15px;right: -15px;width: 15px;height: 15px;text-indent: -9999em;outline: 0;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {margin: 0;padding: 0;	position: absolute;	top: -22px;	left: 5px;	font-size: 11px;color: #fff; font-weight: normal;}

div#nyroModalFull div#nyroModalLoading { border: 2px solid #0b89c6; }
div#nyroModalFull div#nyroModalWrapper {border: 2px solid #0b89c6;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {background: url(../img/nyroclose.gif) no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev {left: 0;width: 40%;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext {right: 0px;width: 40%;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover {background: url(../img/nyroprev.gif) left 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover {background: url(../img/nyronext.gif) right 20% no-repeat;}

/* nyroModal - nothing to edit here */
div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px white dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20); display: none;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {outline: none;position: absolute;top: 0;height: 100%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}

