/* content by blazsak.pl */


/**************************
 * CSS RESET 
 */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
  font-size: inherit;
	text-align: inherit;
	vertical-align: baseline;
  background:transparent;
  color: inherit;
  
}
em{  font-style:italic; }
strong {font-weight:bold;}

textarea{	overflow: auto;;}
a img, :link img, :visited img {border: 0;}
table {	border-spacing: 0;}
  td{ vertical-align: middle; }
ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
:focus {outline: 0;}

sup { font-size:0.7em; position:relative; top:-0.6em; left:0;}
sub { font-size:0.7em; position:relative; top:0.6em; left:0;}


.hid {margin-top:-5000px; position:absolute;}
a {text-decoration:none; color: #004284;  }
a:hover { text-decoration: none;}

/********************************
 * Struktura podstawowowa
 */
html 
{
  background: url(/gfx/site/bg_html.png) repeat-x 0 0; 
}

body
{
    font-family: Tahoma;
    font-size: 11px;
    color: #333;     
  text-align: center;
}

.matrix{ width: 1000px; margin: 0 auto; text-align: left;}

/********************************
 * TOP
 */
#top
{
  height: 200px;
  background: #990000 url(/gfx/site/bg_top.png) repeat-x 0 0;
  /* border: 1px solid green; */
}

#top-logo,
#top-logo-oipip,
#top-logo-bydgoszcz
{
  text-align: center;
}
#top-logo
{
  padding-top: 30px;
  height: 60px;
}
#top-logo-shared
{
  padding-top: 10px;
  height: 120px;
  color: #fff;
  font-size: 13px;
  font-family: Arial;
}
#top-logo-oipip
{
  float: left; 
  width: 200px;
  height: 160px;
}

#top-logo-bydgoszcz
{
  float: right;
  width: 200px;
  height: 160px;
}

#top-menu
{ 
  margin-top:1px;
  padding:10px 10px 0 0;
  height: 14px;
  font-size: 11px;
  color: #ebcccc;
  font-family: Verdana;
  text-align: center;
}
#top-menu a 
{
  
  background: #CDADAD;
  color: #620000;
  padding: 2px 5px;
  padding-bottom:0;
}
#top-menu a:hover 
{
  background: #fff;
  color: #620000;
  text-decoration: none;
}

#top-panel
{
  font-family: Verdana;
  color: #fff;
  background: url(/gfx/site/bg_top-panel.png) bottom center no-repeat;
  height: 45px;
  
}
#top-panel-left
{
  float: left;
  width: 200px;
  padding: 10px 10px 0 15px;
}
#top-panel-right
{
  float: right;
  font-size: 10px;
  width: 100px;
  padding: 5px 15px 0 5px;
  text-align: center;
}
#top-panel-imieniny
{
  padding: 10px 0; 
}

#top-kontakt
{
  margin-top: 10px;
  
}
#top-kontakt td.top-kontakt-tel
{
  width: 300px;
}


/********************************
 * SITE
 */
#site
{
  background: url(/gfx/site/bg_site.png) repeat-y;
  
}

#currentNav
{
  margin-top:20px;
  color: #620000;
  border-top: 1px dashed #D2DADF;
  border-bottom: 1px dashed #D2DADF;
  padding: 3px;
}
#currentNav a 
{
  color: #620000;
}

#currentNav a:hover,
#currentNav a.active 
{
  text-decoration: underline;
}
#currentNav a.active 
{
  cursor: default;
}


/********************************
 * CONTAINER
 */
#container
{
  width: 1000px;
  height: 300px;
  
}
#container td.scaffold { vertical-align: top; border: 0px solid blue;}

#cont-left
{
  width: 200px;
  background: url(/gfx/site/bg_cont-left.png) repeat-y 0 0;
}
#cont-left-home
{
  width: 200px;
}
#cont-main
{
  width: 600px;
}
#cont-right
{
  width: 200px;
}
.cont-right-item
{
  border-bottom: 1px dashed #D2DADF;
  padding-bottom: 10px;
}

#cont-bottom
{
 height : 56px;
 background: url(/gfx/site/bg_cont-bottom.png) no-repeat left bottom; 
}

#cont-right h6
{
  color: #fff;
  
  text-align: center;
  font-size: 13px;
  font-family: "Trebuchet MS", Arial;
  font-weight: bold;
  height: 21px;
  margin: 5px 0 5px 2px;;
  padding: 5px;
  background: url(/gfx/site/page/right_h6.png) no-repeat center top;
}

/********************************
 * SZKOLENIA
 */
#szkolenia-ue-bottom
{
  border-top: 1px dotted #e1e1e1;
  padding-top: 5px;
}

/********************************
 * SZUKAJ
 */
#search
{
 
  width: 190px;
  text-align: right; 
}
#search input,
#search select
{
  margin:5px 20px 5px 0px;
  width: 140px;  
  color: #000;
  font-size: 11px;
}
#search input
{
  border:1px solid #ccc; 
  background: #fff; 
  padding:4px 10px; 
}
#search input.submit 
{
 
  
  width: 100px;
  padding: 0 10px;
  color: #620000;
  
  
}
#search select 
{
   margin:5px 20px 5px 0px;
  font-size: 11px; 
  width: 140px;
}

/********************************
 * NEWS NAV
 */
.news-nav
{
  margin: 0; 
  padding:1px 20px;
  text-align: left;
  line-height: 1.5;
}


.news-nav a,
.news-nav span 
{ 
  color: #000;
  margin:2px ; 
  padding: 2px 5px; 
  border: 1px solid #DDCEB9;
  text-decoration: none;
  background: #fff; 
  
}

.news-nav span { border: 0; background: none;}


.news-nav a:hover { background: #DDCEB9; color: #fff; text-decoration: none;}
.news-nav a.active 
{ 
  color:#fff;  
  background: #620000;
  border: 1px solid #620000; 
  text-decoration: none;
}
.news-nav a.active:hover { text-decoration: none; cursor: default;}

.news-nav span.inactive 
{ 
  color: #ccc; 
}

.news-nav a.next,
.news-nav a.prev
{
  border:0;
  background: none;
} 

.news-nav a.next:hover,
.news-nav a.prev:hover 
{ 
  color: #f00; 
  
  text-decoration: none;
}


.news-item
{
  border-bottom: 1px dotted #620000;
  padding-bottom: 20px;
  margin: 20px 0 ;

}
.news-date
{
  color: #d08888;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
}
/********************************
 * MAINMENU
 */
#mainmenu
{
  background: url(/gfx/site/bg_mainmenu.png) no-repeat 0 0;
  padding-top: 15px;
}

#mainmenu li 
{
  padding: 0 0 1px 0;
  background: url(/gfx/site/mainmenu_li.png) no-repeat bottom left;
  margin-left: 13px;
}

#mainmenu a 
{
  border: 1px solid #813333;
  border-left: 0;
  border-right:0;
  color: #fff;
  display: block;
  width: 149px;
  padding: 5px 10px;
  background: #813333;
}
#mainmenu a:hover
{
  color: #620000;
  background: #CDADAD;
}

#mainmenu a.active
{
  color: #620000;
  background: #fff;
}

#mainmenu ul.content-menu
{
  position: relative;
}
#mainmenu ul.content-menu ul.content-menu
{
  position: absolute;
  border: 1px solid #620000;
  border-left: 0;
  padding: 1px;
  
  margin: -30px 0 0 169px;
}

#realizacja-projektu
{
  text-align: center;
  margin-top:20px;
  color: #eee;
  padding: 20px;
}
#realizacja-projektu span
{
  font-size: 12px;
}
#realizacja-projektu a
{
  color: #fff;
}
#realizacja-projektu a:hover { text-decoration: underline;}
/********************************
 * FOOT
 */
#foot
{
  background:#620000 url(/gfx/site/bg_foot.png) repeat-x 0 0;
  color: #B18080;
}

#foot-content
{
  background: url(/gfx/site/bg_foot-content.png) no-repeat 0 0;
  padding: 20px 0;
  
}


#foot-menu
{
  text-align: center;
}

#foot-menu a { color: #B18080; margin: 5px; }
#foot-menu a.active,
#foot-menu a:hover
{
  text-decoration: underline;
}

#foot-copy
{
  float: left;
  width: 300px;
  padding:0px 10px;
}

#foot-created
{
  text-align: right;
  padding-right: 20px;
}
#foot-created a { color: #B18080; }
#foot-created a:hover { text-decoration: underline; }


/********************************
 * KONTAKT FORM
 */
#kontaktform {   width: 420px; }
#kontaktform h3 
{
  color: #333;
  font-size: 16px; 
  font-weight: bold;
  
}
#kontaktform div {margin-left: 50px; clear: both;}
#kontaktform label 
{ 
  float: left; 
  width: 150px; 
  margin: 4px 5px; 
  text-align: right;
}
#kontaktform input,
#kontaktform textarea
{ 
  font-size: 11px;
  border: 1px solid #DDDCD7; 
  width: 200px;
}
#kontaktform textarea 
{
  margin-left:10px;
  width: 350px; 
  height: 150px;
}
#kontaktform input.short { width:100px;}
#kontaktform input.submit 
{ 
  width: 150px; 
  
}
#kontaktform input.submit:hover 
{
  background:#620000; 
  color: #fff; 
}
#kontaktform img 
{
  vertical-align: middle;
}
#kontaktform div.form-text label 
{
  margin-top:10px;
  clear: both;
}
#kontaktform div.form-operations
{
  text-align: center; 
  margin-top:10px;
}

/********************************
 * BANNERS
 */
#banners-prawa
{
  margin-top: 30px;
  text-align: center;
  
}
#banners-prawa img 
{
  border: 1px solid #fff;
  padding: 1px;
  max-width: 200px;
  margin:5px 0;
}

/********************************
 * CONTENT
 */
div.home-enter
{
  text-align: center;
}

div.szkolenia-ue-top
{
  text-align: center;
}

div.szkolenia-ue-bottom
{
  text-align: right;
}
.rss 
{
  margin-top: -10px;
  float: right;
}
/********************************
 * PAGE
 */

.page
{
  padding:10px 30px 20px 30px; 
  font-size: 11px; 
  line-height: 1.5; 
  color:#333; 
  
}

.page p 
{
  text-align: justify; 
  padding: 6px 0;   
}
.page ul 
{
  padding: 5px 20px; 
  list-style: outside disc 
}
.page ol 
{
  padding: 5px 20px; 
  list-style: outside decimal
}
.page a 
{
  text-decoration: none; 
  font-weight: normal; 
  color:#4175af;
}
.page a:hover { text-decoration: underline; }

.page strong { font-weight: bold;}

.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6 
{
  font-size: 1.2pt;
  font-family: "Trebuchet MS"; 
  font-weight: bold;
  margin:15px 0 5px 0;
  color: #333;
  
}

.page h1 {  font-size: 20px; border-bottom: 1px dotted #e1e1e1; ; padding-bottom: 4px; }
.page h2 {  font-size: 18px; }
.page h3 {  font-size: 16px; }
.page h4 {  font-size: 14px; }
.page h5 {  font-size: 13px; }
.page h6 {  font-size: 12px; }
.page h6.bottom-menu 
{  
  font-size: 15px; 
  border: 1px dotted #e1e1e1;
  border-left:0; border-right:0;
  padding: 4px 0;
  margin-top: 20px; 
}

.page .toupper { text-transform: uppercase;}

.page img 
{
  margin:5px 10px; 
  border: 1px solid #DDDCD7; 
  padding:1px;
}

.page img.prawa { float:right; }
.page img.lewa { float:left; }
.page img.nb { padding: 0px; border: 0;}

.iframe 
{
  margin:5px;  
  padding: 1px; 
  border: 1px solid #DDDCD7; 
  text-align: center;
}

.page table
{
  margin: 5px 0 25px 0; 
  font-size: inherit;
  border:1px solid #DDDCD7; 
  border-left: 0; 
  border-top:0; 
  font-size: inherit; 
}
.page td , 
.page th
{
  padding: 5px; 
  border: 1px solid #DDDCD7; 
  border-right:0; 
  border-bottom: 0; 
}
.page th 
{
  color: #333; 
   
  font-weight: normal;
}
 .folio {padding:5px 0 0 0; }

.page table.nb , .page table.nb th,.page table.nb td { border: 0 !important;}

.biuletyn-item
{
  width: 260px;
  float: left;
  text-align: center;
}
.biuletyn-item a img
{
  text-decoration: none;
}



/********************************
 * OTHERS
 */
.hr,.hr-news{ border-bottom:1px solid #c7c7c7;clear: both; font-size: 1px; height:1px; }
.hr-news {height:20px; width: 200px; margin: 0 auto;}

.ui-tabs-hide { display: none; }

.noramka{padding:0; margin:0; border:0;}


#debug{text-align: left; margin-top:900px; } 
#debug textarea {font-size: 12px; width:95%; height: 500px;}
.error404{ text-align: center; font-weight: bold; height: 200px; padding:20px;margin-top: 50px;}
  p.error404 {}
.rinfo {color: #BD0909; font-weight: bold; font-size: 10px;}
.ginfo {color: #009900; font-weight: bold; font-size: 10px;}
.yinfo {color: #343434; font-weight: bold; font-size: 10px;}
.clear,.clear15,.clear30,.clear45,.clear60 {clear: both; font-size:1px; height: 1px;}
  .clear15 {height: 15px;}
  .clear30 {height: 30px;}
  .clear45 {height: 45px;}
  .clear60 {height: 60px;}
  .clear80 {height: 80px;}
.center{ text-align: center;}