html body { font-family: "Trebuchet MS"; font-size: 12px; color: #5a564a;}
html body a { font-family: "Trebuchet MS"; font-size: 12px; color: #5a564a; text-decoration: none;}
html h1 {font-weight: bold; font-size: 18px; margin: 0 0 25px 0;}
p {line-height: 17px; margin: 10px 0}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.wciecie{ padding-left: 7px;}

table.std {width: 260px; margin: 20px 0}
table.std thead td {font-weight: bold; background: none; text-align: left}
table.std tr th {font-weight: normal}
table.std tr th, table.std td {background: #5a564a; height: 23px; padding: 3px; border: 1px solid #cfc7aa; vertical-align: middle}
table.std td {background: #c5bc9d; text-align: center; color: #5a564a}
table.std tfoot td{color: #b52b01; font-weight: bold; background: none; text-align: left;}


/* rotator in-page placement */
div#rotator {width: 170px; height:246px; position:absolute; right: 83px; top: -80px;background-color: #ECECE4}
/* rotator cssf */
div#rotator ul li {float:left; position: absolute; list-style: none;}
div#rotator ul li img {padding: 4px; background: #ECECE4; width: 162px; height:238px;}
div#rotator ul li.show {z-index:500;}


.description ul {list-style-type: disc; padding-left: 14px}
.description ul li {line-height: 16px;}

/* header */
#headerBox {background: url(/images/backMenu.jpg) top center no-repeat; height: 329px; position: relative; z-index: 0;}
#header , #content { width: 990px; margin: 0 auto;}
#header {position: relative; background: url(/images/backMenu.jpg) no-repeat scroll center top transparent; height: 329px; z-index:100;}

/* left około 270px gdy będzie całe */
#header ul { list-style: none; top: 88px; left: 532px; position: absolute}
#header ul li { float: left; padding-right: 5px; padding-left: 5px; border-right: 1px solid #6f6d64;}
#header ul li a {color: #6f6d64; font-weight: bold; text-decoration: none}
#header ul li a:hover, #header ul li.active a {color: #B52B01}
.rightColumn a:hover {text-decoration: underline}
#twoButtons {border: 1px solid red}
#logoAbsolute { position: absolute; top: 21px; left: 776px; width: 200px; height: 100px}
#wynajemButton {display: block; background: url(/images/wynajemButton.gif) top left no-repeat; height: 36px; width: 213px; position: absolute; top: 102px; left: 270px}
#wynajemButton:hover {background: url(/images/wynajemHoverButton.gif) top left no-repeat;}
#wynajemButton.active {background: url(/images/wynajemActiveButton.gif) top left no-repeat;}
#organizacjaButton {display: block;  background: url(/images/organizacjaButton.gif) top left no-repeat; height: 36px; width: 213px; position: absolute; top: 102px; left: 484px}
#organizacjaButton:hover {background: url(/images/organizacjaHoverButton.gif) top left no-repeat;}
#organizacjaButton.active {background: url(/images/organizacjaActiveButton.gif) top left no-repeat;}

/* footer */
#footer {background: #cfc7aa; height: 400px}
#footerContent {padding: 30px 0; width: 990px; margin: 0 auto}
#footerContent .leftFooter {width: 250px; height: 80px }
#footerContent .rightFooter {width: 640px;margin-left: 20px}



#logos { height: 100px; background: #cfc7aa; border-bottom: #5a564a 1px solid; border-top: #5a564a 1px solid }
#logos a {display: block; width: 76px; height: 70px; float: left; margin: 5px 15px}

#logos a.silesia {background: url(/images/stopka_przyjaciele_slaskie.gif) no-repeat top left; width: 94px; height: 72px}
#logos a.silesia:hover {background: url(/images/stopka_przyjaciele_slaskie_A.gif) no-repeat top left; width: 94px; height: 72px}
#logos a.gm {background: url(/images/stopka_przyjaciele_gm.gif) no-repeat top left; width: 100px; height: 74px}
#logos a.gm:hover {background: url(/images/stopka_przyjaciele_gm_A.gif) no-repeat top left; width: 100px; height: 74px}
#logos a.nikisz {background: url(/images/stopka_przyjaciele_nikisz.gif) no-repeat top left; width: 87px; height: 76px}
#logos a.nikisz:hover {background: url(/images/stopka_przyjaciele_nikisz_A.gif) no-repeat top left; width: 87px; height: 76px}

#links {border-bottom: #5a564a 1px solid; padding: 5px 0 5px 0;}
#links a:hover {text-decoration: underline}
       

/* content */
div.contentBox {background: #cfc7aa;}
div.content {background: #cfc7aa; width: 990px; margin: 0px auto 0 auto; padding: 0; position: relative}
div.content div.leftColumn {min-height: 400px; width: 250px; padding: 20px 0 0 0; background: url(/images/backLeft.gif) top right no-repeat;}
div.content div.rightColumn {min-height: 400px; width: 640px; margin: 20px 0 0 20px}


/* home content */
div.homeContent div.rightColumn div {width: 390px; font-size: 13px;}
div.homeContent div.rightColumn div p {margin: 10px 0 0 0; line-height: 21px}
div.homeContent div.rightColumn div img {margin: -3px 10px -3px 0}

/* kontakt content */
div.kontaktContent form div {margin: 4px 0}
div.kontaktContent address {font-style: normal; line-height: 15px; margin:  49px 0 0 0}
div.kontaktContent address a {text-decoration: underline}
div.kontaktContent form {float: left; margin: 0 25px 0 0}
div.kontaktContent form .submit {cursor: hand; cursor: pointer; border: none; background: url(/images/wyslij.gif) no-repeat; text-indent: -2000px; height: 26px; width: 187px;}
div.kontaktContent form .submit.hover {background: url(/images/wyslijA.gif) no-repeat; }
div.kontaktContent form label, .message {float: left; color: #2b2922; font-size: 11px; margin: 11px 7px 3px 0; display: block }
div.kontaktContent form label.error {display: none ! important}
div.kontaktContent form input.text { float: left; background: #d7d0b8; border: 1px solid #a9a8a1; height: 18px; }
div.kontaktContent form input.error, div.kontaktContent form textarea.error {border: 1px solid #b62b02; background: #fff}
div.kontaktContent form textarea { width: 440px; background: #d7d0b8; border: 1px solid #a9a8a1; height: 160px; }
div.kontaktContent a:hover {color: #b52b01}
div.kontaktContent input.firstname {width: 155px; margin: 0 10px 0 0}
div.kontaktContent input.surname {width: 185px}
div.kontaktContent input.city {width: 170px; margin: 0 10px 0 0}
div.kontaktContent input.email {width: 204px;  margin: 0 10px 0 0}
div.kontaktContent input.phone {width: 138px}

div.wynajemContent div.left a img {margin: 0 0 1px 0}

div.wynajemContent div.rightColumn {width: 624px}    
div.wynajem_dladzieciContent .rightColumn ul li {background: url(/images/list.png) left 8px no-repeat; padding: 0 0 0 8px; line-height: 16px}

/* wynajem content */
ul#wynajemMenu {text-align: right}
ul#wynajemMenu li a {font-size: 10px;}
ul#wynajemMenu li a:hover, ul#wynajemMenu li a.active, html body p a {color: #b52b01;}
                      


/*slider*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;margin-top: 4px}

/*slider core classes*/
.stripViewer {position: relative;overflow: hidden;margin: 0 0 1px 0;}
.stripViewer ul { /* this is your UL of images */  margin: 0;padding: 0;position: relative;left: 0;top: 0;width: 1%;list-style-type: none;}
.stripViewer ul li {float:left;}
.wynajem_scenyContent .stripTransmitter ul li a {display: none} /* tymczasowo bo jedna fotka */
.stripTransmitter {width: 1%;margin-top: -18px;margin-bottom: 40px;}
.stripTransmitter ul {margin: 0 2px 0 0;padding: 0;position: relative;list-style-type: none;float: right;}
.stripTransmitter ul li{float: left;margin: 0px 2px 1px 2px;}
.stripTransmitter a{width: 13px;height: 13px;background: #b52b01;color: #fff;display: block;text-indent: -10000px;}
.stripTransmitter a:hover, a.current{background: #ff5400;color: #ff0000;}