/* Reset ================================================================================= */
* { margin:0; padding:0; }

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%;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0 !important;}

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

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.middle {vertical-align: middle;}
.normal {font-weight: normal !important;}
.absmiddle {vertical-align: middle !important;}
.hide {display: none;}
.hidden {visibility: hidden;}
.noback {background-image: none !important; background-color: transparent !important;}

.nowrap {white-space: nowrap;}


/*content*/
body {color: #575f61; font: 0.85em/120% arial,sans-serif; font-size: small; }
input, textarea, select {
	font: 1em arial, sans-serif;
	border: 1px solid #ccc;
	background: #fff;
	padding: 1px 5px;
	padding: 1px 8px;
	width: 228px;
	height: 22px;
}
input:focus, textarea:focus, select:focus {border-color: #999 !important; color: #000 !important;}
/*.error {color: #f55; border-color: #F76;}*/

.fLeft {float: left;}
.fRight {float: right;}
img.fLeft {margin: 0 30px 30px 0;}
img.fRight {margin: 0 0 30px 30px;}
.clear {clear: both; font-size: 0;}
.hidden {display: none; visibility: hidden;}

.main-container a {color: #666;}
.main-container a:hover, .main-container a:focus {color: #00B9CC;}
.main-container .content-holder a:visited {}

h1 {
	font-size: 25px;
	margin: 0;
	padding:4px 0 14px;
	line-height: 29px;
	color: #666;
	font-family: Myriad Pro, Arial, sans-serif;
	font-weight: bold;
}
.cms-home h1 {padding-bottom: 10px;}


h2 {
	font-family: Myriad Pro, Arial, sans-serif;
	font-weight: normal;
	font-size: 21px;
	color: #666;
	line-height: 1.2;
	padding: 6px 0px 5px 0px;
	margin-bottom: 10px;
	clear: both;
}
.cms-home h2 {padding-bottom: 15px;}

h3 {
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 0.8em;
	color: #666;
}

h4 {
	font-weight: normal;
	color: #333333;
	font-size: 1em;
	margin-bottom: 0.8em;
}

p {
	padding-bottom: 1.2em;
	line-height: 1.5em;
}

table {
	border-top: 1px dotted #999;
	margin: 10px 0;
	width: 100%;
	color: #666;
}
table th {text-align: justify; font-weight: bold;}
table th,
table td {border-bottom: 1px dotted #999; padding: 9px;}

.col-main ul {margin-left: 0px; padding:0 0 7px;}
.col-main ul.techpopis {font-size: 1.3em; font-weight: bold; width: 250px;}
.col-main ul li {
    background: url("../microweb/li_welcome.png") no-repeat scroll 0px 10px transparent;
    padding: 10px 0px 14px 30px;
}

.col-main ul ul {}
.col-main ul li li {background-position: 3px 9px; padding: 3px 3px 3px 13px;}




body          { background: #FFFFFF none 0 0 repeat; color: #575F61; font: 0.85em/120% arial,sans-serif; text-align:center; }

img           { border:0; vertical-align:top; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
/* ======================================================================================= */


/* Layout ================================================================================ */
.wrapper { min-width:954px; }
.page { width: 960px; margin: 0 auto; position: relative; text-align: left; }
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { background:#fff; padding:25px 30px; text-align:left; }
.main-container { margin-top: 39px; }
.main { margin:0; min-height:400px; padding:0; text-align:left; }
.main .std { overflow: hidden; }

/* Base Columns */
.col-left { float:left; width:240px; padding:0 0 1px; }
.col-main { float:left; width:670px; padding:0; }
.col-right { float:right; width:240px; padding:0 0 1px; }

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { width:475px; margin-left:17px; }
.col3-layout .col-wrapper { float:left; width:687px; }
.col3-layout .col-wrapper .col-main { float:right; }

/* Content Columns */
.col2-set .col-1 { float:left; width:48.5%; }
.col2-set .col-2 { float:right; width:48.5%; }
.col2-set .col-narrow { width:32%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */


/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f; }
select { padding:1px; }
select option { padding-right:10px; }
select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em !important; }
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
button.button span { display:block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; }
button.button span span { border:0; padding:0; }
button.disabled span { border-color:#bbb !important; background:#bbb !important; }


.fieldset { border:1px solid #bbafa0; background:#fbfaf6; padding:22px 25px 12px 33px; margin:28px 0; }
.fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #f19900; background:#f9f3e3; color:#e76200; margin:-33px 0 0 -10px; padding:0 8px; position:relative; }



/* BREADCRUMBS */
.breadcrumbs { font-size:11px; line-height:1.25; margin:0; position: absolute; left: 0; top: 195px; width: auto; }
.breadcrumbs ul {padding: 0; margin: 0}
.breadcrumbs ul li {
	background: none !important;
	padding: 0 !important;
	float: left;
	display: inline;
	color: #a5acb0;
}
.breadcrumbs span {padding: 0 8px}
.breadcrumbs ul li.first {margin-left: 0px}
.breadcrumbs a, #breadcrumb a:visited {color: #a5acb0 !important}
.breadcrumbs a:hover, #breadcrumb a:focus {color: #3b4144 !important}
.breadcrumbs strong { font-weight: normal; }


/* Misc */
.links li { display:inline; }
.links li.first { padding-left:0 !important; }
.links li.last { background:none !important; padding-right:0 !important; }

.link-cart { color:#dc6809 !important; font-weight:bold; }
.link-wishlist { color:#dc6809 !important; font-weight:bold; }
.link-reorder { font-weight:bold; color:#dc6809 !important; }
.link-compare { font-weight:bold; }
.link-print { /*background:url(../images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; color:#dc6809; }
.link-rss { padding-left:18px; line-height:14px; white-space:nowrap; }
.btn-remove  { display:block; width:11px; height:11px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
.btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
.btn-edit    { display:block; width:11px; height:11px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }

.cards-list dt { margin:5px 0 0; }
.cards-list .offset { padding:2px 0 2px 20px; }

.separator { margin:0 3px; }

.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; text-indent:-999em; overflow:hidden; }



/* Demo Notice */
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; }
/* ======================================================================================= */


/* temp */
.content-holder {font-size: 12px; width: 620px; position: relative;}
body.cms-products .content-holder { width: 620px; }
body.cms-home .content-holder { width: 620px; }
body .content-holder,
.checkout-cart-index .content-holder,
.catalog-product-view .content-holder,
.catalogsearch-result-index .content-holder { width: auto; }
.checkout-cart-index h2,
.catalog-product-view h2 { padding-bottom: 5px; }

#big-block {width: auto; position: relative; margin-bottom: 35px;}
#left-block {width: 240px; float: left;}
#right-block,
#right-block2 {width: 670px; float: right; margin-bottom: 20px;}
.cms-home #left-block,
.cms-products #left-block {width: 660px; float: left;}
.cms-home #right-block,
.cms-products #right-block,
.cms-home #right-block2,
.cms-products #right-block2 {width: 300px; float: left; margin: 0;}


/* OSTATNE */
h2 .rate {color: #00b9cc; margin-left: 8px;}
.date {color: #999; font-weight: bold; padding-bottom: 10px; display: block;}
a.print {
	background-position: 0 -808px !important;
	color: #090909 !important;
	float: right;
	padding: 5px 0 5px 35px;
}
a.print:hover,
a.print:focus {color: #00b9cc !important;}





/* Header ================================================================================ */
.header-container {}
.header { padding:35px 0 0; }
.header .logo { display: inline-block; padding-bottom: 3px; line-height:53px; height:53px;
font-family: Myriad Pro, Arial, sans-serif; font-size: 26px; }


#main-menu { background: url('../microweb/menu_bg.jpg') 0 100% no-repeat; clear: both; font-weight: bold; height: 48px; line-height: 48px; margin-top: 30px; padding-bottom: 10px; text-transform: uppercase; }
#main-menu ul { background: none repeat scroll 0 0 #ccc; display: block; height: 48px; width: 100%; }
#main-menu li { background: url('../microweb/menu_libg.png') 0 0 no-repeat; float: left; font-size: 12px; }
#main-menu li:first-child { background-image: none; }
#main-menu a { color: #666; display: block; padding: 0 15px; text-decoration: none; }
#main-menu a.home { background: url('../microweb/ico-homeh.gif') 50% 50% no-repeat; width: 17px; height:48px; }
#main-menu li.active a, #main-menu a:hover, #main-menu a:focus { background: #666 url('../microweb/menu_libg.png') 0 0 no-repeat; color: #fff; }
#main-menu a.home:hover, #main-menu li.active a.home { background: #666 url('../microweb/ico-home.png') 50% 50% no-repeat; }

#logos {position: absolute; top:40px; right:0px; text-align:right;}
#logos img { display:inline-block; margin:10px 0 0 15px;}
#claim {position: absolute; left:0; top:84px;font-family: Myriad Pro,Arial,sans-serif;}



/* CMS Home Page */
.cms-home .subtitle {}
.cms-index-index .subtitle {}


/* Footer ================================================================================ */
/* FOOTER */
#footer {
	border-top: 1px solid #e0e0e0;
	margin-top: 50px;
	padding-top: 19px;
	padding-bottom: 20px;
	clear: both;
	font-size: 11px;
}
#footer-menu {padding-bottom: 5px;}
#footer-menu li {margin-right: 20px; margin-bottom:8px; float: left;}
#footer-menu, #footer-menu a {color: #707070;}
#footer-menu .gr, #footer-menu .gr a,#footer #copy, #footer #copy a {color: #929292;}
/* ======================================================================================= */

/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header:after,
#nav:after,
.main:after,
.footer:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/* ======================================================================================= */

.guest-select {width:305px !important;}



/* FORM */
.formLine {padding-bottom: 14px;}
input[type="submit"],
.submit,
.next-step { border: 1px solid #dadada !important; background: #f8f8f8 url('../page/butt_bg.jpg') 0 100% repeat-x !important; text-align: center; color: #007784 !important; width: auto; cursor: pointer; font-weight: bold; position: relative; top: 0; height: 36px !important;  }
#block-related .actions input { width: 110px; }
input[type="submit"], input.next-step { height: 36px !important; padding-top: 0; }
input[type="submit"]:hover, .next-step:hover, .submit:hover {background: #fff url('../page/butt_bgh.jpg') 0 100% repeat-x !important; color: #666 !important;}
span.submit:hover { background: #999 none !important; color: #FFF !important; cursor: auto; }
input[type="checkbox"],input[type="radio"] { background: none; border: none; height: auto; width: auto; padding: 0; }
.mandatory {display: inline-block; color: #f30;}

/*moje*/
.mictit {position:relative;}
.mictit img{ display:block;}
.mictit span{ position:absolute; bottom:10px; left:10px; z-index:2; width:920px; padding:10px; background: url(../microweb/title-bg.png);
font-family: Myriad Pro,Arial,sans-serif; font-size:19px; line-height:1.3em; color:#666; border:1px solid #999;}