/*--------------------------------------------------------
	css theme name: gabinet rehabilitacji funkcjonalnej
	author: bartosz mediger (http://mediger.net)

	created : april 25, 2007

*/


* { margin: 0; padding: 0; }


 
body {
	width: 100%;
	float: left;
	background: #00a0a1  url(../_images/top2.jpg) no-repeat center top; }
	


fieldset { border: none; }

#right p { font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	text-align: justify;
	line-height: 14px;
	color: White; }
	
a, body, h1, input, label, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-align: justify;
	line-height: 14px;
	color: White; }


html {
	background: #005e5e;
	overflow: auto;
	overflow-x: hidden; }


img { border: none; }


input { border: none; }


label {
	display: block;
	cursor: pointer;
	padding: 12px 0 3px 0; }


p { padding-bottom: 15px; }


textarea {
	width: 468px; height: 52px;
	background: url(../_images/textarea_back.gif);
	padding: 10px;
	border: none;
	overflow: auto;
	color: #076868; }




/* ramka na zdjecie */


.first { padding-top: 0; }


.frame {
	float: left;
	position: relative;
	background: #00babb url(../_images/frame_top.gif) no-repeat top; 
	margin: 0 20px 10px 20px; }


.frame img {
	padding: 8px 8px 8px 8px;
	background: url(../_images/frame_bottom.gif) no-repeat bottom;
	margin-bottom: -3px; }
	

.frame .alpha {
	position: absolute; bottom: 8px; left: 8px;
	height: 22px;
	background: #00babb;
	-moz-opacity: 0.89; opacity: 0.89; -khtml-opacity: 0.89; }


.frame.big .alpha { width: 110px; }

.frame .napis {
	position: absolute; bottom: 13px; right: 12px;
	color: #000000;	}

.frame.left { margin-left: 0; }
	
.frame.right {
	float: right;
	margin-right: 0; }
	
.frame:hover .napis { color: White; }

	


/* item z partnerem */

.item {
	float: left;
	width: 100%;
	background: url(../_images/odkresl.gif) no-repeat center bottom;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	color: #9efeff; }

.item a {
	float: left;
	margin: 0 20px 0 0; }
	
.item a:hover { text-decoration: underline; }

.item .title { margin: 0 0 10px 0; }

.item .title * { color: White; }




/* photos */

.photos {
	float: left;
	background: url(../_images/odkresl.gif) no-repeat center bottom;
	margin: 0 0 15px 0;
	padding: 0 0 20px 0; }

.photos a {
	float: left;
	margin:0 10px 10px 10px; }

.submit {
	display: block;
	cursor: pointer; }
	



/*	naglowki */

h1 {
	display: block;
	width: 120px; height: 15px;
	text-indent: -10000px; }

	h1.galeria { background: url(../_images/h_galeria.gif); }
	
	h1.kontakt { background: url(../_images/h_kontakt.gif); }

	h1.menu {
 
		margin: 148px auto 12px auto;  }
	
	h1.partnerzy { background: url(../_images/h_partnerzy.gif); }



/*	nawigacja */

a { text-decoration: none; }
a:hover { color: #3c8e9f; }





	
	
#container {
	position: relative;
	width: 824px; min-height: 590px;
	margin: 0 auto; }



#foot {
	float: left;
	width: 100%; height: 88px;
	background: url(../_images/foot.gif) no-repeat center; }


	
/* kontakt */

#kontakt input {
	width: 155px;
	height: 25px;
	background: url(../_images/input_back.gif) no-repeat left;
	overflow: hidden;
	padding: 8px 10px 0 10px;
	color: #076868; }
	
	#kontakt .submit {
		float: right;
		width: 109px; height: 25px;
		background: url(../_images/button_wyslij.gif);
		margin: 10px 0 0 0;
		padding: 0 0 2px 0;
		font-weight: bold;
		text-align: center; }
		
	#kontakt .submit:hover { text-decoration: underline; }





#left {
	float: left;
	width: 284px; }



/* menu */

#menu { position: absolute; top: 17px; right: 0; }

	#menu a {
		float: right;
		height: 62px;
		margin: 0 0 0 10px;
		text-indent: -10000px; }
		
	#menu .dodaj {
		width: 124px;
		background: url(../_images/m_dodaj.gif); }

	#menu .kontakt {
		width: 62px;
		background: url(../_images/m_kontakt.gif); }

	#menu .mapa {
		width: 82px;
		background: url(../_images/m_mapa.gif); }

	#menu .polec {
		width: 105px;
		background: url(../_images/m_polec.gif); }

	#menu .startuj {
		width: 90px;
		background: url(../_images/m_startuj.gif); }



/* menu - left */

#menu-left { background: url(../_images/menu_backg.gif) repeat-y; }
	
	#menu-left .bottom {
		width: 275px;
		min-height: 230px;
		background: url(../_images/menu_bottom.gif) no-repeat 0 bottom;
		padding: 7px 8px 4px 0; }
	
	#menu-left .top {
		background: url(../_images/menu_top.gif) no-repeat 0 top; }

	#menu-left a {
		display: block;
		width: 211px; height: 21px;
		background: url(../_images/m_back.gif) no-repeat;
		margin: 0 0 4px 45px;
		padding: 8px 0 0 20px;
		text-transform: uppercase;
		font-weight: bold;
		color: #76d6d5; }

	#menu-left .acc a {
		width: 183px;
		background: url(../_images/m_back_sub.gif) no-repeat;
		margin-left: 25px;
		padding-left: 37px;
		text-transform: none;
		font-weight: normal;
		color: White;		margin-bottom:4px } 
		
			#menu-left .acc2 a {
		width: 183px;
		background: url(../_images/m_back_sub.gif) no-repeat;
		margin-left: 25px;
		padding-left: 37px;
		text-transform: none;
		font-weight: normal;
		color: White;		margin-bottom:4px;font-size:8pt } 

	#menu-left .hit {
		background-position: 0 -29px;
		color: #025454;
		margin-bottom:4px }

		
		
		
/* partnerzy */

#partnerzy {
	width: 100%; }

#partnerzy a {
	margin: 3px;
	float: left; }

#partnerzy h1 {

	margin: 16px auto 25px auto; }



/* right */

#right {
	float: right;
	width: 485px;
	padding: 195px 0 0 0; }

	#right h1 { margin: 0 0 36px 0; }



/* wyszukiwarka */

#wyszukiwarka {
	position: absolute; top: 109px; left: 19px;
	width: 243px; height: 24px;
	background: url(../_images/wyszukiwarka_back.gif) no-repeat left; }
	
	#wyszukiwarka .input {
		float: left;
		width: 153px; height: 18px;
		background: transparent;
		margin: 5px 0 0 5px;
		color: #87b9b9; }
		
	#wyszukiwarka .submit {
		float: right;
		width: 73px; height: 24px;
		background: url(../_images/button_szukaj.gif); }



/* zoom */

#zoom {
	position: relative;
	background: #00a0a1;
	padding: 20px; }

	#zoom img { border: 10px solid #04bcbd; }

	#zoom a {
		position: relative;
		float: left; }

	#zoom .alpha,
	#zoom .www {
		position: absolute; bottom: 10px; right: 10px; z-index: 10;
		width: 176px; height: 30px;
		background: #00babb;
		-moz-opacity: 0.67; opacity: 0.67; -khtml-opacity: 0.67; }
	
	#zoom .www {
		right: 25px; bottom: 20px; z-index: 20;
		width: 136px; height: 11px; overflow: hidden;
		background: url(../_images/www.gif); }