@charset "utf-8";
/* CSS Document */

body{ margin:0px; font-family:Tahoma, Verdana, sans-serif; font-size:11px;}
img{ border:0px;}

#site{ width:1000px; margin:0 auto;}
  #logo{ width:530px; height:90px; float:left;}
    #logo .photo{margin:23px 0 0 35px;} 
  #actual{background: url(../img/actual.jpg) no-repeat #edeae1; width:470px; height:55px; margin-top:35px; float:left; }
    #actual .txt{margin:22px 0 0 40px; color:#64615c;}
  #menu{ width:1000px; clear:both; border-top:4px solid #276aec; z-index: 0; position: relative;}
  #main_foto{width:530px; float:left;} 
  #main{ background: #edeae1; width:470px; height:250px; float:left;}
	#mainclean{ background: #ffffff; width:10px; height:10px; float:left;}
  
    #main .title{ margin:40px 40px 25px 40px;}
	#main .txt{margin:0 40px; color:#64615c; line-height:18px; text-align:justify;}
	#main .more{ margin:15px 40px 0 40px; text-align:right;}
  #license{ background:#edeae1; width:1000px; clear:both; margin-bottom:30px;}
    #license .top{ background:url(../img/do_top.jpg) no-repeat; height:15px;}
	#license .content{ height:80px; padding:0 40px;}
	  #license .content #content_title{ margin:20px 0 0 0; float:left; width:320px;}
	  #license .content #content_photo{ margin:12px 0 0 0; float:left; text-align:right; width:600px;}
	  #license .content #content_photo img{ margin-left:35px;}
	  #license .content #content_photo2 img{ margin-left:13px;}
	#license .bottom{ background:url(../img/do_bottom.jpg) no-repeat; height:15px; clear:both}
  #trio{ height:600px;  margin-bottom:20px;}
    #news{ background: url(../img/bg_aktualnosci.jpg) bottom right no-repeat;  width:390px; float:left;}
	  #news .photo{ margin:0 0 20px 40px;}
	  #news .title{ margin:0 40px; font-weight:bold; color:#63605b; background:url(../img/news.jpg) no-repeat; padding:6px 20px}
	  #news .content{margin:6px 30px 0 60px; color:#63605b; text-align:justify; line-height:20px;} 
	  #news .more{  margin:0 30px 25px 30px; background:url(../img/strzalka.jpg) no-repeat right; font-size:10px; color:#2769f3; text-align:right; padding-right:20px;}
	  #news .hr{margin:0 30px 0 40px;border-bottom:1px solid #cfcfcd; }
	  #news .otitle{margin:0 30px 0 40px; font-weight:bold; color:#63605b; background:url(../img/strzalkaplus.jpg) no-repeat; padding:6px 20px; border-bottom:1px solid #cfcfcd;}
    #contact{ background: url(../img/bg_contact.jpg) bottom right no-repeat; height:389px; width:320px; float:left;}
	  #contact .photo{ margin:0 0 15px 30px;}
	  #contact .content{margin:0 50px 0 30px; line-height:20px; color:#63605b; }
	  #contact .content span{ color:#2769f3;}
	  #contact .content p{ margin-bottom:21px;}
	  #contact .content p.gg{ margin:0; background:url(../img/gg.jpg) no-repeat; padding-left:25px; height:22px;}
	  #contact .content p.skype{  margin:0; background:url(../img/skype.jpg) no-repeat; padding-left:25px;}
    #newsletter{   background: url(../img/bg_newsleter.jpg) bottom left no-repeat; height:325px; width:290px; float:left;} 
	  #newsletter .photo{ margin:0 0 20px 30px;}
	  #newsletter .content{ margin:0 40px 0 30px; text-align:justify;line-height:20px; color:#63605b;}
	  #newsletter .more{  margin:0 40px 25px 30px; background:url(../img/strzalka.jpg) no-repeat right; font-size:10px; color:#2769f3; text-align:right; padding-right:20px;}
		#prawo .content{ margin:0 180px 0 30px; text-align:justify;line-height:20px; color:#63605b;}
		#prawo .more{  margin:0 180px 25px 30px; background:url(../img/strzalka.jpg) no-repeat right; font-size:10px; color:#2769f3; text-align:right; padding-right:20px;}
		#prawo .title{ margin:0 40px; font-weight:bold; color:#63605b; ; padding:6px 20px}
		#praca{   background: url(../img/bg_newsleter.jpg) bottom left no-repeat; height:550px; width:500px; float:left;} 
		#video{   background: url(../img/bg_newsleter.jpg) bottom left no-repeat; height:250px; width:500px; float:left;} 
		#praca .photo{ margin:20px 30px 20px 10px;}
		#praca .content{ margin: 0px 0px 30px 10px ; text-align:justify;line-height:20px; color:#63605b;}
	  #konkurencjasite{ width:900px; margin:0 auto;}

		#konkurencja{   background: url(../img/bg_newsleter.jpg) bottom left no-repeat; height:530px; width:400px; float:left;} 
		#konkurencja .photo{ margin:5px 30px 25px 15px;}
		#konkurencja .content{ margin: 10px 5px 10px 0px ; text-align:justify;line-height:20px; color:#63605b;}
	  #konkurencjasite .content{ margin: 10px 5px 10px 0px ; text-align:justify;line-height:20px; color:#63605b;}

	  #konkurencjasite .hr{margin:0 30px 0 40px;border-bottom:1px solid #cfcfcd; }
	  #artykul{   background: url(../img/bg_newsleter.jpg) bottom left no-repeat; height:470px; width:30px; float:left;}

		#artykul .content{ margin: 10px 5px 10px 0px ; text-align:justify;line-height:20px; color:#63605b;}

	#footer{ background:url(../img/footer.jpg) no-repeat; font-size:11px; text-align:center; color:#63605b; height:51px; width:1000px; clear:both; margin-bottom:50px;}
	#page{background: url(../img/bg_newsleter.jpg) bottom left no-repeat;  width:610px; float:left; margin-bottom:20px;}
    #page a{text-decoration:none; color:#5F8AFA;} 
		A:link {text-decoration: none; color:#5F8AFA;}
A:visited {
	text-decoration: none;
	color: #5F8AFA;
}
A:active {text-decoration: none; color:#5F8AFA;}
A:hover {
	text-decoration: none;
	color: Red;
}
	    #page .photo{ margin:0 0 20px 30px;}
	#page .content{ margin:0 40px 0 30px; text-align:justify;line-height:20px; color:#63605b;height:900px}
	#page .content2{ margin:0 40px 0 30px; text-align:justify;line-height:20px; color:#63605b;height:580px}
	#page .content img{ border:4px solid #b4aba3;}
	#page .title{ margin:0 40px; font-weight:bold; color:#63605b;  padding:6px 20px}
	
	#page_max{
		line-height: 180%;
		margin-bottom: 20px;
		text-align:justify;
		color:#63605b;
	}
	
	#footer a{
		color: #DFD6CF;
	}

	
	
	
ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 970px;
	font-size: 1.1em;
	clear: both;
	float: left;
	background: url(../images/menu_bkg.gif) repeat-x left top;
	padding-left: 30px;
	font-family: Arial, Gadget, sans-serif;
}
ul#topnav li{
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	float: left; 
	height:40px;
}
ul#topnav a, ul#topnav span {
	padding: 10px 20px; 
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background: #1d1d1d; 
}
ul#topnav a {	color: #7bc441; }
ul#topnav span {
	display: none;
}

ul#topnav.v2 span{
	background: url(../images/menu_bkg.gif) repeat-x left top;
	text-shadow: 1.0px 1.0px 0px rgba(61, 61, 61, 0.8);
}

ul#topnav.v2 a{
	color: #555;
	background: url(../images/menu_bkg.gif) repeat-x left bottom;
}


/* root element for tabs  */
ul.tabs_online { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs_online li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs_online a { 
	background: url(../images/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs_online a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs_online a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs_online a.current, ul.tabs_online a.current:hover, ul.tabs_online li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: s, l, xl */


/* width 1 */
ul.tabs_online a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs_online a.s:hover 	{ background-position: -553px -31px; }
ul.tabs_online a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs_online a.l 			{ background-position: -247px -0px; width:174px; }
ul.tabs_online a.l:hover 	{ background-position: -247px -31px; }
ul.tabs_online a.l.current  { background-position: -247px -62px; }


/* width 3 */
ul.tabs_online a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs_online a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs_online a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
	padding: 20px;
}