/* CSS Document */

body, td { 

	font-family:Verdana;
	margin:0;
	font-size:12px;

}
body {	background-image:url(templates/gfx/top_bg.gif);
	background-repeat:repeat-x;
	background-position:top }

a { text-decoration:none; color:#990000; }

a:hover { text-decoration:underline; }

img{ border:0; }

td { vertical-align:top; border:0}

th { font-size:10px; }



h1{ font-family: arial; }

h2{ font-family: arial; }

h3{ font-size:17px; font-family:arial; margin:0; color:#CC0000 }



/*.button { background-color:#990000; color:#fff; font-weight:bold; padding:3px 15px 3px 8px; border:1px solid #5A0A0A; }
*/
#zlec_aktualizacje {

background:url(templates/gfx/overlay.png);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:100;
 }
#zlec_aktualizacje div {
position:fixed;
top:200px;
left:33%;
width:400px;
height:220px;
padding:20px;
border:3px solid #ccc;
background-color:#fff;
z-index:101;
}
#zlec_aktualizacje h2 { margin:0; }
.red {color:#CC0000}

.green { color:#00CC00}

/* TOP */

#top {
	margin:0 auto;
	background-color:#990000;
	width:980px;
	height:70px;
	color:#660000;
	font-size:11px;
	font-family:georgia;

}

#langs { float:left; margin:20px 0 0 30px;}
#langs img { margin-right:5px; }
/*#top img{ margin:20px 0 5px 0; }*/

.last_up {
	margin-top:15px;
	float:right;
	text-align:right;	
	color:#fff;
	font-family:Verdana;
}



/* TOP_ MENU */

#top_menu { color:#999999; padding:0; width:940px; font-size:11px; margin:0 auto; list-style-type:none; height:30px; }
#top_menu li {  margin-right:1px; float:left; }
#top_menu a { color:#ccc; background-color:#660000; padding:6px 15px; display:block; }
#top_menu a:hover { color:#fff; background-color:#990000 }







#AREA {

	width:980px;
	margin:10px auto 40px auto;

}





#foot {

	clear:both;
	border-top:1px solid #ccc;
	font-size:11px;
	width:970px;
	padding:10px 0 0 0 ;
	margin:55px auto 40px auto;

}


/* marqueee*/

.box_news {

width:970px;
background-image:url(templates/gfx/bg_news.gif);
padding:7px 5px 10px 5px;
height:43px;
margin:0px auto 0 auto;
margin-bottom:0;
}
.box_news marquee { font-size:11px; }

/* END marqueee*/


#column_left {width:751px; margin-left:10px; float:right  }

#column_right { width:219px; float:left }

.dane_krs td { border-bottom:1px solid #999; }

#szukaj_table td { font-size:11px; border:0}







/* ==BOX 

DEFINITION*/



.boxInfo {

	position: relative;
	background: #EFF5FA url('templates/gfx/box_gray/box_info_l.gif') repeat-y 0 0;
	margin: 10px 0;

}

.boxInfo td { font-size:11px; border:0}

.boxInfoTop {

	height: 10px;

	overflow: hidden;

	background: url('templates/gfx/box_gray/box_info_top_l.gif') no-repeat 0 0;

}

.boxInfoTop div {

	height: 10px;

	overflow: hidden;

	background: url('templates/gfx/box_gray/box_info_top_r.gif') no-repeat right 0;

}

.boxInfoContent {

	position: relative;

	padding: 5px 15px;

	text-align: left;

	background: url('templates/gfx/box_gray/box_info_r.gif') repeat-y right 0;

}

.boxInfoBottom {

	height: 10px;

	overflow: hidden;

	background: url('templates/gfx/box_gray/box_info_bottom_l.gif') no-repeat 0 0;

}

.boxInfoBottom div {

	height: 10px;

	overflow: hidden;

	background: url('templates/gfx/box_gray/box_info_bottom_r.gif') no-repeat right 0;

}



/* ==END==BOX 

DEFINITION*/


.small {font-size:10px; color:#666666; }


.odd{ background-color:#eee; }

.add{ background-color:#FCFCFC; }
#BLAD{ background-color:#FFFF99; border:3px solid #CC0000; padding:20px; font-size:15px }





#top_krs_butt { font-size:11px; height:20px; margin:10px 0 0 0 }
#top_krs_butt a {display:block; background-color:#ccc; margin:0 5px 0 0; padding:3px 10px; color:#fff; width:100px; float:left; border:1px solid #aaa; }
#top_krs_butt a:hover { background-color:#FFFFFF; color:#000; text-decoration:none; border:1px solid #999 }







#tabsMenu { width:219px; padding:0; margin:0 0 20px 0; float:left;  }
#tabsMenu li { list-style-type:none;  }
#tabsMenu li a { width:194px; height: 38px; padding: 12px 25px 0 0; display:block; text-align:right; text-decoration:none; } 
#tabsMenu li .tab{ color:#fff;  background-image:url(templates/gfx/nmenu_bg.png);  }
#tabsMenu li .tabActive{ color:#000;  background-image:url(templates/gfx/nmenu_bg_active.png); }

#tabsMenu li .tab .red { color:#fff; }
#tabsMenu li .tabActive .red { color:#CC0000 }
.menuSmall { font-size:10px; color:#999; }

#mainContent { background-color:#f4f4f4; padding:20px 25px; border:1px solid #ccc; border-left:0; width:709px; float:left; margin-bottom:15px; }

#mainContent.index { height:380px; }
#mainContent.info { height:auto; }
#mainContent.krs { height:400px; }

#mainContent .contentbox { display:none; }
#mainContent .contentbox.active {  display:block; }

.contentbox .left { float:left; width:299px; padding:10px 10px 10px 0;  }
.contentbox .right { width:379px; float:left;}
.contentbox .right  form { width:378px; height:90px; background-color:#ccc; padding:10px; border:1px solid #999;  border-top:0; margin-bottom:20px;}

.contentbox .right td { border:0; }
.contentbox .small { font-size:10px; padding-left:0}

.button { background:0; border:0; background-image:url(templates/gfx/button_bg.png); width:69px; height:23px; padding-bottom:10px; color:#fff; font-size:12px; font-weight:bold }
.contentbox h1{ margin:0 ; padding:0; font-size:35px;  font-family:Arial black; width:709px;}
.contentbox h2{ margin:0; font-size:20px; font-weight:normal;  border-bottom:1px solid #999; padding-bottom:25px  }
.contentbox h3{ padding:0; margin:25px 0 10px 0; }
.contentbox img{ margin:0 4px 4px 0; border:1px solid #999 }


.box_szary { background-color:#ccc; padding:10px;  border:1px solid #999; }


.butt_orange { background-color:#FF6600; padding:3px 5px; color:#fff; display:block; width:100px; text-align:center; margin-top:10px; float:left; margin-right:5px  }
.butt_orange:hover { background-color:#ccc; text-decoration:none}

.butt_red { background-color:#CC3300; padding:3px 5px; color:#fff; display:block; width:100px; text-align:center; margin-top:10px; float:left; margin-right:5px   }
.butt_red:hover { background-color:#ccc; text-decoration:none}

.butt_green { background-color:#00CC00; padding:3px 5px; color:#fff; display:block; width:100px; text-align:center; margin-top:10px; float:left; margin-right:5px }
.butt_green:hover { background-color:#ccc; text-decoration:none}



.small_grey { font-size:10px; color:#666666; }


/*LIGHTBOX*/
#lightbox{

	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.sanatoria.org/images/gallery/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.sanatoria.org/images/gallery/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.sanatoria.org/images/gallery/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 80px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #888888;
	}

