
@import url(Main/pagination.css);

.clearfix:before, .clearfix:after
{
	content: ".";
	display: block;
	position: relative;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
* html .clearfix
{
	height: 1px;
}
.clearfix
{
	display: block;
}

html, body {background-image:url(../images/bg.gif);margin:0;padding:0;font-family:"Trebuchet MS","Verdana","Arial";font-size:12px;color:#797B7A;font-weight:normal;text-decoration:none;}
form, input, h1, h2, h3, h4, h5, h6, label, fieldset
{
	margin: 0;
	padding: 0;
}

#wrapper {width:820px;height: auto;padding-top:10px;padding-bottom:10px;margin:0px auto;background-color:#FFF;}
#content {width:800px;height: 100%;margin:auto;background-color:#FFF;}
#header {height:150px;margin-bottom: 0px;background-color:#ffffff;background-position: top left;background-image: url("../images/header.jpg");}
#logo {width:258px;float:left;}

#contentarea {overflow: hidden;clear:both;height: 100%;padding:0px 0px;}

#leftbar
{
	padding-top: 20px;
	margin-bottom: -2000px;padding-bottom:2000px;
	float: left;
	width: 559px;
	border-right: 1px solid #BCBDBC;	
	padding-right: 15px;
	border-right-width: 1px;
}
#leftbar .padding {padding-left: 10px;}

#contentarea .newstitle a, h2, h3{
	position: relative;
	font-size:22px;
	color:#F4A80A;
	font-weight:normal;
	text-decoration:none;
	letter-spacing: -1px;
}
#contentarea .newstitle a {margin-bottom: 20px;}
a.clear{text-decoration:none;}

#contentarea h3{	font-size:26px;}
#contentarea p, .newscontent ul,.contactTable,.contactForm {text-align:justify;padding: 0px 0px 0px 0px;}

.newscontent ul{list-style-type:square;}
/*Kontakt*/
.contactTable td{ padding: 10px 20px 10px 0px; text-align:left; vertical-align:text-top;}
.contactForm { padding: 20px 20px 20px 0px; line-height: 30px;}

#rightbar{float: left;width: 200px;padding-left:15px;}
#rightbar p{font-size:11px;color:#797B7A;font-weight:normal;text-decoration:none;padding:0px;}

.orangetext {font-size:11px;color:#F4A80A;font-weight:bold;text-decoration:none;}

/*NIUSY*/
#contentarea .news {width: 560px;margin-bottom:10px;}
#contentarea .news .newstitle{position: relative;}
#contentarea .news .date{position: absolute;font-size: 14px;right: 15px;top: 0px;line-height: 35px;color: #656551;font-weight: bold;}
#contentarea .news .newscontent{margin-top: 10px;margin-bottom: 0px;}
#contentarea .news .newscontent p{margin: 0px 0px 0px 0px;padding: 5px 0px 0px 5px;}
.news .newsfooter{text-align: right;height: 30px;line-height:30px;padding-right: 15px;}
/*KONIEC NIUSÓW ;)*/
.alt
{
	display:none;
}

#leftbar .tresc p
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
}
#leftbar .tresc h2, h3
{
	position: relative;
	font-size:22px;
	color:#EE8907;
	font-weight:normal;
	text-decoration:none;
	letter-spacing: -1px;
}

#leftbar hr
{
	margin-bottom: 10px;
}

/*Sekcja promocje*/
.promotionImage{float: left;height: 200px;width: 200px;padding: 10px;}
.promotionPrice{float: right;height: 100px;width: 100px;padding: 10px;}
.promotionHeader{height: 50px;padding: 10px;width:100%;}
.promotionTitle{background-color:#F4A80A;position: relative;font-size:16px;color:#FFF;font-weight:normal;text-decoration:none;letter-spacing: -1px;}

/*Koniec sekcji promocje lista*/

/*Nowe Menu */

div#top-mnu-wrp
{
	width: 800px;
	position:relative;
	background-color: #92BC2A;
}
#top-mnu-wrp ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#top-mnu li.top
{
	float: left;
	line-height: 50px;
}
#top-mnu li a, #top-mnu li div
{
	display: block;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#top-mnu li .active, #top-mnu li .hover, #top-mnu li a:hover
{
	background-position: 0 100%;
}
#top-mnu li.top .active, #top-mnu li.top .hover, #top-mnu li.top a:hover
{
	background-color: #fff;
}
#top-mnu ul
{
	display: none;
	position: absolute;
	list-style-type: none;
	z-index: 3;
	top: 0;
	width: 0;
	height: 50px;
	overflow: hidden;
	background-color: #000;
	background-repeat: no-repeat;
}

#top-mnu ul.lft
{
	padding-left: 8px;
}

#top-mnu ul li
{
	float: left;
}

a#top-mnu-apteka
{
	background-image: url("../images/menu/apteka.gif");
	width: 92px;
}
#top-mnu-punkty-apteczne
{
	background-image: url("../images/menu/punkty apteczne.gif");
	width: 174px;
	cursor: pointer;
}
a#top-smnu-roczyny
{
	background-image: url("../images/menu/roczyny.gif");
	width: 100px;
}
a#top-smnu-inwald
{
	background-image: url("../images/menu/inwald.gif");
	width: 100px;
}
a#top-mnu-aktualnosci
{
	background-image: url("../images/menu/aktualnosci.gif");
	width: 136px;
}
a#top-mnu-promocje
{
	background-image: url("../images/menu/promocje.gif");
	width: 124px;
}
a#top-mnu-karta-pacjenta
{
	background-image: url("../images/menu/karta pacjenta.gif");
	width: 163px;
}
a#top-mnu-kontakt
{
	background-image: url("../images/menu/kontakt.gif");
	width: 111px;
}

.box
{
	width: 200px;
	height: auto;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.rightbar_header
{
   /* ie win (5, 5.5, 6) bugfix */
	position: relative;
	width: 183px;
	border-left: 7px solid #333333;
	padding: 10px;
	color: #ffffff;
	background: #666666;
	font-size: medium;
	font-weight:bold;   
	line-height: 1;
	margin-bottom: 10px;
}

/*Promocje ogladaj, pobierz katalog button'y*/
.button_ogladaj{cursor: pointer;float:left;margin-left: -10px;width:280px;height:100px;background-image: url(../images/ogladajkatalog_1.jpg);}
.button_ogladaj:hover{background-image: url(../images/ogladajkatalog_2.jpg);}
.button_pobierz{cursor: pointer;float:left;width:280px;height:100px;background-image: url(../images/pobierzkatalog_1.jpg);}
.button_pobierz:hover{background-image: url(../images/pobierzkatalog_2.jpg);}

/*To co na dole ;)*/
#bottom {margin:0;padding:20px 0px 20px 0px;height: 190px; margin-top: 10px;background-color:#92BC2A;}
#bottom .contactList{width:100%;}
#bottom .contactList ul{float:left;width:200px;list-style-type:none;	}
#bottom .contactList a, ul{font-size:13px;color:#fff;font-weight:bold;}
#bottom .contactList a{	text-decoration:underline;}

#footer{ margin-top: 20px; padding: 0px 40px 0px 40px;}
#footer a, #footer p{font-size:12px;color: #ffffff;font-weight:bold;text-decoration:none; }

#email {clear:both;float:left;width:300px;font-size:12px;font-weight:bold;}
#validtext {float:right;width:300px;text-align: right;}
/*Koniec tego co na dole*/