/*
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: hidden; padding: 0; font-weight: bold;  }
.archive a, .archive1 a  { background: url(../img/archive.gif) no-repeat left; padding: 7px 0 7px 30px; margin:0px 20px 0px 400px; display: block; position:relative;top:-20px}
.thumbPhoto { float: left; padding: 9px; border: 1px solid #D5E0F2; margin: 0.5em; }

.PhotoGalleryMask {position:absolute;z-index:102;background-color:black;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.PhotoGalleryPreviousPhoto {font-weight:bold;border:1px solid white;width:2em;height:1.5em;text-align:center;float:left;position:relative;z-index:104;background-color:#0B89C6;color:white;cursor:pointer;}
.PhotoGalleryNextPhoto {font-weight:bold;border:1px solid white;width:2em;height:1.5em;text-align:center;float:right;position:relative;z-index:104;background-color:#0B89C6;color:white;cursor:pointer;}
.PhotoGalleryClosePhoto {font-weight:bold;border:1px solid white;width:2em;height:1.5em;text-align:center;float:right;position:relative;z-index:104;background-color:#0B89C6;color:white;cursor:pointer;}
.PhotoGalleryIndexPhoto {font-weight:bold;border:1px solid white;width:3em;height:1.5em;text-align:center;float:right;position:relative;z-index:104;background-color:#0B89C6;color:white;}
.PhotoGallery {border:1px solid #0B89C6;background-color:white;position:absolute;z-index:103;text-align:center;}
.PhotoGallery hr {width:75%; height: 1px; border:0px solid black; background-color: #CBDCEE; color: #CBDCEE;}

.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: hidden; position: relative; }
#wrap { width: 750px; float: right; background: url(../img/center.gif) repeat-y;}

#header { background: url(../img/header.png) no-repeat top; width: 750px; float: left; padding: 20px 0 0 0;}
#logo, #logo span { width: 230px; height: 330px; display: block; overflow: hidden; position: relative; left: 0; top: 0; float: left; cursor: pointer;}
#logo span { background: url(../img/logo.png); position: absolute; }

#header ul { padding: 10px 0 0 30px; float: left; }
#header ul li { float: left; padding: 0 10px 10px 10px; }
#header li a { float: left; padding: 60px 8px 0 9px; color: #fff; font-size: 140%; text-decoration: none;  }
#header li a:hover { color: #000 }
#header .m1 a { background: #0B89C6 url(../img/m1.gif) no-repeat 50% 0; }
/*#header .m2 a { background: #0B89C6 url(../img/m2.gif) no-repeat 50% 0; }*/
#header .m2 a { background: #0B89C6 url(../img/m7.gif) no-repeat 50% 0; }
#header .m3 a { background: #0B89C6 url(../img/m3.gif) no-repeat 50% 0; }
#header .m4 a { background: #0B89C6 url(../img/m4.gif) no-repeat 50% 0; }
#header .m5 a { background: #0B89C6 url(../img/m5.gif) no-repeat 50% 0; }
#header .m6 a { background: #0B89C6 url(../img/m6.gif) no-repeat 50% 0; }

#header .m1 a:hover { background: #0B89C6 url(../img/m1.gif) no-repeat 50% -100px; }
/*#header .m2 a:hover { background: #0B89C6 url(../img/m2.gif) no-repeat 50% -100px; }*/
#header .m2 a:hover { background: #0B89C6 url(../img/m7.gif) no-repeat 50% -100px; }
#header .m3 a:hover { background: #0B89C6 url(../img/m3.gif) no-repeat 50% -100px; }
#header .m4 a:hover { background: #0B89C6 url(../img/m4.gif) no-repeat 50% -100px; }
#header .m5 a:hover { background: #0B89C6 url(../img/m5.gif) no-repeat 50% -100px; }
#header .m6 a:hover { background: #0B89C6 url(../img/m6.gif) no-repeat 50% -100px; }

#lang{ float:right; width:150px; }
#lang ul{ float:right; padding:0; margin:5px 20px 0 0; display:inline; }
#lang ul li{ float:left; margin:0; padding:0; background:none;width:43px; }
#lang ul li a {margin:0;padding:0;}	

.crumb { background: url(../img/crumb.gif) repeat-y; 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:hidden;}
.article ul { padding: 0.2em 0 0.6em 0; overflow:hidden; zoom:1;}
.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 hr {width:75%; height: 1px; border:0px solid black; background-color: #CBDCEE; color: #CBDCEE;}

.article .news li { padding: 0 0 1.5em 0; background: none; overflow:hidden; }
.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 { border: 1px solid #D4E1F2; padding: 10px}
.article .actions ul { width: 100%; overflow: hidden; padding: 0; }
.article .actions li { float: left; margin: 0 15px 0 0; padding: 0; font-size: 90% }
.article .actions a { float: left; padding: 3px 0 2px 22px; }
.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 { float: right; width: 189px; background: #EFF4FA url(../img/aside.png) no-repeat; font-size: 120%; overflow: hidden;  }
#aside .block { border-bottom: 1px solid #CBDCEE; padding: 20px 0; margin: 0 20px; }
#aside .block form input { border: 1px solid #B3CCE7; background: #EFF4FA; margin:0;padding:0;}
#aside .block h2 { color: #0B88C8; font-weight: normal; font-size: 160% }

#aside .news li { padding: 0 0 1em 0; }
#aside .news .date { font-size: 90% }
#aside .news .archive a { float: left; }

#col { width: 230px; font-size: 120%; float: left; background: url(../img/col.gif) no-repeat;min-height:580px}
#col .block h2 { color: #0B88C8; font-weight: normal; font-size: 160% }
#col .block { padding: 10px;}

#col .newsletter { background: url(../img/newsletter.gif) no-repeat 0 17px; border-bottom: 1px solid #298DC9; color: #666; zoom:1; padding-top: 0}
#col .newsletter h2 { background: #fff; float: left; padding-right: 10px;  }
#col .newsletter p { clear: left; }
#col .newsletter input { background: #EEF3F9; border: 1px solid #A7C4E4; vertical-align: middle; padding: 5px 0; width: 150px }
#col .newsletter .submit { background: transparent; border: 0; margin: 0; padding: 0; width: auto; }

#col .links li { float: left;  }
#col .links a { width: 67px; overflow: hidden; float: left; padding: 68px 0 10px 0; overflow:hidden;height:20px; text-align: center; color: #298DC9; font-size: 95%; }
#col .links a:hover { color:#E3001B }

#col .l1 a { background: url(../img/l1.png) no-repeat top; }
#col .l2 a { background: url(../img/l2.png) no-repeat top; }
#col .l3 a { background: url(../img/l3.png) no-repeat top; }
#col .l4 a { background: url(../img/l4.png) no-repeat top; }
#col .l5 a { background: url(../img/l5.png) no-repeat top; }
#col .l6 a { background: url(../img/l6.png) no-repeat top; width: 75px; }

#col .l7 a { background: url(../img/l7.png) no-repeat top;}
#col .l8 a { background: url(../img/l8.png) no-repeat top;}
#col .l9 a { background: url(../img/l9.png) no-repeat top; width: 75px; }

#col .l1 a:hover { background: url(../img/l1.png) no-repeat 50% -150px; }
#col .l2 a:hover { background: url(../img/l2.png) no-repeat 50% -150px; }
#col .l3 a:hover { background: url(../img/l3.png) no-repeat 50% -150px; }
#col .l4 a:hover { background: url(../img/l4.png) no-repeat 50% -150px; }
#col .l5 a:hover { background: url(../img/l5.png) no-repeat 50% -150px; }
#col .l6 a:hover { background: url(../img/l6.png) no-repeat 50% -150px; }
#col .l7 a:hover { background: url(../img/l7.png) no-repeat 50% -150px; }
#col .l8 a:hover { background: url(../img/l8.png) no-repeat 50% -150px; }
#col .l9 a:hover { background: url(../img/l9.png) no-repeat 50% -150px; }


#nav { padding: 0 0 30px 0; background: #E3001B url(../img/nav.png) no-repeat bottom right; margin: 0 0 0 10px }
/*#nav ul { background: url(../img/nav-ul.png) no-repeat top right; }*/
#nav li { zoom:1 }
#nav li a { display: block; font-weight: bold; color: #fff; text-decoration: none; padding: 10px 20px; border-top: 1px solid #EA4D5E; zoom:1 }
#nav li a:hover { text-decoration: underline; }

#nav ul ul { background: none; margin: -10px 0 0 0; }
#nav ul ul ul { margin: -5px 0 0 0; }

#nav ul ul li a { padding: 8px 0 8px 50px; border: 0; background: url(../img/nav-li.gif) no-repeat 20px 0.5em; }
#nav ul li.curr { background: #CF041B  }
#nav ul ul li.curr a { background: url(../img/nav-li-curr.gif) no-repeat  20px 0.5em; }

#nav ul ul li.curr li a { padding: 5px 0 5px 64px;  background: url(../img/nav-li-li.gif) no-repeat 48px 0.5em;  }
#nav ul ul li.curr li.curr { background: #B40317 }
#nav ul ul li.curr li.curr a { background: url(../img/nav-li-li-curr.gif) no-repeat 48px 0.5em; color: #000  }

#nav ul ul li.curr li.curr li a { padding: 5px 0 5px 80px;  background: url(../img/nav-li-li-li.gif) no-repeat 66px 0.7em; color: #fff  }
#nav ul ul li.curr li.curr li.curr a { background: url(../img/nav-li-li-li.gif) no-repeat 66px 0.7em; color: #000  }

#footer { clear: both; height: 60px; overflow: hidden; background: #E3001B url(../img/footer.png) no-repeat; font-size: 110%; margin-left: 260px;  }
#footer .copy { color: #F27F8E; padding: 12px 20px 0 20px; float: left; }
#footer .copy a{ color: #F27F8E; }
#footer .bmedia { float: right; padding: 12px 20px 5px 20px; }
#footer .bmedia a { background: url(../img/bmedia.gif) no-repeat right; color: #fff; text-decoration: none; padding: 10px 40px 10px 0; }
#footer .bmedia a span { text-decoration: underline; }
#footer ul { float: left; }
#footer li { padding: 12px 20px 0 0; float: left; }
#footer ul a { color: #fff; }
#footer a:hover { color: #000 }


/* 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 */}


table.mezera tr td  {margin:0px 10px 0px 10px}
span.mezera, .mezera  {padding:0px 15px 0px 15px;margin:0px;display:block;}


#size {height:30px !important;text-align:right  !important;width:500px;vertical-align:bottom;position:absolute;top:320px;left:280px}
#size a {margin-right:5px !important;display:block !important;border:1px solid #ccc !important;background:#eff4fa !important; text-decoration:none;float:left}
#size a.size1 {width:16px !important;height:8px !important;margin-left:370px}
#size a.size2 {width:16px !important;height:11px !important;}
#size a.size3 {width:16px !important;height:13px !important;}
#size a.size4 {width:16px !important;height:15px !important;}
#size a.size5 {width:16px !important;height:18px !important;}
#size a.sel {background:red !important}