@charset "UTF-8";
/*@import url(//fonts.googleapis.com/css?family=Open+Sans);*/

/*
@font-face{ 
	font-family: 'MyWebFont';
	src: url('web_fonts/ptserif_regular/WebFont.eot');
	src: url('web_fonts/ptserif_regular/WebFont.eot?iefix') format('eot'),
	     url('web_fonts/ptserif_regular/WebFont.woff') format('woff'),
	     url('web_fonts/ptserif_regular/WebFont.ttf') format('truetype'),
	     url('web_fonts/ptserif_regular/WebFont.svg#webfont') format('svg');
}
*/
@font-face{ 
	font-family: 'MyWebFont';
	src: url('web_fonts/ptserif_regular/PTF55F-webfont.eot'),/*;*/
		 url('web_fonts/ptserif_regular/WebFont.eot?iefix') format('eot'),
	     url('web_fonts/ptserif_regular/PTF55F-webfont.woff') format('woff'),
	     url('web_fonts/ptserif_regular/PTF55F-webfont.ttf') format('truetype'),
	     url('web_fonts/ptserif_regular/PTF55F-webfont.svg') format('svg');
}

body {
	background-color: white;
	margin:0px;
	padding:0px;
	overflow-y: hidden;
	font-family: "Book Antiqua","MyWebFont","Open Sans","Book Antiqua";
	width:100%;
	height:100%;
	overflow-x: hidden;
}

a:link {
color: white;
text-decoration:none;
}
a:visited {
color: white;
text-decoration: none;
}


html {
height:100%;
width:100%;
}

#navbar{
top:0px;
left:0px;
padding-left:10px;
width:100%;
height:25px;
}

#main_title {
color:white;
text-shadow: 2px 1px #000000;
position:absolute;
top:0px;
left:0px;
text-align:center;
font-size:20px;
width:250px;
cursor: pointer;
}

#main_title:hover {
text-shadow: -2px 1px #000000;
}

#overdiv1{
position:fixed;
top:25px;
left:0px;
width:100%;
bottom:15px;
z-index:1500;
background:#242829;
border-top:1px solid white;
display:none;
}

#overdiv{
position:absolute;
top:25px;
left:0px;
width:100%;
bottom:15px;
z-index:1500;
background:#242829;
border-top:1px solid white;
display:none;
}

#tresc {
background:#242829;
position:absolute;
width:80%;
top:0px;/*bottom:15px;height:98%;*/
height:98%;
padding-left:10%;
padding-right:10%;
overflow:auto;
color:white;
padding-top:5px;
padding-bottom:5px;
/*background-image: -o-linear-gradient(right, #5B5D66 100%, #000000 100%);background-image: -moz-linear-gradient(right, #5B5D66 100%, #000000 100%);background-image: -webkit-linear-gradient(right, #5B5D66 100%, #000000 100%);background-image: -ms-linear-gradient(right, #5B5D66 100%, #000000 100%);background-image: linear-gradient(to right, #5B5D66 40%, #000000 60%);*/
}

#tresc_close {
position:absolute;
top:5px;
right:20px;
height:16px;
width:16px;
cursor:pointer;
}


#settings_close, #edytor_settings_close, #edytor_funkcje_close, #dodaj_propozycje_close{
position:absolute;
top:5px;
right:5px;
height:16px;
width:16px;
cursor: pointer;
}

.menu_icon{
margin-top:-3px;
padding-right:3px;
vertical-align:middle;
width:18px;
height:18px;
}

#left_panel {
float:left;
top:25px;/*border-top:1px solid #3D3D3D;*/
height:100%;
width:250px;

  display:table-cell;
}

#pole_wyszukiwania {
top:17px;
width:100%;
height:100px;
overflow:hidden;
}

#lang_flag{
	/*position:relative;
	float:right;
	clear:both;
	top:-35px;
	right:21px;*/
height:12px;
font-size:9px;
cursor: pointer;
}


#div_flagi{
	position:absolute;
	float:right;
	width:40px;
	display:table-cell;
	display:none;
	z-index:1000000;
	background-color:#DEDEDE;
	border-left:1px solid #616161;
	border-right:1px solid #616161;
	border-top:1px solid #616161;
}

.row_flagi{
	width:100%;
	height:15px;
	font-size:10px;
	cursor: pointer;
	border-bottom:1px solid #616161;
}

.flagi_txt{
position:relative;
top:-4px;
}

.img_flag_list{
height:15px;
left:1px;
padding-right:5px;
}

#wpisz_slowo{
	position:relative;
	color:#3D3D3D;
	font-weight:bold;
	border:1px solid #3D3D3D;
	height:18px;
    width:230px;
	float:right;
	clear:both;
	font-family:monospace;
	font-size:14px;
}

#wyszuk_keyboard {
cursor: pointer;
}


.searchBox{
background-image:url('/graf/test.png');
background-repeat:repeat-x;
}

#wyszuk_backspace {
	position:relative;
	/*top:3px;left:-10px; -25+20 = -5 border: 1px solid green; */
	cursor: pointer;
	margin:0px;
	padding:0px;
	top:-35px;
	right:4px;
	float:right;
	clear:both;
}

#spec_pyt_gw{
color:#FFFF23;
font-weight: bold;
font-size:13px;
display:none;
cursor: pointer;
}

#spec_pyt_gw span{
	padding-right:3px;
}

.divCellR img{
position:relative;
top:-2px;
margin-left:3px;
}

#spec_litery{
	text-align:right;
	font-size:12px;
	max-width: 150px;
	width:150px;
	text-align: center;
	word-wrap: break-word;
}

#spec_litery span{
padding-left:2px;
padding-right:2px;
text-align:center;
background:#474747;
color:#FFFF23;
cursor: pointer;
margin-top:1px;
}


#specznaki_div{
position:relative;
height:15px;
line-height:20px;
/*right:64px;*/
width:180px;
border: 1px solid white;
}

.searchArea{
position:relative;
left:15px;
display:table;
width:auto;
border-spacing:0px;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate; background-color:#eee;
        border:1px solid red;*/
    }

.divRow{
       display:table-row;
       width:100%;
    }

 .divCell{
        float:left;/*fix for  buggy browsers*/
        display:table-column;
		padding-top:2px;
		/*border: 1px solid black;
        width:200px;
        background-color:#ccc;*/
    }
	.divCellR{
        float:right;/*fix for  buggy browsers*/
        display:table-column;
		height:13px;
		padding-top:2px;
		/*margin-left:4px;
        width:200px;
        background-color:#ccc;
		border: 1px solid black;*/
    }

#reklama_left {
position:relative;
padding-left:3px;
padding-right:3px;
padding-top:5px;
height:100%;
width:126px;
text-align:center;
float:left;
display:table-cell;
/* top:100px; */
}

#Szukaj{
margin-bottom:5px;
}

#opcje_left {
position:relative;
/* top:100px; */
padding-left:2px;
padding-top:2px;
width:116px;
float:left;
display:table-cell;
height:100%;
}

#opcje1, #opcje2, #opcje3 {
position:relative;
top:5px;
font-size:14px;

}

#sylaby-slider{
	margin-top:0.5em;
	margin-bottom:0.8em;
	height:0.5em;
	width:95%;
	left:2.5%;
}

.ui-slider .ui-slider-handle {text-decoration:none;text-align:center;padding:0px !important;color:blue !important;}

.ui-slider-range{
background-color:blue !important;	
}
#InputWrapper {
	z-index:100000;
}

#InputWrapper input{
  width: 10px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  font-weight:bold;
  padding:0px;
  margin:0px;
}

#span_sylaby{
	display:none;
}

#czemow{
	overflow: hidden;
}

#mozliweLIT{
position:relative;
margin-top:0px;
margin-left:17px;
width:91px;
padding:0px;
/*width:90px;
right:0px;
border:1px solid red;*/
}
#minsyl,#maxsyl{
//font-size:10px;
}

.maly_text_opcje{
font-size:10px;font
}

hr {
margin-top:2px;
margin-bottom:2px;
padding:0px;
}

#ostatnietyt, #mojerymytyt, #ostatnie, #mojerymy{
position:relative;
top:5px;
font-size:12px;
}

#ostatnietyt,#mojerymytyt {
font-weight:bold;
font-size:14px;
}

.curpoint
{
cursor:pointer;
font-size:13px;
position:relative;
top:-2px;
}

#left_panel_hide {
top:25px;
height:100%;
float:left;
border-right:1px solid #3D3D3D;
border-left:0px dashed black;
width:10px;
font-size:10px;
color:white;
cursor: pointer;
display:table-cell;
/* border-top:1px solid #3D3D3D;position:fixed; background:#455868*/
}

#undernav{
top:25px;
height:400px;
display:none;
z-index:200;
border-top:1px solid #3D3D3D;
resize: vertical;
overflow-x:hidden;
}

#undernav_hide{
position:relative;
margin-left:261px;
border-top:1px dashed #3D3D3D;
border-bottom:1px solid #3D3D3D;
height:16px;
font-size:10px;
color:white;
z-index:1000;
}
/*
#undernav_size{
position:absolute;
right:-8px;top:25px;
width:20px;height:30px;
z-index:201;
}*/

#undernav_less, #undernav_more{
cursor: pointer;
font-size:12px;
color:white;
display: inline;
}

#zakladki{
position:relative;
top:-1px;
left:15px;
z-index:100;
}

.zakladki_lista{

margin-top:0px;
padding:0px;
height: 17px;
font-size:13px;
/*text-shadow: 2px 1px #000000;
font-weight:bold;
float:left;top:2px;*/
}

.zakladki_lista ul {
	padding: 0;
	margin: 0 auto;
	height: 20px;
	list-style: none;
}

.zakladki_lista  li {
/*position:relative;
top:-5px;
font-weight:bold;
width:30px;*/
float:left;
text-align:center;
list-style: none;
padding-left:7px;
padding-right:7px;
cursor: pointer;
height: 17px;
border-top: 1px solid grey;
border-left: 1px solid grey;
border-right: 1px solid grey;
cursor: pointer;
}


.zl_active{
background-color:#ece8e5;
border-top: 1px solid black;
/*border-left: 1px solid black;border-right: 1px solid black;
color:black;
border-bottom: 1px solid #ece8e5;*/
}

.zl_notactive{
background-color:transparent;
color:#181B1C;
/*border-top: 0px solid grey;border-left: 0px solid grey;border-right: 1px solid grey;
border-bottom: 1px solid transparent;*/
border-left-width: 0px;border-right-width: 1px;border-bottom-width: 0px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 100%, 0 0, from(#273038), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(bottom, #273038, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(bottom, #273038, rgba(0, 0, 0, 0)) 1 100%; 
    -o-border-image:
      -o-linear-gradient(bottom, #273038, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to top, #273038, rgba(0, 0, 0, 0)) 1 100%;
}


#trojkat_bok{
position: absolute;
  top: 50%;
  height: 10px;
  margin-top: -1px;
  margin-left: 2px;
  color:white;
  z-index:250;
}

#trojkat_gora{
position:absolute;
top:0px;
margin-top:-3px;
color:white;
z-index:250;
cursor: pointer;
}


#footer{
position:fixed;
border-top:1px solid white;
left:0px;
bottom:0px;
width:100%;
height:15px;
font-size:13px;
z-index:2000;
}



#copyright {
top:-1px;
position:absolute;
left:0px;
width:auto;
color:white;
margin-left :5px;
text-shadow: 1px 1px #000000;
font-family: "MyWebFont","Open Sans","Book Antiqua";
//font-family: Verdana,Helvetica, "Times New Roman", "Arial Black", Tahoma;
}

#bottom_menu {
position:absolute;
margin-top:1px;
top:0px;
right:0px;
margin-right :12px;
width:auto;
color:white;
z-index:500;
}

#bottom_menu img {
padding-right:5px;
cursor: pointer;
}

#text_menu{
position: absolute;
top:30px;
right:0px;
height:auto;
margin-right :20px;
/*text-align:right;*/
}

.menu_lista{
top:2px;
margin:0px;
padding:0px;
height: 25px;
font-size:19px;
text-shadow: 2px 1px #000000;
float:right;
font-family: "MyWebFont","Open Sans","Book Antiqua";
/*font-family: Tahoma,Helvetica,"Times New Roman",Verdana,"Arial Black",Verdana;*/
}

.menu_lista ul {
	padding: 0;
	margin: 0 auto;
	width:100%;
	height:25px;
	list-style: none;
}
.menu_lista li {
float:left;
width:auto;
text-align:center;
list-style: none;
padding-left:10px;
padding-right:10px;
height:25px;
text-decoration:none;
color:white;
cursor: pointer;
}

.menu_lista li:hover, .menu_lista li:active {
	background-color: #8c99a4;
}

#info_top{
width:90%;
text-align:center;
display:none;
color:black;
}

#info_bottom{
padding:3px;
position:fixed;
width:100%;
border-top:1px solid grey;
bottom:16px;
font-size:0.8em;
background-color:#ECF71E;
background: -webkit-linear-gradient(#ECF71E , #F7B21E);/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ECF71E, #F7B21E);/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ECF71E, #F7B21E);/* For Firefox 3.6 to 15 */
background: linear-gradient(#ECF71E , #F7B21E);/* Standard syntax */
text-align:center;
z-index:1000;
font-weight:bold;
  
   /* 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  filter: alpha(opacity=90);

  -moz-opacity: 0.9;

  -khtml-opacity: 0.9;

  opacity: 0.9;*/
}

#skroty{
	display:none;
	margin-bottom:2em;
}

#info_bottom a:link ,#info_bottom a:visited{
color:black;
}

#rozumiem {
	background-color:white;
	border: 1px solid black;
	padding:1px;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#trojkat_dol{
position:absolute;
right:2px;
bottom:20px;
/*width:10px;height:10px;
border: 1px solid black;*/
margin:0px;padding:0px;
cursor: pointer;
font-size:15px;
z-index:1001;

}

#main2,#main3,#main4,#main5{
display:none;
}

#main1,#main2,#main3,#main4,#main5{

   position:absolute;
   margin-left:261px;
   right:0px;
	left:0px;
	margin-top:16px;
	padding:6px;
	z-index:1000;
	overflow-y: auto;
	margin-bottom:16px;
	height:100%;

}

#settings,#edytor_settings,#edytor_funkcje,#dodaj_propozycje{
color:white;
position:absolute;
margin-top:35px;
border-top:1px solid white;
border-left:1px solid white;
right:0px;
background:yellow;
z-index:2000;
background:#242829;
display:none;
padding:10px;
font-size:13px;

-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;

-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;

border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

#edytor_settings,#edytor_funkcje {
position:absolute;
top:50px;
margin-top:0px;
}



#default_settings,#default_edytorsettings{
text-align:right;
text-decoration:underline;
cursor: pointer;
}

.set_tit{ width:110px;font-size:15px;}
.set_edytor_tit{ width:150px;font-size:15px;}
#table_settings{
margin:5px;
margin-bottom:0px;
}

#title_ustawienia{
	padding:0px;
	padding-bottom:5px;
	margin:0px;
	text-align:center;
	font-weight:bold;
	font-size:1.25em;
}

#lista_ustawienia {
margin-left:0px;
padding-left:6px;
}
#lista_ustawienia li {
	list-style: none;
	padding-top:2px;padding-bottom:2px;
}

/****************** MENU LEFT ***********************/ 

#menu_left{
position: fixed;
height:16px;
width:261px;
z-index:500;
}


.menu_lista_left{
margin-top:0px;
padding:0px;
height: 20px;
font-size:13px;
text-shadow: 2px 1px #000000;
font-weight:bold;
float:left;
}

.menu_lista_left ul {
	padding: 0;
	margin: 0 auto;
	width:100%;
	height: 20px;
	list-style: none;
}
.menu_lista_left li {
float:left;
width:109px;
text-align:center;
list-style: none;
padding-left:2px;
padding-right:2px;
color:white;
cursor: pointer;
height: 16px;

}

.menu_lista_left li:last-child, .menu_lista_left li:first-child{
   width:67px;
}

#ml1 {border-left:1px solid transparent;}
.ml_active {
	border-top:1px solid #3D3D3D;
	border-left:1px solid #3D3D3D;
	border-right:1px solid #3D3D3D;
}
.ml_notactive {
	border-top:1px solid transparent;
	border-right:1px solid transparent;
	border-left:1px solid transparent;
	border-bottom:1px solid #3D3D3D;
}


#lastsearch1,#lastsearch2,#lastsearch3{
display:none;
}

#mylast1,#mylast2,#mylast3{
display:none;
}

#add_button{
position:relative;
top:-1px;
}

/****************** DIALOG BOX ***********************/
#dialogoverlay{
	display: none;
	/*ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #000;
	width: 100%;
	z-index: 10000;
}
#dialogbox{
	display: none;
	position: fixed;
	background: #FFF;
	border-radius:10px;
	width:550px;
	z-index: 10000;
}
#dialogbox > div{ background:#FFF;margin:6px;}
#dialogbox > div > #dialogboxhead{ background: #455868;font-size:19px;padding:10px;color:#000; }
#dialogbox > div > #dialogboxbody{ background:#333;padding:20px;color:#FFF;}
#dialogbox > div > #dialogboxfoot{ background: #455868;padding:10px;text-align:right;}


#reloadLastIcon {
	position:absolute;
	top:8px;
	right:2px;
	cursor: pointer;
}

#newsik
{
position:relative;
padding:4px;
width:90%;
left:5%;
background:#48B7DB;
border: 1px dotted black;
color:black;
text-align:left;
}

#newsik :link,#newsik :visited {
font-size:0.8em;
color:white;
}

.svg{
width:16px;height:16px;
 /*fill: white;*/
 cursor: pointer;
 padding-left:5px;
}

#arrows {
position:absolute;
top:30px;
right:0px;
padding:0px;margin:0px;
z-index: 1001;
}

#arrowdown_button{
	position:relative;
	top:-13px;
}

.tball th{
background-color:#1e5799;
background: -webkit-linear-gradient(#1e5799 , #7db9e8);/* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#1e5799, #7db9e8);/* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#1e5799, #7db9e8);/* For Firefox 3.6 to 15 */
  background: linear-gradient(#1e5799 , #7db9e8);/* Standard syntax */
  padding-top:0px;padding-bottom:0px;
   margin-top:0px;margin-bottom:0px;
   height: 20px;
}

.tball
{

width:100%;
border-collapse: collapse;
border-spacing: 0px;
padding:0px;margin:0px;
border: 1px solid black;
}
.tbgora
{
text-align:right;
width:auto;
}

.tbdol
{
background-color: #668894;
padding-left:2px;padding-right:2px;
color:#000000;
text-align:justify;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
}

.oc0, .oc20, .oc40, .oc60 , .oc80, .oc100   {
	position:relative;
top:0px;
	background-color:#78D60C;width:18px;height:100%;float: right;margin:0px;padding:0px;cursor: pointer;
	border-left:1px solid black;
	border-bottom:1px solid black;
	border-top:1px solid black;
	text-align:center;
	}
.oc20  {background-color:#D6C60C;}
.oc40  {background-color:#D6970C;}
.oc60  {background-color:#D6690C;}
.oc80  {background-color:#D63A0C;}
.oc100{background-color:#D60C0C;}

.tbgorarym{
padding-left:5px;
text-align:left;
}

.tbgoramoc{
border:1px solid black;
color:black;
font-weight:bold;
width:10%;
}

.tbgoramenu{
width:auto;
text-align:right;
margin:0px;padding:0px;
}

#div_email {
	text-align:center;
}

#kom_spec
{
border: 1px solid black;
position: relative;
background-color: red;
padding: 20px;
left:20%;
width: 60%;
height: 40px;
top:50px;
text-align:center;
display: none;
color:white;
}


.center_middle{
position:relative;
top:40px;
left:49%;
}

.anag_bold {
color:#FFFFFF;
font-weight:bold;
}

.error_text{
	position:absolute;
	margin-top:40px;
	width:90%;
	left:5%;
	text-align:center;
	font-weight:bold;
	color:black;
	
	padding-top:7px;
	padding-bottom:7px;
	/*background-color:black;text-shadow: 2px 1px #FFFFFF;*/
}

@media all and (max-width: 1024px) {
  ul.menu_lista li a{
	display: inline-block;
    overflow: hidden;
    width: 0;
  }
  
  ul.menu_lista li:last-child{
	padding-right:1em;
  }
  
  /*ul.menu_lista li img{
	top: 10px;
  }*/
  
  .menu_icon{
	margin-top:-17px;
	
	//padding-right:3px;
	vertical-align:middle;
	width:22px;
	height:22px;
	}
}


