html {
margin:0;
padding:0;
height: 100%;
width:100%;
position:absolute;}

@font-face{font-family: "WalkwaySemiBold"; src: url(http://www.koloryfolku.pl/WalkwaySemiBold.ttf)}

body{
font-family:tahoma;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
min-height: 100%;
color: #000000;
font-size: 19px;
font-family: WalkwaySemiBold;
text-align:justify;
border:none;
position:relative;
}

a{text-decoration:none;color:#ca0011;}

#contentup{display:block;width:800px; height:100%;margin-left:auto;margin-right:auto;background:#fff;}

#container-shadow{width:900px;position:fixed;left:50%;margin-left:-450px;height:100%;z-index:-1;}
#left-shadow{display:inline-block;width:50px;height:100%;border:0;margin:0;vertical-align:top;z-index:-1;
background: -webkit-linear-gradient(left,white,#f9f9f9,#f7f7f7); /* For Safari */
background: -o-linear-gradient(left,white,#f9f9f9,#f7f7f7); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(left,white,#f9f9f9,#f7f7f7); /* For Firefox 3.6 to 15 */
background: linear-gradient(left,white,#f9f9f9,#f7f7f7); /* Standard syntax */}
#left-shadow div{height:100%;}
#right-shadow{display:inline-block;width:50px;height:100%;border:0;margin:0;vertical-align:top;z-index:-1;
background: -webkit-linear-gradient(right,white,#f9f9f9,#f7f7f7); /* For Safari */
background: -o-linear-gradient(right,white,#f9f9f9,#f7f7f7); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right,white,#f9f9f9,#f7f7f7); /* For Firefox 3.6 to 15 */
background: linear-gradient(right,white,#f9f9f9,#f7f7f7); /* Standard syntax */}
#right-shadow div{height:100%;}
#filler-shadow{width:780px;display:inline-block;}

#content {width:800px;height:100%; background:#fff;margin:0;border:0;}

#logo {width:800px;margin-left:auto;margin-right:auto;padding-top:40px;}
#logo img {display:block;margin-left:auto;margin-right:auto;}

#menuback{width:100%;height:50px;}
#menu {font-size:22px;position:absolute;width:808px;height:30px;margin-left:-5px;margin-top:-20px;z-index:2;overflow:visible;}
#menu div{display:inline-block;height:30px;width:200px;background:#fff;margin-left:-2px;margin-right:-2px;text-align:center;
-o-transition:color .4s ease-out, background .4s ease-in,text-shadow .4s ease-in;
-ms-transition:color .4s ease-out, background .4s ease-in,text-shadow .4s ease-in;
-moz-transition:color .4s ease-out, background .4s ease-in,text-shadow .4s ease-in;
-webkit-transition:color .4s ease-out, background .4s ease-in,text-shadow .4s ease-in;
transition:color .4s ease-out, background .4s ease-in,text-shadow .4s ease-in;}
#menu a{color:#000;display:block;width:200px;color:#000;padding-top:3px;padding-bottom:7px;}
#menu div a:hover{color:#606060;}
#menu .blue {border-top-style:solid;border-bottom-style:solid;border-color:#00ccff;border-width:1px;}
#menu .blue:hover{background:#00ccff;background:rgba(00,208,255,0.1);text-shadow:0 0 1px #00ccff;}
#menu .yellow {border-top-style:solid;border-bottom-style:solid;border-color:#ffd42a;border-width:1px;}
#menu .yellow:hover{background:#ffd42a;background:rgba(255,255,00,0.2);text-shadow:0 0 1px #ffd42a;}
#menu .green {border-top-style:solid;border-bottom-style:solid;border-color:#00d455;border-width:1px;}
#menu .green:hover{background:#00d455;background:rgba(00,212,85,0.1);text-shadow:0 0 1px #00d455;}
#menu .red {border-top-style:solid;border-bottom-style:solid;border-color:#ff2a2a;border-width:1px;}
#menu .red:hover{background:#ff2a2a;background:rgba(255,42,42,0.1);text-shadow:0 0 1px #ff2a2a;}

.item {padding:10px;margin-bottom:-30px;}
.item .title{display:block;width:550px;height:30px;font-size:22px;border-top-style:solid;border-bottom-style:solid;border-width:1px;position:relative;margin-left:-17px;background:#fff;margin-bottom:-10px;
-o-transition:background .4s ease-in;
-ms-transition:background .4s ease-in;
-moz-transition:background .4s ease-in;
-webkit-transition:background .4s ease-in;
transition:background .4s ease-in;}
.item .search{display:block;width:350;height:30px;font-size:22px;border-top-style:solid;border-bottom-style:solid;border-width:1px;position:relative;float:right;background:#fff;margin-bottom:-10px;margin-right:-14px;margin-top:-22px;padding-left:30px;
-o-transition:background .4s ease-in;
-ms-transition:background .4s ease-in;
-moz-transition:background .4s ease-in;
-webkit-transition:background .4s ease-in;
transition:background .4s ease-in;}
.item .blue{border-color:#00ccff;text-shadow:0 0 1px #00ccff}
.item .blue:hover{background:#00ccff;background:rgba(00,208,255,0.1);}
.item .yellow{border-color:#ffd42a;text-shadow:0 0 1px #ffd42a}
.item .yellow:hover{background:#ffd42a;background:rgba(255,255,00,0.2);}
.item .green{border-color:#00d455;text-shadow:0 0 1px #00d455}
.item .green:hover{background:#00d455;background:rgba(00,212,85,0.1);}
.item .red{border-color:#ff2a2a;text-shadow:0 0 1px #ff2a2a}
.item .red:hover{background:#ff2a2a;background:rgba(255,42,42,0.1);}
.item .title a{display:block;color:#000;padding-top:3px;padding-bottom:7px;padding-left:0px;}
.item .title img {max-height:30px;display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:10px;}
.item .search a{display:block;color:#000;padding-top:3px;padding-bottom:7px;padding-left:0px;width:220px;}
.item .search img {max-height:30px;display:inline-block;vertical-align:middle;margin-top:-3px;float:right;}
.item .content {text-align:justify;display:inline-block;width:510px;vertical-align:top;color:#000;line-height:25px;min-height:200px;margin-top:18px;}
.item .picturecontainer{float:right;display:inline-block;width:250px;height:200px;margin-top:20px;overflow:hidden;}
.item .picture {display:block;max-width:250px;max-height:250px;vertical-align:center;margin-left:auto;margin-right:auto;}
.item .content a{text-decoration:none;color:#ca0011;
-o-transition:text-shadow .4s ease-in;
-ms-transition:text-shadow .4s ease-in;
-moz-transition:text-shadow .4s ease-in;
-webkit-transition:text-shadow .4s ease-in;
transition:text-shadow .4s ease-in;}
.item .content a:hover{text-shadow: 0 0 1px #ca0011;}
.item .date{float:right;margin-top:10px;}

.productgal{min-height:280px;}
.item #productimgcontainer{float:right;display:inline-block;width:202px;margin-top:20px;overflow:hidden;}
.item .productimage {display:block;max-height:200px;vertical-align:center;margin-left:auto;margin-right:auto;border-style: solid;border-color: #d3d3d3;border-width: 1px;}
.item .otherimages{width:45px;height:45px;overflow:hidden;margin-right:-3px;margin-left:0px;margin-top:5px;margin-bottom:0px;display:inline-block;border-style:solid;border-width:1px;border-color:#d3d3d3;
-o-transition:border-color .4s ease-in;
-ms-transition:border-color .4s ease-in;
-moz-transition:border-color .4s ease-in;
-webkit-transition:border-color .4s ease-in;
transition:border-color .4s ease-in;}
.item .otherimages:hover{border-color:#ffd42a}
.item .otherimages img{max-height:45px;}
.photocount{float:left;background:white; background:rgba(255,255,255,0.7); color:#000;margin-top:-26px;position:relative;z-index:3;padding:3px;}

.pagesmovement {display:inline-block;margin-left:auto;margin-right:auto;width:800px;margin-top:20px;text-align:center;}
.pagesmovement a{text-decoration:none;color:#ca0011;
-o-transition:text-shadow .4s ease-in;
-ms-transition:text-shadow .4s ease-in;
-moz-transition:text-shadow .4s ease-in;
-webkit-transition:text-shadow .4s ease-in;
transition:text-shadow .4s ease-in;}
.pagesmovement a:hover{text-shadow: 0 0 1px #ca0011}

.gallery{padding:5px;width:780px;margin-top:40px;margin-bottom:30px;}
.element {display:inline-block;width:220px;max-height:263px;overflow:hidden;margin-left:15px;margin-right:15px;margin-bottom:10px;padding:5px;
-o-transition:background .4s ease-in;
-ms-transition:background .4s ease-in;
-moz-transition:background .4s ease-in;
-webkit-transition:background .4s ease-in;
transition:background .4s ease-in;z-index:3;}
.gallery .element:hover{background:#00d455;background:rgba(00,212,85,0.1);}
.gallery .element .title {border-top-style:solid;border-bottom-style:solid;border-width:1px;border-color:#00d455;text-shadow:0 0 1px #00d455;font-size:22px;text-align:center;margin-top:2px;}
.gallery .element .title {display:block;color:#000;padding-top:3px;padding-bottom:5px;padding-left:0px;}
.gallery .element div{width:220px;height:220px;overflow:hidden;margin-top:-15px;}
.gallery .element img {max-height:220px;}
.gallery .promo:hover{background:#00ccff;background:rgba(00,208,255,0.1);}
.gallery .promo .title {border-color:#00ccff;text-shadow:0 0 1px #00ccff;}
.gallery .title img {max-height:31px;margin-bottom:0;margin-top:-3px;float:left;}

.button{width:240px;border:none;font-family: WalkwaySemiBold;font-size:22px;padding:5px;color:#fff;background:#00ccff;margin-bottom:23px;text-align:center;
-o-transition:background .4s ease-in;
-ms-transition:background .4s ease-in;
-moz-transition:background .4s ease-in;
-webkit-transition:background .4s ease-in;
transition:background .4s ease-in;z-index:3;}
.button:hover{background:#00ccff;background:rgba(00,208,255,0.5);}
.input{width:238px;border-style:solid;border-width:1px;border-color:#d3d3d3;height:30px;font-family:WalkwaySemiBold;font-size:22px;text-align:center;margin-bottom:5px;margin-top:23px;}
.searchcontainer{display:inline-block;width:250px;padding-left:40px;}
.searchform{padding:5px;background-color:rgba(00,208,255,0.2);margin-top:22px;text-align:center;}

.colorblock{display:inline-block;width:50px;height:50px;margin-left:9px;margin-bottom:5px;border-style:solid;border-width:1px;border-color:#d3d3d3;}
.colorpink{background-color:#ff9999;}
.colorviolet{background-color:#9900cc;}
.colorblue{background-color:#00ccff;}
.colorgreen{background-color:#00d455;}
.coloryellow{background-color:#ffd42a;}
.colororange{background-color:#ff9900;}
.colorred{background-color:#ff2a2a;}
.colorbrown{background-color:#663300;}
.colorblack{background-color:#000000;}
.colorgrey{background-color:#606060;}
.colorwhite{background-color:#ffffff;}
.colorgold{background-color:#cc9900;}
.colorsilver{background-color:#dddddd;}
.colormulti{background: -moz-linear-gradient(left, #ff2a2a, #ffd42a, #00d455, #00ccff);
background: -webkit-gradient(linear, left center, right center, from(#ff2a2a), color-stop(35%, #ffd42a), color-stop(75%, #00d455), to(#00ccff));
background: -o-linear-gradient(left, #ff2a2a, #ffd42a, #00d455, #00ccff);
background: -ms-linear-gradient(left, #ff2a2a, #ffd42a, #00d455, #00ccff);}

.checkalso {margin-left:12px;margin-top:30px;vertical-align:middle;}
.checkalso img{max-height:40px;margin-right:10px;border-style:solid;border-width:1px;border-color:#d3d3d3;position:relative;top:14px;}
.checkalso a {vertical-align:middle;}

#footback {width:100%;height:100px;}
#footer{position:absolute;bottom:4px;width:800px;text-align:center}
#footer div{display:block;margin-left:auto;margin-right:auto;}
#footer a{text-decoration:none;color:#ca0011;
-o-transition:text-shadow .4s ease-in;
-ms-transition:text-shadow .4s ease-in;
-moz-transition:text-shadow .4s ease-in;
-webkit-transition:text-shadow .4s ease-in;
transition:text-shadow .4s ease-in;}
#footer a:hover{text-shadow: 0 0 1px #ca0011}

#login{width:30px;height:30px;position:absolute;TOP:0;LEFT:0;background:#fff;}
#login:hover{display:visible;background:#ffd42a;background:rgba(255,255,00,0.2);}

.table{display:block;width:755px;text-align:left;}
.table .input{width:589px;font-size:19px;text-align:left;}
#textbox {height:300px;border-style:solid;border-width:1px;border-color:#d3d3d3;}

select {
    padding:3px;
    margin: 0;
    background: #00ccff;
    color:#fff;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;    
	font-family: "WalkwaySemiBold";
	font-size: 19px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

.labelblue {position:relative;
    font-family: "WalkwaySemiBold";
	font-size: 19px;}
.labelblue:after {
    font-family: "WalkwaySemiBold";
	font-size: 19px;
    color:#fff;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
.labelblue:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background: #00ccff;
    position:absolute;
    pointer-events:none;
    display:block;
}
.ga select{width:159px}
.ga:before{display:none;}


.send {float:right;margin-top:-45px;text-align:center}
#toolBar2 img{-o-transition:background .2s ease-in;
-ms-transition:background .2s ease-in;
-moz-transition:background .2s ease-in;
-webkit-transition:background .2s ease-in;
transition:background .2s ease-in;}
#toolBar2 img:hover{background:rgba(00,208,255,0.2);}

.filebutton {
    overflow: hidden;
    position: relative;
	min-width:145px;
	padding:5px;
	min-height:10px;
	background-color:#00ccff;
	color:#fff;
}

.filebutton [type=file] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    min-height: 13px;
    min-width: 13px;
    opacity: 0;
    position: absolute;
    left: 0;
    text-align: right;
    top: 0;
}
.newsedit div{width:770px;margin-top: 40px;margin-bottom:-60px;padding:4px;}
.newsedit div:nth-child(-n+2){text-shadow:0 0 1px #00ccff}
.newsedit a{margin-left:10px;overflow:hidden;max-height:100px;}
.newsedit p{display:inline-block;margin:0;vertical-align:middle;margin-left:15px;}
.newsedit p:nth-child(1){width:30px;}
.newsedit p:nth-child(2){width:170px;}
.newsedit p:nth-child(3){width:100px;}
.newsedit p:nth-child(4){width:250px;max-height:22px;overflow:hidden;}
.newsedit .greybg{background:#E6FAFF;}
.newsedit .bluebg{background:#B2F0FF;}
.newsedit li {display:none;}
#wysuwane
{    background: url("http://koloryfolku.pl/image/fbbg.png") no-repeat scroll 0 0 transparent;
    padding: 10px;
    width: 235px;
    height:402px;
    position: fixed;
    margin-top: -200px; /*połowa wysokości panelu w górę */
    left: 0px;
    top: 50%;
	z-index:5;
}
.zamknij
{
    background-position: 0px 0px -242px 0px;
}

#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    font-size: 19px;
    font-family: WalkwaySemiBold;
	padding:50px;
	width:500px;
	height:200px;
	left:50%;
	margin-left:-250px;
    bottom: 50%;
	margin-bottom:-100px;
    background:#fff;background:rgba(255,255,255,0.94);
    padding: 20px;
    z-index: 1000;
	border-style: solid;
	border-width:1px;
	border-color:#00ccff;
}

#cookieinfo h6 {
    font-size: 19px;
    font-weight: bold;
    color: #000;
    margin-bottom: 7px;
}

#cookieinfo p {
    font-size: 16px;
    color: #000;
    line-height: 1.5em;
}
#cookieinfo a{position:relative;top:-205px;right:-480px;}