/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/

.clear { clear: both; height: 1%;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block;}
/* Hides from IE-mac \*/
* html .clear { height: 1%;}
.clear { display: block;}
/* End hide from IE-mac */

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

html { width: 100%; height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background: #fFF url(img/chmury.jpg) 50% 0 repeat-x;}

p          { margin: 20px 5px 10px 5px; font-size: 12px; line-height: 1.6em;}
a, a:hover { text-decoration: none;}
ul         { list-style-type: none;}

h1, h2, h3, h4, h5, h6 { margin: 20px 0px; font-weight: normal; color: #383934;}
h2 { font-size: 18px; color:  #a2b5cc/* #20464b */;}
h3 { color: #466080;}


.kontener { width: 980px; height: auto; margin: 0 auto; text-align: center; position: relative; color: #818181;}
.kontener.top { width: 980px; height: 326px; background: transparent url(img/isobudprimo.jpg) 50% 0%  no-repeat;}

.top, .tresc, .panel_boxy, .stopka { width: 980px; margin: 0 auto; position: relative; text-align: left;}

.naglowek span { width: 230px; height: 120px; padding-top: 100px; margin: 0; display: block; background: transparent url(img/logo.jpg) no-repeat;}
.naglowek h1 { font-weight: bold; font-size: 14px; color: #47607f; text-align: center;}
.naglowek em { text-indent: -9000px; font-size: 14px; color: #fff; font-weight: bold; font-size: 14px; font-style: normal;}
.naglowek span a { display: block; height: 200px;}

/**/
.panel_boxy { border-bottom: 1px solid #e0eae8;}
.boxy { width: 290px; float: left; padding: 50px 20px 10px; color: #59626c; text-align: left;}

.boxy a.wiecej { width: 120px; display: block; color: #20464b; font-size: 12px; margin-top: 20px; padding: 10px 20px; background-color: #f6fcfc;}

.boxy.kontakt_box { background: transparent url(img/bg_kontakt.jpg) 100% 100% no-repeat;}
.boxy.zaw_box { background: transparent url(img/sep.gif) 100% 50px no-repeat;}
.boxy.menu_box { width: 278px; background: transparent url(img/bg_menu.jpg) 0px 0px repeat-y;}
 
.menu_box a { width: 228px; padding-left: 50px; display: block; line-height: 40px; font-size: 12px; color: #466080; text-transform: uppercase;}
.menu_box a:hover, .menu_box a.on { background-color: #fff; text-decoration: underline;}
.menu_box a.dz { color: #d93b6b;}

.kolle .boxy.kontakt_box { width: 228px; float: none; padding: 0px 0px 0px 50px; color: #466080; text-align: left; background: transparent url(img/bg_kontakt_kolle.jpg) 145px 100% no-repeat;}
.kolle .boxy.kontakt_box a.wiecej { width: 200px; display: block; color: #466080; font-size: 10px; margin-top: 5px; padding: 0px; background-color: transparent;}

.kolpr .boxy { width: 265px; float: left; padding: 0px 20px 10px; color: #59626c; text-align: left;}

.bg_stopka { width: 100%; margin: 0 auto; background: #FCFEFF url(img/bg_stopka.jpg) 50% 0 repeat-x;}
.stopka { height: 172px; padding: 2px 0 0;}
.stopka p { display: block; color: #8f99a3; font-size: 10px;}
.stopka p a { color: #8f99a3; font-size: 11px;}

.stopka p.l { width: 60%; float: left; text-align: left;}
.stopka p.l a {  margin: 0 3px;}
.stopka p.r { width: 35%; float: right; text-align: right;}
.c { margin: 0 auto; text-align: center; color:#D6D6D6; width: 70%;}
p.c a {  color:#D6D6D6}

.mieszkaniaswinoujscie0 {font-size:10px;}
.mieszkaniaswinoujscie1 {font-size:11px;}
.mieszkaniaswinoujscie2 {font-size:12px;}
.mieszkaniaswinoujscie3 {font-size:13px;}
.mieszkaniaswinoujscie4 {font-size:14px;}
.mieszkaniaswinoujscie5 {font-size:15px;}
.mieszkaniaswinoujscie6 {font-size:16px;}
.mieszkaniaswinoujscie7 {font-size:17px;}
.mieszkaniaswinoujscie8 {font-size:18px;}





.kolle { width: 327px; float: left;}
.kolpr { width: 610px; float: right; margin: 0; padding: 50px 20px 50px 0;}
.kolpr p { margin: 20px 20px 10px 0px; font-size: 12px; line-height: 1.6em;}
.kolpr p a { color: #466080;}
.kolpr p a:hover { text-decoration: underline;}

/*-----------------------------------------------------
TABELE
-----------------------------------------------------*/
table { border: 0; margin: 0; padding: 0;}
table.rzuty td img { width: 106px; height: 78px;}
table.rzuty td a { display: block; width: 106px; height: 78px; border: 4px solid #e0f5ee;}
table.rzuty td a:hover { border: 4px solid #a2b5cc;}
table.rzuty td span { display: block; margin: 5px; font-size: 14px; color: #466080;}
table.rzuty td { /* width: 110px; height: 190px; */ padding: 10px;}

/*-----------------------------------------------------
KONTAKT
-----------------------------------------------------*/


form      { margin: 0; display: block; padding-bottom: 20px;}
form input,
form textarea,
form label    { float: left; font-size: 12px;}
form input,
form textarea { width: 240px; margin-bottom: 5px; padding: 5px; border-width: 1px; border-color: #dcddd8; border-style: solid;}
form textarea { height: 80px;}
form label    { display: block; width: 56px; margin: 0 0px 0 0; padding: 6px 0 0 0; text-align:left;}
form p        { clear: both;}
form .submit  { width: 80px; margin-left: 160px; padding: 5px; background-color: #9f9f9f; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer;}

.dziekujemy { margin: 20px 60px 20px 10px; font-size: 13px;}

/* jQuery lightBox plugin - Gallery style */
#gallery { border-top: 2px solid #e0f5ee; padding-top: 10px; width: 600px;}
#gallery img { margin: 10px; border: 4px solid #e0f5ee;}
#gallery a:hover img { border: 4px solid #a2b5cc;}
#gallery a:hover { }

#parent4 li { background: #F2F2F2; padding: 10px; margin: 5px;}
#menu4 { padding: 10px 0; font-size: 14px; color: #6c8299;}
#menu4 a { font-size: 14px; color: #6c8299; margin-left: 10px;}
#menu4 a.wactive { color: #B2CCFF; text-decoration: underline;}