@charset "utf-8";
/* CSS Document */
p { font-size : 12px; text-align:justify; margin:0px 0px 10px 0px;}
p.posts_links { text-align: center;}
p.good_comment { text-align: center; color: #8aca2e;}
p.bad_comment { text-align: center; color: red;}
span.page_selected { color: #8aca2e;}
img { margin : 0px; padding : 0px; border : none; }
img.main_right_image { float: right;}
img.testy_alergiczne_image { float: left; padding: 2px; margin: 0 10px 10px 10px;}
div { margin : 0px; border : none; padding : 0px; }
body { font-family :Verdana, Arial, Helvetica, sans-serif; margin : 0px; padding : 0px; color:black; font-size : 12px; 
text-align: center; background-color: #fff;}

ul.classic { text-align: justify;}
ul.classic li { list-style-type: square; margin: 5px 40px 0 0;} 

ol.classic { text-align: justify;}
ol.classic li { margin: 5px 40px 0 0;} 

h2 {color:#8aca2e; text-align:left; font-size: 20px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 20px 0; font-weight: normal; text-transform: uppercase;}
h2.testy_alergiczne_title {color:#8aca2e; text-align:left; font-size: 20px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; font-weight: normal; text-transform: uppercase;}
h2.allergia_title {color:#8aca2e; text-align:left; font-size: 20px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 15px 0; font-weight: normal; text-transform: uppercase;}
h2.testy_alergiczne_alergeny {color:#8aca2e; text-align:left; font-size: 18px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 20px 0; font-weight: normal; text-transform: uppercase;}
h3 {color:#00a5f6; text-align:left; font-size: 18px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; text-transform: uppercase;}

a {text-decoration: none; color: black;}
a:link {text-decoration: none; color: black;}
a:visited {text-decoration: none; color: black;}
a:active {text-decoration: none; color: black;}
a:hover {text-decoration: underline; color: black;}
.green {color: #8aca2e;}
.blue {color: #00a5f6;}
a.logo_link { text-decoration: none; color: #00a5f6;}
a.rzuc_palenie_link { position: absolute; top: 0; left: 0; width: 435px; height: 135px;}
a.kontakt_link { color: #00A5F6;}
a.kontakt_link:hover { text-decoration: none; color: #8ACA2E;} 

object, a {outline:0px;} 

#container {width: 100%; text-align: center; }
#head1 {width: 990px; height: 284px; margin: 0 auto; background: transparent url(images/layout_02.png) no-repeat top left; overflow: hidden;}
#head2 {width: 990px; height: 48px; margin: 0 auto; }

#head_wrapper {width: 100%; height: 332px; background: transparent url(images/layout_03.png) repeat-x top left; text-align: center;}
#head1 h1 {margin: 5px 0 0 50px; padding: 0; float: left; color:#00a5f6; font-face: Verdana, Geneva, sans-serif; font-size:48px; font-weight: bold; text-transform:uppercase; }
#head1 #slogan {margin: 20px 30px 0 0;  float: right; width: 450px; height:250px; text-align:center; position: relative;}
#head1 #slogan .logo_head { position: absolute; top: 30px; left: 5px; width: 430px; height: 17px; background: url('images/logo_head.jpg') top left no-repeat;}
#head1 h2 {margin: 5px 0 0 0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; text-align: center;}
#head1 p {margin: 0; padding: 0;	font-family:Verdana, Geneva, sans-serif; font-size: 10px; text-transform: uppercase; text-align:center;}
#head1 p.towns {font-size:7px; color:#000;}
#head1 .rotator {margin: 0px 0 0 1px; width: 445px; height: 200px; background-image: url(images/top_2.jpg); overflow: hidden;}

#menu {list-style:none; margin:0; padding:0; font-size:12px; font-weight:bold;}
#menu ul {display: none;}
#menu li {margin:0; padding:0; float: left;}
#menu li {display: block; padding: 5px 0 5px 0; margin: 7px 0 0 0; width: 120px; height: 20px;}
#menu li a {}
#menu li a:hover {color:#fff; text-decoration: none;}

/*#head2 ul#menu ul li {overflow: hidden; display:none; }
#head2 ul#menu li:hover ul {color:#fff; position: absolute; padding:0; display: block; width: 120px;}*/

#foot_wrapper {width: 100%; height: 120px; background: transparent url(images/layout_08.png) repeat-x top left; background-color: #05ACFF; text-align: justify; margin: 15px 0 0 0;}
#foot {width: 990px; height: 120px; margin: 0 auto; padding: 0px 30px 0 30px; background:  transparent url(images/layout_07.png) no-repeat top left; overflow: hidden; }
#foot ul {list-style:none; margin:10px 0 0 0 ; padding:0; font-size:9px;}
#foot ul li {margin:0; padding:0; display:inline;}
#foot a {}
#foot a:hover {color:#fff; text-decoration: none;}


/* !!!!!!!!!!!!!!!!!!! width: 990 */
#content {width: 995px; height: auto; margin: 0 auto; overflow: hidden; }
#content h1 {color:#8aca2e; text-align:left; font-size: 24px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 20px 20px 20px 0; font-weight: normal; text-transform: uppercase;}
#content p {margin:0 10px 5px 10px;}

#content .c1 {width: 460px; float: left; margin: 0 0 0 20px; min-height: 300px;}
#content .c2 {width: 490px; float: left; margin: 0 0 0 20px; min-height: 300px;}

#content a.readmore {float: right; margin: 0; padding: 8px 0 0 5px; width:165px; height: 25px; font-size: 11px; font-weight: bold; display: block; color: #fff;
	background: transparent url(images/button_readmore.png) no-repeat top left;}
#content a.readmore a {color: #fff; text-decoration: none;}	
#content a.readmore:hover {color: #fff; text-decoration: none; opacity: 0.8;}	


#content .c1_box {width: 460px; float: left; margin: 0 0 20px 0;}

#content .c2_box {width: 490px; float: left; margin: 0 0 10px 0; padding: 0 0 10px 0;
	background: transparent url(images/box2_02.png) no-repeat bottom left;}
#content .c2_box_content {width: 455px; float: left; padding: 25px 20px 0px 10px;
	background: transparent url(images/box2_01.png) no-repeat top left;}	

#box_contact .c2_box_content {background: transparent url(images/box2_01_contact.png) no-repeat top left; text-align:center;}
#box_contact .subtitle {font-size:12px; font-weight: bold; text-transform:uppercase;}
#box_contact .column {width: 200px; margin: 0 0 0 20px; float: left;}
#box_contact .column p {text-align:center; font-size: 14px;}

#box_dict .c2_box_content {background: transparent url(images/box2_01_dict.png) no-repeat top left;}
#box_dict .defs {width: 275px; height: 165px; float: left; margin: 0 0 0 10px;}
#box_dict .defs .def{display: none; text-align:justify;}
#box_dict ul.keys {list-style:none; padding: 0; width: 150px; float: left; margin: 0 0 0 10px; text-align: left;}
#box_dict ul.keys li {margin: 0 0 10px 0; padding: 0 0 0 12px; background: transparent url(images/img_dot1.png) no-repeat center left;}
#box_dict ul.keys li a {font-weight: bold; text-decoration: none;}
#box_dict ul.keys li a:hover {text-decoration:underline;}

#box_cert .c2_box_content {background: transparent url(images/box2_01_cert.png) no-repeat top left;}
#box_cert .column {float: left; width: 200px; height: 180px;  font-size: 12px; margin: 0 0 0 20px;}
#box_cert .cert1 {background: transparent url(images/img_cert1.png) no-repeat bottom center;}
#box_cert .cert2 {background: transparent url(images/img_cert2.png) no-repeat bottom center;}

#content .c3_box {width: 990px; float: left; margin: 0 0 10px 20px; padding: 0 0 10px 0;
	background: transparent url(images/box3_02.png) no-repeat bottom left;}
#content .c3_box_content {width: 960px; float: left; padding: 25px 20px 0px 10px;
	background: transparent url(images/box3_01.png) no-repeat top left;}	

#box_art .c3_box_content {background: transparent url(images/box3_01_art.png) no-repeat top left;}
#box_art .column {width: 220px; float: left; margin: 0 20px 0 0;}
#box_art .column p {margin: 0 10px 0 0 ;}
#box_art .column h4 {font-size:12px; text-align:left; margin:0 0 5px 0;}
#box_art .column ul {text-align:justify; margin:0 0 10px 10px; padding:0px;}
#box_art ul.keys {list-style:none; padding: 0; margin: 0 0 0 0px; text-align: left;}
#box_art ul.keys li {margin: 0 0 10px 0; padding: 0 0 0 12px; background: transparent url(images/img_dot1.png) no-repeat center left;}
#box_art ul.keys li a {font-weight: bold; text-decoration: none;}
#box_art ul.keys li a:hover {text-decoration:underline;}

#box_opinia .c3_box_content {background: transparent url(images/box3_01_opinia.png) no-repeat top left;}

#img_rzucpalenie {margin: 0 10px 0 20px; width: 435px; height: 135px; background: transparent url(images/img_rzucpalenie.png) no-repeat top left; float: left; position: relative; font-family: Verdana, Arial, Helvetica, sans-serif;}
#img_rzucpalenie:hover { opacity: 0.8;}
#img_rzucpalenie .text1 {position:absolute; width: 200px; height: 100px; font-size: 42px; color: #FFFFFF; top: 20px; left: 120px; text-align: left;}
#img_rzucpalenie .text2 {position:absolute; width: 200px; height: 5px; font-size: 14px; color: #fff; top: 28px; right: 16px; text-align: right;}

#left_comments_form { float: left; width: 460px; margin: 0; padding: 0;}
#left_comments_form .tabela_rating {}
#left_comments_form .tabela_rating .first_field { height: 30px;}
#left_comments_form .tabela_rating .t1 { width: 120px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: right;}
#left_comments_form .tabela_rating .t2 { width: 180px; text-align: left;}
#left_comments_form .tabela_rating .t2 .komentarz { width: 150px;}
#left_comments_form .tabela_rating .t3 { width: 40px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#left_comments_form .tabela_rating .tV { text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; vertical-align: top;}
#left_comments_form .tabela_rating .tInput { text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif;}
#left_comments_form .tabela_rating .tInput .komentarz { border: 0; width: 157px; height: 32px; background: url('images/button_readmore.png') top left no-repeat; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; cursor: pointer;}
#left_comments_form .tabela_rating .tInput .komentarz:hover { opacity: 0.8;}

#right_comments_field { float: right; width: 460px; margin: 0 30px 0 0; color: #5F5F5F;}
#right_comments_field .tabela .t1 { width: 130px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: left; font-weight: bold; color: #5B8E08;}
#right_comments_field .tabela .t2 { width: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: left;}
#right_comments_field .tabela .t3 { width: 90px;}
#right_comments_field .tabela .t4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: left;}
#right_comments_field .tabela .tComment { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: justify;}
#right_comments_field .tabela .line { background: url('images/comment_devider.jpg') center right no-repeat; height: 20px;}

#table_komentarze { width: 800px; margin: 0 auto;}
#table_komentarze .qName { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #5B8E08; text-align: left; width: 200px; font-weight: bold;}
#table_komentarze .qOcena { width: 70px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
#table_komentarze .qComment { text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
#table_komentarze .line { background: url('images/comment_devider2.jpg') center right no-repeat; height: 20px;}

#formularz_rating { width: 460px; margin: 20px auto; padding: 0;}
#formularz_rating .tabela_rating {}
#formularz_rating .tabela_rating .first_field { height: 30px;}
#formularz_rating .tabela_rating .t1 { width: 120px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: right;}
#formularz_rating .tabela_rating .t2 { width: 180px; text-align: left;}
#formularz_rating .tabela_rating .t3 { width: 40px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#formularz_rating .tabela_rating .tV { text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; vertical-align: top;}
#formularz_rating .tabela_rating .tInput { text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif;}
#formularz_rating .tabela_rating .tInput .komentarz { border: 0; width: 157px; height: 32px; background: url('images/button_readmore.png') top left no-repeat; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; cursor: pointer;}

#kontakt_div { float: left; margin: 0 0 0 100px;}
#kontakt_div h2.kontaktowa {color:#8aca2e; text-align:center; font-size: 20px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 10px 0; font-weight: normal; text-transform: uppercase;}
#kontakt_div #details_part { float: left; width: 320px;}
#kontakt_div #details_part .kontakt_table { width: 300px; margin: 0 0 20px 0;}
#kontakt_div #details_part .kontakt_table td.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; height: 30px; vertical-align: top;}
#kontakt_div #details_part .kontakt_table td.t1 { width: 70px; text-align: right;}
#kontakt_div #details_part .kontakt_table td.t2 { padding: 0 0 0 40px; text-align: left;}


#kontakt_div #map_part { float: right;}
#kontakt_div #map_part img { border: 1px solid #ccc; padding: 3px;}

#foot_buttons { width: 260px; float: right;}
#foot_buttons li { float: left; margin: 0 10px; list-style-type: none;}
#foot_buttons li a.print_link { background: url('images/print_button.png') top left no-repeat; background-position: 0 0; padding: 0 0 0 25px; color: #00A5F6;}
#foot_buttons li a.print_link:hover { background-position: 0 -15px; text-decoration: none; color: #8aca2e;}
#foot_buttons li a.go_back { background: url('images/go_back.png') top left no-repeat; background-position: 0 0; padding: 0 0 0 22px; color: #00A5F6;}
#foot_buttons li a.go_back:hover { background-position: 0 -15px; text-decoration: none; color: #8aca2e;}
#foot_buttons li a.go_top { background: url('images/go_top.png') top left no-repeat; background-position: 0 0; padding: 0 0 0 20px; color: #00A5F6;}
#foot_buttons li a.go_top:hover { background-position: 0 -14.5px; text-decoration: none; color: #8aca2e;}

table.test_main { float: left; text-align: left;/* border: 1px solid #7EC221;*/ margin: 0 0 0 22px;}
table.test_main tr { border-bottom: 1px solid #000;}

table.test_results { float: right;/* border: 1px solid red;*/ margin: 0 40px 0 0; width: 290px;}
table.test_results td.left { text-align: right; width: 47px;}
table.test_results td.right { text-align: left;}

@media print {
#container #head_wrapper { display: none;}
#container #foot_wrapper { display: none}
img.main_right_image { display: none;}
h1, h2, h3, h4, h5, h6 { color: #000;}
#foot ul { display: none;}
}
