@import "default.css";
@import "merlin-zaokraglenia.css";

.clear {clear: both; height: 0px; font-size: 0px; overflow: hidden;}	

.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0px;
  visibility: hidden;
}

.hide {display: none !important;}
.invisible {visibility: hidden;}

a {
	text-decoration: none;
}

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}

h1, h2, h3, h4 {
	font-weight: bold;
	line-height: 162%;
}
 
body { 
    font-size: 11px; 
    font-family: tahoma, helvetica, arial, sans-serif; 
    background: #ffc800 url(../images/bg-body.png) left top repeat-x;
}

#container {
	width: 920px;
    margin: 0 auto;
    padding: 0 0 1em 0;
    background: transparent url(../images/bg-top.png) center top no-repeat;
}

#tw-header {
    width: 860px;
    margin: 0 auto;
	height: 165px;
    position: relative;
}

.tw-header-bottom {
	position: absolute;
    bottom: 0px;
    left: 0px;
    height: 15px;
    width: 860px;
    background: transparent url(../images/content-top.png) left top no-repeat;
    z-index: 20;
}

#shadow {
	position: absolute;
    z-index: 18;
    width: 880px;
    left: -10px;
    height: 413px;
    top: 145px;
    background: transparent url(../images/shadow.png) left top no-repeat;
}

#tw-wrapper {
    position: relative;
    z-index: 25;
    width: 830px;
    margin: 0 auto;
    padding: 0 15px;
    background: transparent url(../images/content-middle.png) left top repeat-y;
}

#tw-content {
	width: 620px;
    float: right;
}

#tw-sidebar {
	width: 205px;
    float: left;
}

#tw-footer {
    position: relative;
    width: 860px;
    margin: 0 auto;
	background: transparent url(../images/content-bottom.png) left top no-repeat;
    height: 95px;
    overflow: hidden;
    _zoom: 1;
}


#tw-header h1 a {
	position: absolute;
    display: block;
    width: 230px;
    height: 58px;
    left: 23px;
    top: 29px;
    text-indent: -9999px;
    background: transparent url(../images/logo.png) left top no-repeat;
    outline: none;
}

.menu-main {
    position: absolute;
    bottom:0px;
    left: 10px;
    width: 800px;
    height: 40px;
	z-index: 15;
    overflow: hidden;
    _zoom: 1;
}

.menu-main li{
    height: 45px;
    width: 120px;
    float: left;
    margin-right: 2px;
}

.menu-main li a{
    display: block;
    height: 45px;
    width: 120px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    background: transparent url(../images/menu.png) left top no-repeat;
    outline: none;
}

.menu-main li.active a,
.menu-main li a:hover {
	background-position: left bottom;
    color: #ffce1e;
}

.menu-main li a span{
    display: block;
    width: 120px;
    padding-top: 8px;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		sidebar
 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/   

.infolinia {
	cursor: pointer;
	background: transparent url(../images/infolinia.png) left top no-repeat;
    margin: 0 0 5px 0;
    width: 205px;
    height: 100px;
}

.infolinia h2 {
	font-size: 12px;
    color: #484e3c;
    padding: 10px 0 0 38px;
}

.infolinia h3 {
	font-size: 20px;
	font-family: Verdana;
    color: #fff;
    padding: 5px 0 0 20px;
    line-height: 130%;
}

.infolinia p {
    color: #c6d8b0;
    padding: 5px 0 0 20px;
    font-size: 10px;
}

.infolinia a {
	color: #484e3c;
}



.side-box {
    margin: 0 0 5px 0;
    padding: 0 0 12px 0;
    background: transparent url(../images/box.png) left bottom no-repeat;
}

.side-box h2 {
	font-size: 11px;
    color: #608100;
    height: 20px;
    padding: 12px 0 0 12px;
    background: transparent url(../images/box.png) left top no-repeat;
}

.side-box h2 span{
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 30px;
    background-color: transparent;
    background-image: url(../images/box-header-icons.png);
    background-repeat: no-repeat;
}

.side-box-inner {
	background: transparent url(../images/box.png) right top repeat-y;
}


/*	menu-main
************************************************************** */

.menu-left-container h2 span {background-position: left 0px;}

.menu-left {
	margin: 0 2px;
    padding: 5px 0 0;
}

.menu-left li{
	border-bottom: 1px solid #fff;
}

.menu-left li.last {border: 0;}

.menu-left li a{
	display: block;
    width: 201px;
    height: 20px;
    line-height: 20px;
    color: #353432;
    outline: none;
}

.menu-left li a:hover,
.menu-left li.active a {
	background-color: #5f8000;
    color: #fff;
    font-weight: bold;
}

.menu-left li a span{
	display: block;
    height: 20px;
    padding: 0 0 0 9px;
}


/*	newsletter
************************************************************** */

.newsletter h2 span {background-position: left -20px;}

.newsletter .side-box-inner {
	padding: 9px 10px 0;
}


.newsletter .side-box-inner p {
	color: #61605e;
    padding-bottom: 10px;
    font-size: 10px;
}

.newsletter input {
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align: middle;
}

.newsletter input.text {
	border: 1px solid #cccbc9;
    width: 114px;
    height: 17px;
    padding: 1px;
}

.newsletter input.submit {
	border: 0;
	cursor: pointer;
    background: transparent url(../images/newsletter-submit.png) left top no-repeat;
    width: 63px;
    height: 21px;
    line-height: 21px;
    color: #fff;
    font-weight: bold;
	padding: 0 0 2px 0;
}

.szyld-container {
	text-align: center;
}

.szyld-container img{
	padding-bottom: 5px;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		SRODEK
 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/   
 
.merlinx-search {
	margin-bottom: 5px;
}

.merlinx-lista h2.lista {
	color: #fff;
    font-size: 12px;
    padding: 0 0 3px 15px;
}

.banner-main {
	width: 100%;
	text-align: center;
	margin-bottom: 5px; 
}

#kontakt .submit {
	cursor: pointer;
	float: right;
	border: 0;
    background: transparent url(../images/newsletter-submit.png) left top no-repeat;
    width: 63px;
    height: 21px;
    line-height: 21px;
    color: #fff;
    font-weight: bold;
	padding: 0 0 2px 0;
}

/* boxy na glownej */

.listy-main {
	width: 620px;
	padding: 0 0 5px 0;
	background: transparent url(../images/bck-lists-home.png) no-repeat left bottom;
}

.listy-main .top {
	width: 620px;
	padding: 5px 0 0 0;
	background: transparent url(../images/bck-lists-home.png) no-repeat left top;
}

.listy-main .inner {
	width: 620px;
	background-color: #ad292c;
}

.listy-main .box-list {
	float: left;
	position: relative;
	width: 200px;
	margin: 5px 5px 0 0;
	background-color: #fff;
}

.listy-main .box-first {
	margin-left: 5px;
}

.listy-main .box-top {
	margin-top: 0;
}

.listy-main .box-list img {
	width: 200px;
	height: 103px;
	border-bottom: 1px #ad292c solid;
}

.listy-main .box-list img.zaokraglenia {
	position: absolute;
	width: 200px;
	height: 5px;
	border: 0;
	top: 0;
}

.listy-main .box-list img.zaokraglenia-dol {
	position: absolute;
	width: 200px;
	height: 5px;
	border: 0;
	bottom: 0;
}

.listy-main .box-list h3 {
	padding-left: 22px;
	color: #ad292c;
	font-size: 18px;
	font-weight: normal;
}

.listy-main .box-list p {
	padding: 0 0 5px 22px;
	color: #000;
	line-height: 20px;	
}

.listy-main .box-list p.price {
	height: 32px;
	padding-bottom: 0;
	line-height: 32px;
	background-color: #f4f4f3;
}

.listy-main .box-list p.price span {
	float: right;
	padding-right: 22px;
}

.listy-main .box-list p.price b {
	font-size: 120%;
}

.listy-main .box-list p.kod {
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #f4f4f3;
}

.listy-main .box-list p.kod span {
	float: right;
	padding-right: 22px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		footer
 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/   

#tw-footer p {
	font-size: 10px;
    color: #a09a8e;
} 

#tw-footer a { color: #678902; }
#tw-footer a:hover { color: #85243F; }
 
.footer-left {
	width: 150px;
    float: left;
    height: 65px;
    line-height: 65px;
    padding-left: 40px;
} 

.footer-right {
	width: 440px;
    float: right;
    margin: 18px 0 0;
    padding: 0 20px 0 0;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		strona tekstowa
 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/   

h1.text-header {
	color: #678902;
    padding: 1em 0 1em 10px;
} 
 
.text-page {
	padding: 5px 10px;
    font-size: 12px;
    line-height: 162%;
}
 
     
.text-content p{
	padding-bottom: 1em;
    
}    

.text-content h2, 
.text-content h3 {
	padding: 1em 0 0.5em;
    font-weight: bold;
    color: #678902;
}    

.text-content a{
	color: #678902;
    text-decoration: underline;
}    

.text-content a:hover{
	color: #85243f;
}    

.text-content ul{
    margin: 0 0 10px 0;
}

.text-content ol{
    margin: 0 0 10px 15px;
}

.text-content ul li{
    padding: 0 0 0 10px;
	background: transparent url(../images/arrow-green.png) left 6px no-repeat;
}

.text-content ul li ul{
    margin: 0.5em 0 0.5em 1em;
    padding: 0;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		inne
 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/   

 
.techweb-credits {
    position: absolute;
    font-size: 10px;
    padding: 5px;
    width: 108px;
    text-align: right;
    right: 30px;
    bottom: 0px;
}

.techweb-credits a {
    background:transparent url(../images/techweb-credits.png) no-repeat scroll right bottom;
    color: #a4947d;
    display: block;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    width: 108px;
    text-align: left;
}

.techweb-credits a:hover {
    background-position: right top;
}

.techweb-credits a span {display: none;}