@charset "UTF-8";
/* CSS Document */
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%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif; background:  url(../img/bg.jpg) repeat;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

/* 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;
}
.clearing,.clear {
	clear:both;
}
a {
	color:#C30;
}
a:hover {
	color:#333;
}

/* ---- lay ----*/

#background {
	background: url(../img/bg-2.jpg) repeat-x top;
}
#wrapper {
	width: 980px; margin: 0 auto;
}
#top {
	height:130px;
	padding: 20px 0 0 0;
}
#footer {
	margin: 0 0 0 0;
	padding: 0 0 40px 0;
}
#ident {
	height:130px;
	width:130px;
	float:left;
	margin-right: 1px;
}
#ident a {
	float:left;
	height:130px;
	width:130px;
	display:block;
	margin-right:1px;
	text-indent: -9999px;
	background: #e7e3dd url(../img/kowart-logo.png) no-repeat center center;
}
#dodatki {
	width:840px;
	height: 90px;
	float:left;
}
#dodatki h2 {
	float:left;
	font-size:14px;
	color:#999;
	padding: 30px 0 0 20px;
}
#menu {
	background: #e7e3dd;
	height:40px;
	width:849px;
	float:left;
}

#language-menu {
	float:right;
	width:100px;
	margin-top:66px
}
#language-menu li {
	float:left;
}
#language-menu li a {
	float:left;
	display:block;
	text-align:left;
	text-decoration:none;
	width:18px;
	height:12px;
	text-indent: -9999px;
	margin-left: 4px;
	border: 2px solid #333;
}
#language-menu li a.pl:link, #language-menu li a.pl:visited {
	background: url(../img/language.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	display:block;
}
#language-menu li a.pl:hover, #language-menu li a.pl:active {
	background: url(../img/language.jpg) no-repeat 0px -12px;
}
#language-menu li a.eng:link, #language-menu li a.eng:visited {
	background: url(../img/language.jpg) no-repeat -18px 0px;
	text-indent: -9999px;
	display:block;
}
#language-menu li a.eng:hover, #language-menu li a.eng:active {
	background: url(../img/language.jpg) no-repeat -18px -12px;
}
#language-menu li a.de:link, #language-menu li a.de:visited {
	background: url(../img/language.jpg) no-repeat -36px 0px;
	text-indent: -9999px;
	display:block;
}
#language-menu li a.de:hover, #language-menu li a.de:active {
	background: url(../img/language.jpg) no-repeat -36px -12px;
}

#menu ul li {
	float:left;
}
#menu ul li a {
	display:block;
	float:left;
	line-height:40px;
	padding: 0 0 0 0;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	width:100px;
	color:#333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1e1b1a;
}
#menu ul li a:link, #menu ul li a:visited {
	color:#333;
}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a.active {
	background-color:#326381;
	color:#FFF;
}

#search {
	float:right;
	margin: 8px 5px 0 0 ;
	padding: 0 0 0 0 ;
}
#Search {
	float:left;

}
#search .middleColumn {
    margin: 0;
    background: transparent none;
    padding: 0;

}
#search form#SearchForm_SearchForm {

}
#search form#SearchForm_SearchForm SearchForm_SearchForm_Search {
    font-weight: normal;
    width: 200px;
}
#search fieldset {
}

#SearchForm_SearchForm_action_results {
    margin-left: 3px;
	width:52px;
    background-color: #C7C3BE;
    border: solid 1px #ABA8A3;
    height: 25px;
}
#content {
	background: url(../img/bg-3.jpg) repeat; margin: 1px 0 1px 0;
	width:980px;
}
#content-left {
	float:left;
	width: 654px;
	overflow:hidden;
}
#content-right {
	float:left;
	width: 326px;
	overflow:hidden;
}

#kontakt {
	background-color:#FFF;
	width:326px;
}
#kontakt h4 {
	padding: 20px 0 0 15px;
	color: #326381;
	font-size:16px;
}
#kontakt p {
	padding: 10px 0 20px 15px;
	font-size:12px;
	line-height: 16px;
}
a.baton:link, a.baton:visited {
	background-color:#d5d2cc;
	float:right;
	padding: 6px 12px 6px 12px;
	margin: 0 10px 10px 0;
	font-size:12px;
	text-decoration:none;
	border: #aba8a3 1px solid;
	color:#333;
}
a.baton:hover, a.baton:active {
	background-color:#C7C3BE;
}



#article {
    font-size:12px;
    }
#article-l {
    width: 326px;
    height:420px;
    float:left;
    background:#999 url(../img/brama.jpg);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #333;
}
#article-l-menu {
    width: 326px;
    height:420px;
    float:left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #333;
    background-color: #2b1e18;
}
#article-p {
    width: 326px;
    height:420px;
    float:left;
    background:#999 url(../img/porecz.jpg) no-repeat;
}
#article-p-menu {
    width: 326px;
    height:420px;
    float:left;
    background-color: #2b1e18;
}
#article-l h3, #article-p h3 {
	font-size:16px;
	padding: 20px 0 15px 15px;
	margin: 290px 0 0 0;
}
#article-l strong, #article-p strong {
	font-weight:bold;
}
#article-l p, #article-p p {
	font-size:11px;
	line-height: 14px;
	padding: 0px 15px 0px 15px;
	color:#FFF;
}
#article-l h3 a:link, #article-l h3 a:visited , #article-p h3 a:link,  #article-p h3 a:visited {
	color:#FFF;
}
#article-l h3 a:hover, #article-l h3 a:active, #article-p h3 a:hover,  #article-p h3 a:active {
	color:#FFF;
}
a.zobacz-wiecej:link, a.zobacz-wiecej:visited {
	display:block;
	width: 106px;
	height:30px;
	float:right;
	margin: 0 20px 0 0;
	text-indent: -9999px;
	background:url(../img/wiecej-bg.png) no-repeat 0px 0px;
}
a.zobacz-wiecej:hover, a.zobacz-wiecej:active {
	background:url(../img/wiecej-bg.png) no-repeat 0px -30px;
}
/* article simple */
#artivle-simple {
    margin:10px 15px 15px 20px;
}
#artivle-simple hr {
    height: 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #999;
}
#artivle-simple p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    margin: 0 0 15px 0;
}
#artivle-simple p em {
    color:#999;
}
#artivle-simple ul {
    font-size: 11px;
    color: #333;
    margin: 0 0 0 20px;
}
#artivle-simple ul li {
    margin: 5px 0 5px 0;
    list-style-type:disc;
}
#artivle-simple ul ul {
    margin: 0 0 0 10px;
}
#artivle-simple ul ul li {
    list-style-type:circle;
}

#artivle-simple h2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    color: #333;
    line-height: 18px;
    margin: 0 0 15px 0;
}
#artivle-simple h3 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 18px;
    margin: 0 0 15px 0;
}
#artivle-simple h4 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 18px;
    margin: 0 0 15px 0;
}
#artivle-simple h5 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    margin: 0 0 15px 0;
}
.img-right {
    width:320px;
    height:200px;
    padding: 4px;
    margin: 5px 0 5px 15px;
    float:right;
    background-color:#E4E4E4;
    border: 1px solid #CCC;
}
.img-left {
    width:320px;
    height:200px;
    padding: 4px;
    margin: 5px 10px 5px 0;
    float:left;
    background-color:#E4E4E4;
    border: 1px solid #CCC;
}

.menu-offer {
    padding: 15px;
}
.menu-offer li {
    padding: 0 0 5px 0;
}
.menu-offer li a:link, .menu-offer li a:visited {
    color:#CCC;
}
.menu-offer li a:hover, .menu-offer li a:active {
    color:#666;
}



#list {
	padding-left:3px;
}
#list {}
#list li {
	float:left;
}
#list li a {
	display:block;
	float:left;
	width:150px;
	height:180px;
	background-color:#f9f9f9;
	border: 1px #f0efed solid;
	text-align:center;
	margin: 5px;
	text-decoration:none;
	color:#333;
}
#list li a:link, #list li a:visited {}
#list li a:hover, #list li a:active {
	background-color:#e7e3dd;
	border: 1px #211e1d solid;
}
#list li a strong span {
	font-weight:bold;
	font-size:12px;
	color:#000;
}
#list li a span {
	font-weight:normal;
	font-size:10px;
	color:#777;
	padding-top: 15px;
}
#list li a strong {
    display: block;
	margin: 10px 0 10px 0;
	font-size:12px;
}
#list li a img {
	width:100px;
	height:100px;
	display:block;
	padding: 5px;
	margin: 0 auto;
	background: url(../img/img-bg.png) no-repeat ;
}
#paginacja {
	margin: 10px 0 20px 5px;
}
#paginacja a {
	padding: 5px 7px 5px 7px;
	margin: 3px;
	color:#333;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	background-color:#f9f9f9;
	border: 1px solid #f0efed;
}
#paginacja a:link, #paginacja a:visited {

}
#paginacja a:hover, #paginacja a:active {
	background:#e7e3dd;
	border: 1px #211e1d solid;
}
a.current-pagina:link, a.current-pagina:visited, a.current:link, a.current:visited, a.section:link, a.section:visited {
	background-color:#326381 !important;
	color:#fff !important;
}
a.current-pagina:hover, a.current-pagina:active, a.current:hover, a.current:active, a.section:hover, a.section:active {
	background-color:#326381 !important;
	color:#fff !important;
}

#breadcrumbs {
	font-size:10px;
	margin: 10px 0 15px 15px;
}

#produkt {
	background-color:#f9f9f9;
	border: 1px solid #f0efed;
	width:635px;
	margin: 0 0 7px 7px;
	padding-bottom: 20px;
}
#produkt p {
	margin: 20px 0 0 20px;
	line-height: 18px;
	color:#333;
	float: left;
	width: 435px;
}
#laquo-raquo {
	width: 180px;
	padding: 5px 5px 0 0;
	height: 20px;
	float:right;
	color:#a9a9a9;
	text-align:right;
}
#laquo-raquo a {
	font-weight:bold;
	font-size:11px;
	color:#C30;
	text-decoration:none;
}
#laquo-raquo a:link, #laquo-raquo a:visited {}
#laquo-raquo a:hover, #laquo-raquo a:active {
	color:#666;
}

#produkt h3 {
	font-size:20px;
	padding: 10px 0 10px 20px;
}
#foto {
	width:435px;
	margin: 20px 0 0 20px;
	float:left;
}
#foto img {
	display:block;
/*	width:435px; */
	background:#FFF;
	border: 1px solid #f0efed;
}
#miniaturki {
	width: 180px;
	float:right;
}
#miniaturki h6 {
	text-align: center;
	color:#666;
}
#miniaturki ul li {
	float:left;
	margin-bottom: 2px;
}
#miniaturki ul {
	margin: 0 auto;
	width: 110px;
}
#miniaturki ul li img {
	display:block;
	width:100px;
	height:100px;
	padding: 5px;
	background: url(../img/img-bg.png) no-repeat ;
	float:left;
}
.skorelowane {
	margin:20px 20px 10px 20px;
	font-size:12px;
	font-weight:bold;
}
#submenu {
    visibility:visible;
    position:absolute;
    background: url(../img/bg-menu.png) no-repeat bottom right;
    top: 149px;
    margin-top: 1px;
	padding: 20px 20px 20px 20px ;
	width: 300px;
	z-index:100;
	display:none;
}
#sub-l, #sub-p {
	display:block;
	width:150px;
	float:left;
}
#sub-l li, #sub-p li {
	float:none;
}
#sub-l li a:link, #sub-l li a:visited, #sub-p li a:link, #sub-p li a:visited  {
	line-height: 14px;
	display:block;
	float:none;
	text-align:left;
	width:150px;
	margin: 3px 0 3px 0;
	padding: 0;
	border:none;
	color:#fff !important;
}
#sub-l li a:hover, #sub-l li a:active, #sub-p li a:hover, #sub-p li a:active {
	color:#CCC !important;
}
a.opis {
	font-size:16px !important;
	line-height: 19px;
	letter-spacing:2px;
}

#footer ul {
	background: #817f7b;
	width: 980px;
	height: 30px;
}
#footer ul li {
	float:left;
}
#footer ul li a {
	float:left;
	display:block;
	line-height:30px;
	color:#FFF;
	font-size:10px;
	padding: 0 8px 0 8px;
	text-decoration:none;
}
#footer ul li a:link, #footer ul li a:visited {
	color:#FFF;
}
#footer ul li a:hover, #footer ul li a:active {
	color:#000;
}
#footer ul li a.current:link, #footer ul li a.curent:visited {
	background-color:#326381;
	color:#FFF;
}
.copyright {
	float:left;
	font-size:11px;
	padding-top: 6px;
	color:#898783;
	line-height: 14px;
}
.design {
	float:right;
	font-size:11px;
	padding-top: 6px;
	color:#898783;
	line-height: 14px;
}
.design a:link, .design a:visited {
	text-decoration:none;
	color:#9C9995;
}
.design a:hover, .design a:active {
	color:#898783;
}


#teleadresowe {
	background:#f2efe9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding: 15px 0 10px 10px;
	width: 643px;
}
#teleadresowe h4 {
	color:#326381;
}
#formularz {
	background:#f2efe9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding: 15px 0 10px 10px;
	width: 643px;
}
#formularz h4 {
	margin: 15px 0 10px 180px;
	color:#326381;
}
.contactform {padding:12px 0 20px;}
.contactform legend {display:none;}
.contactform label {float:left; width:160px; overflow:hidden;text-align:right;}
.contactform input,
.contactform textarea {display:block; width:398px; margin:-25px 0 0
180px; padding:10px; border:1px solid #aaa; background:#fcfcfc;}
.contactform input.submit {width: 420px; font-size:14px;
margin-top:-5px; background:rgba(0,0,0,.7); color: #faf9f0;
border:none;}
.contactform input.submit:hover { background: #333; color:#fff;}
.contactform input.submit:active {background:#000;}
.contactform input[type="text"]:hover,
.contactform textarea:hover {border:1px solid #999;
background:rgba(255,255,255, .6);}
.contactform input:focus,
.contactform textarea:focus { -webkit-box-shadow: 0 0 4px #999; -moz-box-shadow: 0 0 4px #999;
background:rgba(255,255,255, .6);}

/*for Firefox*/
.contactform input[type="hidden"] {display:none;}



/* ----- 404 */
.info-error {
	width:600px;
	margin: 110px auto;
}
.info-error h4 {
	font-size: 11px;
	text-align:center;
	color:#a90915;
	margin: 0 0 20px 0;
}
.info-error p {
	text-align:center;
	font-size:12px;
	line-height:16px;
	color:#5d5d5d;
}

/* ----- login-adm */
#MemberLoginForm_LoginForm {
	width:400px;
	margin: 40px auto;
	font-size:11px;
	padding: 0 0 10px 0;
}
#MemberLoginForm_LoginForm :after {
	clear:both;
}
#MemberLoginForm_LoginForm_error {
	color:#b30d15;
	text-align:center;
}
#Emaill {
	height: 40px;
	clear:both;
	position:relative;
}
#Password {
	height: 40px;
	clear:both;
	position:relative;
}
#Remember {
	margin: 10px 0 0 90px;
}
label.left {
	display:block;
	width: 80px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:right;
	position:relative;
	top:22px
}
#MemberLoginForm_LoginForm .middleColumn {
	position:relative;
	left:90px;
	margin: 0 0 0 0;
	padding: 3px;
}
#Remember {
	clear:both;
}
#MemberLoginForm_LoginForm_action_dologin {
	margin: 0 38px 0 90px;
	float:right;
	background-color:#C7C3BE;
	border:1px solid #ABA8A3;
	height:25px;
	width:82px;
}
#ForgotPassword {
	float:left;
	margin: 10px 0 0 90px;
}
#ForgotPassword a:link, #ForgotPassword a:visited {
	color:#949494;
}
#ForgotPassword a:hover, #ForgotPassword a:active {}


#sitemap-list li {
	list-style-type: none !important;
	padding: 3px 0 0 0;
}
#sitemap-list li a {
	
}

#atuty {
	padding: 10px 0 10px 15px;
}
#atuty h4 {
	padding: 5px 0 10px 0;
}
#atuty p {
	font-size:11px;
}
#atuty ul {
	margin: 0 15px 0 0;
}
#atuty ul li {
	font-size:11px;
	line-height:14px;
	padding: 2px 0 2px 0;
	list-style-type:square;
	list-style-position:inside;
}
#stoisko {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #939393;
	padding: 15px;
	line-height:14px;
	margin: 15px 15px 0 0;
	color:#fff;
}
#SearchResults {
	list-style-type:none;
	margin: 0 0 0 0 !important;
}
#SearchResults li {
	list-style-type:none !important;
}
a.searchResultHeader:link, a.searchResultHeader:visited {
	text-align:right;
	display:block;
	background:#f8f8f8;
	padding:5px 35px 5px 5px;
	margin: 40px 5px 0 0;
	color:#999999;
	font-size:11px;
	text-decoration:none;
}
a.searchResultHeader:hover, a.searchResultHeader:active {
	color:#5c5c5c;
} 

.ox-social-icons {
	position: fixed;
	top: 50px;
	right: 0px;
	font-family: sans-serif;
}

.ox-social-icons .ox-social-icon {
	display: block;
	height: 40px;
	padding-left: 40px;
	line-height: 40px;
	width: 0px;
	background-color: #777777;
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	 -moz-transition: background-color 0.4s ease-out 0s;
	-webkit-transition: background-color 0.4s ease-out 0s;
	margin-bottom: 5px;
	margin-left:auto; margin-right:0px;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
}

.ox-social-icons .ox-social-icon span {
	padding: 0px 10px;
}


.ox-social-icons .ox-twitter {
	background-position: 0px -40px;
}
.ox-social-icons .ox-googleplus {
	background-position: 0px -80px;
}
.ox-social-icons .ox-pinterest {
	background-position: 0px -120px;
}
.ox-social-icons .ox-youtube {
	background-position: 0px -160px;
}
.ox-social-icons .ox-opinieo {
	background-position: 0px -240px;
}

.ox-social-icons .ox-facebook:hover {
	background-color: #3b5998;
}
.ox-social-icons .ox-twitter:hover {
	background-color: #00ACEE;
}
.ox-social-icons .ox-googleplus:hover {
	background-color: #D4482C;
}
.ox-social-icons .ox-pinterest:hover {
	background-color: #CB2027;
}
.ox-social-icons .ox-youtube:hover {
	background-color: #AA251B;
}
.ox-social-icons .ox-opinieo:hover {
	background-color: #74ab18;
}