body
{
    margin: 0 auto;
    background: url(/img/tlo.jpg) #FFF repeat-x;

    font-family: Verdana;
    text-align:center;
    font-size: 1em;
    height: auto;

    line-height: 18px;
}

a
{
    text-decoration: underline;
    color: black;
}

p
{
	margin: 20px auto 10px 30px;
}

*
{
    margin:0;
    padding:0;
    border: none;
}

textarea
{
    border: 1px solid #535353;
    overflow: hidden;
}

div#gora img
{
    margin: 0;
    padding: 0;
}

div#kontener
{
    width: 960px;

    margin: 0 auto;
    text-align: left;
    clear:both;
    margin-bottom: 30px;

}

#logoGora
{
    float: left;
    margin: 0;
    padding: 0;

    font-size: 1px;



}


#logoMiedzy
{
    float: left;
    width: 244px;

}




#anim
{
    float: left;
    margin-top: -1px;

}

div#kolumnaLewa
{
    float: left;

}

div#kolumnaPrawa
{

    margin-left: 42px;
    padding-bottom: 100px;

}

div .stworzProjekt
{
    border-bottom: 1px solid #d6d6d6;
    float: right;
    width: 720px;
    padding: 0px 10px;


}

div .stworzProjekt div
{
    float: left;
}

div#innePropozycje img
{
    margin: 20px 0;
    margin-right: 51px;


}

div#sPZdjecie
{
    margin: 0px 0px;
    width: 190px;
}

div#opisProjekt
{
    margin: 20px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #ca4d4d;
    width: 100%;

}

div#opisProjekt a
{
    text-decoration: none;
    color: #ca4d4d;
}

div#opisProjekt p
{
    font-size: 12px;
    font-weight: normal;
    color: #535353;
    width: 510px;
    line-height: 150%;
    text-align: left;
}

div#opisProjektCena
{
    color: #2b8d11;
    font-size: 17px;
    margin-top: 20px;

}

div#opisProjektCena img
{
    vertical-align: middle;
    margin-left: 20px;

}

div#opisProjektTresc
{
    font-size: 12px;
    font-weight: normal;
    color: #535353;
    width: 510px;
    margin-top: 20px;
    line-height: 150%;


}


div#kontenerStopka
{
    height: 91px;
    position: relative;
    width: 960px;
    bottom:0px;
    background: url(/img/stopka.jpg) no-repeat top;

    clear: both;

    margin: 0 auto;


    text-align: center;


}

div#stopkaTresc ul
{

    list-style: none;
    float: left;
    margin: 30px 0px 10px 100px;
    padding: 0;
}

div#stopkaTresc ul li
{
    display: inline;
    float: left;
    margin: 10px 6px;
    padding: 0;
}

div#stopkaTresc ul li a
{
    color: #8d8d8d;
    font-size: 8pt;
}

div#stopkaTekst
{
   text-align: left;
   margin: 15px 30px;
   margin-top: 40px;
}

div#kontenerStopka div#logo
{
    float: right;
    margin: 45px 100px 10px 0;

}

/* ---------------MENU----------------- */

div#menu
{
    position: relative;
    width: 160px;
    background-color: #e6e6e6;

    top: -60px;
    z-index: 3;

}

div.menuButton
{
    width: 155px;
    height: 28px;
    background: url(/img/button/tloc.jpg)  no-repeat;
    text-align: center;

    margin-top: 6px;
    cursor: pointer;
}

div.menuButton table {
    margin: 0 auto;
    width: 150px;
}

div.menuButton table td {
    height: 20px;
    vertical-align: middle;
    text-align: center;
}

div.menuButton table td a {
    font-family: "Trebuchet MS";
    font-size: 12px;
    text-decoration: none;
    color: #777777;
}

div.menuButton img
{
    margin-top: 5px;
}

div#zezdjeciem
{
    width: 155px;
    height: 24px;
    background: url(/img/button/tlob.jpg) top center no-repeat;
    text-align: center;

    margin-top: 6px;

}

div#active
{
    width: 160px;
    height: 24px;
    background: url(/img/button/tloa.jpg) top center  no-repeat;
    text-align: center;

    margin-top: 6px;
}

div#active img
{

    margin-top: 12px;

}

div.panele
{
    width: 205px;
    height: 220px;
    border-right: 1px solid #c0c0c0;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;

}

div.panele img
{
    margin-bottom: 15px;
    margin-top: 10px;

}

.inputName
{
    color: #827272;
    font-family: Verdana;
    font-size: 0.95em;
    font-weight: bold;
    margin-top: 7px;

}

input
{
    width: 160px;
    background-color: #dcdcdc;
    display:block;
    margin-top: 6px;

    padding: 2px;
}

dev.wybor input
{
	background-color: #fff;
}

.zaloguj
{



    cursor: pointer;

}

input.zaloguj
{
    width: 79px;
    height: 31px;
    margin-left: 85px;
    background: url('/img/zaloguj.jpg') no-repeat;

    padding: 0;
}

input.dalej
{
    width: 79px;
    height: 31px;
    background: url('/img/zaloguj.jpg') no-repeat;
    text-align: center;
    margin: 0 auto;
}

input#chceZalozycKonto
{
    width: 200px;
    height: 34px;
    background: url('/img/chceZalozycKonto.jpg') no-repeat;
    text-align: center;
    margin: 0 auto;
}

input#nieChceZakladacKonta
{
    width: 200px;
    height: 34px;
    background: url('/img/nieChceZakladacKonta.jpg') no-repeat;
    text-align: center;
    margin: 0 auto;
}

div.paneleObrazek
{

    margin-left: 15px;


}

html>body div.paneleObrazek
{
    margin-left: 35px;

}

#naviBar
{
    position: absolute;
    top: 200px;
    font-family: "Trebuchet MS";
    font-size: 11px;
    color: #535353;
    padding-left: 35px;
}

#naviBar a
{
    color: #535353;

}

div.naglowek
{


    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    color: #ca4d4d;

}

div#zawartosc
{
    float: left;
    width: 710px;
    padding: 0px 10px;
    font-size: 1em;
    line-height: 18px;

}


div#zawartosc p
{
    font-family: "Trebuchet MS";
    font-size: 12px;
    color: #535353;
}

div#zawartosc p a
{
    color: #535353;
}

div#zawartosc p select
{

    border: 1px solid #535353;
    padding: 2px;
    font-family: "Trebuchet MS";
    font-size: 12px;
    color: #535353;
}

div .box
{
    border-bottom: 1px solid #d6d6d6;
    float: left;
    width: 700px;
    padding: 0px 10px;
    margin-bottom: 30px;


}





div.register
{

    margin: 0 auto;
    display: block;
    margin-top: 20px;
	text-align: center;
	width: 500px;


}

div.register div p a
{

   margin-left: -20px;


}

div.register form div div input
{
    margin: 0 auto;
    display: block;

}


/* --------------------NEW-------------------- */

div.middleBlue
{
    width: 700px;
    margin: 0 auto 10px auto;
}

div.middleBlue div.middleBlueHeader
{
    width: 700px;
    height: 35px;
    background: url( /images/syspin_middleBlueBox_header.png )  no-repeat;
}

div.middleBlue div.middleBlueHeader p
{
    color: #c1dcec;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 8px 15px;
}

div.middleBlue div.middleBlueContent
{
    width: 700px;
    background: url( /images/syspin_middleBlueBox_body.png ) repeat-y;
}

div.middleBlue div.middleBlueContent p
{
    font-family: Verdana;
    font-size: 11px;
    color: #5f5e5e;
    margin: 0;
    padding: 10px 20px;
}

div.middleBlue div.middleBlueContent p a
{
    text-decoration: none;
    color: #5f5e5e;
}

div.middleBlue div.middleBlueContent p a:hover
{
    text-decoration: underline;
}

div.middleBlue div.middleBlueContent pre
{
    padding: 0 10px;
    font-size: 11px;
}

div.middleBlue div.middleBlueContent form
{
    width: 95%;
    margin: 0 auto;
}

div.middleBlue div.middleBlueContent ul
{
    margin: 0;
}

div.middleBlue div.middleBlueContent ul li
{
    font-family: Verdana;
    font-size: 12px;
    color: #5e5d5d;
}

div.middleBlue div.middleBlueContent ul li a
{
    color: #5e5d5d;
    text-decoration: none;
}

div.middleBlue div.middleBlueFooter
{
    width: 700px;
    height: 6px;
    font-size: 1px;
    background: url( /images/syspin_middleBlueBox_bottom.png ) no-repeat;
}

table#registerTable
{
    width: 700px;
    margin: 0 auto;
    background-color: #f3f1f1;
    border: 1px solid #d6d6d6;
    padding: 10px;
}

table#registerTable td
{
    font-family: Arial;
    font-size: 12px;
    color: #5e5d5d;
    padding: 2px;
}

table#registerTable td input
{
    width: 300px;
    font-family: Arial;
    font-size: 12px;
    color: #5e5d5d;
    padding: 1px 3px;
}

table#registerTable td input.logon
{
    width: 58px;
    height: 20px;
    border: none;
    background: url( /images/syspin_button-zaloguj.png ) no-repeat;
}


table#registerTable td input.zalozkonto
{
    width: 80px;
    height: 22px;
    border: none;
    background: url( /img/dalej.png ) no-repeat;
}

table#registerTable td input.zapisz
{
    width: 80px;
    height: 22px;
    border: none;
    background: url( /img/zapisz.png ) no-repeat;
    cursor: pointer;
}

table#registerTable td input.kontaktWyslij
{
    width: 80px;
    height: 22px;
    border: none;
    background: url( /img/wyslij.png ) no-repeat;
    cursor: pointer;
}

table#registerTable td textarea
{
    width: 300px;
    height: 200px;
    font-family: Arial;
    font-size: 12px;
    color: #5e5d5d;
    padding: 1px 3px;
}

table#registerTable td.label
{
    width: 180px;
    text-align: right;
}

table#registerTable td.fields
{
    width: 350px;
    text-align: left;
}



/*------------------- Produkty w kategoriach -------------------------*/

table.longProductList
{
    width: 560px;
    border: none;
    margin: 10px auto;
}

table.longProductList td
{

    font-family: "Trebuchet MS";
    font-size: 12px;
    color: #535353;
    text-align: center;
    padding: 10px 20px;
    vertical-align: middle;
    font-weight: bold;
    background: url(/img/produkttlo.jpg) repeat-x;
    width: 270px;
    background-color: #f6f6f6;
}

table.longProductList td img
{
    border: 1px solid #535353;
    margin: 5px;
    float: left;
}

table.longProductList td a
{
    color: #535353;
    text-decoration: none;
}

table.longProductList td div.price
{
    color: #3fa128;
    font-size: 12px;
    font-weight: bold;
    margin: 10px;
}

table.longProductList td input
{
    width: 80px;
    height: 22px;
    border: none;
    background: url( /img/zamawiam.png ) no-repeat transparent;
    margin: 2px 0 0 0;
}

input.orderButton
{
    width: 80px;
    height: 22px;
    border: none;
    background: url( /img/zamawiam.png ) no-repeat transparent;
    margin: 2px 0 0 0;
}

/* ------------------ Table Koszyk ------------------------*/
table#koszyk
{
    width: 700px;
    margin: 10px auto;
}

table#koszyk th
{
    background: url( /images/syspin_productBox.png ) repeat-x #fff top center;
    padding: 5px;
    font-family: Verdana;
    font-size: 12px;
    color: #5e5d5d;
    text-align: center;
    vertical-align: middle;
}

table#koszyk td
{
    padding: 5px;
    font-family: Verdana;
    font-size: 12px;
    color: #5e5d5d;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #D4E5F0;
}

table#koszyk td.platnosc, table#koszyk td.adresdostawy
{
    text-align: left;
}

table#koszyk td.komentarz
{
    text-align: left;
}

table#koszyk td.komentarzBox
{
    text-align: center;
}

table#koszyk td.komentarz select
{
    width: 250px;
    font-family: Verdana;
    font-size: 11px;
}

table#koszyk td.komentarz label
{
    width: 150px;
    text-align: right;
    float: left;
    padding: 2px;
}

table#koszyk td.komentarz input
{
    width: 250px;
    font-family: Verdana;
    font-size: 11px;
    margin: 1px;
    text-align: left;
    padding: 0 2px;
}

table#koszyk td.komentarzBox textarea
{
    width: 450px;
    height: 100px;
    font-family: Verdana;
    font-size: 11px;
    padding: 0 2px;
}

table#koszyk td.komentarzBox input.zamowfinal
{
    width: 144px;
    height: 51px;
    border: none;
    background: url( /img/zlozZamowienie.jpg ) no-repeat;
    float: right;
    margin: 5px;
}

table#koszyk td img
{
    vertical-align: middle;
}

table#koszyk td input
{
    text-align: center;
    width: 30px;
}

table#koszyk td select
{
    width: 150px;
    font-family: Verdana;
    font-size: 11px;
}

table#koszyk td input.koszykzlozzamowienie
{
    width:	143px;
    height: 47px;
    border: none;
    background: url( /img/doKasy.jpg ) no-repeat;
    cursor: pointer;
}

table#koszyk td a
{
    color: #5e5d5d;
    text-decoration: none;
}

div.dodajZdjecie
{

    /*margin-top: 10px;*/
}
input.dodajDoKoszyka
{
    width: 143px;
    height: 47px;
    background: url(/img/dodajDoKoszyka.png);
    cursor: pointer;
    z-index: 100;

}

input.edytujRewers
{
    width: 143px;
    height: 47px;
    background: url(/img/edytujRewers.png);
    cursor: pointer;


}

input.przegladaj
{
    position: absolute;

    width: 143px;
    height: 47px;
    background: url(/img/przegladaj.png) no-repeat;
    cursor: pointer;
    z-index: 0;

}

input.dodajPlik
{
    width: 143px;
    height: 47px;

    background: url(/img/dodajObrazek.png);
    cursor: pointer;
    display: none;

}

input.addFile
{

    height: 70px;
    width: 150px;
    position:relative;
    top: -22px;
    left:-115px;
    cursor: pointer;
    z-index: 1;
    filter:alpha(opacity=0);
    -moz-opacity:.0;
    opacity:.0;

}

div.koszyk
{
    width: 160px;
    height: 120px;
    margin: 0;
    padding: 0;
    background: url(/img/koszCzeka.jpg) no-repeat;
}

div#kolumnaLewa div.koszyk
{
	margin-top: -40px;

}
div.koszykzam
{
    width: 160px;
    height: 120px;
    margin: 0;
    padding: 0;
    background: url(/img/koszProdukty.jpg) no-repeat;
    margin-top: -40px;
}

div.koszykzam img
{
    margin-left: 30px;
}

div.ie
{
    position: relative;
    width: 300px;
    margin: 0px auto;
    margin-left: 180px;
    height: 50px;
}

td.fields span
{
    color: red;
}

img.ok
{
    width: 50px;
    height: 50px;
    float: left;
    margin-left: 135px;
    margin-top: 10px;
    display:none;
}

div select#rewers
{
    margin: 20px auto;
    text-align: center;
    margin-left: -5px;


}


div#aforyzm
{
    font-family: "Trebuchet MS";
    font-size: 13px;
    color: #535353;
    margin: 0 auto;
    margin-top: 5px;
	width: 500px;
}

div#aforyzm div
{
    width: 700px;

}

div#aforyzm div p
{
    margin: 0;
    padding-top: 4px;
}

div#aforyzm div input
{
    float: left;
    width: 30px;
}

div#tekst
{
	width: 500px;
	margin: 0 auto;
	text-align: center;
}

div#tekst textarea, .aforyzmy textarea
{
    width: 400px;
    margin: 0 auto;
    border: 1px solid #cecece;

}

div#menu div
{
    width: 160px;
}


table.productContainer
{
    width: 700px;
    margin: 10px auto;
}

table.productContainer td
{
    font-family: "Trebuchet MS";
    font-size: 13px;
    color: #535353;
    padding: 10px;
}

table.productContainer td.description
{
    text-align: left;
    width: 400px;
}

table.productContainer td.description div.cena
{
    font-size: 18px;
    font-weight: bold;
    color: #3FA128;
    margin: 10px;
}

table.productContainer td.foto
{
    width: 300px;
    background: #e6e6e6;
    text-align: center;
    border: 1px solid #535353;
}

table.productContainer td.foto div#largerPhoto
{
    margin: 10px;
}

table.productContainer td.foto div#morePhotos img
{
    margin: 5px;
}

img.loader
{


    height: 19px;
    margin: 15px auto;
    z-index: 100;
    display: none;
    margin-left: 10px;
}

img.ok
{
    width: 50px;
    height: 50px;
    float: left;
    margin-left: 135px;
    margin-top: 10px;
    display:none;
}


div.wybor
{
	margin: 0 auto;
	width: 500px;
	text-align: center;

}

div#zawartosc div.wybor p
{
	font-size: 16px;
	margin: 20px auto 10px 20px;
	margin: 0 auto;



}

div#zawartosc div.wybor span.aforyzmy
{
	font-style: italic;
	font-weight: bold;
	clear: rigth;
	display:block;
	text-align: left;

}
div#zawartosc div.wybor span.aforyzmy p
{
	margin: 0 auto;
	margin-left: 50px;


}

div.dodajZdjecie
{

}

div#zdjecie div.naglowek
{
	width: 520px;
	margin: 0 auto;
}

div#strona1, div#strona2
{
	margin: 0 auto;
}


input.radio
{
	background: white;
	width: 12px;
	height: 12px;

}

table#zamowienia tbody tr th
{

	font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #5f5e5e;
    background-color: #ccc;
    border: none;
    margin: 0;
    padding: 5px 20px;

}

table#zamowienia tbody tr td
{

	font-family: Verdana;
    font-size: 11px;
    color: #5f5e5e;
    margin: 0;
    padding: 10px 20px;

}

div.sformatowane, div.sformatowane p
{
	font-family: Verdana;
    font-size: 11px;
    color: #5f5e5e;
    margin: 0;
    padding: 10px 20px;
}

span#userId, div#twojPanel, span.instrukcja
{
	color: #93b465;
	font-family: Verdana;
    font-size: 13px;
    font-weight: bold;

}

div#twojPanel
{
	font-size: 11px;
	color: #5f5e5e;
}

span.instrukcja
{
	font-weight: normal;
	color: #5f7442;

}

div#breloki
{
	display: none;
	text-align: center;

	width: 600px;
	margin: 0 auto;


}

div#breloki div
{
	padding-top: 160px;
	padding-bottom:150px;
	margin: 0 auto;
	margin-left: -70px;

}
div#breloki img
{
	cursor: pointer;

	border: none;
}
#select
{
	display: none;
}

div#zdjecia div
{
	display: none;
	position: absolute;
	padding: 1px;
	border: 1px solid #000;
}

#bok1, #bok2, #bok3, #bok4
{
	margin-left: 180px;
}

#kontener
{
	width: 960px;
}

div.spod
{
	height: 49px;

}

div.spod img
{
	cursor: pointer;
}

div.aforyzmTresc
{
	margin-top: -18px;
}

div#komunikat
{
    position: absolute;
    left: 80px;
    top: 50px;
    width: 450px;
    height: 80px;
    background: #FFF;
    border: 2px solid #dddddd;
    padding: 10px;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;

}

div#komunikat input
{
    margin: 0 auto;
}

div#komunikat table
{
    width: 100%;
    margin: 0 auto;
}

div#komunikat table td
{
    height: 50px;
    vertical-align: middle;
    color: #000;
}