body {

background : #fff url("images/bg.jpg") repeat-x;

font : normal 10px verdana, arial, helvetica, sans-serif;

color : #000;

margin : 0;

padding : 0;

}

.oferta {

  margin : 0px 0px 0px 0px;

  float: left;

}

#td_1 {

background : #fff url("images/sg_18.jpg") repeat-y;

width : 240px;

}

#td_2 {

background : #fff url("images/sg_19.jpg") repeat-y;

width : 245px;

}

#td_3 {

background : #fff url("images/sg_20.jpg") repeat-y;

width : 256px;

}

#td_4 {

background : #fff url("images/ofirmie_13.jpg") repeat-y;

width : 741px;

}

#td_5 {

background : #fff url("images/kontakt_14.jpg") repeat-y;

width : 224px;

}

#td_6 {

background : #fff url("images/kontakt_15.jpg") repeat-y;

width : 517px;

}

#td_7 {

background : #fff url("images/zabawki_14.jpg") repeat-y;

width : 224px;

}

#kategorie_btn {

background : #fff url("images/zabawki_17.jpg") repeat-y;

width : 224px;

height: 23px;

}

#foto1 {

background: url(images/bgblue.gif) no-repeat left bottom;

width : 240px; vertical-align: top; padding: 0px 0px 10px 0px;

}

#foto2 {

background: url(images/bgpink.gif) no-repeat left bottom;

width : 245px;  vertical-align: top; padding: 0px 0px 10px 0px;


}

#foto3 {

background : #fff url(images/bggreen.gif) no-repeat left bottom;

width : 219px;
padding: 0px 0px 10px 37px;  vertical-align: top;

}
#foto3 img {
padding: 10px 0px 0px 0px;
}

#naglowek1 {

background : #fff url("images/sg_12.jpg") no-repeat;

width : 240px;

height : 34px;

}

#naglowek2 {

background : #fff url("images/sg_13.jpg") no-repeat;

width : 245px;

height : 34px;

}

#naglowek3 {

background : #fff url("images/sg_14.jpg") no-repeat;

width : 256px;

height : 34px;

}

#spod1 {

background : #fff url("images/sg_21.jpg") no-repeat;

width : 240px;

height : 25px;

}

#spod2 {

background : #fff url("images/sg_22.jpg") no-repeat;

width : 245px;

height : 25px;

}

#spod3 {

background : #fff url("images/sg_23.jpg") no-repeat;

width : 256px;

height : 25px;

}

#spod4 {

background : #fff url("images/ofirmie_15.jpg") no-repeat;

width : 741px;

height : 29px;

}

#spod5 {

background : #fff url("images/kontakt_20.jpg") no-repeat;

width : 224px;

height : 29px;

}

#spod6 {

background : #fff url("images/kontakt_22.jpg") no-repeat;

width : 517px;

height : 26px;

}

#spod7 {

background : #fff url("images/zabawki_19.jpg") no-repeat;

width : 224px;

height : 19px;

}

#stopka_line {

background : #fff url("images/sg_24.jpg") no-repeat 50px top;

width : 741px;

height : 17px;

}

#naglowek_ofirmie {

background : #fff url("images/ofirmie_12.jpg") no-repeat;

width : 741px;

height : 36px;

}

#naglowek_form {

background : #fff url("images/kontakt_12.jpg") no-repeat;

width : 224px;

height : 39px;

}

#naglowek_kontakt {

background : #fff url("images/kontakt_13.jpg") no-repeat;

width : 517px;

height : 39px;

}

#naglowek_kategorie {

background : #fff url("images/zabawki_12.jpg") no-repeat;

width : 224px;

height : 39px;

}

#naglowek_zabawki {

background : #fff url("images/zabawki_13.jpg") no-repeat;

width : 517px;

height : 39px;

}

#panel

{

       width:590px;

       float:left;

       margin-left:65px;

}

#panel2

{

       width:452px;

       margin-left:25px;

}

div#s1 {

float:left;

text-align:right;

width:650px;

}

div#s2 {

float:left;

text-align:left;

width:30px;

}

p {

text-align : justify;

font : normal 11px/120% verdana, arial, helvetica, sans-serif;

margin : 0;

padding : 0;

}

.text1 {

margin : 40px 80px 20px 60px;

text-align : justify;

color : #c12ba0;

font-size : 11px;

font-weight : normal;

}

.text2 {

margin : 10px 35px 0 35px;

text-align : left;

color : #0d7b9c;

font-size : 10px;

font-weight : normal;

}

.text3 {

margin : 10px 35px 0 35px;

text-align : left;

color : #c12ba0;

font-size : 10px;

font-weight : normal;

}

.text4 {

margin : 10px 40px 0 40px;

text-align : left;

color : #2c9b26;

font-size : 10px;

font-weight : normal;

}

.text5 {

margin : 10px 50px 0px 10px;

text-align : justify;

color : #c12ba0;

font-size : 11px;

font-weight : normal;

}

.text6 {

margin : 10px 70px 10px 0px;

text-align : justify;

color : #c12ba0;

font-size : 11px;

font-weight : normal;

}

.kontakt {

margin : 10px 0px 10px 0px;

text-align : center;

color : #c12ba0;

font-size : 11px;

font-weight : normal;

}

.panel {

color : #c12ba0;

font-size : 11px;

font-weight : normal;

}

.firma {

margin : 10px 80px 0 70px;

text-align : justify;

color : #c12ba0;

font-size : 11px;

font-weight : normal;

}

.stopka {

margin : 0px 0px 10px 0px;

text-align : center;

color : #a8b1b3;

font-size : 10px;

font-weight : normal;

}

.kategorie{

margin : 3px 0px 0px 33px;

text-align : left;

}

.next {

margin : 5px 15px 0px 0px;

text-align : right;

}

.next2 {

margin : 5px 15px 0px 0px;

text-align : right;

}

.next3 {

margin : 5px 20px 0px 0px;

text-align : right;

}

a {

text-decoration : none;

font : normal 10px verdana, arial, helvetica, sans-serif;

color : #a8b1b3;

}

a:hover {

text-decoration : underline;

}

a.next {

text-decoration : none;

font : bold 9px verdana, arial, helvetica, sans-serif;

color : #0d7b9c;

}

a.next:hover {

text-decoration : underline;

}

a.next2{

text-decoration : none;

font : bold 9px verdana, arial, helvetica, sans-serif;

color : #c12ba0;

}

a.next2:hover {

text-decoration : underline;

}

a.next3{

text-decoration : none;

font : bold 9px verdana, arial, helvetica, sans-serif;

color : #2c9b26;

}

a.next3:hover {

text-decoration : underline;

}

a.mail {

text-decoration : none;

font : normal 11px verdana, arial, helvetica, sans-serif;

color : #c12ba0;

}

a.mail:hover {

text-decoration : underline;

}

a.kategorie{

text-decoration : none;

font : bold 10px verdana, arial, helvetica, sans-serif;

color : #FCF000;

}

a.kategorie:hover {

text-decoration : underline;

}

div#pole_form {

padding: 0 0 0 48px;

}



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.suckertreemenu ul{

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.suckertreemenu ul li{

position: relative;

display: inline;

float: left;

background-color: #FFF; /*overall menu background color*/

}



/*Top level menu link items style*/

.suckertreemenu ul li a{

display: block;

width: 130px; /*Width of top level menu link items*/

padding: 0px 0px;

border: 0px

border-left-width: 0;

text-decoration: none;

}

        

/*1st sub level menu*/

.suckertreemenu ul li ul{

left: 20;

position: absolute;

top: 1em; /* no need to change, as true value set by script */

display: block;

visibility: hidden;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.suckertreemenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels offset after 1st level sub menu */

.suckertreemenu ul li ul li ul{ 

left: 159px; /* no need to change, as true value set by script */

top: 0;

}



/* Sub level menu links style */

.suckertreemenu ul li ul li a{

display: block;

width: 180px; /*width of sub menu levels*/

color: #c12ba0;

text-decoration: none;

padding: 1px 5px;

border: 0px;

}



.suckertreemenu ul li a:hover{

background-color: white;

color: #c12ba0;

text-decoration: underline;

}



/*Background image for top level menu list links */

.suckertreemenu .mainfoldericon{

background: #FFF url(images/bullet.jpg) no-repeat center right;

}



/*Background image for subsequent level menu list links */

.suckertreemenu .subfoldericon{

background: #FFF url(images/bullet.jpg) no-repeat center right;

}



* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/

padding-top: 1em;

}

        

/* Holly Hack for IE \*/

* html .suckertreemenu ul li { float: left; height: 1%; }

* html .suckertreemenu ul li a { height: 1%; }

/* End */



/* komentarze i formularz do komentarzy */
div.coments_list{
	color: #C12BA0;
    float: left;
    font-size: 10px;
    margin-bottom: 20px;
    margin-left: 65px;
    margin-top: 20px;
    width: 590px;}
div.coment{
	border-bottom: 1px dotted #F7DCF1;
    margin: 5px 0;
    padding: 2px 0;}
div.coment div.nick{}
div.coment div.coment_text{padding: 5px;}
div.coment div.create_time{}

div.comment_form{
	color: #C12BA0;
    float: left;
    font-size: 12px;
    margin-bottom: 20px;
    margin-left: 65px;
    margin-top: 20px;
    width: 590px;}
div.comment_form div.row{}
div.comment_form div.row label{
	float: left;
    font-size: 13px;
    font-weight: normal;
    width: 44px;}
div.comment_form div.row textarea{
	height: 100px;
    width: 400px;}
div.comment_form div.row input{
    width: 400px;}
div.comment_form div.buttons{
    margin: 8px;}
div.comment_form div.buttons input{
    width: 120px; border: 1px solid #c22da1; background-color: #d462ba; color: #ffffff; height: 25px; border-radius: 4px; text-align: center; cursor: pointer;}
div.comment_form div.error{color:red;}
div.comment_form div.info{color:green;}


div.comment_form div.buttons input[type=reset] {
border: 1px solid #ffd9f7; background-color: #ffe7fa; color: #e7a8d9; width: 100px; height: 25px; border-radius: 4px; text-align: center; cursor: pointer;
}
