/* style stalych elementow serwisu (nie zawiera stylów "contentu", czyli dokumentów, etc...) 		*/


/* kod aktualnego języka serwisu należy wstawiać za pomocą pl, np. dla URL'i do obrazków 				*/
/* adres URL portalu należy wstawiać za pomocą http://openhair.pl, np. http://openhair.pl/images/szukaj.gif	*/
/* style kalendarza JS */

/* style menu */

#lang {
position:absolute;
top:9px;
right:0px;
width:35px;
height:9px;
}

#pl {
background:url("images/pl.png") no-repeat 0 0 transparent;
display:block;
width:14px;
height:9px;
float:left;
padding-right:5px;
}

#en {
background:url("images/en.png") no-repeat 0 0 transparent;
display:block;
width:14px;
height:9px;
float:left;
}

/* poziom 1 */
#horizontal_menu_container{
position:absolute;
right:0;
top:33px;
min-width:298px;
border-top:1px solid #fff;
}
ul.jd_menu_horizontal ul ul ul {
background-color:#a8072c;
}
ul.jd_menu_horizontal ul ul ul a:hover{
background-color:#ba0d35 !important;
}
ul.jd_menu_horizontal ul,
.jdm_active,
.jdm_hover a:hover {
background-color:#c6133c;

}
.jdm_active .jdm_active,
ul.jd_menu_horizontal ul a:hover {
background-color:#ba0d35 !important;
}

/* poziom 1 */
ul.jd_menu_horizontal { margin: 0;	padding: 0px;	z-index:9999;}
ul.jd_menu_horizontal li {
cursor:pointer;
margin-right:10px;
text-align:center;
white-space:nowrap;
width:auto !important;
}
ul.jd_menu_horizontal a, ul.jd_menu_horizontal a:active, ul.jd_menu_horizontal a:link, ul.jd_menu_horizontal a:visited {
	color:#fff; 
	font-weight:bold;
	text-decoration: none;
	padding:7px 8px;
	display:block;
}


ul.jd_menu_horizontal li.jd_menu_active_menubar, ul.jd_menu_horizontal li.jd_menu_hover_menubar {border: none;}

/* -- Sub-Menus Styling -- */
ul.jd_menu_horizontal ul {
	margin: 0px;	padding: 0px;	border:0; 	
	float:left;
	clear:both;
}
ul.jd_menu_horizontal ul li {
background-image:none;
clear:both;
float:left;
margin:0;
padding:0;
text-align:left;
white-space:normal;
width:180px !important;
}

ul.jd_menu_horizontal ul li a, ul.jd_menu_horizontal ul li a:active, ul.jd_menu_horizontal ul li a:link, ul.jd_menu_horizontal ul li a:visited {
	text-decoration: none;
	padding:6px 30px 6px 20px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#tree_menu {z-index:1 !important;}
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;


}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 5102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	color:#000;
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/* podstawowe style JD menu, zmieniające listę UL w menu hierarchicze */
/* NIE WPROWADZAĆ TUTAJ ZMIAN */


ul.jd_menu_horizontal,
ul.jd_menu_vertical {
	list-style-type: none;
}
ul.jd_menu_horizontal li {
	float: left;
}
ul.jd_menu_horizontal ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	z-index: 1000;
}
ul.jd_menu_horizontal ul li,
ul.jd_menu_vertical ul li {
	float: none;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin:0 !important;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 180px  !important;
    height: 135px !important;
    margin:0 !important;
    background:transparent !important;
    padding-left:0 !important;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


#tab4 div,
#tab3 div,
#tab2 div {
padding:10px !important; 
text-align:justify;
}
.jcarousel-skin-tango {

margin-top:14px;
}
#mycarousel a {display:block;/*width:180px;height:130px;*/}
.jcarousel-skin-tango .jcarousel-container {
/*    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;*/
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
height:135px !important;
padding:0 30px !important;
width:600px !important;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px !important;
    height: 245px !important;
    padding: 40px 20px !important;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  599px !important;
    height: 135px !important;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px !important;
    height: 245px !important;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 134px !important;
    height: 134px !important;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    /*margin-right: 10px !important;*/
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px !important;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 3px;
    right: 0px;
    width: 32px !important;
    height: 130px !important;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}
    background-position: -2px 0;
/*
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
*/
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -98px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 3px;
    left: 0px;
    width: 28px !important;
    height: 130px !important;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
    background-position: -2px 0;
}
/*
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
*/
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -98px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px !important;
    height: 32p !importantx;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px !important;
    height: 32px !important;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


#herb{
float:right;
}

#sieradz {
background:url("images/Sieradz.gif") no-repeat scroll 0 0 transparent;
width:103px;
height:29px;
display:block;
float:left;
}

#eventBox {
padding:10px;
width:248px;
overflow:hidden;
text-align:center;
}

option {
color:#599709;
}
select {
border:1px solid #DFDFDF;
color:#599709;
padding:3px 4px;
}
#viewport{
	width: 600px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
margin-left:140px;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li{
	width: 100px; /* Defines the size of inner element */
	height: 50px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	/* Cosmetic */
	padding: 10px;
	text-align:center;
}

/* Cosmetic */
#simplePrevious, #simpleNext{
display:none;	
}











#openhair_form {
margin-left:25px;
padding-right:25px;
}

#openhair_flashGame {
margin-left:27px;
}

#s_rekord {
display:block;
height:117px;
margin-top:45px;
width:100%;
}
#s_program {
display:block;
height:84px;
width:100%;
}
#s_miss2010 {
display:block;
height:110px;
width:100%;
margin-bottom:35px;
}

#relaks{
height:120px;
left:600px;
position:absolute;
top:540px;
width:283px;
}



#rekord {
left:87px;
position:absolute;
top:317px;
}

#miss2010{
background:url("images/miss2010.png") no-repeat scroll 0 0 transparent;
height:337px;
left:340px;
position:absolute;
top:318px;
width:318px;
z-index:101;
}

#efryzura {
position:absolute;
right:70px;
top:215px;
z-index:899;

}

#film {
background:url(images/film.png) no-repeat scroll 0 0 transparent;
height:199px;
left:135px;
position:absolute;
top:406px;
width:272px;
}
.panel a strong {
color:#aa1937; !important;
}
.panel a span,
.panel a p, 
.panel a {
color:#4d3422 !important;
}

#logobg {
position:absolute;
background:transparent url(images/logobg.png) no-repeat scroll 0 0;
width:255px;
height:168px;
top:0;
left:-10px;
}

#mainpage {

}

#footinfo {
font-size:90%;
border-top:solid 1px #d3eaba;
padding-top:5px;
margin-top:2em;
position:relative;
}

.main_cell .main_cell {
padding: 0 5px 25px 10px;
}

#sponsorzy {
cursor:pointer;
}

.gallery .external {
padding:1px;
font-size:90%;
}
.votes {display:block;
clear:both;
}
.gallery form {
clear:both;
text-align:center;
}

#news_gfx1 {
float:left;
margin:5px 5px 5px 0;
width:120px;
}

#sieradzLogotyp {
clear:both;
float:left;
margin:10px 0;
}

.main_cell .gallery,
#one_news_gallery {
margin:0.5em 0 0;
}

.row .field img {margin-top:10px;}
.group .row input {
padding:2px 3px;
color:#599709;
}
#slideMainLogotypes {
width:290px;
float:left;
margin-left:30px;
margin-top:11px;
padding-top:32px;
clear:both;
height:49px;
overflow:hidden;
}
#slideLogotypes {

width:290px;
float:left;
margin-left:30px;
margin-top:11px;
padding-top:22px;
overflow:hidden;
height:49px;
}
#patronMedialny {
float:left;
margin-left:15px;
}
#sponsorGlowny {
text-align:center;
margin-top:10px;
cursor:pointer;
}
#sponsorGlowny img {
margin:0 10px;
}

#sponsorzy {
background:transparent url(images/logotypy.png) no-repeat scroll 0 0;
float:right;
height:201px;
padding-right:60px;
width:343px;
height:201px;
overflow:hidden;
}

#organizator .rotator, #patron .rotator {
padding-top:11px;
text-align:center;
}

#organizator {
float:left;
margin-left:45px;
}
#patron {
float:right;
margin-right:100px !important;
}
#navbar_slot {
bottom:-40px;
font-size:90%;
left:0;
position:absolute;
text-align:left;
width:550px;
}
#navbar_slot a:hover {
text-decoration:underline;
}
.input_submit_search {float:left;}

#mainFlash {
float:left;
clear:left;
margin-left:10px;
}
#miss2010nap {
left:351px;
position:absolute;
top:550px;
z-index:900;
}
/* TAB Container */
#tab1, #tab2 {
/*clear:both;
border-top:1px solid #FF4B74;
background:transparent url(images/tabbg.png) repeat-y scroll 0 0;
*/}
#tab2 {
padding:8px 20px;
}
.idTabs {
display:none;
}
.idTabs li {
border:solid 1px #ff4b74;
border-bottom:0;
margin-right:1px;
}
.idTabs li .selected {
background-color:#ff4b74;
}
#tab_container {
float:right;
/*background:transparent url(images/tabbg.png) no-repeat 0 25px;*/
height:200px;
overflow:hidden;
text-align:left;
width:368px;
padding: 0;

}


.idTabs{
margin: 0pt; padding: 0pt; float: left;
padding-left:20px;
}


#tab_container li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#tab_container ul a {
display:block;
font-weight:bold;
text-decoration:none;
padding:3px 10px;
}

#tab_container div {

height:190px;

}





		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin:4px 0 0 20px;
position:relative;
width:345px;


		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 100px; overflow: hidden}
		.csw .loading {margin: 20px 0 30px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 330px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 137px;
			clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 330px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			/*padding: 10px;*/margin-top:5px;
		}
	
		.stripNavL, .stripNavR {
/*display:inline;
display:inline;
float:left;
margin:0 4px;
overflow:hidden;
z-index:999;*/
}
		.stripNavL a, .stripNavR a {
			display: block;
			text-indent:-9999px;
		}		.stripNavL a {
			background:transparent url(images/slideL.gif) no-repeat center top;
			width:9px;
			height:12px;
		}		.stripNavR a {
			background:transparent url(images/slideR.gif) no-repeat center top;
			width:9px;
			height:12px;
		}
.stripNavR {
right:0;
position:absolute;
top:4px;
z-index:998;
overflow:hidden;
}
.stripNavL {
right:20px;
position:absolute;
top:4px;
z-index:999;
overflow:hidden;
}

#logotypy {
width:980px;clear:both;text-align:center;
margin:30px 0 9px 0;

}

body {
background:#7fc131 url(images/bg.jpg) no-repeat center 0;
}
#logo {
background:transparent url(images/logo.png) no-repeat 0 0;
position:absolute;
cursor:pointer;
height:127px;
width:130px;
top:12px;
left:38px;
z-index:100;

}
#footbar {
border-top:solid 1px #91ee12; 
border-bottom:solid 1px #91ee12; 
padding:6px 0;
text-align:center;
margin-top:1em;
}
#quickbar {
padding:5px 40px 0 13px;
text-align:right;
}
#footbar a {
color:#79b428;
font-weight:normal;
text-decoration:none;
}
#quickbar a {
color:#fecfd7;
font-weight:normal;
text-decoration:none;
padding: 0 5px;
}

#navbar_slot a {
color:#fff;
font-weight:normal;
text-decoration:none;
}
#footbar a {
color:#d0ff92;
}
#footbar a:hover,
#quickbar a:hover {
text-decoration:underline;
}

#footbar span,
#quickbar span {
margin:0 7px;
color:#79b428;
} 
#navbar_slot span {
color:#fff;
}

#footbar span {
color:#d0ff92;
}
#footbar,
#quickbar {
font-size:90%;
}
#mainpage #content {
margin-bottom:15px;
margin-left:10px;
margin-top:-30px;
} 
#mainpage .folder_title{
margin-bottom:10px;
}
#subpage .folder_title {
margin-bottom:36px;
}
#foot {
clear:both;
float:left;
font-size:90%;
background-color:#fff;
margin-top:10px;
padding:0 0 20px;
width:100%;
color:#d0ff92;
}
#foot span,
#foot a {
color:#d0ff92;

}
#created_by_container {
float:left;
padding-left:10px;
padding-top:8px;
}
#created_by_container{
text-decoration:none;
}
#created_by_container:hover{
text-decoration:underline;
}







#hiddenresult div {
width:100%;
clear:both;
}

#floatFix {
clear:both;
width:979px;
}
#newstab h1 {

}

#nav .highlight {
font-weight:bold;
}

#nav {
clear:both;
/*float:left;*/
width:100%;
}
#nav a {
border:1px solid #DFDFDF;
display:block;
float:left;
margin:0 10px 10px 0;
padding:3px;
text-decoration:none;
}
#content #bookmarks_del a,
#content #bookmarks_add a {
background:transparent url(images/bookmarkAdd.gif) no-repeat scroll left top;
display:block;
margin:0;
padding:0;
width:27px;
height:27px;
text-indent:-999px;
overflow:hidden;
}
#content #bookmarks_del,
#content #bookmarks_add {
float:right;
margin:0 15px 0 10px;
padding:0;
}
#content #bookmarks_del a {
background:transparent url(images/bookmarkDel.gif) no-repeat scroll left top !important;
}
.print a {
background:transparent url(images/print.gif) no-repeat left top;
text-indent:999px;
display:block;
height:27px;
width:26px;
overflow:hidden;
}
#print_container {
float:left;
}
.news_title {
color:#4c4c4c;

}

#bookmarks_hint {
border-top:1px solid #DCDCDC;
margin:1em 0;
}

#one_news img {float:right;margin:0 0 1em 1em;}

#one_news p img {float:none;}

#definition-box {
background-color:#fff !important;
border:3px solid #F2F2F2 !important;
font-size:90% !important;
margin:0 !important;
padding:2px !important;
}
#definition-box-head {
border-bottom:1px solid #F2F2F2 !important;

}


#tools {
border-left:1px solid #DCDCDC;
border-right:1px solid #DCDCDC;
clear:both;
float:left;
padding:0 25px;
width:447px;
}
#mainpage #tools {
border-left:1px solid #DCDCDC;
border-right:1px solid #DCDCDC;
clear:both;
float:left;
padding:0 25px;
width:447px;
}
#whyCMS h1, #whyCMS h2, #whyCMS h3, #whyCMS h4, #whyCMS h5,
#whyCMS p, #whyCMS p a, #whyCMS {
color:#fff;
clear:both;
}
#whyCMS h1, #whyCMS h2, #whyCMS h3, #whyCMS h4, #whyCMS h5 {

clear:both;
display:inline;
float:left;
height:14px;
margin:1em 0;
padding:3px 15px 4px;
font-size:100%;
}
#czyWieszBox{
clear:both;
	float: left;
margin:0.5em 0;

}
#poll_container div {
margin:0.5em 0;
}
#poll_container h4,
#poll_results_container h4 {
display:block;
background:transparent url(images/pl/ankieta.gif) no-repeat 0 0;
text-indent:-9999px;
}
.czyWieszBoxTitle, .slownikBoxTitle {
display:block;
text-indent:-9999px;
}



.slidedown{
background:transparent url(images/bDown.gif) no-repeat scroll 201px 6px;
}
.slideup {
background:transparent url(images/bUp.gif) no-repeat scroll 201px 6px;
}
#linkBox #linkownia {
display:block;
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
padding-left:20px;
padding-right:10px;
color:#484747;
text-decoration:none;
}
#linkBox #linkownia:hover {
text-decoration:none;
}
#linkBoxClose {
background:#ededed url(images/linkowniaClose.gif) no-repeat left top;
width:221px;
height:6px;
float:left;
margin-bottom:3px;
font-size:0;
}


.main_cell {

float:left;
}
#subpage .main_cell{
width:665px;
}

#mainpage #content .main_cell{
width:406px;
/*height:70px;
overflow:hidden;*/
}
#banerBox {
width:276px;
overflow:hidden;
}
#subpage #banerBox {
width:242px;
}

#banerBox img {
border:0;
margin-bottom:2px;
}

#banerRotator {
	margin:10px 0;
}

#news_header {
background:transparent url(images/newsHeader.gif) no-repeat scroll 0 0;
float:left;
height:19px;
padding:2px 10px 0 0;
width:232px;
}


#news_header h3 {
width:100px;
text-align:center;
color:#fff;
float:left;
}
#news_header a {
color:#8f8f8f !important;
float:right;
font-size:90%;
text-transform:lowercase;
}
#newstab .news_date,
#one_news .news_date {
color:#FFFFFF !important;
display:block;
font-size:100%;
padding-bottom:0.5em;
text-align:right;
width:665px;
}

.news_date {
display:block;
width:290px;
font-size:90%;
margin-top:0;
text-align:right;
color:#fe8609 !important;
font-weight:bold;

}



#news_container a {
text-decoration:none;

}
#news_container a p:hover,
#news_container a:hover {
text-decoration:underline;
}

#newsOpen {
background: transparent url('images/newsOpen.gif') no-repeat 0 0;
width:276px;
height:8px;
float:left;
clear:both;
font-size:0;
}
#newsClose {
background: transparent url('images/newsClose.gif') no-repeat 0 0;
width:276px;
height:8px;
float:left;
clear:both;
margin-bottom:0.5em;
}
#contentClose {
background: transparent url('images/contentClose.gif') no-repeat 0 0;
width:413px;
height:9px;
float:left;
}
#treeClose {
height:7px;
font-size:0;
margin-bottom:0.5em;
clear:both;

}

#right {
float:right;
margin-top:210px;
overflow:hidden;
width:410px;

}
#mainpage #right {
margin-bottom:200px;
}
#content {
float:left;


width:413px;
/*border-left:1px solid #DCDCDC;
border-right:1px solid #DCDCDC;
padding:20px 25px;*/
border:0;
padding:0;
}


#subpage #content {
width:680px;
background: transparent url('images/contentbg.png') repeat-y 0 0;
border-top: solid 1px #fff;

text-align:justify;
margin-top:40px;
min-height:250px;
}

#mainpage #content {
width:406px;
background: transparent url('images/contentbg.png') repeat-y 0 0;
border-top: solid 1px #8eec0f;
padding: 0 17px;
text-align:justify;
}

#subpage #left {
width:221px;
}

#subpage .pl#right {
background:transparent url(images/subright.png) no-repeat scroll 0 0;
}

#subpage #right {
float:right;
overflow:hidden;
width:268px;
min-height:400px;

margin-top:-20px !important;
}
#left {
float:left;
margin-right:6px;
overflow:hidden;
text-align:justify;
width:276px;
}

#link_pprofil1:hover,
#link_pprofil0:hover {
	background: transparent url(images/profil_selected.gif) no-repeat center bottom;
}

#foot_menu_container {
background:transparent url(images/bottomMenu.gif) no-repeat scroll 0 0;
color:#575757;
float:left;
height:25px;
padding-top:8px;
position:relative;
text-align:center;
width:100%;
clear:both;
margin-top:0.5em;
}
#link_pprofil1,
#link_pprofil0 {
display:block;
float:left;
height:28px;
margin-right:30px;
}
#language_select_container a {
float:right;
}
#language_select_container .selected {
display:none;
}


#profiles_container {
float:left;
}
#mainpage .mainbg {
background:transparent url(images/main.jpg) no-repeat 82px 0;
min-height:738px;
} 
.page {
line-height:16px;
margin:0 auto 18px;
width:948px;
padding-left:32px;
position:relative;
}
#head {
width:980px;
height:149px;
position:relative;
}

#topbar {
float:left;
width:700px;
}

#bottombar {
/*z-index:102;
position:absolute;
right:0;
top:30px;*/
float:right;
width:600px;

}
#bottombar a {
float:right;
color:#4f4f4f;
text-decoration:none;
margin-top:8px;
margin-right:15px;
}
#bottombar a:hover {
text-decoration:underline;
}






a, a:link, a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}

h1 {font-size:14px}
h2 {font-size:13px}
h3 {font-size:12px}


ul {margin-left:15px;}

p.error,
span.error {color:red}

.language_spoiler {display: inline;}
.footer_spoiler {display: inline;}
.action_spoiler {display: inline;}



/*-------------------------------------------    

		AKTUALNOSCI

-------------------------------------------*/

/* --------- zajawka newsa --------------- */

/* naglowek z napisem Aktualnosci */
div#news_container h1#news_header {}

/* tytul newsa */
div#news_container h1.news_title {}

/* tresc krotka newsa */
div#news_container div.news_short_text {}

/* link "więcej" przy aktualnościach */
div#news_container a.news_more, div#news_container a.news_more:link, div#news_container a.news_more:visited {}
div#news_container a.news_more:hover {}


/* ----------- jeden news --------------- */
div#one_news {}

/* tytul newsa i tytul podstrony */
div#one_news h1.folder_title {}

/* box z tekstem calego newsa */
div#one_news_text {}

/* galeria dolaczana do newsa */
div#one_news_gallery {
	float:left;
	clear:both;
}

/* link do wszytskich newsow */
div#all_news {
margin:2em 0 0 0;
clear:both;
float:left;
}


/* --------- wszystkie newsy ------------ */

/* kategorie newsow */
div#news_category {border-bottom:1px solid #5d5d5d;	padding:5px 5px;}

/* zaznaczenie wybranej kategorii */
div#news_category span {font-weight: bold;}

/* odstep miedzy nazwami kategorii - linkami */
div#news_category a {margin-right:5px;}
div#news_category a span {font-weight: normal;}

/* --- jeden news w tablicy wiadomosci ---- */
div.newstable_one_news {
border-bottom:1px solid #fff;
padding:5px 0 15px;
}

/* -- link do newsa z tablicy wiadomosci -- */
a.newstable_one_news, a.newstable_one_news:link, a.newstable_one_news:visited {}
a.newstable_one_news:hover{}

/* ---- nawigacja w tablicy wiadomosci ---- */
/* ---- poprzednie i nastepne newsy --------*/
div#newstab_prev {}
div#newstab_next {}

/* ----------------- galeria ------------------- */
.gallery {
width:512px;
}
.gallery td {
	padding:0 1px 4px 1px;

}
.gallery td img {
	margin:0 !important;
}
.gallery td a, .gallery td span  {
	display:block;
	/*float:left;*/
	text-align:center;
	clear:both;
	white-space:nowrap;
}

/*-------------------------------------------    

		Wyszukiwarka

-------------------------------------------*/

/* ---- pole wyszukiwania w serwisie ----- */
#email0,
.input_text_search {
background:transparent url(images/searchInput.gif) no-repeat scroll 0 0;
border:0 none;
color:#79B428;
float:left;
font-size:90%;
height:15px;
padding:3px 5px 2px;
width:111px;
}
.input_sumbit_search {}


/* -------- wyniki wyszukiwania ---------- */

div#search_help {margin:10px 0}
div#results {margin-bottom:5px;}

/* liczba wyników wyszukiwania */
span#number_results {font-weight: bold;}

ol#search_results {margin-left:25px;}
ol#search_results li {margin-bottom:3px;}
span.last_mod_text, span.last_mod_date {font-size: 90%;	font-style: italic;}



/*-------------------------------------------    

		Formularz Newslettera

-------------------------------------------*/

.input_text_newsletter {}
.input_newsletter_change {cursor:pointer}
.input_newsletter_unsubscribe {}

/*-------------------------------------------    

		Wybor wersji jezykowej serwisu

-------------------------------------------*/
a.language, a.language:link, a.language:visited {color: Black;}
a.language:hover {color: White;	background: LightGrey;}
a.language#selected {color: White;background: Black;}
a.language#selected:hover {color: White; background: LightGrey;}


/*-------------------------------------------    

		Sitemap

-------------------------------------------*/

#sitemap {margin:0;padding:4px;}
#sitemap ul {padding:4px 10px; margin:0;}

#sitemap .ul li {margin-left:0;}

#sitemap .ul li ul li {margin-left:25px;}

#sitemap .sitemap_li ul {

}

#sitemap .hover {
	background-color:#f0f0f0;
}

.sitemap_li {
padding:2px 0;
list-style-type:none;
}

.sitemap_li ul li{
padding-bottom:0;
}
.sitemap_li a{
padding-left:2px;
text-decoration:none;
}

li.sitemap_li a:hover {text-decoration:underline}
.sitemap_referer {font-weight:bold;}

/*-------------------------------------------    

		Formularze
-------------------------------------------*/
form.group {border: none;}
div.row {}
div.label {
margin-top:8px;
}



/*-------------------------------------------    

		Kontenery serwisu

-------------------------------------------*/

/* ------------- naglowek ---------------- */

div#header {background-color:#eaeaea;	text-align: center;	height:120px;	width:100%;}

/* -----------lewa kolumna --------------- */
div#col_left {background-color:#eaeaea;	float: left;	margin:10px 0;	width:210px}

/* -----------prawa kolumna -------------- */
div#col_right {background-color:#eaeaea;	float: left;	margin:10px 0;	width:210px}

/* ---------------stopka ----------------- */
div#footer {background-color:#eaeaea;	float: left; clear: both; text-align: center;	height:50px;	width:100%;}

/* ---------------srodek ----------------- */
/*
	szerokość contentu jest ustawiana w portal_properties/site_properties/content_width 	
	nie wpisywać szerokości za pomocą CSS, bo musi być ona znana dla Zope'a 				
*/



/* prawa autorskie */
#copyrights_container {

float:right;
padding-bottom:8px;
padding-right:5px;
padding-top:8px;
position:relative;
}

/* kontenery zawierające wszystkie moduły serwisu*/
#language_select_container {
	float: right;
width:25px;
}
#language_select_container #selected {
display:none;
}

#vertical_menu_container {
	background:white;
	margin-top: 1em;
	clear: left;
	float: left;
}

#tree_menu_container {
background:#1367C9 url(images/treeOpen.gif) no-repeat 0 0;
clear:both;
float:left;
height:auto;
margin-top:4px;
padding:10px;
width:201px;
}

#news_container {

padding:0 20px;

}

#newsletter_container {
	clear: both;
	float: left;
	margin: 0.5em 0;
width:186px;
padding-left:90px;
background: transparent url('images/newsletter.gif') no-repeat 0 7px;

}

#newsletter_container .input_newsletter_subscribe, 
#newsletter_container .input_newsletter_change
{
background:transparent;
border:0;
color:#a3a3a3;
}

#newsletter_container form {
float:right;
}
#search_form_container {
	float: right;
	margin:3px 0;
	width: 200px;
	height: 25px;
margin-right:70px;
}

#dictionary_container {
	float: left;
		clear:both;
	width: 100%;
	margin: 0.5em 0;
}


#poll_container, 
#poll_results_container{
	float: left;
	clear:both;
	margin-bottom:1em;
	width:100%;
}
#poll_container h5 {
	padding:5px 0 10px 0;
}
#poll_container .field {
	float:left;
	clear:both;
	margin:0;
	width:100%;
}
#poll_container .button {
	float:left;
	clear:both;
	width:100%;
}
#poll_container .button input {
	color:#fff;
	cursor: pointer; 
	padding:2px 4px;
	margin:0 0 0 18px;
}


#poll_container input {
	float:left;
	margin-top:1px;
}
#poll_container label {
	float:left;
	padding:0 0 4px 5px;
}

#poll_results_container table {
	border-collapse: collapse; 
	
}

#poll_results_container .answer {
	padding-top:6px;
}
#poll_results_container .percent {
	padding-left:2px;
}

#poll_results_container .poll-img {
	padding-right:4px;
}
#poll_results_container .sumVotes {
	border-top:1px solid #8EEC0F;
	margin-top:5px;
	text-align:center;
	padding:4px 0 0 0;
}

#actions_container {
	background:white;
	margin-top: 1em;
	clear: right;
	float: left;
	width: 150px;
	height: auto;
	border: 1px solid Black;
}


#privacy_legacy_container {
	float: left;
	width: 200px;
	margin-top: 1em;
	border: 1px solid Black;
}




#print_container {
	float: right;
}





/* --- MENU SERWISU --- */
/* style menu dynamicznego, w przypadku menu poziomego jest to clasa .clsCMOn, jesli jest to menu pionowe(drzewiaste) to jest to klasa linku a.clsCMOn, to samo w przypadku clsCMOver */

/* nieaktywny rozwinięty - podmenu */
.clsCMOn {color: Black;background: White;}

/* aktywny rozwinięty - podmenu */
.clsCMOver {color: White;	background: Black;}

/* nieaktywny pierwszy poziom - menu główne poziome */
.clsCMtopOn {color: Black;	background: White;}

/* aktywny pierwszy poziom - menu główne poziome */
.clsCMtopOver {color: White; background: Black;}

/* menu drzewiaste */
.clsNode {color: Black;}
.clsNodeL_selected {color: White;	background: Black;}
.clsNodeL0 {color: Black;}
.clsNodeL1 {color: Black;}
.clsNodeL2 {color: Black;}
.clsNodeL3 {color: Black;}
.clsNodeL4 {color: Black;}

.error {
	color:#e60e0e;
}
textarea.error, input.error {
	border:1px solid red;
}