/* CSS Document */

body {
margin:0;
padding:0;
background:url(../img/tla/mainbg.jpg) repeat-x #ffffff;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
}

a {
border:none;
outline:none;
text-decoration:none;
color:#01366A;
}
a:hover {
text-decoration:underline;
}

img {
border:none;
outline:none;
}

.formButton {
margin-top:14px;
border:1px solid #dfdfdf;
background:#efeff0;
}

/****************** 1. KONTENER GL�WNY *******************/
div#container {
width:978px;
margin:0 auto;
}

/****************** 2. BANNER *******************/
div#banner {
width:978px;
background:url(../img/tla/banner_bg.jpg) top left no-repeat;
float:left;
}
.title {
font-size:16px;
color:#01366A;
font-weight:bold;
margin:4px 0 0 0;
float:left;
font-family:Arial, Helvetica, sans-serif;
}

/*************** 2.1 LOGO ******************/
h1.logo {
clear:left;
float:left;
width:279px;
height:65px;
display:block;
margin:26px 0 0 0;
padding:0;
}
h1.logo a {
width:279px;
height:65px;
font-size:14px;
position:relative;
display:block;
}
h1.logo a span{
width:279px;
height:65px;
position:absolute;
display:block;
background:url(../img/dodatki/logo.jpg) no-repeat;
cursor:pointer;
}

/****************** 2.2 AdBox **********************/

div#adBox {
margin:30px 0 0 0;
padding:0;
width:468px;
height:60px;
float:right;
}

/******************* 2.3 MENU GL�WNE *******************/
ul#mainmenu {
clear:both;
float:left;
margin:15px 0 0 0;
padding:0;
width:978px;
}

ul#mainmenu li {
float:left;
display:inline;
list-style:none;
font-size:12px;
font-weight:bold;
}
ul#mainmenu li a {
color:#fff;
text-decoration:none;
}
ul#mainmenu li a:hover {
color:#f69600;
text-decoration:none;
} 

li.sglowna, li.dodajgab, li.pomoc, li.ostronie, li.kontakt {
background:url(../img/dodatki/menuSpacer.jpg) right no-repeat;
padding:20px 14px 0 0;
height:36px;
}
li.dodajgab, li.pomoc, li.ostronie, li.kontakt {
padding-left:14px;
}
li.kontakt {
background:url(../img/dodatki/menuSpacerEnd.jpg) right no-repeat;
}


/*********************** 3. KONTENER NA TRESC ********************/
div#content_container {
border:1px solid #dbdcde;
background:#fff;
padding:11px;
clear:both;
float:left;
width:956px;
}


/********************* 3.1 NAWIGACJA *******************/
div#naviBox {
border:1px solid #dbdcde;
padding:10px;
}


/********************* 3.3 KOLUMNA LEWA *******************/

div#columnLeft {
width:635px;
float:left;
margin:10px 0 0 0;
}

/*********************  3.3.1 InfoBox *******************/
div#infoBox {
width:635px;
border:1px solid #dbdcde;
background:url(../img/tla/infoBoxbg.jpg) no-repeat;
height:252px;
}

div#infoBox h2 {
color:#01366A;
float:right;
font-size:18px;
font-weight: normal;
margin:10px 10px 20px 0;
padding:0;
}
div#infoBox p {
clear:both;
float:right;
width:430px;
margin:0 10px 8px 0;
text-align:justify;
line-height:16px;

}
.button_dodajgab {
clear:both;
float:right;
margin:0 8px 0px 0;
padding:0;
}

/**************** 3.3.2 Listing ofert ***************/
div#listing {
width:615px;
border:1px solid #dbdcde;
float:left;
margin:10px 0 10px 0;
background:url(../img/tla/columnbg.jpg) repeat-x;
padding:10px;
} 

h2.listingHeader {
margin:0;
padding:6px 0 8px 32px;
font-size:14px;
background:url(../img/dodatki/header1Icon.jpg) no-repeat left;
border-bottom:1px solid #dddddd;
}

/*** Listing -> opcja **/
.opcjaBox {
width:615px;
border-bottom:1px solid #dddddd;
float:left;
}
.tytul {
background:url(../img/dodatki/listingHeaderIcon.jpg) 0 5px no-repeat;
margin:10px 0 6px 0;
padding:0 0 0 10px;
font-size:12px;
}
.opcjaBox p {
margin:8px 0 8px 0;
}
.wiecej {
float:right;
padding-bottom:4px;
}


/********************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************/
/************************************************************                     PODSTRONY                     *****************************************************/

/****** FORMULARZ DODAWANIA GABINET�W *********/

/*** 3.3.1 kontener ***/
div#addForm {
width:615px;
border:1px solid #dbdcde;
float:left;
margin:0 0 10px 0;
background:url(../img/tla/columnbg.jpg) repeat-x;
padding:10px;
}
div#addForm h2 {
margin:0;
padding:6px 0 8px 0px;
font-size:14px;
border-bottom:1px solid #dddddd;
}

div#addForm form fieldset {
border:none;
width:595px;

}
div#addForm form fieldset p {
float:left;
width:595px;
margin:2px 0 2px 0;
padding:10px 0 0 0;
}

div#addForm form fieldset label {
width:184px;
float:left;
padding:2px 16px 0 0;
vertical-align:middle;
text-align:right;
font-weight:bold;
}

div#addForm form fieldset legend {
width:595px;
padding:12px 0 0 0;
font-weight:bold;
color:#01366A;
font-size:14px;
}

div#addForm form fieldset input {
width:390px;
border:1px solid #dadcdf;
}
div#addForm form fieldset input:hover {
border:1px solid #54c3ca;
}
div#addForm form fieldset input:focus {
border:1px solid #01366A;
}

div#addForm form fieldset input.imgInput {
width:306px;
}
div#addForm form fieldset input.imgButton {
width:80px;
background:#efeff0;
}

div#addForm form fieldset input.checkBoxy {
width:auto;
float:left;
margin-top:2px;
border:none;
}

div#addForm form fieldset textarea {
width:390px;
height:100px;
border:1px solid #dadcdf;
}
div#addForm form fieldset textarea:focus {
border:1px solid #01366A;
}
div#addForm form fieldset textarea:hover {
border:1px solid #54c3ca;
}

div#addForm form fieldset input.formButtons {
width:80px;
background:#efeff0;
}


/*********** LISTA GABINET�W *************/

div#promoGabinetBox, div#GabinetBox {
width:615px;
border:1px solid #dbdcde;
background:url(../img/tla/promoListaGabinetbg.jpg) no-repeat;
padding:10px;
margin-bottom:10px;
float:left;
}
div#promoGabinetBox h2, div#GabinetBox h2 {
margin:0;
padding:0px 0 8px 0;
font-size:14px;
border-bottom:1px solid #dddddd;
}

.gabinetDane {
width:400px;
float:left;
margin:10px 0 10px 0;
line-height:16px;
}
div#promoGabinetBox img, div#GabinetBox img {
float:right;

height:80px;
display:block;
}

.opisGabinetu {
width:615px;
float:left;
border-top:1px solid #dedee0;
margin:0;
padding:10px 0 0 0;
}

/** gabinety PROMO **/
div#promoGabinetBox {
background:url(../img/tla/promoListaGabinetbg.jpg) no-repeat;
}

div#promoGabinetBox h2 {
color:#01366A;
}

/** gabinety ZWYKLE **/
div#GabinetBox {
background:url(../img/tla/columnbg.jpg) repeat-x;
}


/********** KARTA GABINETU **************/

div#kartaGabinetuPremiumTitle, div#kartaGabinetuTitle {
width:615px;
border:1px solid #dbdcde;
float:left;
margin:0 0 10px 0;
padding:10px;
}

div#kartaGabinetuPremiumTitle h2, div#kartaGabinetuTitle h2 {
margin:0;
padding:0px 0 0px 0;
font-size:14px;

color:#01366A;
}

div#kartaGabinetuPremiumTitle {
background: url(../img/tla/promoListaGabinetbg.jpg) no-repeat;
}
div#kartaGabinetuTitle {
background: url(../img/tla/columnbg.jpg) repeat-x;
}
div#kartaGabinetuTitle h2 {
color:#000;
}

/** dane gabinetu **/
div#daneGabinetuBox, div#daneGabinetuPremiumBox {
width:310px;
border:1px solid #dbdcde;
float:left;
margin:0 0 10px 0;
background: url(../img/tla/columnbg.jpg) repeat-x;
padding:10px;
}

div#daneGabinetuBox h2, div#daneGabinetuPremiumBox h2 {
margin:0;
padding:7px 0 8px 32px;
font-size:14px;
background:url(../img/dodatki/zabHeaderIcon.jpg) no-repeat left;
border-bottom:1px solid #dddddd;
}

.daneAdresoweBox, .daneTelefoniczneBox, .daneIntBox, .daneCzasBox {
width:310px;
border-bottom:1px solid #dddddd;
padding:10px 0 10px 0;
line-height:18px;
}

.daneAdresoweBox {
background:url(../img/tla/daneAdresowebg.jpg) center right no-repeat;
font-weight:bold;
}
.daneTelefoniczneBox {
background:url(../img/tla/daneTelebg.jpg) center right no-repeat;
font-weight:normal;
}
.daneCzasBox {
background: url(../img/tla/daneCzasbg.jpg) center right no-repeat;
font-weight:normal;
}
.daneIntBox {
background:url(../img/tla/daneIntbg.jpg) center right no-repeat;
font-weight:normal;
border-bottom:none;
padding:0px 0 4px 0;
line-height:58px;
}

/** dane gabinetu - Premium **/
div#daneGabinetuPremiumBox {
width:288px;
}
.daneAdresoweBox, .daneTelefoniczneBox, .daneIntBox, .daneCzasBox {
width:288px;
}

/** logo gabinetu **/
div#logoGabinetuBox {
width:270px;
border:1px solid #dbdcde;
float:left;
margin:0 0 10px 10px;
padding:7px 10px 7px 10px;
}
div#logoGabinetuBox img {
margin: 0 0 0 0;
}

/** logo gabinetu - premium **/

div#logoGabinetuPremiumBox {
width:288px;
border:1px solid #dbdcde;
float:left;
margin:0 0 10px 0;
background: url(../img/tla/columnbg.jpg) repeat-x;
padding:30px 10px 10px 10px;
}
div#logoGabinetuPremiumBox img {
margin: 0 0 0 29px;
}

/** box na googleAdWords **/

div#adWordsBox {
width:270px;
border:1px solid #dbdcde;
float:left;
margin:0 0 10px 10px;
padding:0px 10px 4px 10px;
}

/** opisy gabinetu **/

.opisyGabinetuBox {
width:615px;
border:1px solid #dbdcde;
float:left;
margin:0 0 10px 0;
background: url(../img/tla/columnbg.jpg) repeat-x;
padding:10px;
}
.opisyGabinetuBox h2 {
margin:0;
padding:0px 0 8px 0;
font-size:14px;
border-bottom:1px solid #dddddd;
}

.opisyGabinetuBox p {
text-align:justify;
text-indent:0px;
}
/******************************* 3.4 Kolumna PRAwA *******************************/
div#columnRight {
width:288px;
float:left;
margin:10px 0 0 11px;
}

/************** 3.4.1 SzukajMapkaBox ****************/
div#SzukajMapkaBox, div#featured, div#seemore, div#searchBox {
width:288px;
border:1px solid #dbdcde;
background:url(../img/tla/columnbg.jpg) repeat-x;
padding:10px;
float:left;
}
div#SzukajMapkaBox {
margin-top: 10px;
}
div#ReklamowyBox {
width:300px;
border:1px solid #dbdcde;

padding:4px;
float:left;
margin-bottom:0px;
}
.mapHolder {
width:288px;
float:left;
}

div#SzukajMapkaBox h2 {
margin:0;
padding:7px 0 8px 32px;
font-size:14px;
background:url(../img/dodatki/searchHeader.jpg) no-repeat left;
border-bottom:1px solid #dddddd;
}


.mapka {
margin:14px 0 10px 22px;
}

.listaMiast {
margin:0 10px 0 0;
padding:0;
float:left;
width:80px;
}

.listaMiast li {
list-style:none;
background:url(../img/dodatki/mapkaListIcon.jpg) 0 5px no-repeat;
padding-left:8px;
}
.listaMiast li a{
color:#000;
}

/************ 3.4.2 Wyszukiwarka ***************/
div#searchBox {
margin-top:10px;
}
div#searchBox h2 {
margin:0;
padding:7px 0 8px 32px;
font-size:14px;
background:url(../img/dodatki/searchHeader.jpg) no-repeat left;
border-bottom:1px solid #dddddd;
}

div#searchBox form {
margin:0;
padding:10px 0 10px 0;
}
div#searchBox form input {
width:200px;
border:1px solid #dfdfdf;
}
div#searchBox form input:hover {
border:1px solid #54c3ca;
}
div#searchBox form input:focus {
border:1px solid #01366A;
}
div#searchBox form input.searchSubmit {
border:1px solid #dfdfdf;
width:80px;
background:#efeff0;
}
/*************** 3.4.3 Wyr�znione gabinety *************/

div#featured {
margin-top:10px;
}

div#featured h2 {
margin:0;
padding:7px 0 8px 32px;
font-size:14px;
background:url(../img/dodatki/zabHeaderIcon.jpg) no-repeat left;
border-bottom:1px solid #dddddd;
}

.nazwaGabinetu {
background:url(../img/dodatki/wyroznioneGabinetyIcon.jpg) 0 5px no-repeat;
margin:10px 0 0 0;
padding:0 0 0 10px;
font-size:12px;
}
div#featured p {
margin:4px 0 0 0;
line-height:16px;
}

/**************** Wyr�znione gabinety - Premium ********************/
div#featured form {
margin:0;
padding:0;
}

div#featured form fieldset {
border:none;
margin:0;
padding:0;
}
div#featured form fieldset label {
padding:14px 0 4px 0;
display:block;
text-indent: 0;
font-weight:bold;
}
div#featured form fieldset input, div#featured form fieldset textarea {
width:280px;
border:1px solid #dfdfdf;
}
div#featured form fieldset input:focus, div#featured form fieldset textarea:focus {
border:1px solid #01366A;
}
div#featured form fieldset textarea {
height:90px;
}
/*************** 3.4.4 Zobacz wiecej ****************/

div#seemore {
margin-top:10px;
margin-bottom: 10px;
}

div#seemore h2 {
margin:0;
padding:7px 0 8px 32px;
font-size:14px;
background:url(../img/dodatki/jablkoHeaderIcon.jpg) no-repeat left;
border-bottom:1px solid #dddddd;
}

div#seemore ul {
margin:12px 0 0 0;
padding:0;
}
div#seemore ul li {
list-style:none;
background:url(../img/dodatki/seemoreListIco.jpg) 0 4px no-repeat;
padding:0 0 6px 10px;
}
div#seemore ul li a, div#seemore ul li a:hover {
color:#000;
}

/*********************** 4. boks na Tagi ********************/
div#tagCloud {
clear:both;
margin:0;
border:1px solid #dbdcde;
padding:10px;
float:left;
width:936px;
}
.tags {
color:#01366A;
font-weight:bold;
padding-right:4px;
}


/********************* 5. Stopka **********************/
div#footer {
margin-top:10px;
padding-top:30px;
float:left;
width:100%;
clear:both;
background:url(../img/tla/footerbg.jpg) repeat-x #fff;
}

div#footer_container {
width:956px;
margin:0 auto;
padding-bottom:30px;
}

div#footer_container ul {
margin:0 0 0 168px;
padding:0;

}
div#footer_container ul li {
float:left;
display:inline;
list-style:none;
margin-right:20px;
}
div#footer_container ul li a{
color:#000;
}

div#rights {
border-top:1px solid #dbdbdd;
width:100%;
}
div#rights p {
text-align:center;
}

.working {
	background: #ffffff;
	background-image: url(../img/czekaj.gif);
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.5;
	filter: alpha(opacity =         50);
}

.bad{
background: #D4D4D4;
	color:red;
}
.ok{
background: #D4D4D4;
	color:green;
}