/* CSS Document */
* { margin:0; padding:0;}

.column { float:left;}
.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.84em; text-align:center}
html, input, textarea
	{	font-family:Tahoma;
		color:#333;
	}


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#919191;}

a{color:#54a8c8; text-decoration:none}
a:hover{text-decoration:underline}
.a1{color:#54a8c8; font-weight:bold; font-size:1.1em; }

ul{margin:0; padding:0; list-style:none; line-height:18px}
ul li{background:url(images/arrow.gif) top left no-repeat; background-position:0 7px; margin:0px; padding-left:16px; }
ul li a{color:#666; text-decoration:none; font-size:1.1em}
ul li a:hover { text-decoration:none; color:#e2a14a}

.ul ul{margin:0; padding:0; list-style:none; line-height:18px}
.ul ul li{background:url(images/arrow2.gif) top left no-repeat; background-position:0 7px; margin:0px; padding-left:10px; }
.ul ul li a{color:#54a8c8; text-decoration: underline; font-size:1em}
.ul ul li a:hover { text-decoration:none; margin-left:0px; color:#54a8c8}

div.col2 ul li a {color:#54a8c8;}


/*header*/
#header{
/*padding:43px 0px 0px 0px*/
background-color: #DF1F23;
}

#header img{ vertical-align:middle }
#header .logo{ margin:0px 112px 0px 0px }
#header .indent{
background-color: #fff;
padding:1px 0px 15px 0px;
 }
#header .pic{margin:0px 2px 2px 0px}
#header .pic1{margin:-1px 0px 0px 0px}
#header span{ float:right}
#header #ads {
width: 750px;
border: 1px solid white;
display: inline;
margin-top: 1px;
}


/*content*/
#content p{ margin:15px 0px 11px 0px}
#content{ font-size:0.6875em; width:100%; text-align:left}
#content .pic_left{ float:left; margin:0px 10px 6px 0px}
#content .pic_left1{ float:left; margin:0px 10px 11px 0px}
#content .col1 .border { border:1px solid #dadada; background:#faf9f8; padding:14px 26px 24px 23px}
#content .col3 .border { border:1px solid #dadada; background:#faf9f8; padding:14px 15px 17px 14px}
#content .col2 .border { border:1px solid #dadada; background:#faf9f8; padding:14px 15px 17px 14px}
#content p.border img {
 display: block;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #eee;
  }

img.ramka {
padding: 2px;
border: 1px solid #eee;
}

b.title {
color: black;
text-transform: uppercase;
padding-top: 30px;
}

h2.tlo {background-color: #eee !important;}
a.black {color: #000;}
#content .indent{ padding:15px 23px 15px 23px }
#content .indent1{ margin:5px 0px 0px 0px }
#content .col1 h2{ font-size:1.4em; color:#e2a14a; margin:7px 0 7px 0}
#content .col2 h2{ font-family: 'Trebuchet MS', Georgia, Verdana; letter-spacing: 3px; font-size:1.5em; color:#333; margin:2px 0 17px 0;}
#content .col3 h2{ font-size:1.4em; color:#859451; margin:7px 0 7px 0}
 #content .col3 span{ font-size:0.9em; color:#686868}
#content .col2 h3{ \
font-family: 'Trebuchet MS', Georgia, Verdana; letter-spacing: 2px; font-size:1.4em; margin:12px 0 7px 0;
background:transparent url(images/h1_bg.gif) repeat-x scroll left bottom;
height:18px;
width: 98%;
text-indent: 3px;
}
/*index-1.html*/
#page2 #content .col2 p{ padding:0px; margin:0px}
#page2 #content .col2 span{ color:#54a8c8; display:block; float:right}
#page2 #content .indent{ padding:15px 9px 15px 23px }

/*footer*/
#footer { color:#909090; font-size:0.6875em; padding:31px 23px 45px 15px}
#footer span{ float:right }
#footer a {color:#54a8c8; text-decoration:underline}
#footer a:hover {  text-decoration:none}

.green {
color: #97BF0D !important;
}

.orange {
color: #E2A14A;
}

.nobg {
background-image: none !important;
}


/* formularze*/
form {
line-height: 20px;
}

label {
font-weight: bold;
display: block;
}

.input{
	border:1px solid #9f9f9f;
	background:#FFFFFF;
  	width:188px; height:21px;
   	font-size:0.6875em;
	padding-left:5px;
	vertical-align:middle;
   	margin:0 5px 0 11px
}
.input1{
	border:1px solid #9f9f9f;
	background:#FFFFFF;
	margin-bottom:5px;
   	width:150px; height:21px;
   	font-size:1em;
	padding-left:5px
}

.button {
	background:transparent url(images/search1.gif) no-repeat scroll 0;
/*	background-position: -5px -6px;*/
 	width: 55px;
	height: 21px;
	border:0px;
	color: #333;
	padding:0px;
	padding-left:1px;
	padding-bottom:3px;
	float:left;
	_margin-top:1px;
	margin-top: 4px;
}



#redakcja img {
border: 1px solid  #9f9f9f;
margin-right: 6px;
}

img.okladka {
border: 1px solid  #9f9f9f;
padding: 6px;
}

.left {
float: left;
margin: 4px;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #eee;
border-bottom-width: 6px;
width: 360px; /*width of featured content slider*/
height: 220px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 350px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

#klaser label {
clear: left;
width: 70px;
text-align: right;
display: inline-table;
font-weight: normal;
float: left;
}

#klaser input, #klaser checkbox {
display: table-row;
border: 1px solid silver !important;
_width: 100px;
_margin-left: 100px;
float: left;
}

.pharmabox {
 float: left; width: 275px; border: 1px solid #eee;
}

/* validacja */

input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	color : #FF3300;
	border: 1px solid #FF3300;
	font-weight: bold;
	text-align: center;
	clear: both;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

#jeden img {
display: block;
margin: 0px auto;
}