/*@@@ Mod 2009-03-29*/
/*@@@ Mod 2009-07-17*/
*{margin:0px;padding:0px;list-style:none;}




body{background: #fff url(../img/bg.gif) repeat-x 0px 8px; text-align:center;color:#777}



p,div,a{font:11px Verdana,Tahoma, Arial, sans-serif}
.clr{clear:both;}
a{color:#777;text-decoration:underline}
a:hover{color:#777;text-decoration:underline}
blockquote{margin-left:10px;line-height:18px;}

a.more:hover{font-weight: bold}
a.gemius{text-decoration:none;font-weight: bold}
a.gemius:hover{text-decoration:underline}


#container{background:#fff;border: #ddd solid 1px;border-top-width:0px;width:700px;text-align:left;margin:auto;padding-bottom:20px;}

#footer{width:700px;text-align:right;margin:auto; margin-bottom:30px;margin-top:5px;padding-right:10px;}
#footer, #footer *{font-size:10px;text-decoration:none}


#linkToHome{position:absolute;right:10px;top:10px;background:url(../img/home.gif) no-repeat 4px 3px;}
#linkToHome a{width:80px;display:block;line-height:20px;padding-left:22px; padding-right:4px;font-size:10px;text-decoration:none;}
#linkToHome a:hover{background:#f1f1f1 url(../img/home.gif) no-repeat 4px 3px;}
#header{display:block; width:700px; background: url(../img/logo.gif) no-repeat 4% 50%;}
#header, #header #home_link, #header #home_link a {height:104px;}
#header #address{float:right; padding: 15px 15px 0px 15px; text-align: right; font-size: 10px;}
#header #address p, #header #address a {font:10px Verdana,Tahoma, Arial, sans-serif}
#header #home_link, #header #home_link a {float:left; display:block; width:200px;}
#header #home_link .hidden { display: none; }



#index{}
	#index #badania{background-color:#3366ff;width:260px;float:left;height:215px;}
	#index #badania *{color:#ddd}
	#index #badania div, #metody_realizacji div.description {margin-left:50px}
	
	#index #badania ul,#index #badania ul li {list-style-image: url(../img/arrow.gif); list-style-position:inside;}
	#metody_realizacji div.description ul,#metody_realizacji div.description ul li {list-style-image: url(../img/arrow_2.gif); list-style-position:inside;}  
	
	#index #badania li a{line-height:18px;font-size:12px;text-decoration:none}
	#index #badania li a:hover{text-decoration:underline}

	
	#index #aktualnosci{float:right; width:440px;height:215px;background-color:#969696}
	#index #aktualnosci *{color:#fff}
	
	#index #metody_realizacji{width:260px;float:left;}
	#index #metody_realizacji li a{line-height:18px;font-size:12px;text-decoration:none}
	#index #metody_realizacji li a:hover{text-decoration:underline}
	
	#index #informacje{float:right; width:440px}
	
	


	#index p.title {margin:20px;margin-top:15px;margin-left:35px;}	
	#index p.title a{font-size:13px;font-weight:bold;text-decoration:none}
	#index .description{margin-left:43px;margin-right:10px;}
	
	#index #aktualnosci .description, #index #informacje .description{margin-left:53px;margin-right:30px;}


#page_badania,#page_realizacja{background:url(../img/baner_badania.jpg) no-repeat; padding-top:195px;}
#page_informacje{background:url(../img/baner_info_o_firmie.jpg) no-repeat; padding-top:195px;}
#page_kontakt{background:url(../img/baner_kontakt.jpg) no-repeat; padding-top:195px;}
#page_aktualnosci{background:url(../img/baner_aktualnosci.jpg) no-repeat; padding-top:195px;}
#page_polityka_prywatnosci{background:url(../img/baner_info_o_firmie.jpg) no-repeat; padding-top:195px;}
#page_polityka_prywatnosci #page_content{width:630px;}

#page_kontakt #page_content{width:630px;}



#page_content{width:465px;float:right;margin: 0 20px 0 20px;}
#page_content p.title {margin: 25px 0px 5px 0px;}

#minHeight{float:right;width:1px;height:250px;}


#page_content h1{font-size:13px;margin: 20px 0px;}
#page_content h2{font-size:11px;margin: 25px 0px 5px;}
#page_kontakt #page_content_kontakt p , #page_content p{line-height:18px;margin:10px 0px;}
#page_content {line-height:18px;}
#page_content a:hover{font-weight:bold}


#page_content ul{margin-left:40px;}
#page_content li{list-style:disc}
#page_content .details li { padding-bottom: 4px; }
#page_content ul.dotted li, #page_content ul li ul.dotted li { list-style: disc; }
#page_content ul.circle li, #page_content ul li ul.circle li { list-style: circle; }
#page_content ul.numbered li, #page_content ul li ul.numbered li { list-style: decimal; }
#page_content ul.roman_upper li, #page_content ul li ul.roman_upper li { list-style: upper-roman; }
#page_content ul.roman_lower li, #page_content ul li ul.roman_lower li { list-style: lower-roman; }


div#page_content.subsubpage h1{font-size:12px}



#menuHorizontal{height:40px;}
	#menuHorizontal li{float:left;width:25%;text-align:center;;background:#969696;}
	#menuHorizontal li a{color:#fff;font-size:13px;text-decoration:none;display:block;line-height:30px;}
	#menuHorizontal li.active a{background:#3366FF}
	#menuHorizontal li.active a:hover{background:#3366FF}
	#menuHorizontal li a:hover{background:#828282}



#menuVertical{float:left;width:174px;clear:both;border-right:dotted #eaeaea 1px;border-bottom:dotted #eaeaea 1px;}
	#menuVertical li a{font-size:12px;text-decoration:none;display:block;padding:10px 15px;border-top:dotted #eaeaea 1px;}
	#menuVertical li li a{padding-left:20px;padding-right: 10px;border-top:none;}
	#menuVertical li a:hover{background:#D0D0D0;  color:#FFFFFF}
	#menuVertical li ul li a:hover, 
	#menuVertical li ul li ul li a:hover {background:#f1f1f1; color:#000000}
	
	
	
	#menuVertical li a { background:#EAEAEA; }
	#menuVertical li.active ul{margin:5px 0px;}
	#menuVertical li.active li.active{margin-bottom:0px}
	#menuVertical li.active a{background:#eaeaea; background:#C8C8C8; color: #FFFFFF;}
	#menuVertical li.active li a{background:#fff; line-height: 13px; padding-top: 6px; padding-bottom: 6px; color:#777;}
	
	#menuVertical ul {margin-left:5px}
	#menuVertical ul li a{font-size:11px;text-decoration:none;line-height:20px;}
	#menuVertical li li.active a{background:url(../img/menuBg.gif) no-repeat 10px 10px;}
	#menuVertical li ul li.active a:hover{background:#f1f1f1 url(../img/menuBg.gif) no-repeat 10px 10px;}
	
	#menuVertical li.active ul li.active ul,
	#menuVertical li.active ul li.active ul li,
	#menuVertical li.active ul li.active ul li a {background-image:none;}
	#menuVertical li.active ul li.active ul {padding-left: 0px; margin:0px;}
	#menuVertical li.active ul li.active ul li a {padding-left: 40px;}


.evaluation_details ul, .evaluation_details ul li { list-style: disc; }
#inspection_details ul, #evaluation_details ul,
#usability_test_details ul, #webaccessibility_details ul,
#satisfaction_details ul { margin-left: 15px; padding-top: 5px; }	
#satisfaction_details ul li ul { margin-left: 30px; }
	
	
	
div.raport {margin-top:10px;}
.raport .title a{font-size:11px;text-decoration:none;font-weight:bold;}	
#page_content div.raport p.description, #page_content div.raport p.description *{line-height:14px;margin:0 10px;}
	

strong a{font-weight:bold}