/* *********************************************************************** */
/* reset css */

html								{ color:#000; background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* *********************************************************************** */
/* podstawowe znaczniki html */

body								{ background: url('../_images/site/body_bg.jpg') repeat-x top; font-size: 11px; font-family: Verdana, Tahoma; line-height: 145%; }

p									{ margin: 10px 0 10px 0; }
a									{ color: #a4bbd4; text-decoration: none; }
a:hover								{ text-decoration: underline; }
strong								{ font-weight: bold; }
sub									{ font-size: 10px; color: #888; }

ul, ol								{ margin: 10px 0px 10px 0px; }
ul li, ol li						{ margin: 0px 0px 5px 0px; padding: 2px 0px 0px 20px; }

input, textarea						{ margin: 0 0 10px 0; padding: 3px 7px 3px 7px; font-size: 11px; font-family: Verdana, Tahoma; }

h1									{ margin: 15px 0 15px 0; padding: 3px 0 0 0; font-size: 34px; }
h2, h3								{ margin: 0 0 10px 0; padding: 0 0 0 0; font-size: 22px; }
h3									{ margin: 15px 0 10px 0; font-size: 16px; }

/* *********************************************************************** */
/* struktura strony */

#popup-over							{ position: fixed; z-index: 998; top: 0; left: 0; width: 100%; height: 100%; }
#popup-content						{ z-index: 999; width: 700px; height: 500px; margin: auto; margin-top: 30px; padding: 20px 20px 20px 20px; background: #fff; cursor: pointer; border: 5px #444 solid; color: #fff; text-align: center; }


#content							{ }

/* *********************************************************************** */
/* elementy strony */


/* *********************************************************************** */
/* -podstrony- */


/* *********************************************************************** */
/* podzial pozycji na podstrony (paging) */

table.page-counter-holder			{ padding: 0px 0px 0px 0px; margin-left: auto; margin-right: auto; margin-top: 20px; }
div.page-counter					{ height: 18px; padding: 5px 10px 5px 10px; text-align: center; }
div.page-counter a					{ display: block; float: left; height: 15px; margin: 1px 3px 0px 3px; color: #520000 ! important; }
div.page-counter a:hover			{ color: #fff ! important; }
div.page-counter a.active			{ font-weight: bold; color: #fff ! important; cursor: default; }
div.page-counter a.prev,
div.page-counter a.next				{ width: 16px; height: 17px; margin: 0px 5px 0px 0px; }
div.page-counter a.prev				{ background: url('../_images/site/counter-prev_bg.gif') no-repeat; margin: 0px 5px 0px 0px; }
div.page-counter a.next				{ background: url('../_images/site/counter-next_bg.gif') no-repeat; margin: 0px 0px 0px 5px; }
div.page-counter a.prev:hover,
div.page-counter a.next:hover		{ background-position: bottom; }

/* *********************************************************************** */
/* komunikaty na stronie (info-box) */

div.info-box_ok,
div.info-box_wa,
div.info-box_er						{ margin: 10px 0 10px 0; padding: 10px 20px 20px 60px;  font-weight: bold; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

div.info-box_ok						{ background: #fff url('../_images/site/info-box_ok.gif') 20px 10px no-repeat; }
div.info-box_wa						{ background: #fff url('../_images/site/info-box_wa.gif') 20px 10px no-repeat; }
div.info-box_er						{ background: #fff url('../_images/site/info-box_er.gif') 20px 10px no-repeat; }

/* *********************************************************************** */
/* prosta tabela bez obramowania (simple-table) */

div.simple-table table				{ margin: 20px 0 20px 0; }
div.simple-table th					{ padding: 7px 0 7px 0; background: #ddd url('../_images/site/simple-table-th_bg.jpg') top repeat-x; border: 1px #aeaeae solid; font-weight: bold; text-align: center; }
div.simple-table td					{ padding: 3px; border: 1px #aeaeae solid; color: #4e4e4e; text-align: center;}
div.simple-table td.txtleft			{ text-align: left; }

div.simple-table td.col1			{ background: #aaa; }

/* *********************************************************************** */
/* jQuery - clearField */

.clearFieldBlurred					{ color: #555 !important; font-style: italic; }
.clearFieldActive					{ color: #000; }

/* *********************************************************************** */
/* jQuery - tooltip */

#tooltip							{ position: absolute; padding: 5px; border: 1px solid #444; background: #ddd; color: #303030; font-size: 10px; z-index: 3000; opacity: 0.85; }
#tooltip h3							{ font-size: 12px; font-weight: bold; margin: 0; }
#tooltip div						{ margin: 0; }

/* *********************************************************************** */
/* lista kolorów uzywanych na stronie */

.color_red								{ color: #ff0000; }
.color_blue								{ color: #00d2ff; }

/* *********************************************************************** */
/* wielkości czcionek (dla zgodności z css w panelu admin.) */

.font_12							{ font-size: 12px; }
.font_14							{ font-size: 14px; }
.font_16							{ font-size: 16px; }
.font_18							{ font-size: 18px; }
.font_20							{ font-size: 20px; }

/* *********************************************************************** */
/* formatowanie uniwersalnych elementow */

.pos-highlight						{ background-color: #ddd !important; }

.ajax-loading						{ cursor: wait; }
div.hr								{ height: 1px; margin: 5px 0 5px 0; font-size: 1px; background: url('../_images/site/line-x_bg.gif') repeat-x; }
.line-y								{ width: 1px; font-size: 1px; background: url('../_images/site/line-y_bg.gif') repeat-y; }

.clearfloat							{ clear: both; font-size: 1px; height: 0; line-height: 0px; }