/* CSS Document */
* {padding:0;margin:0;}

body, html, div {margin:0; padding:0; font-family: Verdana, Arial, Tahoma; font-size: 12px;}

body {height:100%; 
    background: #333;}

html {height:100%;}

a {outline:none;}

#glowny {width:980px; margin:0 auto; position:relative; height: auto !important; height: 100%; /* This is for crappy IE*/
   		 min-height: 100%; background: #333;}
		 
#glowny-1 {width:815px; margin:0 auto; position:relative; height: auto !important; height: 100%; /* This is for crappy IE*/
   		 min-height: 100%; background: #333 url(../img/tlo.gif) center top repeat-y;}
		 
#content1 {padding:0 0 20px 0; width:815px; margin:0 auto; position:relative; height: auto !important; height: 100%; /* This is for crappy IE*/
   		 min-height: 100%;}

#lewa {width:525px; padding:10px 5px 10px 5px; float:left; font-size:11px;}

#prawa {width:280px; float:right; padding: 0;}

#prawa #anim {width:280px; background:#cb0c40; text-align:right; font-size:1px;}

#menu-a, #podmenu, #podmenu1 {width:475px; clear:both; margin:0 auto;}
#menu-a, #podmenu, #podmenu1 {width:505px;}
#podmenu ul, #podmenu1 ul {padding:0;}

#kto {width:320px; margin:0 auto; font-size:1px;}

.trenerzy1 {width:320px; padding:23px 0 0 0; clear:both;}
.trenerzy2 {width:320px; padding:40px 0 0 0; clear:both;}
.odstep-40 {font-size:1px; width:100%; height:40px; clear:both;}

.data {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#aaa;}
.data1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#aaa; text-decoration:underline;}

#tresc, #kontakt{width:475px; padding:15px 15px 10px 15px; font-family:Verdana, Arial; font-size:12px; text-align:justify; color:#cccccc; line-height:19px; margin:0 auto;}

#tresc a {font-family:Verdana, Arial; color:#cccccc; text-decoration:underline;}
#tresc a:hover {text-decoration:none;}

#lokalizacja{width:505px; padding:25px 0 10px 0; font-family:Verdana, Arial; font-size:12px;}

#dlaczego, #co {width:515px;padding:10px 0 0 0; margin:0 auto;}

#lokalizacja h3 {font-family:Verdana, Tahoma, Arial; font-size:12px; color:#ccc; padding:0 0 15px 0; text-align:center;}

#tresc1 {width:475px;}

#zobacz_mapka {width:475px; padding:20px 0 0 0;}

#zobacz_mapka a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999; text-decoration:none;}

#zobacz_mapka a:hover {color:#ccc;}

#formularz {width:475px; padding:0; text-align:left;}

#formularz td.d {padding:10px 0 0 0; text-align:left;}


.aktualnosc,.projekt{width:475px;clear:both;padding:0 0 30px 0; font-family:Verdana, Arial; text-align:justify; color:#e9e9e9; line-height: 19px; font-size:12px;}

.klient {float:left; padding:0 38px 20px 0; width:200px; text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#CC9900; text-decoration:none; border:#fff 1px solid;}
.projekt, .odnosnik {padding:10px 0 10px 0; border-bottom: #666 1px solid}

#anim #logo2 {width:260px; height:260px; clear:both; padding:0 0 0 20px;}
#anim #ob {width:124px; height:131px; float:left; padding:0 0 0 21px;}
#anim #lnk {width:135px; height:131px; float:right; background:#e9e9e9;}

.odnosnik {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#ccc; text-decoration:none; line-height:19px;}

a.wiecej, a.wiecej2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#CB0C40; text-decoration:none;}
.odnosnik a {text-decoration:none;}

a.wiecej:hover, a.wiecej2:hover {text-decoration:underline;}

a.wiecej2 {color:#cccccc;}


a.wiecej1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#CCC; text-decoration:none}
a.wiecej1:hover {text-decoration:underline;}

td.ramka1 {width:190px; padding:20px; color:#cc9900; border:#777 1px solid;}
td.ramka2 {width:190px; padding:20px; color:#cc9900; border:#777 1px solid; border-left:none}
td.ramka3 {width:190px; padding:20px; color:#cc9900; border:#777 1px solid; border-top:none}
td.ramka4 {width:190px; padding:20px; color:#cc9900; border:#777 1px solid; border-left:none; border-top:none;}

.aktualnosc img {padding:0 5px 0 0;}


#klienci {width:505px; padding:0;}
#aktualnosci, #projekty, #odnosniki, #projekt1, #aktualnosc1 {width:475px; padding:15px 15px 0 15px; margin:0 auto;}
#klienci {padding:30px 0 0 0; width:505px; clear:both; margin:0 auto;}
#aktualnosc1, #projekt1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#e9e9e9; text-align:justify; line-height:19px;}
#trenerzy-tekst {width:475px; padding:20px 15px 30px 15px; text-align:left; font-size:12px; font-family:Verdana, Arial; line-height:19px;}

#kto #im_nazw {width:320px; padding:5px 0 0 0; font-family:Arial, Verdana, serif; font-size:24px; color:#fff;}


#kto-tekst {width:475px; padding:15px 15px 7px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#e9e9e9; text-align:left; line-height:19px; clear:both; margin:0 auto;}
#cv_but {width:475px; padding:5px 15px 0 15px;clear:both; margin:0 auto; text-align:center;}
a.cv_but_a {text-decoration:none; color:#cc0033; font-weight:bold; font-size:18px;}
a.cv_but_a:hover {color:#999999;}
#animacja {float:right; width:320px; height:300px; padding:0 20px 0 0; font-size:1px; position:relative;}

#zdjecie1 {float:right; width:160px; height:160px; padding:140px 0 0 0; text-align:right; font-size:1px; position:relative;}

.zdjecia, #zdjecia1  {float:right; width:160px; height:160px; font-size:1px; position:relative;}
.zdjecia2 {float:left; width:160px; height:160px; font-size:1px;}

.zdjecia img, #zdjecia1 img{
		position:absolute;
		left:0px;
		top:0px;
}
#zdjecie1 img {
      position:absolute;
      left:0px;
	  bottom:0px;
}

#zdjecia1 {padding:0 20px 0 0;}

/*.zdjecia2 a:hover {opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);}*/

.ciemny {opacity:0.2; -moz-opacity:0.2; filter:alpha(opacity=20); float:left; width:160px; height:160px; font-size:1px;}

#copyright {font-family:Verdana, Arial; font-size:10px; color:#737373; width:220px; height:15px; padding:145px 0 0 2px; float:right;}

div.czysc {clear:both;}

#napis a {font-family: Verdana ,Arial, Tahoma; font-size:20px; text-decoration:none; color:#fff; font-weight:normal; font-style:italic;}

#napis a:hover {color:#7b7b7b;}

#napis {width:420px; height:120px; float:right; font-size:1px; text-align:center; padding:40px 0 0 0;}

#napis img:hover{opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);}

#menu-a li, #podmenu li, #podmenu1 li {float:left; list-style-type:none; padding:0; white-space:nowrap;}

#menu-a li a {border-top: #666 1px solid; border-right: #666 1px solid; margin:0 3px; display:block; padding:0 2px 0 0;}

#menu-a td.menn {padding:0 4px; white-space:nowrap;}
#menu-a li.kreska {float:left; list-style-type:none; padding:1px 2px 0 2px; white-space:nowrap;}
#menu-a td.kreska {padding:1px 2px 0 2px; white-space:nowrap;}

#podmenu li, #podmenu1 li {padding:2px 5px;}

#menu-a li a, #menu-a li a.aktywny  {font-family: Arial, Verdana; font-size:14px; color:#fff; font-weight:bold; text-decoration:none;}

#menu-a td a, #menu-a td a.aktywny  {font-family: Arial, Verdana; font-size:14px; color:#fff; font-weight:bold; text-decoration:none;}

#menu-a li a.aktywny {color:#cb0c40;}
#menu-a td a.aktywny {color:#cb0c40;}
#podmenu li a.akt, #podmenu1 li a.akt {text-decoration:underline; color:#ccc;}

#podmenu li a, #podmenu1 li a {font-family:Verdana, Arial; font-size:9px; color:#ccc; text-decoration:none;}
#podmenu li a.nakt, #podmenu1 li a.nakt {font-family:Verdana, Arial; font-size:9px; color:#777; text-decoration:none;}
#menu-a li a:hover {color:#ccc;}
#menu-a td a:hover {color:#ccc;}
#podmenu li a:hover, #podmenu1 li a:hover {color:#cb0c40; text-decoration:underline;}


#footer { position: absolute; bottom:0; left:0; width:100%; height: 20px; background:#333; font-family:Verdana,Arial; font-size:10px; color:#737373; text-align:right; padding:0;
}

#footer #zaw {margin:0 auto; width:815px; height:17px; text-align:right; background:#333; font-family:Verdana,Arial; font-size:10px; color:#737373; padding:3px 0 0 0;} 

#footer a, #copyright a {font-family:Verdana,Arial; font-size:10px; color:#737373; text-decoration:none;}

#footer a:hover, #copyright a:hover {text-decoration:underline;}


#str {width:100%; text-align:center; padding:10px 0 0 0; color:#cc0033;}
#str a.stron, #zob_wiecej a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#aaa; text-decoration:none; font-weight:normal;
}
#str a.stron:hover, #zob_wiecej a:hover {color:#FFF}
.czysc1 {clear:both; font-size:1px; line-height:1px; height:27px;}
.tytul {width:445px; height:32px; padding:3px 15px; background:#484848 url(../img/tlo_tytul.jpg) 0 0 repeat-x; font-family:Verdana, Tahoma; font-size:13px; color:#999; font-weight:bold; text-decoration:underline; margin:0 auto;}

input, textarea {border:1px solid #817d77; font-family:Verdana, Arial; font-size:12px; color:#cccccc; background:#484848;}
textarea {width:280px; height:160px; overflow:hidden;}
input.but {width:125px;}
.naglowek {text-align:right; white-space:nowrap;padding:10px 7px 0 0; font-family:Verdana,Tahoma; font-size:12px;}

.error{ font-family: Verdana, Arial, Tahoma; font-size: 10px; text-decoration: none; color:#ca914a; text-align:left; }
.error_mini{ font-family: Verdana, Arial, Tahoma; font-size: 10px; text-decoration: none; color: #ca914a; text-align:left}

a.tyt_nagl {font-family:Verdana,Tahoma,Arial; font-size:14px; font-weight:bold; color:#999; text-decoration:none;}
a.tyt_nagl:hover{text-decoration:underline;}
/*.tyt_nagl {font-family:Verdana,Tahoma,Arial; font-size:14px; font-weight:bold; color:#999; padding:0 0 15px 0;}*/

#zdjecie1:hover, #zdjecia1:hover, .zdjecia:hover {filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4;opacity:0.4;  }


#ob #ob1 {width:124px; height:131px; position:relative; background:#e9e9e9;}
#ob #ob1 img {position:absolute; left:0; top:0;}
.odstep {width:505px; height:3px; font-size:1px; line-height:3px; overflow:hidden;}
.linia, .linia1 {width:505px; height:1px; font-size:1px; background:#666; line-height:1px; overflow:hidden;}
.linia1 {width:475px; margin:0 auto; clear:both;}
#zob_wiecej {width:505px; text-align:center; padding:10px 0 0 0;}
a.powrot {font-family:Arial, Verdana, Tahoma; font-size:13px; color:#999; text-decoration:underline;}
a.powrot:hover {text-decoration:none}

	#mainMenu{
		background-color: #484848;	/* Background color of main menu */
		position:relative;	/* Don't change this position attribute */
		padding:0;
		width:505px;
		text-align:left;
	}
	#mainMenu a:hover {color:#cb0c40;}
	#mainMenu a{
		padding-left:2px;	/* Spaces at the left of main menu items */
		padding-right:2px;	/* Spaces at the right of main menu items */
		font-weight:bold;
	    text-align:left;
		position:absolute;
		font-size:13px;
		color:#fff;
		text-decoration:none;
		bottom:-2px;	/* Change this value to -2px if you're not using a strict doctype */
		/*border-left:1px solid #222;*/
		border-top:1px solid #666;
		border-right:1px solid #666;/*		
		border-bottom:1px solid #222;*/
		background-color: #484848;
		font-family: Verdana, Arial;
		
	}
	#mainMenu .aktywny {font-family: Verdana, Arial; font-size:13px; color:#cb0c40; font-weight:bold; text-decoration:none;}
	#submenu{		
			/* Background color of sub menu items */
		padding:5px 0 0 0;
		height:15px;
		width:100%;	/* Don't change this option */
		
	}	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
	
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */
		/*border-left:1px solid #000000;
		border-top:1px solid #000000;
		border-right:1px solid #000000;		
		background-color: #E2EBED;*/	/* Background color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
			/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
		text-align:left;
	}
	
	#submenu a{	
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding:2px 2px;
		
		font-family:Verdana, Arial; 
		font-size:11px; 
		color:#ccc; 
		text-decoration:none;
	}
	
	#submenu .notaktywne {font-family:Verdana, Arial; font-size:11px; color:#777; text-decoration:none;}
	#submenu .aktive {text-decoration:underline; color:#ccc;}
	#submenu a:hover{
		color:#cb0c40; 
		text-decoration:underline;
	}
	a.coaching:hover {text-decoration:none;}
	
	.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#FFF;
	font-size:0.9em;
	background-color:#317082;
	width:430px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-image:url('images/bg_answer.gif');
	background-repeat:no-repeat;
	background-position:top right;	
	height:20px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #317082;
	background-color:#E2EBED;
	width:400px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}
a.akt_ikona {display:block;}
a.hide_ikona {display:none;}
#next {width:100%; text-align:center; padding:15px 0 0 0;}
#next a {text-decoration:none; color:#cc0033;}
#next a:hover {color:#999999;}