/* body styles  / reset / links / headings / other elements / tags  */

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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

body {

	background: #096d91;

	color: #6a6a6a;

	font: 0.69em/1.64em Tahoma, Verdana, Arial;

}

button {cursor: pointer}

legend {display: none}

object {float:left}

.accessibility {display: none}

.container {margin: 0 auto;position:relative;width: 984px}

a.more {

    background: url(../img/a.more.bg.gif);

    clear: right;

    float: right;

    height: 19px;

    margin: 5px 0 0 0;

    padding: 1px 0 0;

    text-align: center;

    text-decoration: none;

    width: 89px;

}

a.more:hover {text-decoration:underline}

#header h1, #banner h2, #banner h4, #footer h5, #footer h6 {

    background: url(../img/header.h1.bg.jpg);

    height: 105px;

    left: 25px;

    position: absolute;

    text-indent: -9998em;

    top: 10px;

    width: 270px;

}

#header h1 a, #banner h4 a, #footer h5 a, #footer h6 a {display: block;height:100%}

#banner h2 {

    background-image: url(../img/banner.h2.bg.gif);

    height: 35px;

    left: 360px;

    top: 20px;

    width: 395px;

}

#banner h4 {

    background-image: url(../img/banner.h4.bg.gif);

    height: 30px;

    left: 809px;

    top: 8px;

    width: 175px;

}

.news h3, #contents h2 {font-size: 1.27em;font-weight: bold}

.news h3 a, #contents h2 {

    background: url(../img/news.h4.a.bg.gif) right 10px no-repeat;

    border-bottom: 1px solid #d5d5d5;

    color: #6a6a6a;

    display: block;

    padding: 4px 0 2px 2px;

    text-decoration: none;

}

#contents h2 {margin-bottom: 20px}

#contents h3 {

    color: #167cb8;

    font-size: 1.27em;

    padding-bottom: 2px;

    padding-top: 12px;

    font-weight:bold;
}

#contents h4 {

    font-size: 1.27em;

    font-weight: bold;

    margin-top: 10px;

    padding: 0 0 10px 0;

}

.news h3 a:hover {color:#096d91;text-decoration: underline}

.product h4 {font-size: 1.27em;font-weight: bold}

.product h4 a {color: #fff;text-decoration: none}

.product h4 a:hover {text-decoration: underline}

.product h4 em {font-size: 0.71em;font-weight: normal}

#sidebar h2 {

    background: url(../img/sidebar.h2.bg.gif);

    color: #fff;

    font-size: 1.27em;

    font-weight: bold;

    height: 26px;

    padding: 11px 0 0 21px;

    width: 216px;

}

#footer h5 {

    background: url(../img/footer.h5.bg.gif) no-repeat;

    height: 77px;

    left: 794px;

    top: 7px;

    width: 176px;

}
#footer h6.rf {

    background: url(../img/rf.gif) no-repeat;

    height: 77px;

    left: 664px;

    top: 7px;

    width: 155px;

}

/* forms / notifications and errors / consistant items with normally just one class */

#top-nav form {float: right}

    #top-nav form label {display:none}

    #top-nav form input {

        background: url(../img/top-nav.form.input.bg.gif);

        border: 0;

        color: #808080;

        float: left;

        font: 10px Tahoma, Verdana, Arial;

        padding: 4px 7px 4px;

        width: 204px;

    }

    #top-nav form button {

        background: url(../img/top-nav.form.button.bg.gif);

        border: 0;

        height: 20px;

        margin: 0 0 0 8px;

        text-indent: -9998em;

        width: 89px;

    }

.contact-form form {padding-bottom: 20px}

    .contact-form fieldset {padding: 10px 0;}

    .contact-form fieldset fieldset {

    	clear: both;

    	display: block;

    	padding: 0 0 0 140px}

	.contact-form form label, #login form label {

	    clear: left;

		cursor: pointer;

		display: block;

		float: left;

		font-weight:bold;

		padding: 0px 20px 2px;

		text-align: right;

		width: 100px;

	}

	.contact-form form input, .contact-form form textarea, .contact-form form select,

	#login form input {

		border: 1px solid #CFCECF;

		clear: none;

		color: #6E6E6E;

		font-size: 1em;

		padding: 4px 10px;

		width: 270px;

	}

	.contact-form form input:focus, .contact-form form textarea:focus, #login form input:focus {background: #FFFFCC}

	.contact-form form select {clear: none;width: 292px}

	.contact-form form textarea {

		float: left;

		clear: none;

		height: 120px;

		font-size: 11px;

		font-family: Tahoma, Arial, Helvetica, sans-serif;

	}

	.contact-form form button, #login form button {

		background: #F3F3F3;

		border: 2px solid #EBEBEC;

		cursor: pointer;

		float: left;

		font: 11px Tahoma, Arial, Helvetica, sans-serif;

		margin: 10px 10px 0 0;

		padding: 2px 20px;

	}

	.contact-form form label, .contact-form form input, .contact-form form textarea, .contact-form form select,

	#login form input {

	    margin-bottom: 8px;

	}



/* skeleton including page furniture  */

#header, #banner, #content, #footer {position: relative}

#header {

    background: url(../img/header.bg.png) no-repeat;

    height: 120px;

}

    #top-nav {

        height: 20px;

        left: 510px;

        position: absolute;

        top: 15px;

        width: 450px;

    }

#banner {

    background: url(../img/banner.bg.jpg);

    height: 135px;

}

#content {background: #fff url(../img/content.bg.gif) repeat-y}

    #content .inner {

        background: url(../img/content.inner.bg.gif) no-repeat;

        overflow: auto;

        padding: 10px 0 0 0;

    }

    .subpage #content {float: left;width: 100%}

    .subpage #content .inner {

        float: left;

        overflow: visible;

        width: 100%;

    }

    #main-content {

        float: left;

        padding: 0 0 15px 20px;

        width: 660px;

    }

    .subpage #main-content {

        float: right;

        margin: 0 25px 0 0;

        padding: 0 0 25px 0;

        width: 700px;

    }

    #sidebar {float: right;width: 286px}

    .subpage #sidebar {

        float:left;

        margin-top: -6px;

        width: 237px;

    }

#footer {

    background: url(../img/footer.bg.gif) no-repeat;

    color:#4e9cb9;

	clear: both;

	display: block;

	height: 90px;

}

/* page components -> most of styles  */

#top-nav ul {

    background-position: right 6px;

    background-repeat: no-repeat;

    font-size: 0.91em;

    padding-right: 2px;

}

    #top-nav ul, #top-nav ul li, #top-nav ul a {float: left}

    #top-nav ul, #top-nav ul a {background-image: url(../img/top-nav.ul.a.bg.gif);background-repeat: no-repeat}

    #top-nav ul a {

        background-position: 0 6px;

        color: #565659;

        padding: 1px 7px 0 8px;

        text-decoration: none;

    }

    #top-nav ul a:hover {text-decoration: underline}

#main-menu {

    left: 320px;

    position: absolute;

    top: 55px;

}

    #main-menu a {

        background: url(../img/main-menu.a.bg.gif);

        float: left;

        height: 55px;

        overflow: hidden;

        text-indent: -9998em;

        width: 125px;

    }

    #main-menu a:hover, #main-menu a.active {background-position: 0 -55px}

    #main-menu #m-2 a {background-position: -125px 0;width: 91px}

        #main-menu #m-2 a:hover, #main-menu #m-2 a.active {background-position: -125px -55px}

    #main-menu #m-3 a {background-position: -216px 0;width: 75px}

        #main-menu #m-3 a:hover, #main-menu #m-3 a.active {background-position: -216px -55px}

    #main-menu #m-4 a {background-position: -291px 0;width: 71px}

        #main-menu #m-4 a:hover, #main-menu #m-4 a.active {background-position: -291px -55px}

    #main-menu #m-5 a {background-position: -362px 0;width: 100px}

        #main-menu #m-5 a:hover, #main-menu #m-5 a.active {background-position: -362px -55px}

    #main-menu #m-211 a {background-position: -661px 0;width: 100px}

        #main-menu #m-211 a:hover, #main-menu #m-211 a.active {background-position: -661px -55px}

    #main-menu #m-6 a {background-position: -462px 0;width: 108px}

        #main-menu #m-6 a:hover, #main-menu #m-6 a.active {background-position: -462px -55px}

    #main-menu #m-7 a {background-position : -570px 0;width: 91px}

        #main-menu #m-7 a:hover, #main-menu #m-7 a.active {background-position : -570px -55px}

    #main-menu li {float: left}

#banner dl {

    background: url(../img/banner.dl.bg.gif) no-repeat;

    color: #096d91;

    height: 88px;

    left: 809px;

    overflow: hidden;

    padding: 0 13px 0 9px;

    position: absolute;

    top: 39px;

    width: 153px;

}

    #banner dl a {color: #096d91}

    #banner dl a:hover {color: #fff}

    #banner dd, .news .desc div strong.first-child, #contents li, 

    #contents p.highlight, #side-menu li li a {background: url(../img/crosses.gif) no-repeat } 

    #banner dd {

        background-position: 7px 5px;

        line-height: 1.27em;

        padding: 0 0 0px 22px;

    }

    #banner dt {

        background: url(../img/banner.dt.bg.gif) left bottom no-repeat;

        color: #cfcfcf;

        display: block;

        font-size:1.09em;

        margin-bottom: 8px;

        padding: 1px 0 1px 0;

    }

#banner ul {

    left: 365px;

    position: absolute;

    top: 73px;

    width: 460px;

}

    #banner ul a {

        background: url(../img/banner.ul.a.bg.gif);

        float: left;

        height: 21px;

        margin: 0 4px 3px 0;

        text-indent: -9998em;

        width: 170px;

    }

    #banner #b-printing a {width: 170px}

    #banner #b-cutting a {width: 170px; background-position: 0  -21px;}

    #banner #b-reg a {background-position: -174px  -21px;}

    #banner #b-big a {background-position: -174px 0;width: 220px}

    #banner ul a:hover {margin-left: -1px; margin-right: 5px}

    #banner ul li {float: left}

    #banner #slideshow {

    	height: 123px;

    	left: 85px;

    	overflow: hidden;

    	position: absolute;

    	top: 6px;

    }

    #banner #slideshow ul {

    	left: 0;

    	margin: 0;

    	padding: 0;

    	position: relative;

    	top: 0;

    	width: 225px;

    }

.news {padding: 0 0 15px 0}

    .news .desc {overflow: auto;padding: 10px 0 0 0}
	
    .news .desc img {

        border: 1px solid #d5d5d5;

        float: left;

        margin: 5px 0 0 0;

    }

    .news .desc a:hover img, #contents a:hover img {border-color: #9bb7c2}

    .news .desc div {

        float: right;

        text-align: justify;

        width: 475px;

    }

    .news .desc div a, .news .desc div strong {color: #096d91}

    .news .desc div a:hover {color: #000}

    .news .desc div strong {font-weight: normal}

    .news .desc div strong.first-child {background-position: 0 -11px;padding-left: 19px}

.product {

    background: url(../img/product.bg.jpg) no-repeat bottom left;

    float: left;

    margin: 3px 0 7px;

    width: 283px;

}

    .product .wrap {

        background: url(../img/product.wrap.bg.gif) no-repeat 0 0;

        float: left;

        min-height: 150px;

        overflow: hidden;

        padding: 15px 12px 15px 8px;



        width: 263px;

    }

    .product .box {margin: 20px 0 0 4px}

    .product .box div {

        background: url(../img/product.desc.div.bg.png) repeat-y;

        color: #fff;

        float: right;

        min-height: 77px;

        padding: 3px 9px;

        text-align: justify;

        width: 125px;

    }

    .product a.more {

        background-position: 0 -20px;

        color: #fff;

        margin: 7px -1px 0 0;

    }

    .product img {border: 1px solid #073d96;float: left}

    .product-1 {background-position: -283px bottom}

    .product-1 .wrap {background-position: -283px 0}

    .product-1 a.more {background-position: 0 -40px}

    .product-1 img {border-color: #7e2d02}

#footer a {color: #fff;text-decoration: none}

#footer a:hover {text-decoration: underline}

#footer address {

    font-style:normal;

    left: 10px;

    position: absolute;

    top: 32px;

}

#footer address a {

    

    padding:0 10px;

}

#bread-crumbs {display: block}

    #bread-crumbs li {

        background: url(../img/bread-crumbs.li.bg.gif) no-repeat 0 5px;

        display: inline;

        padding: 0 4px 0 12px;

    }

    #bread-crumbs li a {color: #6a6a6a;text-decoration: none}

    #bread-crumbs li span, #bread-crumbs li a:hover {text-decoration: underline}

    #bread-crumbs li.first-child{background: none;padding-left: 0}

    #bread-crumbs li.first-child a, #bread-crumbs li a:hover {color:#167cb8}

#contents {line-height: 2.00em}

    #contents .prod-details {overflow: auto}

    #contents .info {float: right;width: 470px}

    #contents a {

    	color:#096D91;

    }

    #contents a.more {

        background: url(../img/contents.a.more.bg.gif) no-repeat ;

        color: #6a6a6a;

        clear: left;

        float: left;

        height: 20px;

        line-height: 1.55em;        

        margin-top: 8px;

        padding: 0;

        width: auto;

    }

    #contents a.more span {

        background: url(../img/contents.a.more.span.bg.gif) right top no-repeat ;

        display: block;

        padding: 1px 6px 2px 7px;

    }

    #contents strong {font-weight: bold}

    #contents p.highlight {

        background-position: 1px -40px;

        text-indent: 35px;

    }

    #contents img {

        border: 1px solid #d7d7d7;

        float: left;

        margin: 0 15px 10px 0;

    }

    #contents img.logo {

        border: 0;

        float: right;

        margin: 0 5px 15px 20px;

    }

    #contents li {

        background-position: 2px -40px;

        padding: 0px 18px;

    }

#side-menu {

    background: #1a1a1a url(../img/side-menu.bg.gif) left bottom no-repeat;

    border-top: 6px solid #2e2e2e;

    padding: 0px 0 3px 0;

}

#side-menu a {

    border-bottom: 1px solid #2e2e2e;

    color: #fff;

    display: block;

    padding: 2px 10px 2px 37px;

    text-decoration: none;

}

#side-menu a:hover, #side-menu a.active {text-decoration: underline}

#side-menu a.oppened {font-weight: bold}

#side-menu li {display: block}

#side-menu li li {background: #2e2e2e}

#side-menu li li a {

    background-position: 34px -40px;

    border: 0;

    padding-left: 49px;

}

#side-menu li li li a {

    background: none;

    color: #167cb8;

    padding-left: 72px;

}

#side-menu li li li li a {

    background: none;

    color: #167cb8;

    padding-left: 92px;

}    

/* specyfic, unpredicted  styles, trynigs  */

#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333}

#TB_secondLine {color:#666666;font: 10px Arial, Helvetica, sans-serif}

#TB_window a:link {color: #666666;}

#TB_window a:visited {color: #666666;}

#TB_window a:hover {color: #000;}

#TB_window a:active {color: #666666;}

#TB_window a:focus{color: #666666;}

#TB_overlay {

	position: fixed;

	z-index:100;

	top: 0px;

	left: 0px;

	height:100%;

	width:100%;

}



.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

.TB_overlayBG {

	background-color:#000;

	filter:alpha(opacity=75);

	-moz-opacity: 0.75;

	opacity: 0.75;

}

* html #TB_overlay { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

#TB_window {

	position: fixed;

	background: #ffffff;

	z-index: 102;

	color:#000000;

	display:none;

	border: 4px solid #525252;

	text-align:left;

	top:50%;

	left:50%;

}



* html #TB_window { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

#TB_window img#TB_Image {

	display:block;

	margin: 15px 0 0 15px;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #666;

	border-left: 1px solid #666;

}

#TB_caption{

	height:25px;

	padding:7px 30px 10px 25px;

	float:left;

}

#TB_closeWindow{

	height:25px;

	padding:11px 25px 10px 0;

	float:right;

}

#TB_closeAjaxWindow{

	padding:7px 10px 5px 0;

	margin-bottom:1px;

	text-align:right;

	float:right;

}

#TB_ajaxWindowTitle{

	float:left;

	padding:7px 0 5px 10px;

	margin-bottom:1px;

}

#TB_title{background-color:#e8e8e8;height:27px}

#TB_ajaxContent{

	clear:both;

	padding:2px 15px 15px 15px;

	overflow:auto;

	text-align:left;

	line-height:1.4em;

}

#TB_ajaxContent.TB_modal{padding:15px}

#TB_ajaxContent p{padding:5px 0px 5px 0px}

#TB_load{

	position: fixed;

	display:none;

	height:13px;

	width:208px;

	z-index:103;

	top: 50%;

	left: 50%;

	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */

}



* html #TB_load { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

#TB_HideSelect{

	z-index:99;

	position:fixed;

	top: 0;

	left: 0;

	background-color:#fff;

	border:none;

	filter:alpha(opacity=0);

	-moz-opacity: 0;

	opacity: 0;

	height:100%;

	width:100%;

}



* html #TB_HideSelect { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}



#TB_iframeContent{

	clear:both;

	border:none;

	margin-bottom:-1px;

	margin-top:1px;

	_margin-bottom:1px;

}


table {
	
	border: 1px solid #167cb8;
  
  border-collapse: collapse;

	margin: 5px 0 20px;

	width: 100%;

}

table th, table td {

	padding: 5px 5px;

	vertical-align: middle;

	border: 1px solid #167cb8;

}

table th {

	background: #167cb8;

	font-weight: bold;
	
	color: #FFFFFF;
	
	text-align:center;

}

table th.name {width: 150px}

table th.price {width: 50px}

table th.availability {width:90px}

#contents #product-list h4 {

	border-bottom: 1px solid #d5d5d5;

	font-size: 1.18em;

	margin-top: 0;

	padding-bottom: 1px;	

}

#contents #product-list h4 a {

	color: #096d91;

	text-decoration: none;

}

#contents #product-list h4 a:hover {

	text-decoration: underline;

}

#contents #product-list a.more {margin-top:5px}

#product-list {

	margin-top: -5px;

}

#product-list .prod {

	border-bottom: 1px solid #d5d5d5;

	clear: both;

	display: block;

	margin-right: 10px;

	overflow: auto;

	padding: 20px 0 15px;

}

#product-list .prod .photo {

	float: left;

}

#product-list .prod .desc {

	float: right;

	line-height: 1.64em;

	margin: 0 10px 0 0;

	width: 560px;

}

.niePokazuj {display:none}

#komunikat-poz{clear:both; margin:20px 10px; text-align:center; font-size:1.5em; padding:20px; border:5px solid #096d91; background-color:#e0e0e0;}
#komunikat-neg{clear:both; margin:20px 10px; text-align:center; font-size:1.5em; padding:20px; border:5px solid #096d91; background-color:#e0e0e0;}

.logo_migomedia{width:100px; background:url(http://vesploter.migomedia.pl/img/logo_migomedia.gif);display:block;height:25px;text-indent:-9999px;margin:3px;}
.logo_migomedia:hover{background-position:100px 0}
.news .no-photo div {width: 655px}
#product-list .no-photo .desc {width: 670px}
sup {
	font-size: 70%;
	position: relative;
	top: -0.5em;
}
#contents .prod-details a.more {
	float: none;
	line-height: 2em;
	padding: 4px 10px;
}
#contents .prod-details a.more span {
	background: none;
	display: inline;
}