/* CSS Document */

/* formatowanie ogólne */

body  {
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    text-align:center;
}


form  {
	display:inline;
}

input  {
	font-size:70%;
	color: #333;	
	border: 1px solid #333;
}

ul  {
	list-style-type:square;
}

.img  {
	border: 0;
	vertical-align:middle;
	padding-bottom:2px;
}


.blue  {
	color: #31aeff;
	font-weight: bold;
}

.bold  {
	font-weight: bold;
}

.italic  {
	font-style:italic;
	color: #333;
}

.middle  {
	vertical-align:middle;
}

.odstep {
	margin-left:30px;
}

/* formatowanie głównej treści strony - podział na bloki */

#container {
	overflow:hidden;
	width:100%;
	height:auto;
}


/* pasek wyszukiwarki w topie */

#searchbar  {
	width:100%;
	height:23px;
	background: url(images/images/buttony/belka-top-pasek.gif);
}

#search {
	width:1000px;
	height:100%;
	text-align:right;	
	margin: 0 auto;
	padding:1px 15px 0px 0px;
}

/* koniec paska wyszukiwarki w topie */

/* formatowanie nagłówka (top) */

#header  {
	width:100%;
	height:141px;
	padding: 0;
	background: url(images/images/buttony/belka-top.gif) repeat-x;
	border-bottom: 1px solid #bbb;
}

#top-header  {
	position:relative;
	width:1000px;	
	height:100%;
	margin: 0 auto;	
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:308px;
	height:98px;
}

#flower {
	position:absolute;
	left:308px;
	top:0px;
	width:692px;
	height:98px;
	background:url(images/layout1_03.jpg) no-repeat;
}

#panel {
	position:absolute;
	left:0px;
	top:98px;
	width:257px;
	height:42px;
	padding-top:15px;
	background:url(images/layout1_04.jpg) no-repeat;
	padding-left:30px;
	text-align:left;
}

input#login  {
	background: url(images/tlo-login.gif) no-repeat 10% 20%;
	
}

input#haslo  {
	background: url(images/tlo-haslo.gif) no-repeat 10% 20%;
	
}

/* formatowanie nawigacji */

#index-out {
	position:absolute;
	left:257px;
	top:98px;
	width:90px;
	height:42px;
	background: url(images/index1_out.gif) no-repeat;
}

#portfolio-out {
	position:absolute;
	left:347px;
	top:98px;
	width:118px;
	height:42px;
	background: url(images/portfolio1_out.gif) no-repeat;
}

#oferta-out {
	position:absolute;
	left:465px;
	top:98px;
	width:92px;
	height:42px;
	background: url(images/oferta1_out.gif) no-repeat;
}

#biznesmed-website-out {
	position:absolute;
	left:557px;
	top:98px;
	width:182px;
	height:42px;
	background: url(images/biznesmed_website1_out.gif) no-repeat;
}

#biznesmed-cms-out {
	position:absolute;
	left:739px;
	top:98px;
	width:146px;
	height:42px;
	background: url(images/biznesmed_cms1_out.gif) no-repeat;
}

#kontakt-out {
	position:absolute;
	left:885px;
	top:98px;
	width:104px;
	height:42px;
	background: url(images/kontakt1_out.gif) no-repeat;
}

#index-out:hover {
	position:absolute;
	left:257px;
	top:98px;
	width:90px;
	height:42px;
	background: #fff url(images/index1_over.gif) no-repeat;
	padding:0;
	margin:0;
}

#portfolio-out:hover {
	position:absolute;
	left:347px;
	top:98px;
	width:118px;
	height:42px;
	background: #fff url(images/portfolio1_over.gif) no-repeat;	
	padding:0;
	margin:0;
}

#oferta-out:hover {
	position:absolute;
	left:465px;
	top:98px;
	width:92px;
	height:42px;
	background: #fff url(images/oferta1_over.gif) no-repeat;
	padding:0;
	margin:0;
}

#biznesmed-website-out:hover {
	position:absolute;
	left:557px;
	top:98px;
	width:182px;
	height:42px;
	background: #fff url(images/biznesmed_website1_over.gif) no-repeat;
	padding:0;
	margin:0;
}

#biznesmed-cms-out:hover {
	position:absolute;
	left:739px;
	top:98px;
	width:146px;
	height:42px;
	background: #fff url(images/biznesmed_cms1_over.gif) no-repeat;
	padding:0;
	margin:0;
}

#kontakt-out:hover {
	position:absolute;
	left:885px;
	top:98px;
	width:104px;
	height:42px;
	background: #fff url(images/kontakt1_over.gif) no-repeat;
	padding:0;
	margin:0;
}

#index-over {
	position:absolute;
	left:257px;
	top:98px;
	width:90px;
	height:42px;
	padding:0;
	margin:0;
	background: #fff url(images/index1_over.gif) no-repeat;
	padding:0;
	margin:0;
}

#portfolio-over {
	position:absolute;
	left:347px;
	top:98px;
	width:118px;
	height:42px;
	background: #fff url(images/portfolio1_over.gif) no-repeat;	
	padding:0;
	margin:0;
}

#oferta-over {
	position:absolute;
	left:465px;
	top:98px;
	width:92px;
	height:42px;
	background: #fff url(images/oferta1_over.gif) no-repeat;
	padding:0;
	margin:0;
}

#biznesmed-website-over {
	position:absolute;
	left:557px;
	top:98px;
	width:182px;
	height:42px;
	background: #fff url(images/biznesmed_website1_over.gif) no-repeat;
	padding:0;
	margin:0;
}

#biznesmed-cms-over {
	position:absolute;
	left:739px;
	top:98px;
	width:146px;
	height:42px;
	background: #fff url(images/biznesmed_cms1_over.gif) no-repeat;
	padding:0;
	margin:0;
}

#kontakt-over {
	position:absolute;
	left:885px;
	top:98px;
	width:105px;
	height:42px;
	background: #fff url(images/kontakt1_over.gif) no-repeat;
	padding:0;
	margin:0;
}

#menu2-11 {
	position:absolute;
	left:989px;
	top:98px;
	width:11px;
	height:42px;
	background: url(images/menu2_11.gif) no-repeat;
}

#menu {
	width:743px;
	height:42px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*font-weight: bold;*/
	line-height:3.2em;
	background: #fff;
}

#menu a.menu  {
	text-decoration:none;
	color: #000;
}

#menu a.menu:hover  {
	text-decoration:none;
	color: #31aeff;
}

#menu a.menu:active  {
	text-decoration:none;
	color: #31aeff;
}

/* koniec formatowania nagłówka */


/* formatowanie środkowej sekcji */

#middle  {
	width:100%;
	margin: 0 auto;
	padding:0;
}

#main-frame  {
	position:relative;
	width:1000px;	
	height:100%;
	margin: 0 auto;	
}


/* formatowanie lewej kolumny */

#left-sidebar  {
	width:257px;
	float: left;
	position:relative;
}

div#email  {
	display:inline;
	height:100%;
	width:85%;
	padding-left:20px;
	font-size:0.85em;
}

input#mail  {
	padding:0.12em;
	font-size:1.1em;
	background-color: #fff;
}

#newsletter {	
	width:85%;
	height:90px;
	padding:20px 0px 20px 5px;
	background:url(images/layout1_08.gif) no-repeat;
}

#aktualnosci {
	width:85%;
	height:65px;
	padding:15px 0px 0px 5px;
	background:url(images/layout1_13.gif) repeat-y;
}

.news-frame  {
	width:257px;
	height:auto;
	text-align:justify;
}

.top-frame {
	width:85%;
	height:27px;
	background:url(images/layout1_16.jpg) no-repeat;
	color:#31aeff;
	font-size:0.85em;
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	padding-left:20px;
	padding-top:8px;
	vertical-align:top;
	margin:0;
	padding-top:-4px;
}

.middle-frame {
	width:85%;
	font-size:0.85em;
	font-family: Verdana, Arial, Helvetica;
	background:url(images/layout1_17.jpg) repeat-y;
	padding:20px 32px 20px 25px;
	vertical-align:top;
	margin:0;
}

.bottom-frame {
	width:85%;
	height:29px;
	background:url(images/layout1_18.jpg) no-repeat;
	vertical-align:top;
	text-align:right;
	padding-right:28px;
}

.wiecej  {
	font-size: 0.8em;
	display: inline;
}

a.more  {
	font-weight: bold;
	text-decoration:none;
	color: #000;
}

a.more:hover  {
	font-weight: bold;
	text-decoration:none;
	color: #31aeff;
}

/* koniec formatowania lewej kolumny */

/* formatowanie środkowej kolumny */

#content  {
	width: 566px;
	position:relative;
	float: left;
	display:block;
}

#navigation {
	width:100%;
	height:48px;
	background:url(images/layout1_09.gif) no-repeat;
	font-size:0.8em;
	text-align:left;
	padding:0px 0px 0px 10px;
}

a.navigate {
	text-decoration:none;
	color: #000;
}

a.navigate:hover {
	text-decoration:underline;
	color: #000;
}

#section {
	width:100%;
	height:55px;
	background:url(images/layout1_12.gif) repeat-y;
	text-align:left;
	padding-left:25px;
}

.dotted  {
	width:510px;
	height:5px;
	padding:10px 28px 10px 2px;
}

#quote  {
	float: right;
	width:31%;
	height: auto;
	display: block;
	border: 1px solid #666;
	border-top:8px solid #666;
	margin:5px;
	margin-top:10px;	
	padding:5px;
	font-size:0.95em;
	background: #e8e8e8 url(images/tlo-cytat.gif) no-repeat;
}

#quote #signature  {
	width: 100%;
	height: 20px;
	font-style: italic;
	text-align: right;
	padding-top:10px;
}

#box  {
	float: right;
	width:33%;
	height: auto;
	display: block;
	border: 1px solid #666;
	border-top:8px solid #666;
	margin:5px;
	margin-top:10px;
	margin-left:10px;
	padding:5px;
	padding-bottom:10px;
	font-size:0.95em;
	background: #e8e8e8;
}

#main {

	width:530px;
	height:auto;
	background:url(images/layout1_14.gif) repeat-y;
	text-align:left;
	padding: 2em;
	padding-top:0.5em;
	padding-bottom:50px;
	font-size:0.9em;
	line-height:18px;
}

.title  {
	font-family: Georgia, Verdana, Arial;
	font-size:1.5em;
	text-align:left;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:15px;
}

.gora  {
	margin-right:5px;
	border: 0;
}

.zamowienie  {
	margin:0px 0px 0px -10px;
	padding:0px 0px 0px -10px;
}

form.formularz p  {
	clear: left;
	margin: 0;
	margin-left: 20px;
	padding: 0;
	padding-top: 10px;
}

form.formularz input, select  {
	font-size:120%;
	margin-left:20px;
}

form.formularz select  {
	font-size:100%;
	width:155px;
}

form.formularz p label  {
	float: left;
	width: 35%;
}

.star  {
	vertical-align: super;
	color: #f00;
	font-size:70%;
}

.legend  {
	font-size: 90%;
}

.error  {
	color: #f00;
	font-weight:bold;
}

.error-message  {
	font-size:85%;
	color:#f00;
}

/* koniec formatowania środkowej kolumny */

/* formatowanie prawej kolumny */

#right-sidebar  {
	width: 167px;
	float: right;
	position:relative;
	text-align: left;
	margin: 0;
	margin-right: -2%;
	padding: 0;
	height: 1%;
	vertical-align:top;
}

/** html #right-sidebar  {
	width: 160px;
	float: right;
	position:relative;
	text-align: left;
	margin: 0;
	m\argin-right: 10px;  /* dla IE5/Win  
	padding: 0;
	height: 1%;
	vertical-align:top;
}
*/

#contact {
	width:85%;
	height:auto;
	background:url(images/layout1_10.gif) no-repeat;
	margin-top:20px;
	font-size:0.8em;
	padding-left:0;
}

a.mail  {
	color: #31aeff;
	font-weight: bold;
	text-decoration:none;
}

a.mail:hover  {
	color: #31aeff;
	font-weight: bold;
	text-decoration: underline;
}

/* koniec formatowania prawej kolumny */


/* formatowanie stopki */

#footer  {
	clear:both;
	width:100%;
	height:155px;
	margin: 0 auto;
	padding: 0;	
	background: #e8e8e8 url(images/images/buttony/belka-stopka.gif) repeat-x;
}

#main-footer  {
	position:relative;
	clear:both;
	width:1000px;
	height:155px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 0.75em;
}

#left-bar {
	width:5px;
	height:155px;
	background:url(images/layout1_20.jpg) no-repeat;
	float:left;
	position:relative;
}

#news-bar {
	width:252px;
	height:155px;
	background:url(images/layout1_21.jpg) no-repeat;
	float:left;
	position:relative;
}

#main-bar {
	width:566px;
	height:155px;
	background:url(images/layout1_22.jpg) no-repeat;
	float:left;
	position:relative;
}

#contact-bar {
	width:169px;
	height:155px;
	background:url(images/layout1_23.jpg) no-repeat;
	float:left;
	position:relative;
}

#right-bar {
	width:8px;
	height:155px;
	background:url(images/layout1_24.jpg) no-repeat;
	float:right;
	position:relative;
}

/* koniec formatowania stopki */