/*
---------------------------------------------
 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/bg.jpg) 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;}
h1 { font-size: 22px; line-height: 40px; color: #d16063;}
h2 { font-size: 18px;}
h3 { font-size: 13px;}

.kontener { width: 980px; height: auto; margin: 0 auto; text-align: center; position: relative;}
.top { height: 422px; background: transparent url(img/top.jpg) 0% 100%  no-repeat;}

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

.menu { height: 64px; background: transparent url(img/menu_bg.jpg) 0% 0% no-repeat; text-align: right; margin: 0 auto;}
.menu a { margin: 0 20px; line-height: 54px; font-size: 12px; color: #d3615c; text-transform: uppercase; font-weight: bold; font-family: Verdana, sans-serif;}
.menu a:hover, .menu a.on { color: #585858;}

.menu a.sg { line-height: 24px; padding-left: 20px; background: transparent url(img/sg.gif) 0 2px no-repeat;}
.menu a.sg:hover { background: transparent url(img/sg.gif) 0 -42px no-repeat;}

.top ul { margin: 120px 0 0 35px;}
.top ul li { padding-left: 15px; font-size: 12px; color: #585858; line-height: 20px; background: transparent url(img/dot.gif) 0 50% no-repeat;}

/**/

.panel_boxy { height: 366px; margin: 0 auto;}
.panel_boxy div { width: 320px; float: left; padding: 50px 20px 10px 20px; color: #fff; text-align: left;}
.panel_boxy .sep.best { width: 290px;}
.panel_boxy .sep.best a, .best_box a { margin: 10px 0; display: block; text-align: right; font-weight: bold; border: 0;}
.panel_boxy .sep.praca { width: 250px; height: 306px; background: transparent url(img/praca.jpg) 50% 0 no-repeat;}
.panel_boxy div span, .kontakt_box span { margin: 10px 0 30px; display: block;}
.panel_boxy div span strong, .kontakt_box span strong, .best_box span strong { font-size: 15px;}
.panel_boxy div a { color: #fff;}
.panel_boxy div a:hover { text-decoration: underline;}
.panel_boxy div p, .kontakt_box p { margin: 10px 0;}
.panel_boxy div p strong, .kontakt_box p strong { margin: 10px auto; font-size: 13px;}

.panel_boxy div p.tel, .kontakt_box p.tel { margin: 10px 0; font-weight: bold; font-size: 18px; line-height: 40px;}
.panel_boxy div big, .kontakt_box big { display: block; font-weight: bold; font-size: 24px;}
.panel_boxy div p.tel, .kontakt_box p.tel { margin: 10px 0; font-weight: bold; font-size: 18px; line-height: 40px;}
.panel_boxy div big { background: transparent url(img/bg_tel.gif) 1px 12px no-repeat;}
.kontakt_box p.tel, .best_box a { color: #da251b;}
.kontakt_box big { background: transparent url(img/bg_tel_bialy.gif) 1px 12px no-repeat;}
.kontakt_box a, .best_box a:hover { color: #383934;}
.kontakt_box a:hover { text-decoration: underline;}
.kontakt_box { background: transparent url(img/znak_bez.jpg) 0px 0px no-repeat;}
.kontakt_red { background: transparent url(img/znak_red.jpg) 0px 0px no-repeat;}

.stopka { padding: 2px 0 0; background: transparent url(img/jasny_poziom_sep.jpg) 100% 0% repeat-x; border-top: 1px solid #dfdfdf;}
.stopka p { display: block; color: #bababa; font-size: 10px;}
.stopka p a { color: #bababa; font-size: 11px;}
.stopka p.l { width: 50%; float: left; text-align: left;}
.stopka p.l a {  margin: 0 5px;}
.stopka p.r { width: 40%; float: right; text-align: right;}


.tresc { height: 100%; position: relative; top: -120px; left: 0; color: #383934;}
.tresc .kolle { width: 384px; position: relative; top: 50px; left: 0; float: left; margin: 0; padding: 21px 0px 0; background: transparent url(img/rog_bez.jpg) 0% 0% no-repeat;}
.tresc .kolle .kontakt_box { width: 324px; margin: 0; padding: 30px; background-color: #dcdcd8;}
.tresc .kolle .best_box { width: 324px; margin: 0; padding: 30px; background-color: #fff;}
.tresc .kolpr { width: 596px; position: relative; top: 0px; left: 0; float: right; margin: 0; padding: 21px 0 0; background: transparent url(img/rog_bialy.jpg) 100% 0% no-repeat;}
.tresc .kolpr .zaw { padding: 30px; background-color: #fff;}
.zaw em { font-size: 14px; margin: 20px 0;}
.zaw p { text-align: justify; margin: 20px 45px 10px 5px;}
.zaw ul { margin: 20px 45px 10px 5px;}
.zaw ul li { font-size: 12px; line-height: 1.4em;}
.zaw ul li { padding-left: 10px; background: transparent url(img/li.jpg) 0 0.8em no-repeat;}


.tab { margin: 0; padding: 0; border: 0; font-size: 12px;}
.tab td, .tab th { padding: 5px;}
.tab td { border-bottom: 1px solid #cfcfcf;}
.tab th { background-color: #d16063; color: #fff;}



/*-----------------------------------------------------
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: 300px; 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 10px 0 0; padding: 6px 0 0 0; color: #d16063; text-align: right;}
form p        { clear: both;}
form .submit  { width: 80px; margin-left: 66px; padding: 5px; background-color: #9f9f9f; color: #fff; font-weight: bold; cursor: pointer;}

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

.mapa { /* width: 530px; height: 330px;  */position: relative; border: 5px solid #cfcfcf; margin: 20px 0;}