@import "editor.css";

* {margin: 0px; padding: 0px; }
body {font: 11px normal arial, sans-serif; color: #777777;  background: url(../images/Tlo.jpg) no-repeat left top #f9f9f9}
ul li{list-style: none; float: left;}
a {text-decoration: none; outline: none; color: #A020F0}
h2 {font-weight: normal;}
#Cialo {width: 844px; margin: 0px auto;}
#Top {height: 99px;position: relative}
#Logotyp span {position: relative; top: 10px;width: 224px; height: 56px; display: block; background: url(../images/Logotyp.png) no-repeat}
#Menu {float: right; position: absolute; top: 50px; right: 0px;}
#Menu li {}
#Menu li span {color: #909090; padding: 10px; font-size: 12px;}
#Menu li span:hover, #Menu .current span {background-color: #000; color: #fff !important}

.Sidebar {float: right; width: 262px; padding: 10px 0 0 0; }
.Sidebar li{float: right; width: 100%; padding: 3px 0 3px 0;}
.Sidebar .current {padding: 3px 10px 3px 0; background: url(../images/GrotListyVeryGray.gif) right no-repeat}
.Sidebar span {color: #777777; }
.Sidebar #Wroc {padding: 30px 0 0 0}
.Sidebar #Wroc span {background-color: #000; padding: 2px; color: #fff; font-size: 10px;}

#Biurko {background-color: #fff}
#Kartka {width: 824px; float: left;}
.Tresc {padding: 10px;line-height: 17px;}
#Stopka #Copywright {float: left; padding: 10px 0 0 0 }
#Stopka #MenuDolne {float: right;padding: 10px 0 0 0;}
#Stopka span {font-size: 10px; color: #b5b5b5}
#Stopka #MenuDolne li{background: url(../images/MenuDolneGrot.png) 10px 9px no-repeat; padding: 0 0 50px 15px}
#Stopka #MenuDolne span:hover {color: #9e9e9e}

#RenderZawartosci {background-color: #fff; float: left; }
#home #RenderZawartosci {background-color: transparent !important;}

#SuperHeader {position: relative; float: left; width: 844px; height: 416px; overflow: hidden;  background: url(/assets/Uploads/MiejscePracy.png) no-repeat; }
#Obszary {position: absolute; bottom: 0px;}
#Obszary li {float: left; width: 844px; cursor: pointer;position: relative; }
#Obszary .Belka {height: 28px; padding: 10px 0 0 0;width: 100%; border-top: 1px solid #fff}
#Obszary .Belka .Syfon {position: relative; left: 12px; font-size: 14px; color: #fff;}
#Belka1 {background-color: #e21389}
#Belka2 {background-color: #a5005e}
#Belka3 {background-color: #70003f}
#Belka4 {background-color: #480029}
#Opis1 {background-color: #C40070}
#Opis2 {background-color: #980056}
#Opis3 {background-color: #5C0033}
#Opis4 {background-color: #38001F}
.OpisDzialalnosci, .OpisSkrocony, .WybraneCechy {height: 240px; overflow: hidden}
#Obszary .S {position: absolute; top: 38px;left: -10px; z-index: 1; width: 500px; height: 262px;background: url(../images/S_alpha.png) no-repeat; display: none }
#Obszary .OpisDzialalnosci {display: none;  color: #fff; }
#Obszary .OpisSkrocony {float: left; width: 440px;}
#Obszary .WybraneCechy {float: right; width: 253px; padding: 0 10px 0 20px; background: url(../images/Separator.png) no-repeat left }
#Obszary .WybraneCechy li {width: 240px; padding: 0 0 5px 10px; background: url(../images/GrotListy.gif) 0px 5px no-repeat;}
#Obszary .Wiecej {position: absolute; bottom: 0px; right: 320px;z-index: 100}
#Obszary .Wiecej span{font-size: 12px; color: #f0f0f0;}

#DodatkoweTresci {float: left; font-size: 11px; }
#DodatkoweTresci .Syfon {color: #000; font-size: 16px;}
#NewsStart {float: left;}
#NewsStart ul, #Polecamy ul{padding: 20px 0 20px 0;}
#NewsStart li {position: relative;width: 300px;padding: 0 10px 0 0 ; float: left;}
.PrevTitle span, #NewsStart .PrevContent span {color: #a5005e}
#NewsStart .PrevContent {position: relative; z-index: 2;color: #777777}
#NewsStart .PrevData {padding: 1px; background-color: #000; color: #F1F1F1; font-size: 11px;}
#Polecamy {width: 180px; padding: 0 0 0 20px; float: left; }

#Domyslna {padding: 55px 0 0 0}

#NazwaStrony {position: relative; height: 54px;}
#NazwaStrony #DecoNazwaStrony{ position: absolute; bottom: 0px; width: 23px; height: 25px; display: block; background: url(../images/TytulStronyGrot.png) no-repeat; }
#NazwaStrony h2 {float: left; background-color: #000; color: #fff; padding: 6px 15px 6px 15px; font-size: 15px; }

.LewaContent {position: relative; float: left; width: 255px; padding: 5px 0 0 0; text-align: right; }
.Content a {color: #484848; text-decoration: underline}
.Content {width: 546px; float: right; ;color: #777777; }
.Content ul {padding: 0 0 0 15px;}
.Content li {width: 100%; float: left; list-style-image:url(../images/GrotListyGray.gif);}

ul.Szablon {float: right; padding: 55px 0 30px 0; text-align: justify; width: 100%;}
ul.Szablon li {position: relative; width: 824px; padding: 0 0 35px 0; float: right}
.Title {padding: 0 0 10px 0}
.Title span {color: #a5005e; font-size: 15px;}
.Slogan {color: #777777}
#News .Data {font-size: 27px; color: #f0f0f0}
#Obszar .Content a{text-decoration: none}

#PelneCechy {padding: 30px 0 30px 0;float: right; text-align: right; }
#PelneCechy ul {float: right;padding: 10px 0 10px 0; }
#PelneCechy li {float: right; width: 100%; list-style-image:url(../images/GrotListyGray.gif);}

#DaneKontaktowe {width: 335px; padding-top: 24px; float: left; color: #777777}
#Form_Form, #FormularzKontaktowy {position: relative ; float: right; width: 450px; height: 280px; padding: 20px 0 0 20px; background: url(../images/KontaktFormBg.png) no-repeat}
#Form_Form {height: 180px;}
#HeadForm {color: #fff; font-size: 15px; padding: 0 0 10px 0; display: block}
#Form_Form .middleColumn, #FormularzKontaktowy .middleColumn {padding: 0px; margin: 0px; width: 150px; background-color: transparent}
#FormularzKontaktowy .textarea .middleColumn {padding: 0px; margin: 0px; width: 241px;}
#Form_Form label, #FormularzKontaktowy label {color: #fff; font-size: 11px;}
#Form_Form div.text, #FormularzKontaktowy div.text {width: 150px; padding: 0 48px 0 0;}
#Form_Form input.text, #FormularzKontaktowy input.text {width: 140px; height: 15px; font-weight: normal; padding: 5px;}
#FormularzKontaktowy textarea {width: 230px; height: 148px; font-weight: normal; padding: 5px;}
#Form_Form input, #FormularzKontaktowy input, #FormularzKontaktowy textarea {font-weight: normal; padding: 5px; color: #777777}
#TrescZapytania {position: absolute; right: 20px; top: 48px; width: 240px; float: right;}
#Form_Form #Zgoda {margin: 10px 0 0 0}
#FormularzKontaktowy #Zgoda {line-height: 12px; padding: 15px 0 0 0; width: 430px}
#FormularzKontaktowy #Zgoda label, #Zgoda {color: #797a7a; font-size: 12px; line-height: 22px;}
#FormularzKontaktowy #Zgoda #Form_Kontakt_Zgoda {background-color: #000}
#Form_Kontakt_Zgoda {border: 1px solid red; font-size:12px;  }
#Form_Kontakt_action_Wyslij, #Form_Form_action_doSubscribe {position: absolute; bottom: 10px;  right: 20px; border: 0px; padding: 5px 8px 5px 8px;  cursor: pointer; background-color: #ce0075; color: #fff !important}
.Blad input, .Blad textarea {background-color: #ADD8E6}
label.required {background-color: #000}
#AjaxResponse {color: #fff}

#DodatkoweTresci {display: none}

#Kartka {background-color: #ffffff}