/*
 __________________________________________________________
 |                                                         |
 |  STYLESHEET TYPE:  screen                               |
 |  AUTHOR:           swiths                               |
 |  CODED BY:         Marcin Dmoch                         |
 |  COPYRIGHT:        copyright@2009 swiths                |
 |  DATE:             2009.11.26                           |
 |  LAST MODIFIED:    2010.02.21                           |
 |_________________________________________________________|

*/

body, html {
 margin: 0px;
 padding: 0px;
 background: url('../_images/background.jpg') center 0;
 font-family: verdana, verdana, georgia;
 font-size: 12px;
 vertical-align: 0px;
}  

h1, h2, h3, h4, h5, h6 { 
  font-weight: normal;
}

img {
  border: 0px;
  behavior: url('pngbehavior.htc');
}

#top {
  background: url('../_images/background.jpg') center;
  height: 467px;
}

p {
  margin: 0px;
  padding: 0px;
}

#top_shadow { 
  background: url(../_images/top_shadow.jpg) center no-repeat;
  background-position: top;
  text-align: center;
  height: 154px;
  margin-left: auto;
  margin-right: auto;
}  

#menu_background { 
  background: url('../_images/menu_background.jpg') center no-repeat;
  text-align: center;
  height: 467px;
  margin-left: auto;
  margin-right: auto;
}  

#menu { 
  margin-left: 166px;
}

#background { 
  background: url('../_images/background.jpg') center;
  text-align: center;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}  

#content {
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 768px;
}

.botinfo {
  display: none;
}

/* WYGLĄD BOXA */

.box {
  width: 768px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
}

.box_shadow{
  background: url('../_images/box_shadow.png') center scroll no-repeat;
  background-position: bottom;
  width: 768px;
  height: 100%;
  padding-bottom: 18px;
}

.box_background {
  width: 734px;
  height: 100%;
  background: url(../_images/box_background.jpg) repeat center;
  margin-left: auto;
  margin-right: auto;
}

.box_grunge {
  width: 734px;
  height: 100%;
  background: url(../_images/box_grunge.jpg) no-repeat center;
  background-position: top;
  padding: 8px 0 12px 0;
}

.box_content {
  width: 684px;
  height: 100%;
  border-right: 1px solid #718A83;
  border-top: 1px solid #718A83;
  margin: 0 0 0 12px;
  padding-right: 21px;
  padding-left: 8px;
  color: #445a53;
}

.text_content {
  width: 689px;
  margin: 0px;
  padding: 0px;
}

.header {
  margin: 12px 0 0 0;
  padding: 0px;
}

.information {
  margin: 0px;
  padding: 0px;
  line-height: 26px;
}

.project_box {
  border: #b3beb9 1px solid;
  background: white;
  width: 687px;
  height: 190px;
  margin-top: 14px;
  padding: 0px;
}

.project_box img {
  margin: 7px;
  padding: 0px;
}

/* PROJEKT */

.project_information {
  height: 21px;
  margin: 10px 0 0 0;
  padding: 0px;
}

.project_information p {
  margin: 0px;
  padding: 0px;
}

.project_information img {
  float: left;
  margin: 2px 0 0 0;
  padding: 0px;
}

#project_name {
  float: left;
  font-family: georgia;
  font-size: 15px;
  color: #645845;
  height: 21px;
  margin-left: 8px;
}

#more_details {
  float: right;
}

/* FORMULARZ */

#form_box {
  margin: 0 0 0 0;
  width: 690px;
  height: 320px; 
}

#input_side {
  float: left;
  width: 265px;
  height: 200px;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
  padding-top: 7px;
}

#textarea_side {
  float: left;
  width: 408px;
  height: 200px;
  line-height: 0px;
  padding: 1px 0 0 0;
}

form {
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}

#input_side p {
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}

#textarea_side p {
  margin: 0px;
  padding: 0 0 4px 0;
  line-height: 0px;
}

input {
  margin: 0px;
  padding: 0px;
}

fieldset {
  background: url('../_images/textarea.jpg');
  border: 0px;
  width: 392px;
  height: 146px;
  margin: 0 0 20px 0;
  padding: 4px 5px 8px 8px;
}

#fieldset_error {
  background: url('../_images/textarea_error.jpg');
  border: 0px;
  width: 392px;
  height: 146px;
  margin: 0 0 20px 0;
  padding: 4px 5px 8px 8px;
}

textarea {
  width: 392px;
  height: 152px;
  background: none;
  letter-spacing: 1px;
  line-height: 22px;
  font-family: georgia;
  font-size: 12px;
  color: #857b6f;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

.input  {
  width:  224px;
  height:  22px;
  background: url('../_images/input.jpg');
  font-family: georgia;
  font-size: 12px;
  color: #857b6f;
  letter-spacing:  2px;
  border:  0px;
  margin: 5px 0 18px 0;
  padding: 4px 0 0 4px;
}

.input_error  {
  width:  224px;
  height:  22px;
  background: url('../_images/input_error.jpg');
  font-family: georgia;
  font-size: 12px;
  color: #857b6f;
  letter-spacing:  2px;
  border:  0px;
  margin: 5px 0 18px 0;
  padding: 4px 0 0 4px;
}

.input:focus {
  background-position: -229px;
}

.send_pl {
  width: 107px;
  height: 23px;
  float: right;
  background: url('../_images/lang_files/pl/wyslij.jpg');
  border: 0px;
  margin-right: 18px;
}

.send_pl:hover {
    background-position: -108px;
}

.reset_pl {
  width: 108px;
  height: 23px;
  float: right;
  background: url('../_images/lang_files/pl/wyczysc.jpg');
  border: 0px;
}

.reset_pl:hover {
  background-position: -109px;
}

.send_en {
  width: 107px;
  height: 23px;
  float: right;
  background: url('../_images/lang_files/en/wyslij.jpg');
  border: 0px;
  margin-right: 18px;
}

.send_en:hover {
    background-position: -108px;
}

.reset_en {
  width: 108px;
  height: 23px;
  float: right;
  background: url('../_images/lang_files/en/wyczysc.jpg');
  border: 0px;
}

.reset_en:hover {
  background-position: -109px;
}

.text_normmarg {
  font-family: verdana;
  margin: 20px 0 30px 0;
  font-size: 16px;
  color: #36443f;
  line-height: 30px;
  font-weight: normal;
}

#form_box_disabled {
  display: none;
}

/* STOPKA */

#footer_area {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

#footer {
  width: 527px;
  height: 98px;
  margin-left: auto;
  margin-right: auto;
  background: url('../_images/footer.png') center no-repeat;
}

#foots {
  margin-left: auto;
  margin-right: auto;
  background: url('../_images/foots.jpg') center no-repeat;
  text-align: center;
  height: 154px;
}

/* RÓŻNE TEKSTOWE */

.caption {
  font-family: georgia;
  color: #54645e;
  font-size: 20px;
  padding: 26px 0 24px 0;
  font-weight: normal;
}

.caption_in {
  font-family: georgia;
  color: #54645e;
  font-weight: bold;
  font-weight: normal;
  font-size: 20px;
  padding: 6px 0 24px 0;
}

.list {
  margin: 0px;
  padding: 2px 0 0 50px;
  line-height: 36px;
}

.list ul {
  margin: 0px;
  padding: 0px;
  font-size: 13px;
}

.list li {
  list-style-image: url("../_images/li.gif");
  margin: 0px; 
  padding: 0px;
}

.text_bigmarg {
  color: #445a53;
  text-align: justify;
  font-size: 12px;
  line-height: 26px;
  margin: 0 20px 0 24px;
  padding-bottom: 20px;
}

.text_norm {
  color: #445a53;
  text-align: justify;
  font-size: 12px;
  line-height: 26px;
  margin: 10px 0 0 0;
  padding-bottom: 10px;
  line-height: 26px;
}

.text_bold {
  margin: 12px 0 22px 0;
  font-size: 14px;
  color: #445a53;
  font-weight: bold;
}

.text_contact {
  font-family: georgia;
  font-size: 15px;
  font-weight: normal;
}

/* PROJEKTOWE */

.project_title {
  font-family: georgia;
  color: #445a53;
  font-size: 20px;
  margin-top: 10px;
}
.project_flag
{
	float: right;
	padding-top: 11px;
	margin-right: -5px;
}

.details_box {
  background: white;
  width: 688px;
  height: 74px;
  margin-top: 14px;
  border-left: solid 1px #a4b2ac;
}

.details_box_caption1 {
  float: left;
  width: 94px;
  height: 74px;
  color: #607971;
  font-size: 11px;
  font-weight: bold;
}

.details_box_caption1 p {
  margin: 8px 0 0 16px;
}

.details_box_description1 {
  float: left;
  width: 180px;
  height: 74px;
  color: #7d7c6b;
  font-weight: normal;
  font-size: 11px;
  margin-left: 14px;
}

.details_box_description1 p {
  margin: 8px 0 0 0;
}

.details_box_caption2 {
  float: left;
  width: 132px;
  height: 74px;
  color: #607971;
  font-size: 11px;
  font-weight: bold;
}

.details_box_caption2 p {
  margin: 8px 0 0 16px;
}

.details_box_description2 {
  float: left;
  width: 214px;
  height: 74px;
  color: #7d7c6b;
  font-weight: normal;
  font-size: 11px;
  margin-left: 14px;
}

.details_box_description2 p {
  margin: 8px 0 0 0;
}

.details_box_description2 a:visited, .details_box_description2 a:link, .details_box_description2 a:active {
  color: #7d7c6b;
  text-decoration: underline;
}
.details_box_description2 a.tooltip{
	text-decoration: none;
}

.details_box_description2 a:hover {
  color: #7d7c6b;
  text-decoration: none;
}

/* PORTFOLIO MENU */

#project_menu {
  width: 730px;
  height: 98px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-right: 10px;
}

#websites_pl {
  width: 156px;
  height: 98px;
  display: block;
  background: url('../_images/lang_files/pl/strony.png');
  float: left; 
}

#logotypes_pl {
  width: 181px;
  height: 98px;
  display: block;
  background: url('../_images/lang_files/pl/logotypy.png');
  float: left;
}

#others_pl {
  width: 141px;
  height: 98px;
  display: block;
  background: url('../_images/lang_files/pl/inne.png');
  float: left;
}

#applications_pl {
  width: 241px;
  height: 98px;
  display: block;
  background: url('../_images/lang_files/pl/aplikacje.png');
  float: left;
}

/* DO O NAS */

.rank {
  margin: 30px 0 0 0;
}

.about_person {
  width: 700px;
  height: 200px;
  margin: 30px 0 0 0px;
  padding: 0px;
}

.about_photo {
  float: left;
  width: 192px;
  height: 160px;
  margin: 22px 0 0 14px;
}

.about_information {
  float: left;
  background: url('../_images/underline.jpg');
  margin-top: 12px;
}

.about_information1 {
  float: left;
  width: 190px;
  color: #786a52;
  font-family: georgia;
  font-size: 15px;
}

.about_information1 p {
  margin: 8px 0 16px 0;
}

.about_information2 {
  float: left;
  width: 250px;
  color: #6b897c;
  font-family: georgia;
  font-size: 15px;
  margin-bottom: 20px;
}

.about_information2 p {
  margin: 8px 0 16px 0;
}

.person_description {
  width: 674px;
  height: 164px;
  font-size: 12px;
  background: url('../_images/desc_bg.jpg');
  color: #8a806e;
  line-height: 30px;
  margin: 0 0 10px 16px;
  text-align: justify;
}

.person_description_text {
  display: block;
  padding: 20px;
  width: 610px;
}

/* DODATKI */

#cup_index {
  width: 116px;
  height: 262px;
  position:  absolute;
  _background: url('../_images/cup.png') center no-repeat;
  left: 0px;
  top: 1000px;
}

#phone_index {
  width: 104px;
  height: 261px;
  position: absolute;
  background: url('../_images/phone.png') center no-repeat;
  right: 0px;
  top: 1100px;
}

#cup_offer {
  width: 116px;
  height: 262px;
  position:  absolute;
  background: url('../_images/cup.png') center no-repeat;
  left: 0px;
  top: 1300px;
}

#phone_offer {
  width: 104px;
  height: 261px;
  position: absolute;
  background: url('../_images/phone.png') center no-repeat;
  right: 0px;
  top: 1500px;
}

#cup_portfolio {
  width: 116px;
  height: 262px;
  position:  absolute;
  background: url('../_images/cup.png') center no-repeat;
  left: 0px;
  top: 750px;
}

#phone_portfolio {
  width: 104px;
  height: 261px;
  position: absolute;
  background: url('../_images/phone.png') center no-repeat;
  right: 0px;
  top: 1100px;
}

#cup_contact {
  width: 116px;
  height: 262px;
  position:  absolute;
  background: url('../_images/cup.png') center no-repeat;
  left: 0px;
  top: 800px;
}

#phone_contact {
  width: 104px;
  height: 261px;
  position: absolute;
  background: url('../_images/phone.png') center no-repeat;
  right: 0px;
  top: 1000px;
}

#cup_about_us {
  width: 116px;
  height: 262px;
  position:  absolute;
  background: url('../_images/cup.png') center no-repeat;
  left: 0px;
  top: 1000px;
}

#phone_about_us {
  width: 104px;
  height: 261px;
  position: absolute;
  background: url('../_images/phone.png') center no-repeat;
  right: 0px;
  top: 1400px;
}

/* DODANE */

#overall {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.0;
  filter: Alpha(Opacity=50);
  display: none;
}

#detail_box_index {
  display: none;
}

#contact_form {
  margin-top: 18px;
}

#polaroid {
  float: right;
  margin-left: 30px;
}

.about_information2 a:visited, .about_information2 a:link, .about_information2 a:active {
  color: #6b897c;
  text-decoration:  underline;
}

.about_information2 a:hover {
  color: #6b897c;
  text-decoration: none;
}