@media screen{

/* =GLOBAL ---------------------------------------------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body {
	background:#FFF url('../img/bg_body.png') 0 0 repeat-x;
	font:10px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#676767;
	height:100%;
}
.container {margin:0 auto; text-align:left; width:962px;}

a {text-decoration:underline; color:#4D4E50;}
a:hover, a:focus {text-decoration:none; color:#29367C;}
a img, fieldset {border:0;}
h1, h2, h3, h4 {font-weight:bold; display:block;}
h4, p, li {line-height:16px; font-size:1em;}
ol, ul {list-style-type:none;}
table {border-collapse:collapse;}
sup {font-size:10px; vertical-align:text-top;}
code {
	font:500 1em/1.5em "Lucida Console", "Courier New", monospace;
	margin:4px 0;
	padding:8px; 
	display:block; 
	overflow:auto; 
}
blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
	border-left:2px solid #C6D9E9;
	background-color:#FFF;
	margin:0.5em;
	padding:0.5em;
}

.center {text-align:center;}
.right {text-align:right;}
.to_left {float:left;}
.to_right {float:right;}
.clearfix:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
/* End hide from IE-mac */
.none, legend {display:none !important;}


/* =HEADER ---------------------------------------------------------------------------------------------------------------------------------------------- */

#header {
	position:relative;
	z-index:100;
	height:169px;
	width:100%; 
	clear:both; 
}
#header h1 {
	background:url('../img/logo_main.png') 0 0 no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	left:20px;
}
#header h1, #header h1 a {
	text-decoration:none;
	font-size:26px;
	line-height:92px;
	width:374px;
	height:92px;
	display:block;
}

#header .upper_area, #header .lower_area {
	position:absolute;
	width:55%;
}
#header .upper_area a, #header .lower_area span a {text-decoration:none;}

#header .upper_area {
	visibility:hidden;
	text-align:right;
	top:12px;
	right:8px;
	line-height:17px;
	height:17px;
}
#header .upper_area strong {text-transform:uppercase;} 
#header .upper_area a {margin-left:10px;}
#header .upper_area a:focus {outline:0;}
#header .upper_area a img {vertical-align:middle;}

#header .lower_area {
	top:48px;
	right:0;
	height:36px;
}
#header .lower_area span, #header .lower_area form {
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.1em;
	display:block; 
	float:right; 
}
#header .lower_area span a, #header .lower_area form * {color:#7A7E81;}
#header .lower_area span {
	padding-left:10px;
	margin:0 0px;
	line-height:42px;
	height:42px;
}
#header .lower_area span a {
	font:1.0em Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-right:56px;
	height:42px;
}
#header .lower_area span a:hover {
	font:1.0em Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}

#header #navigation {
	background:transparent;
	border:solid #CBCDCC;
	border-width:1px 0;
	position:absolute;
	top:114px;
	left:0;
	z-index:1000;
	height:39px;
	width:100%;
	clear:both;
}
#header #navigation li, #header #navigation li a {display:block; float:left;}
#header #navigation li {line-height:39px; height:39px; text-align:center; font-size:1.3em; padding-right:20px; position:relative;}
#header #navigation li a {
	text-transform:uppercase; 
	text-decoration:none; 
	border-width:1px 0;
	border-style:solid;
	border-top-color:#CBCDCC;
	border-bottom-color:#CBCDCC;
	font-weight:bold; 
	padding:0 21px;
	height:39px;
	position:relative;
	top:-1px;
	z-index:2000;
}
#header #navigation li:hover a, #header #navigation li.current a {color:#29367C;}
#header #navigation li.parent:hover a {
	border-width:1px 1px;
	border-color:#999;
	border-bottom-color:#FBFBFB;
	background:#FBFBFB;
	padding:0 20px;
	z-index:4000;
}
#header #navigation li:hover ul, #header #navigation li.current ul {display:block;}

#header #navigation li ul {
	display:none; 
	width:158px; 
	position:absolute; 
	top:39px; 
	left:0; 
	z-index:3000;
	padding:8px 20px 12px; 
	background:#FBFBFB;
	border:1px solid #999;
}
#header #navigation li ul li, #header #navigation li ul li a {padding:0; float:none; line-height:23px; height:23px; font-size:.99em;}
#header #navigation li ul li {text-align:left; font-size:.99em;}
#header #navigation li ul li a {text-transform:none; font-weight:normal; border:0 !important; padding:0 !important;}
#header #navigation li ul li a:hover {text-decoration:underline;}


/* =CONTENT ---------------------------------------------------------------------------------------------------------------------------------------------- */

.three_columns {
	border:1px solid #C5C5C5; 
	background:#FFFFFF;
	padding:25px 0;
	overflow:hidden;
	width:960px; 
	clear:both; 
}
.wrapper {
	overflow:hidden;
	width:960px; 
	clear:both; 
	float:left;
}
.index {
	border:none !important; 
	width:962px !important; 
	float:none !important; 
	padding:0 !important; 
}
#content {
	padding:0 25px;
	margin:0 258px 0 207px;
	position:relative; 
	top:0; 
	z-index:10;
	width:445px; 
}


.index #content {
	padding:0 0 5px 0; 
	margin:0;
	width:962px; 
}
.mapa #content {
	padding:0 18px 5px 20px; 
	margin:0;
	width:922px; 
}

.mapa2 #content {
	padding:0 18px 5px 20px; 
	margin:0;
	width:712px; 
	margin-left:212px;
}

#content div, #content p, #content li {
	font-size:1.05em;
	line-height:16px;
}

#content .flash_area {
	border:1px solid #C6C4C5;
	background:#EDE5E2;
	overflow:hidden;
	width:960px; 
	height:362px;
	clear:both;
	position:relative; 
	z-index:30;
}
#content .flash_area #flashcontent {
	position:absolute;
	top:-2px;
	left:-1px;
	z-index:60;
	width:962px; 
	height:364px;
}
#content .flash_area #textlayer {
	background:transparent;
	position:absolute;
	top:68px;
	right:1px;
	z-index:90;
	width:530px; 
	height:300px;
}
#content .flash_area #textlayer h2, #content .flash_area #textlayer h2 small {
	display:block;
	font-size:26px;
	font-weight:normal;
	line-height:32px;
}
#content .flash_area #textlayer h2 {
	border-bottom:1px solid #A8C1E0;
	padding:0 11px 7px 11px;
	margin-bottom:58px;
	color:#2A3879;
}
#content .flash_area #textlayer h2 small {color:#3768A2; font-size:18px;}
#content .flash_area #textlayer .news {overflow:hidden; height:136px; width:100%; clear:both;}
#content .flash_area #textlayer .news .post {
	padding:0 5px 0 15px; 
	font-size:0.99em;
	line-height:16px;
	width:150px; 
	float:left;
}
#content .flash_area #textlayer .news .post a {
	text-decoration:none;
	padding-bottom:7px;
	font-weight:bold;
	display:block; 
	color:#3969A9; 
}
#content .flash_area #textlayer .news .post a:hover {text-decoration:underline;}

#content .system_area {width:100%; clear:both; overflow:hidden; padding-bottom:14px;}
#content .system_area .breadcrumbs {width:445px; float:left; padding-top:2px;}
#content .system_area .breadcrumbs2 {width:745px; float:left; padding-top:2px;}
#content .system_area .breadcrumbs * {color:#727274;}
#content .system_area .breadcrumbs a {
	/* background:url('../img/arrow.gif') 92% 63% no-repeat; */
	padding-right:4px;
}
#content .system_area .breadcrumbs2 * {color:#727274;}
#content .system_area .breadcrumbs2 a {
	/* background:url('../img/arrow.gif') 92% 63% no-repeat; */
	padding-right:4px;
}



#content .system_area .text_options {width:140px; float:right; text-align:right; padding-bottom:8px;}
#content .system_area .text_options a {text-decoration:none; padding-top:3px;}
#content .system_area .fontResizer {display:inline; padding:0 5px 0 20px; position:relative; top:1px;}
#content .system_area .fontResizer a {
	font-family:Verdana, Arial, sans-serif;
	color:#134490;
	margin-left:4px;  
	font-weight:bold;
}
#content .system_area .fontResizer a:hover, #content .system_area .fontResizer .curFont {color:#727274;}
#content .system_area .fontResizer a:focus {outline:none;}
#content .system_area .fontResizer .smallFont {font-size:9px;}
#content .system_area .fontResizer .medFont {font-size:12px;}
#content .system_area .fontResizer .largeFont {font-size:15px;}

#content .blue_box {
	background:#f8f9fb;
	margin-bottom:20px;
	overflow:hidden;
	height:110px;
	width:445px;
}

#content .blue_box_map {
	background:#f8f9fb;
	margin-bottom:20px;
	overflow:hidden;
	height:110px;
	width:710px;
}

#content .blue_box_map2 {
	background:#f8f9fb;
	margin-bottom:20px;
	overflow:hidden;
	height:110px;
	width:349px;
}

#content .blue_box img {float:left; padding-right:10px;}
#content .blue_box .strona1 {
	padding-top:40px; 
	width:230px; 
	color:#486698; 
	line-height:18px;
	font-weight:bold;
	font-size:1.6em;
	display:block;
	float:left;
	padding-left:12px;
}

#content .blue_box .strona2 {
	padding-top:40px; 
	width:400px; 
	color:#486698; 
	line-height:18px;
	font-weight:bold;
	font-size:1.6em;
	display:block;
	float:left;
	padding-left:12px;
}

#content .blue_box_map .map1 {
	padding-top:40px; 
	width:700px; 
	color:#486698; 
	line-height:18px;
	font-weight:normal;
	font-size:1.6em;
	display:block;
	float:left;
	padding-left:12px;
}

#content .blue_box_map2 .map2 {
	padding-top:40px; 
	 
	color:#486698; 
	line-height:18px;
	font-weight:normal;
	font-size:1.6em;
	display:block;
	float:left;
	padding-left:12px;
}

#content .blue_box .news1 {
	padding-top:28px; 
	width:230px; 
	color:#486698; 
	line-height:18px;
	font-weight:bold;
	font-size:1.6em;
	display:block;
	float:left;
	padding-left:12px;
}

#content .blue_box .news2 {
	padding-top:40px; 
	width:400px; 
	color:#486698; 
	line-height:18px;
	font-weight:bold;
	font-size:1.6em;
	display:block;
	float:left;
	padding-left:12px;
}

.three_columns #content h2 {
	padding-bottom:20px; 
	color:#486698; 
	font-size:2.6em;
	font-weight:normal;
}
.three_columns #content p {padding-bottom:20px; font-size:1.1em;}

#content .options {text-align:right; padding-top:20px; line-height:16px; height:16px;}
#content .options a {margin-left:40px; padding-top:3px;}
#content .options a.go_back {
	background:url('../img/arrow2.gif') 0 72% no-repeat;
	padding-left:13px;
}
#content .options a.go_top {
	background:url('../img/arrow3.gif') 0 63% no-repeat;
	padding-left:16px;
}
#content .options a.print, #content .system_area .text_options a.print {
	background:url('../img/ico_print.gif') 0 100% no-repeat;
	padding-left:22px;
}

#content ul {list-style-type:disc; padding:0 1px 0px 12px;}
#content ol {list-style-type: decimal; padding:0 1px 0px 12px; }
#content li {padding-bottom:8px;}

/* =SIDEBARS ---------------------------------------------------------------------------------------------------------------------------------------------- */

#left_col, #right_col {float:left; position:relative; z-index:30;}
#left_col {width:207px; margin-left:-960px; font-size:1.1em;}
#left_col h3 {
	text-transform:uppercase; 
	padding-bottom:8px; 
	text-indent:22px; 
	color:#676767; 
	font-size:1.05em;
}
#left_col h3 a {
	text-transform:uppercase; 
	padding-bottom:8px; 
	text-indent:22px; 
	color:#676767; 
	font-size:1.05em;
	text-decoration:none;
}
#left_col ul {width:190px; margin-left:15px; border-top:1px solid #d4d4d4;}
#left_col ul li {display:block; border-bottom:1px solid #d4d4d4;}
#left_col ul li a {display:block; color:#676767; padding:6px 7px; text-decoration:none;}
#left_col ul li a.current {font-weight:bold;}
#left_col ul li a:hover {text-decoration:underline;}

#left_col ul li.current_expand {font-weight:bold; border-bottom:0px solid #d4d4d4;}
#left_col ul li.current_sub {font-weight:bold; border-bottom:0px solid #d4d4d4; margin-left:22px;}
#left_col ul li.sub {font-weight:normal; border-bottom:0px solid #d4d4d4; margin-left:22px;}

#right_col {width:228px; margin-left:-253px; font-size:1.1em; padding-right:25px;}
#right_col h3 {
	padding-bottom:20px; 
	color:#486698; 
	font-size:2.4em;
	font-weight:normal;
}
#right_col .boxes {
	padding:30px 0 0 0;
	overflow:hidden;
	width:100%;
	clear:both;
}
#right_col .boxes .box {
	border:1px solid #C5C5C5;
	margin:0 0 25px 30px;
	padding:10px 20px 15px;
	width:150px;
	color:#8f8f8f;
}
#right_col .boxes .box a {text-decoration:none; display:block; color:#676767;}
#right_col .boxes .box a:hover {color:#29367C;}
#right_col .boxes .box img, #right_col .boxes .box strong {display:block; padding-bottom:10px;}
#right_col .boxes .box img {margin:0 auto;}


/* =FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------- */

#footer, #footer .boxes {width:100%; clear:both;}
#footer {padding-bottom:14px; position:relative; top:15px;}
#footer .boxes {padding-bottom:17px; overflow:hidden;}
#footer .boxes .box {border:1px solid #C5C5C5; font-size:1.1em; text-align:center; margin-left:18px;}
#footer .boxes .box, #footer .boxes .box a {position:relative; height:176px; width:176px; float:left;}
#footer .boxes .first_item {margin-left:0;}
#footer .boxes .box a {text-decoration:none; padding:0; overflow:hidden; display:block; color:#676767;} 
#footer .boxes .box a:hover {color:#29367C;}
#footer .boxes .box a span {cursor:pointer;}
#footer .boxes .box a .hidden_area {margin-top:180px;}
#footer .boxes .box a:hover .hidden_area {margin-top:0 !important;}
#footer .boxes .box a:hover .visible_area, #footer .boxes .box a span.hicontrast_area {display:none;}
#footer .boxes .box img {display:block; margin:0 auto;}
#footer ul {
	background:#F7F8FA url('../img/logo_nfz.png') 880px 20px no-repeat; 
	border:1px solid #C5C5C5; 
	overflow:hidden;
	padding:16px 10px 16px 20px;
	width:930px; 
}
#footer ul li {display:block; float:left; padding-right:30px; font-size:1.1em; width:230px;}
#footer ul li span {display:block; float:left; padding-left:80px; padding-right:30px; width:230px;}
#footer p {text-align:center; padding-top:12px; clear:both;}


/* =FORMS ---------------------------------------------------------------------------------------------------------------------------------------------- */

form {padding:5px 0 15px;}
form div {padding-bottom:10px; overflow:hidden;}
form label {display:block; padding-bottom:3px;}
input, textarea, select {
	font:1.1em Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border:1px solid #CCCDCF;
	color:#848484;
	padding:2px 3px;
}
select {padding:1px !important;}
option {padding-left:5px;}
.radio, .checkbox{
	background-color:transparent !important;
	width:13px !important;
	height:13px !important;
	margin:0 5px 0 0; 
	padding:0; 
	border:none;
	float:left; 
	position:relative; 
	top:2px;
}

#header form {padding:0px 20px 0 0; height:42px; border-right:1px solid #C5C5C5}
#header form div {line-height:42px; padding:0;}
#header form div * {display:inline !important;}
#header label {font-size:1.1em; margin-right:10px;}
#header input {width:85px;}
#header input.button {
	background:transparent url('../img/arrow.gif') center 60% no-repeat;
	width:18px !important;
	height:18px !important;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	padding:0;
}


















#mapForm {
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.1em;
	float:right;
	margin: 0px 10px 0px 25px;
	width:250px;
	height:42px;
	display:block;
	background-image:url(http://www.petct.euromedic.pl/img/mapmenu.gif);
}
#mapForm form {
	margin:0;
	padding:0;
}






#dropmenudiv {
	float: left;
	height: 250px;
	width: 250px;
	position:absolute;
	top: 50px;
	left:270px;
	text-align:left;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:13px;
	background-color: #FBFBFB;
	border:1px solid #999999;
	display: none;
	z-index:3000;
}
#dropmenudiv a {
	display: block;
	padding: 3px 0px 3px 10px;
	text-decoration: none;
	text-align: left;
	margin:0px 0px 0px 0px;
	font:1.0em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2A3879;
}
#dropmenudiv a:hover {
	text-decoration:none;
}

#dropmenudiv img {
	padding: 0px 9px 0px 1px;
}


#dropmenudiv ul {
	padding: 11px 0 20px 39px;
	margin: 0;
	list-style-type:none;
	width:200px;
	float:;
}
#dropmenudiv li {
	padding: 4px;
	margin: 0;
	float:left;
	height:38px;
	width:155px;
}


}