/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies { position:fixed; width: 90%; left: 0; bottom: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; margin: 0 7px; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }


html, body {
margin: 0 auto;
padding: 0;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
width: 100%;
line-height: 20px !important;
background: url(../images/bg-pat.jpg) repeat;
color: #281F1A;
}


/*LINKI*/

a:link, a:visited {
color: inherit;
text-decoration: none;
}


a:hover {
color: inherit;
text-decoration: none;
}


a {
outline : none;
}


img {
border : 0;
}


a img {
outline : none;
}

/*END LINKI*/ 

/*CONTENT*/

.srodek {
width: 1000px;
margin: 0 auto;
}

.glowna-boxy {
background: none repeat scroll 0 0 #FBF3D8;
padding-top: 8px;
}

.logo {
height:105px;
}

#logo {
margin: 30px 0 0 0;
float:left;
}

#slogan {
float:right;
margin-top:44px;
}

#menu-top {
background: url(../images/menu-top-inner.jpg) repeat-x;
width:100%;
margin: 0;
}

#menu-top-inner {
background: url(../images/menu-top-inner.jpg) no-repeat;
width: 980px;
height: 71px;
margin: 0 auto;
}

#slider {
width:478px;
height:484px;
border: 6px solid #251a18;
margin-top:20px;
float:left;
overflow: hidden;
}

#featured {
width:510px;
overflow:hidden;
}

#dol-szeroki {
width:100%;
background: #FBF3D8;
}

div.k2ItemsBlock-featured ul {list-style:none;padding:0;}
div.k2ItemsBlock-featured ul li {border: 6px solid #251A18;float: left;height: 229px;margin: 8px 0 6px 14px;width: 229px;}
#prawa div.k2ItemsBlock-featured ul li {border: 6px solid #251A18;float: left;height: 229px;margin: 8px 0 6px 0px;width: 229px;}

div.k2ItemsBlock-boxy-4-gora ul {list-style:none;padding:0;color:#281F1A;}
div.k2ItemsBlock-boxy-4-gora ul li {float: left;height: 200px;margin: 20px 0 6px 0;width: 230px;}
div.k2ItemsBlock-boxy-4-gora ul li.firstItem {padding-left:20px;}
div.k2ItemsBlock-boxy-4-gora ul li.firstItem div.moduleItemIntrotext {}
div.k2ItemsBlock-boxy-4-gora ul li.secondItem {padding:0 0 0 17px;}
div.k2ItemsBlock-boxy-4-gora ul li.secondItem div.moduleItemIntrotext {}
div.k2ItemsBlock-boxy-4-gora ul li.thirdItem {padding:0 0 0 20px;}
div.k2ItemsBlock-boxy-4-gora ul li.thirdItem div.moduleItemIntrotext {}
div.k2ItemsBlock-boxy-4-gora ul li.lastItem {padding:0 0 0 20px;border-right:0;}
div.k2ItemsBlock-boxy-4-gora ul li div.moduleItemIntrotext {height:145px;font-size:14px;padding-top:5px;}
div.k2ItemsBlock-boxy-4-gora ul li div.moduleItemIntrotext-inner {height:138px;font-size:14px;border-right:1px solid #613E32;padding-right:20px;}
div.k2ItemsBlock-boxy-4-gora ul li.lastItem div.moduleItemIntrotext {padding-right:0;}
div.k2ItemsBlock-boxy-4-gora ul li.lastItem div.moduleItemIntrotext-inner {border-right: 0px solid #251A18;padding-right:20px;}
div.k2ItemsBlock-boxy-4-gora ul li.thirdItem div.moduleItemIntrotext-inner {border-right:1px solid #613E32}
div.k2ItemsBlock-boxy-4-gora ul li a.moduleItemTitle {font-size: 17px;font-family:'Croissant One',cursive;}

.glowna-slider {
padding-bottom: 38px;
}

#boxy-4-gora {
float:left;
overflow:hidden;
}

.czytaj-wiecej {
float:right;
padding-right:20px;
}

.content {
margin-top:20px;
background: #FBF3D8;
overflow:hidden;
}

#pod-boxami {
margin: 0 auto;
width: 1000px;
overflow:hidden;
}

#boxy-4-dol {
float:left;
}

#newsletter {
overflow: hidden;
padding: 16px 0 0 20px;
}

#cennik-przekierowanie {
overflow: hidden;
}

html body div#dol-szeroki div.srodek div#cennik-przekierowanie.k2ItemsBlock-boxy-4-gora ul li.even div.moduleItemIntrotext div.moduleItemIntrotext-inner {border:0}

#lewa {
float: left;
margin: 0 30px 0 0;
overflow: hidden;
padding: 14px 7px 14px 33px;
width: 665px;
}

#prawa {
float: left;
width: 245px;
}

.cennik {
background: #ffffff;
overflow:hidden;
padding: 15px 30px 30px 30px;
width:920px;
margin:20px auto 0;
font-size:16px;
background: #FBF3D8;
}

.customSelect {
width:400px;
background-color: white;
padding: 6px 10px;
border: 2px solid #b7bfcf;
background: url(../images/select-box-bg.gif) right center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
font-family: 'Croissant One', cursive;
/* This is the default class that is used */
/* Put whatever custom styles you want here */
}

.customSelect.customSelectOpen {
border-color: #5d5074;
background: url(../images/select-box-bg-on.gif) right center;
/* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
border-color: #996633;
/* Styles for when the select box is in focus */
}
   
.customSelectInner {
width:300px;
/* You can style the inner box too */
}

.nazwa {
width: 200px;
float:left;
}

.cale-pole > .nazwa {
font-size: 13px;
}

#calc {
width:560px;
}

#komunikat {
padding-left: 20px;
overflow:hidden;
font-size:13px;
}

#komunikat_gabka {
padding-left: 20px;
overflow:hidden;
font-size:13px;
}

#okucia {
float:left;
}

#komunikat_okucia {
padding-left: 40px;
overflow:hidden;
font-size:13px;
}

div.cennik .odd {
padding:10px;
overflow:hidden;
}

div.cennik .even {
background: #ede3c2;
padding:10px;
overflow:hidden;
}

#podsumowanie {
background: #FBF3D8;
}

#podsumowanie > .odd {
padding:10px;
overflow:hidden;
}

#podsumowanie > .even {
background: #ede3c2;
padding:10px;
overflow:hidden;
}

h2 {
font-family: 'Croissant One',cursive;
font-size: 27px;
font-weight: normal;
line-height: 110%;
margin: 0 0 20px;
padding: 10px 0 4px;
}

#cena_koncowa {
font-family: 'Croissant One',cursive;
font-size: 20px;
font-weight: normal;
line-height: 110%;
margin: 20px 0 20px;
padding: 10px 0 4px;
text-align:center;
}

h4 {font-family: 'Croissant One',cursive;
font-size: 18px;
font-weight: normal;
line-height: 110%;
margin: 0;
padding: 10px 0 4px;
}

#pobierz-profil {float:right;}

html body div.cennik ul.twoje_zamowienie {list-style:none;padding:0;}
html body div.cennik ul.twoje_zamowienie li {padding:10px;}
html body div.cennik ul.twoje_zamowienie li:nth-child(odd) {}
html body div.cennik ul.twoje_zamowienie li:nth-child(even) {background:#EDE3C2;}
html body div.cennik ul.twoje_zamowienie li div.opis {width:200px;float:left;}


html body div.cennik div#prawa-form ul#twoje_dane {list-style:none;padding:0;}
html body div.cennik div#prawa-form ul#twoje_dane li {padding:10px;}
html body div.cennik div#prawa-form ul#twoje_dane li:nth-child(odd) {}
html body div.cennik div#prawa-form ul#twoje_dane li:nth-child(even) {background:#EDE3C2;}
html body div.cennik div#prawa-form ul#twoje_dane li div.opis {width:200px;float:left;}


#lewa-form {
float:left;
overflow:hidden;
width: 430px;
margin-right:30px;
}

#prawa-form {
overflow:hidden;
}

.cale-pole {
overflow:hidden;
}

#wybor-daty {
font-size:13px;
}

#wybor-daty {
overflow:hidden;
padding:20px 10px 10px 10px;
}

.nazwa-data {
width:100px;
float:left;
}

.wybor-data {
margin-bottom:5px;
}

#zdjecie_row > .nazwa {
font-size:13px;
}

#zdjecie_row {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #2A211C;
border-radius: 7px 7px 7px 7px;
margin-bottom: 20px;
width: 360px;
padding:10px;
}

.data-monotype {
font-size:19px;
height:55px;
padding-top:35px;
border: 1px dotted #2F2621;
}

#fakegabka {
float:left;
}

#tloczenia-opcje {
border: 1px solid #2A211C;
width:330px;
margin-bottom:20px;
background:#ffffff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.data {
-webkit-border-radius: 0 0 7px 7px;
-moz-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
}

#tloczenia-opcje > .odd{
padding:5px 0 5px 10px;
font-size:13px;
}

#tloczenia-opcje > .even {
padding:5px 0 5px 10px;
font-size:13px;
}

#tloczenia {
float:left;
}

h3 {
font-family: 'Croissant One',cursive;
font-size: 17px;
font-weight: lighter;
}

#acy-intro {
margin-top: 22px;
}

.inputbox {
background: none repeat scroll 0 0 #FBF3D8;
border: 1px solid #281F1A;
border-radius: 5px 5px 5px 5px;
color: #281F1A;
padding: 5px;
}



#acy-email {
margin-top: 10px;
}

#acy-zapisz {
margin-top:27px;
float:right;
padding-right:20px;
}

#newsletter-submit {
background: none repeat scroll 0 0 #FBF3D8;
border: 1px solid #2A211C;
border-radius: 7px 7px 7px 7px;
color: #2A211C;
cursor: pointer;
font-size: 14px;
letter-spacing: 1px;
padding: 4px 13px;
text-shadow: 0 0 0 #000000;
}


#newsletter-submit:hover {
background: none repeat scroll 0 0 #2A211C;
border: 1px solid #2A211C;
border-radius: 7px 7px 7px 7px;
color: #FBF3D8;
cursor: pointer;
font-size: 14px;
letter-spacing: 1px;
padding: 4px 13px;
text-shadow: 0 0 0 #000000;
}

.lista {
}

#cena {
display: inline;
font-size: 22px;
font-weight: bold;
}

#x {
    position: absolute;
}

.gt200 #x {
    top: 10px;
    position: fixed;
}

.cena {
margin-bottom:20px;
font-size:19px;
text-align:center;
background: none repeat scroll 0 0 #FBF3D8;
border: 1px solid #2A211C;
border-radius: 7px 7px 7px 7px;
color: #2A211C;
font-size: 14px;
letter-spacing: 1px;
padding: 4px 13px;
text-shadow: 0 0 0 #000000;
overflow:hidden;
width:295px;
}

#zdjecia {
}

#podsuma {
}

/*#kolor {
width:95px;
float:left;
}
*/

.male-prev img {
width: 90px;
border: 1px dotted #2F2621;
}

.male-prev {
float:left;
width:97px;
height:137px;
text-align:center;
}

/*
#slub-prev {
float:left;
}



#komunia-prev {
float:left;
}

#zaokraglone-rogi-prev {
float:left;
width:92px;
}

#okucia-prev {
float:left;
width:92px;
}
*/


.bottom {
margin-top:20px;
float:right;
}

.zamowienie {
background: none repeat scroll 0 0 #EDE3C2;
border: 1px solid #2A211C;
border-radius: 7px 7px 7px 7px;
color: #2A211C;
cursor: pointer;
font-size: 14px;
letter-spacing: 1px;
padding: 4px 13px;
text-shadow: 0 0 0 #000000;
}

.zamowienie:hover {
background: none repeat scroll 0 0 #FBF3D8;
border: 1px solid #2A211C;
border-radius: 7px 7px 7px 7px;
color: #2A211C;
cursor: pointer;
font-size: 14px;
letter-spacing: 1px;
padding: 4px 13px;
text-shadow: 0 0 0 #000000;
}

.styled {
border:1px solid #2A211C;
border-radius: 7px 7px 7px 7px;
padding:3px;
}

#prawa-cennik {
float:left;
margin-left:28px;
}

.wybrales {
background: none repeat scroll 0 0 #FBF3D8;
border: 1px solid #2A211C;
border-radius: 7px 7px 7px 7px;
color: #2A211C;
font-size: 14px;
letter-spacing: 1px;
padding: 4px 13px;
text-shadow: 0 0 0 #000000;
text-align: center;
width:295px;
}

#wybrales {
background: none repeat scroll 0 0 #ffffff;border-radius: 7px 7px 7px 7px;margin-top:20px;padding:20px;width:292px;border: 1px solid #2A211C;overflow:hidden;
}

#zdjecie-modelu {
text-align:center;
height:166px;
}

#zdjecie-modelu > img {
height:154px;
}

#pozostale-zdjecia {
margin-top:20px;
overflow:hidden;
}

.podpis {
font-size: 13px;
margin-top: 5px;
text-align: center;
}

#stopka {
width:100%;
color: #ffffff;
}

#copyright {
float:left;
padding:10px 0;
width: 33%;
}

.polityka-prywatnosci {
  width: 34%;
  text-align: center;
  padding:10px 0;
  float: left;
}

#wykonanie {
padding:10px 0;
float:left;
width: 33%;
text-align: right;
}

#alert {
	background: url("../images/exclam.png") no-repeat scroll 0 2px transparent;
	padding-left: 20px;
	display: none;
	margin-top: 10px;
}


/*END CONTENT*/



/*SEARCH*/


#mod-search-searchword {
height:20px;
padding: 3px 0 3px 25px;
margin: 0;
border: 1px solid #e1e1e1;
font-size: 15px;
background-image: url(../images/search_loop.png);
background-repeat: no-repeat;
background-position: 3px 5px;
float: left;
color: #a7a7a7;
}


#search-searchword {
height:20px;
padding: 3px 0 3px 25px;
margin: 0;
border: 1px solid #e1e1e1;
font-size: 15px;
background-image: url(../images/search_loop.png);
background-repeat: no-repeat;
background-position: 3px 5px;
float: left;
color: #a7a7a7;
}


#search_component_input {
overflow: hidden;
}


#result_search_caly {
border: 1px solid #f1f1f1;
margin-top: 10px;
}


#result_search_title {
font-size: 20px;
color: #000000;
margin-bottom: 10px;
background: #f1f1f1;
padding: 10px;
}


#result_search_title a {
color: #000000;
}


#result_search_title a:hover {
color: #666666;
}


#result_search_text {
font-size: 15px;
padding: 10px;
}


#result_search_text a {
color: #000000;
text-decoration: underline;
}


#result_search_text a:hover {
color: #000000;
text-decoration: none;
}



/*END SEARCH*/


label.error {
  font-size: 12px;
  display: block;
  color: red;
}



.popup-closed {
  position: fixed;
  width: 50%;
  left: 25%;
  height: 500px;
  background: #fff;
  top: 50px;
  z-index: 9999;
  -webkit-box-shadow: 0 0 10px 5px #707070;
  box-shadow: 0 0 10px 5px #707070;
}

.popup-closed .text {
  padding: 50px;
}

.popup-closed .close-button {
  position: absolute;
  right: 20px;
  top: 20px;
}

.popup-closed .close-button:hover {
  cursor: pointer;
}

.overlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9998;
}