/*GENERAL PURPOSE*/

/*trick na wyswietlanie scrollbara w operze*/
html { 
	overflow-y: scroll; 
}
   
body {
	font: normal 11px/14px Verdana,Helvetica,sans-serif;
	color: #CCCCCC;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background: #323232;
	/*overflow-y: auto;*/
	height: 100%;
}

html, body {
    height: 100%;   /* Make sure the document takes up the whole window. */
    margin: 0;      /* Get rid of any default margins, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
    padding: 0;     /* Get rid of any default padding, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
}

div#shim {
    visibility: hidden;
    width: 100%;
    height: 50%;                                                                     /* Bump div#blueBox down half the height of the screen. */
    margin-top: -290px;                                                              /* Half the height of div#blueBox. */
    float: left;
}

div#blueBox {

    xbackground: blue;
    width: 100%;
    height: 580px;
    clear: both;

    /*
     *
     * Issue: IE4 doesn't allow a negative margin-top.
     *
     * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
     * The content will be centered but will crop if the window is not small enough to accommodate it.
     *
     */
    position: relative;
    top: -200px;
    /* IE4ever Hack: Hide from IE4 **/
        position: static;
    /** end hack */

}


/*
 *
 * Issue: IE5mac interprets negative values as positive.
 *
 * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
 *
 */

/* Hide from IE5mac \*//*/
    div#shim {
        display: none;
    }
    html, body {
        height: auto;
    }
/* end hack */


a:link,a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

i, em {
	font-style: italic;
}
b, strong {
	font-weight: bold;
}
.mainbody {
	margin      : 0 auto;
	padding     : 0px;
	width       : 960px;
	text-align: left;
	xborder: 1px solid yellow;
}

.left-pad {
  padding-left: 20px;
  /*background: yellow;*/
}

#logo {
  height: 40px;
  width: 310px;
  position: relative;
  right: 0px;
  top: 0px;
  z-index: 3; 
  display: block;
  float: right;
  xborder: 1px solid red;
}
#logo a:link, #logo a:visited, #logo a:hover {
  text-decoration: none;
}
#logo-click {
  background: #323232 url(logo_ingarden_ewy_architekci.gif) no-repeat;
  width: 96px;
  height: 40px;
  display: block;
  cursor: pointer;
  float: right;
}
#logo-click span {
  width: 96px;
  height: 40px;
  display: block;
  cursor: pointer;
}

#top-menu {
  width: 940px;
  display: block;
  xborder: 1px solid red; 
}

#navcontainer {
  height:40px;
  width: 620px;
  margin:0;
  padding:0;
}

#lang-sw {
  height:30px;
  margin:0;
  width:120px;
  float: left;
}
#maincontent {
  height: 320px;
  width: 960px;
  xborder: 1px solid orange;
  position: relative;
  overflow: auto;
}

#maincontent a, #maincontent a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#maincontent a:hover  {
	color: #FFFFFF;
	text-decoration: none;
}

#under-top-menu {
  width: 960px;
  display: block;
  border-bottom: 2px solid #5D5D5D;
  height: 8px;
}
#submenu {
  width: 940px;
  display: block;
  height: 35px;
  color: #666666;
  xborder: 1px solid red;
  position: relative;
  xmargin-bottom: 5px;
}
#submenu-text {
  position: absolute;
  xbottom: 0px;
  top: 10px;
  width: 940px;
  display: table-cell;
  vertical-align: top;
  height: 20px;
  color: #666666;
  xborder: 1px solid green;
}
#submenu-text a {
  color: #666666;
}

#photos-100 {
  width: 960px;
  height: 90px;
  position: relative;
  top: 70px;
  xborder: 1px solid pink;
  padding: 0;
  margin: 0;
  overflow: hidden;
  z-index: 3;
  xline-height: 0;
}
#photos-100 img {
  border: none;
  margin: 0;
  padding: 0;
  height: 90px;
  width: 160px; 
  cursor: pointer;
  xborder: 1px solid pink;
  xdisplay: block;
  opacity: 0.4;
  filter:alpha(opacity=40);
}
#photos-100 items a {
  border: none;
  color: #323232;
}

#photos-100 img.currimg {
  opacity: 1;
  filter:alpha(opacity=100);
}



#photos-100-opis {
  width: 940px;
  height: 60px;
  position: absolute;
  bottom: 100px;
  left: 0;
  xborder: 1px solid pink;
}
#photos-100-opis-text {
  position: absolute;
  height: 14px;
  bottom: 0;
  color: #666666;
  xborder: 1px solid pink;
}

#photos-110 {
  width: 960px;
  height: 110px;
  position: absolute;
  bottom: 0px;
  xborder: 1px solid pink;
}
#photos-110 img {
  border: none;
  xpadding: 0 8px 0 0;
  margin: 0 8px 0 0;
  width: 196px;
  height: 110px;
  float: left;
}
#photos-110 span {
  border: none;
  xpadding: 0 8px 0 0;
  margin: 0 8px 0 0;
  width: 196px;
  height: 110px;
  float: left;
  background-color: #323232;
  color: #323232;
}


#pre-footer{
  height: 160px;
  width: 960px;
  xborder: 1px solid blue;
  position: relative;
}


#footer {
  text-align: right;
  height: 15px;
  width: 960px;
  color: #666666;
  font-size: 9px;
  line-height: 15px;
  xborder: 1px solid green;
  display:block;
  position:relative;
}

a.prev  {
  display: block; 
  position: absolute; 
  z-index:1000;
  width: 30px;
  height: 90px;
  xbackground: yellow;
  opacity: 0.6;
  filter:alpha(opacity=60);
  top: 0;
  left: 0;
}

a.next{
  display: block;
  position: absolute; 
  z-index:1000;
  width: 30px;
  height: 90px;
  xbackground: red;
  opacity: 0.6;
  filter:alpha(opacity=60);
  right: 0;
  top: 0;
}
a.disabled {
  display:none;
}
/*
.next em, .prev em {
  width: 80px;
  height: 90px;
  background: #323232;
  filter:alpha(opacity=0);
  opacity: 0;
  display: block;
}
*/
.prev em {
  width: 30px;
  height: 90px;
  left: 0px;
  background: #323232 url(basic_arrow_left_30.gif) no-repeat;
  xfilter:alpha(opacity=0);
  xopacity: 0.4;
  display: block;
  cursor: pointer;
}
.next em {
  width: 30px;
  height: 90px;
  right: 0px;
  background: #323232 url(basic_arrow_right_30.gif) no-repeat;
  xfilter:alpha(opacity=0);
  xopacity: 0.4;
  display: block;
  cursor: pointer;
}


.aktualnosc {
  width: 590px;
  text-align: justify;
  padding-top: 30px;
  clear: both;
}

.aktualnosc p { 
  margin: 0;
}

.aktualnosc div.lewa {
  width: 65px;
  text-align: left;
  margin-right: 10px;
  float: left;
  display: table-cell;
  vertical-align: top;
}
.aktualnosc div.prawa {
  width: 510px;
  text-align: justify;
  float: right;
  display: table-cell;
  vertical-align: top;
}


table.tabela-projekty {
  border-collapse: collapse;
  width: 100%;
}



.tabela-projekty td {
	font: normal 11px/14px Verdana,Helvetica,sans-serif;
	color: #CCCCCC;
	vertical-align: top;
  border-bottom: solid 1px #4D4D4D;
  border-collapse: collapse;
  cursor: pointer;
}

.tabela-projekty td a, .tabela-projekty td a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
/*.tabela-projekty td a:hover  {
	color: #FFFFFF;
	text-decoration: none;
}
*/
.tabela-projekty tr:hover td, .tabela-projekty tr:hover td a {
  color: #FFFFFF !important;
  xbackground-color: red;
}
.invisible {
  display: none;
}
.c1 {
  width: 285px;
  padding: 8px 40px 8px 0;
}
.c2 {
  width: 180px;
  padding: 8px 40px 8px 0;
}
.c3 {
  width: 140px;
  padding: 8px 40px 8px 0;
}
.c4 {
  width: 95px;
  padding: 8px 40px 8px 0;
}
.c5 {
  padding: 8px 0 8px 0;
}

table.tabela-opis-projektu {
  border-collapse: collapse;
  width: 730px;
}
.tabela-opis-projektu td {
	font: normal 11px/14px Verdana,Helvetica,sans-serif;
	color: #CCCCCC;
	vertical-align: top;
  xborder-bottom: solid 1px #4D4D4D;
  border-collapse: collapse;
}
.oc1, .oc2 {
  padding: 0;
}
.oc1 {
  width: 150px;
  padding-right: 20px;
}

#proj-desc #p-nazwa {
	font: normal 12px/14px Verdana,Helvetica,sans-serif;
	padding-bottom: 10px;
}

#projekt {
  height: 320px;
  width: 940px;
  xborder: 1px solid orange;
  position: relative;
  xoverflow: auto;
}

.projekt-grafika {
  xpadding: 0 8px 0 0;
  margin: 0 20px 0 0;
  width: 480px;
  height: 320px;
  float: left;
  xborder: 1px solid pink;
}
.projekt-grafika img {
  border: none;
  margin: 0 20px 0 0;
}
.projekt-opis {
  width: 420px;
  float: right;
  position: absolute;
  xleft: 500px;
  height: 320px;
  xborder: 1px solid orange;
  overflow: auto;
}
.projekt-opis h1 {
  font: normal 14px/16px Verdana,Helvetica,sans-serif;
  margin: 20px 0 0 0;
}
.projekt-opis h2 {
  font: normal 11px/14px Verdana,Helvetica,sans-serif;
  margin: 0 0 50px 0;
}

.projekt-opis table {
  border-collapse: collapse;
  width: 410px;
  margin-bottom: 16px;
}
.projekt-opis table td {
	font: normal 11px/14px Verdana,Helvetica,sans-serif;
	color: #CCCCCC;
	vertical-align: top;
  xborder-bottom: solid 1px #4D4D4D;
  border-collapse: collapse;
}
.pc1, .pc2 {
  padding: 0;
}
.pc1 {
  width: 130px;
  padding-right: 20px;
}

#publikacje {
  xheight: 320px;
  xwidth: 940px;
  xborder: 1px solid orange;
  position: relative;
  xoverflow: auto;
}

table.publikacje {
  border-collapse: collapse;
  width: 930px;
}
.publikacje td {
	font: normal 11px/14px Verdana,Helvetica,sans-serif;
	color: #CCCCCC;
	vertical-align: top;
  border-bottom: solid 1px #4D4D4D;
  border-collapse: collapse;
}
.puc1, .puc2, .puc3, .puc4, .puc5, .puc6, .puc7 {
  padding: 8px 10px 8px 0;
}
.puc2 {
  width: 75px;
}
.nagrody, .wystawy {
  width: auto;  
}
.puc7 {
  padding-right: 0;
  width: 70px;
}
.publikacje td a, .publikacje td a:visited {
	color: #CCCCCC;
	xcolor: #999999;
	text-decoration: none;
}
.publikacje td a:hover  {
	color: #FFFFFF;
	text-decoration: none;
}

.lc1, .lc2 {
  padding: 0;
}
.lc1 {
  width: 380px;
  padding-right: 20px;
}

table.biuro {
  border-collapse: collapse;
  width: 340px;
  margin-top: 20px;
}
.biuro td {
	font: normal 11px/14px Verdana,Helvetica,sans-serif;
	color: #CCCCCC;
	vertical-align: top;
  xborder-bottom: solid 1px #4D4D4D;
  border-collapse: collapse;
}

.biuro td span {
  font: normal 12px/24px Verdana,Helvetica,sans-serif;
}
.bic1, .bic2, .bic3, .bic4, .bic5, .bic6, .bic7 {
  padding: 0px 10px 0px 0;
}
td.bic2 {
  padding: 0px 10px 0px 0;
  color: #999999;
}

.biuro td a, .biuro td a:visited {
	xcolor: #CCCCCC;
	color: #999999 !important;
	text-decoration: none;
}
.biuro td a:hover  {
	color: #FFFFFF  !important;
	text-decoration: none;
}

.biuro-lewa {
  xpadding: 0 8px 0 0;
  xmargin: 0 36px 0 0;
  width: 340px;
  height: 320px;
  float: left;
  border-right: 1px solid #4D4D4D;
}

.biuro-prawa {
  width: 360px;
  xborder: 1px solid pink;
  float: right;
  position: absolute;
  left: 410px;
}

.biogram-lewa {
  width: 375px;
  float: left;
}

.biogram-prawa {
  width: 550px;
  float: right;
  position: absolute;
  xleft: 395px;
  text-align: justify;
  height: 320px;
  xborder: 1px solid orange;
  overflow: auto;
}
.biogram-prawa h1 {
  font: normal 14px/16px Verdana,Helvetica,sans-serif;
  padding-bottom: 20px;
  margin: 0;
}
.biogram-prawa h1 span {
  font: normal 11px/14px Verdana,Helvetica,sans-serif;
}

.biogram-prawa table {
  border-collapse: collapse;
  width: 540px;
}
.biogram-prawa table td {
	font: normal 11px/14px Verdana,Helvetica,sans-serif;
	color: #CCCCCC;
	vertical-align: top;
  border-collapse: collapse;
}
.bc1 {
  width: 65px;
}
.bc1, .bc2, .bc3, .bc4, .bc5, .bc6, .bc7 {
  padding: 0 10px 0 0;
}
.bc2 {
  padding: 0;
}


a.jScrollArrowUp {
	background: url(jscrollpane/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(jscrollpane/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}