* {
    font-family: Arial, Verdana;
}

/*p{margin: 0px ; font-size: 12px; font-family: Arial, Verdana; color: #313131; line-height: 1.5;}*/
p.head {margin: 0px ; font-size: 12px; font-family: Arial, Verdana; color: #313131; line-height: 1.5;}
p.head1{margin: 0px ; font-size: 14px; font-family: Arial, Verdana; color: #313131; line-height: 1.5;}
p.big {margin: 0px ; font-size: 28px; font-family: Arial, Verdana; color: gray; line-height: 1.5;}
a {font-family: Arial, Verdana; color: #888; text-decoration: none;}
a:hover {color: #6cc6ff;}

h2{margin: 0px ; font-size: 32px; color: #000;}
h3.blad{margin: 0px ; font-size: 20px; font-family: Arial, Verdana; color: red; line-height: 1.5;}
h3.ok{margin: 0px ; font-size: 20px; font-family: Arial, Verdana; color: green; line-height: 1.5;}
h3{margin: 0px ; font-size: 20px; font-family: Arial, Verdana; color: gray; line-height: 1.5;}
h4{margin: 0px ; font-size: 12px; font-family: Arial, Verdana; color: gray; line-height: 1.5;}
/*li div { border:solid 1px black; background-color:#E0E0E0; text-align:center; }*/
.placeHolder div { background-color:grey!important; }
#list1, #list2 { width:550px; list-style-type:none; margin:20px; }
#list1 li, #list2 li { float:left; padding:0px; width:100px; margin-right:20px; margin-bottom:40px; text-align:center;}
#list1 div, #list2 div { width:100px; height:100px; border:solid 1px black; background-color:#E0E0E0; text-align:center; padding-top:0px;}

hr {
    border: 0px none;
    width: 100%;
    height: 1px;
    background-color: #C5C5C5;
}


img {
    border: 0
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    overflow: scroll;
}

/*#top {
    position: relative;
    background-color: #34414d;
    color: #FFF;
    overflow: hidden;
    min-height: 60px;
    max-height: 105px;
}

#top > a {
    display: inline-block;
    margin: 15px 80px 15px 30px;
}

.logo {
    max-width: 200px;
    max-height: 77px;
}*/

/*#menu {
    display: inline-block;
    vertical-align: bottom;
    width: 80%;
}


#menu a, 
a.menu_link {
    display: inline-block;
    position: relative;
    color: #FFF;
    font-size: 16px;
    padding: 20px 15px;
}

#menu a:hover,
#menu a.selected,
a.menu_link:hover, 
a.menu_link.selected {
    color: #6cc6ff;
}

#menu > a > div, 
a.menu_link > div {
    position: absolute;
    width: 100%;
    height: 15px;
    left: 0;
    bottom: -50px;
    transition: all 500ms;
    -webkit-transition: all 500ms;
}
    
#menu > a:hover > div, 
#menu > a.selected > div, 
a.menu_link:hover > div, 
a.menu_link.selected > div {
    position: absolute;
    bottom: 13px;
}

#menu > a:hover > div > div, 
#menu > a.selected > div > div, 
a.menu_link:hover > div > div, 
a.menu_link.selected > div > div {
    width: 1px;
    margin: auto;
    
    border-left: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #d7d7d7;
    
    transition: all 500ms;
    -webkit-transition: all 500ms;
}*/


.link_stronnicowanie, .link_stronnicowanie  a{
    padding: 3px 10px 3px 10px;
    font-family: Arial, Verdana;
    font-size: 14px;
    color: #fdad01;
    background-color: #f0f0ee;
    border: none;
}

.pdf_link:hover {
    color: #000;
}

.pdf_pre_link:hover {
    color: #000;
}

#control {
    float: right;
    margin: 0 20px;
}
        

/*#sub_top {
    background-color: #d7d7d7;
}*/

/*#tabs {
    position: relative;
    padding-left: 50px;
    height: 70px;
}*/
    
#tabs > a {
    background-color: #fff;
    color: #6d6d6d;
    border: solid 1px #c5c5c5;
    border-radius: 5px 5px 0 0;
    padding: 10px 90px;
    font-size: 17px;
    margin-left: 10px;
/*    position: relative;
    top: 41px;*/
    z-index: 1;
}

#tabs > a:hover, 
#tabs > a.selected {
    background-color: #f2f2f2;
    color: #6cc6ff;
    border-bottom: 0;
    padding-top: 10px;
    top: 41px; 
    z-index: 3;
}

#tabs .button_blue {
    position: relative; 
    float: right;
    margin: 15px;
}


#tabs_desc {
    background-color: #f2f2f2;
    padding: 20px 20px 20px 60px;
    border-top: solid 1px #c5c5c5;
    border-bottom: solid 1px #c5c5c5;
/*    position: relative;
    z-index: 2;*/
}

#tabs_desc > a {
    padding: 5px 10px;
    border-left: solid 2px #888;
}

#tabs_desc > a:last-child {
    border-right: solid 2px #888;
}

#tabs_desc > a.selected {
    font-weight: bold;
}




#pomoc{
    position: absolute; 
    top: 300px;
    right: 300px; 
    color: red;
    width: 300px;
    z-index: 9999;
}

#pomoc_content p{
    color: red;
    font-size: 15px;
    background-color: yellow;
    border: 1px solid black; 
}

#content {
    z-index: 9;
    position: relative;
    top: 20px;
    margin-left: 30px;
    margin-bottom: 100px;
}

#content1 {
/*    position: relative;
    top: 20px;*/
    margin-left: 30px;
}


#kontener {
    position:absolute;
    left:50%;
    margin-left:-500px;
    width: 1000px;
    background: url(images/tlo.jpg) repeat-y
}

#galeria P {
    margin: 0px ; 
    font-size: 11px; 
    font-family: Arial, Verdana; 
    color: #252424; 
    line-height: 1.5;
}
     
#info P{
    color: blue;
    font-weight: bold;
}
		
#alert P{
    color: red;
    font-weight: bold;
}
				
                



#naglowek a:hover{
    color: #ffffff;
}
	
#stopka {
    background-color: #34414d;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    margin-top: 50px
}

#stopka P {
    margin: 0px ; 
     font-size: 11px; 
     font-family: Arial, Verdana; 
     color: #7d8b99; 
}

#stopka a {
    color: #7d8b99;
}
#stopka a:hover {
    color: #5d6b79;
}


tr.back {
    background-color:#f0f0ee; 
}
   



#login_form {
    text-align: center;
}

#login_form input {
    border: solid 1px #DDD;
    border-radius: 10px;
    padding: 10px 20px;
}

#login_form input[type="text"],
#login_form input[type="password"] {
    margin-left: 10px;
}



#load {
    display: none;
    /*background: url('../images/admin/load.gif') no-repeat;*/
    background-size: 100%;
    width: 35px;
    height: 35px;
    position:fixed; 
    top:50%; 
    left:50%; 
    /*width:100px;*/ 
    /*height:100px;*/
    z-index: 99;
}



.load {
    background: url('../images/admin/load.gif') no-repeat;
    background-size: 100%;
    position:absolute;
    width:60px; 
    height:60px;
    z-index: 99;
}


.editable_load {
    display: none;
    background: url('../images/admin/load.gif') no-repeat;
    background-size: 100%;
    width:20px; 
    height:20px;
    vertical-align: middle;
}


#komunikat, .komunikat {
    font-size: 16px;
    font-weight: bold;
    color: #1e88e5;
    text-align: center;
}

#komunikat_ogolny {
    font-size: 22px;
    font-weight: bold;
    color: #6CC6FF;
    text-align: center;
}

.lista, 
.lista2 {
    border-collapse: collapse;
    /*white-space: nowrap;*/
    width: 97%;
}

.lista tr:first-child {
    background-color: transparent;
}

.lista tr {
    /* background-color: #DDD; 
    outline: thin solid black; */
    border-bottom: solid 1px gray;
}

.lista tr:nth-child(2n) {
    /* background-color: #EEE; */
}

.lista th {
    color: #888;
}

.lista td,
.lista th {
    padding: 5px 30px 5px 5px;
}

.lista td:last-child,
.lista th:last-child {
    padding-right: 0px;
    width: 100px;
}

.lista td img {
    vertical-align: middle;
    margin-right: 5px;
}

.lista a {
    color: #6CC6FF;
}


img[alt=edit], 
img[alt=del],
img[alt=opiekunowie],
.pointer {
    cursor: pointer;
}

.error {
    border-color: #F00;
}

#edycja {
    display: none;
}


#form_edit,
.edit,
#nota {
    display: none;
    position: absolute;
    /*left: 50%;*/
    text-align: center;
    z-index: 9;
}

#form_edit > div,
.edit > div,
#nota > div {
    position: relative;
    /*left: -50%;*/
    display: inline-block;
    background-color: #EEE;
    border: solid 1px #444444;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 1px 1px 10px 2px #999;
}

.kolejnosc {
    display: none;
}

.kolory tr :first-child {
    padding: 3px;
}

.filtr > div,
.filtr > div > div {
    display: inline-block;
}

.status {
    border-bottom: solid 1px #C5C5C5;
    vertical-align: middle;
    padding: 15px;
    padding-left: 50px;
    font-size: 18px;
}

.status img {
    vertical-align: middle;
    margin-right: 10px;
}

.lewo {
    float: left;
}

.prawo {
    float: right;
}

.szczegoly .lewo,
.szczegoly .prawo {
    padding: 20px;
}

.szczegoly .lewo {
    width: 60%;
}

.szczegoly .prawo {
    width: 30%;
}

.szczegoly > div > div {
    margin-top: 50px;
    min-height: 50px;
}

.szczegoly > div > div:first-child,
.szczegoly > div > div:nth-child(2) {
    margin-top: 0px;
}

.szczegoly > div > div td {
    padding-right: 40px;
}

.szczegoly > div > div th {
    color: #B5B5B5;
    text-align: left;
}

.szczegoly .tytulowy {
    position: relative;
    font-size: 20px;
    margin-bottom: 20px;
}
    
.szczegoly .tytulowy > div {
    position: absolute;
    top: -12px;
    background-color: #FFF;
    padding-right: 20px;
}


.info {
    position: relative;
    display: inline-block;
}

.info > img {
    cursor: pointer;
    width: 25px;
}

.info > div {
    display: none;
    position: absolute;
    top: 20px;
    left: 30px;
    
    background-color: #FFF;
    border: solid 1px #666;
    border-radius: 15px;
    padding: 0px 20px;
    white-space: nowrap;
}


#profil .tytulowy img {
    margin-left: 10px;
}
    
#profil .aktywny {
    border: solid 1px #666;
}


.potwierdz, 
.anuluj {
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    vertical-align: middle;
}

.potwierdz {
    background: url('../images/admin/ok.png') no-repeat 5px 6px;
}

.anuluj {
    background: url('../images/admin/no.png') no-repeat 7px 6px;
}

.potwierdz:hover, 
.anuluj:hover {
    box-shadow:0px 0px 5px 0px #AAA inset; 
}

.edycja {
    width: 100%;
    /*height: 100%;*/
    min-height: 300px;
}

.editable, 
.removeable {
    display: inline-block;
    border: solid 1px transparent;
    min-height: 20px;
    min-width: 30px;
}

.editable:hover, 
.removeable:hover {
    box-shadow:0px 0px 5px 0px #AAA inset; 
    border: solid 1px #AAA;
    cursor: pointer;
    padding-right: 25px;
    min-width: 50px;
}

.editable:hover {
    background: url('../images/admin/edit.png') no-repeat right 2px;
}

.removeable {
    min-width: 40px;
    padding: 0;
}

.removeable:hover {
    background: url('../images/admin/delete.png') no-repeat center 2px;
}

.kom_status {
    display: none; 
    position: fixed; 
    top: 45%; 
    left: 45%; 
    background: #CCC; 
    border: solid 2px #999; 
    border-radius: 10px; 
    z-index: 9; 
    text-align: center;
    padding: 30px;
}


.filtr > * {
    /*margin: 0 15px;*/
}


.filtr input {
    background: #F2F2F2;
    border: solid 1px #C5C5C5;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 18px;
    height: 44px;
}

.filtr input:focus {
    background: #FFF;
}

.box {
    background-color: #EEE;
    border: solid 1px #444444;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 1px 1px 10px 2px #999;
    z-index: 9;
}

#historia_box {
    display: none;
    position: absolute;
    top: -100px;
    left: 20%;
    z-index: 9;
    cursor: move;
}

#historia_box .lista, 
#historia_box h1 , 
#historia_box h2 {
    cursor: default;
}

#historia_box .lista{
    display: block;
    max-height: 400px;
    overflow: scroll;
}

.ikona {
    width: 18px;
    cursor: pointer;
}

#dane_kontaktowe {
    float: left;
    margin-top: 0px;
    max-width: 500px;
}

#dane_faktura {
    float: right;
    max-width: 450px;
}

.podpowiedzi_dane {
    display: none;
}


#historia_dyspozycyjnosc {
    min-width: 500px;
}



















   
   

/************* BUTTONS *******************/
   
.button_blue,
#tabs .button_blue {
         -moz-box-shadow: inset 1px 1px 3px 1px #666;
         -webkit-box-shadow: inset 1px 1px 3px 1px #666;
         box-shadow: 1px 1px 3px 1px #666;

         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0ad0f4), color-stop(1, #0ab8f4) );
         background: -moz-linear-gradient( center top, #0ad0f4 5%, #0ab8f4 100% );
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ad0f4', endColorstr='#0ab8f4');
         background-color: #0ab8f5;

         border-radius: 10px;

         display: inline-block;
         padding: 10px 35px;
         color: #FFF;
         font-weight: bold;
 }
.button_blue:hover,
#tabs .button_blue:hover {
         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0ad0f4), color-stop(1, #0ab8f4) );
         background: -moz-linear-gradient( center top, #0ad0f4 5%, #0ab8f4 100% );
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ad0f4', endColorstr='#0ab8f4');
         background-color: #0ad0f4;

         color: #EEE;
         cursor: pointer;
 }
 .button_blue:active, 
#tabs .button_blue:active {
         background: -webkit-gradient( linear, left bottom, left top, color-stop(0.05, #0ad0f4), color-stop(1, #0ab8f4) );
         background: -moz-linear-gradient( center bottom, #0ad0f4 5%, #0ab8f4 100% );
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ad0f4', endColorstr='#0ab8f4');
         background-color: #0addf4;
 }


.button_gray {
         background-color: #f2f2f2;

         border: solid 1px #cecece;

         display: inline-block;
         padding: 10px 35px;
         color: #34414d;
 }
 .button_gray.left {
         border-radius: 5px 0 0 5px;
         background: #f2f2f2 url('../images/admin/arrow_left.png') no-repeat 10px;
 }

 .button_gray.right {
         border-radius: 0 5px 5px 0;
         margin-left: -5px;
         background: #f2f2f2 url('../images/admin/arrow_right.png') no-repeat right 10px top 15px;
 }
 .button_gray:hover {
         color: #000;
         cursor: pointer;
 }
.button_gray:active {
         background-color: #e2e2e2;
 }
   

   


input.menu_button {
	padding: 3px 10px 3px 10px;
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #fdad01;
	background-color: #464646;
	border: none;
        }

input.button {
	padding: 3px 10px 3px 10px;
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #000;
	background-color: #cccccc;
	border: 1px solid #a7a7a7;
        }

.button2 {
	padding: 2px 8px;
	font-size: 14px;
	color: #000;
	background-color: #cccccc;
	border: 1px solid #a7a7a7;
        border-radius: 5px;
	vertical-align:middle;
}
.button2:hover {
	background-color: #cccccc;
	border-color: #fdad01;
}

input.button3 {
	padding: 1px 9px 1px 9px;
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #000;
	background-color: #cccccc;
	border: 1px solid #a7a7a7;
        }


input.button4 {	padding: 10px 20px 10px 20px;
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #000;
	background-color: #ffd57a;
	border: 1px solid #dfaf49;
        }

    
        
        
        
        
        
        
        
.podpowiedzi {
        display: none;
        position: absolute;
        left: 0;
        top: 25px;
        background: #FFF;
        z-index: 9;
        min-width: 350px;
}

.podpowiedzi > div {
        padding: 5px 10px;
        cursor: pointer;
        border-left: solid 2px #DDD;
        border-right: solid 2px #DDD;
}

.podpowiedzi > div:first-child {
        border-top: solid 2px #DDD;
}

.podpowiedzi > div:nth-last-child(2) {
        border-bottom: solid 2px #DDD;
}

.podpowiedzi > div:hover {
        background: #CCC;
}
        
   

.data_selected {
        text-decoration: underline;
        font-weight: bold;
}

.order{
    text-decoration: underline;
}






/* JQUERY UPLOAD */
.bar {
    height: 18px;
    background: #0ab8f4;
    text-align: center;
    color: #333;
}

.uploaded-files {
    position: relative;
    width: 100%;
    min-height: 100px;
    border: dashed 2px #CCC;
}

.uploaded-files > p > p > img {
    vertical-align: middle;
    margin-right: 5px;
}

.uploaded-files:empty:after {
    content: "upuść tutaj pliki";
    position: absolute;
    top: 40%;
    left: 50%;
    /*z-index: -1;*/
    margin-left: -54px;
    color: #AAA;
}
        
        
    
    
   

#fileupload
{
border:2px dotted #ff6d00;
width:400px;
color:#CFCFCF;
text-align:left;vertical-align:middle;
padding:10px 10px 10 10px;
margin-bottom:10px;
font-size:150%;
}
.progressBar {
    width: 100%;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px; 
    overflow: hidden;
    display:inline-block;
    margin:5px 0;
    vertical-align:top;
}
 
.progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #ff6d00; border-radius: 3px; 
}
.statusbar
{
    min-height:25px;
    width:100%;
    padding:10px 10px 0px 10px;
    vertical-align:top;
}
.statusbar:nth-child(odd){
    background:#F5F5F5;
}
.statusbar div {
    display: inline-block;
}
.filename
{
display:inline-block;
vertical-align:top;
width:100%;
}
.filesize{
display:inline-block;
vertical-align:top;
color:#111;
font-weight: bold;
width:100px;
margin:10px 0;
}
.abort{
    background-color:#A8352F;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    padding:4px 15px;
    cursor:pointer;
    vertical-align:top
}

   
   
   
/*IMPROMPTU:*/   
.jqifade{
	position: absolute;
	background-color: #aaaaaa;
}
div.jqi{
	width: 500px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
}
div.jqi .jqicontainer{
	font-weight: bold;
}
div.jqi .jqiclose{
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}
div.jqi .jqimessage{
	padding: 10px;
	line-height: 20px;
	color: #444444;
}
div.jqi .jqibuttons{
	text-align: right;
	padding: 5px 0 5px 0;
	border: solid 1px #eeeeee;
	background-color: #f4f4f4;
}
div.jqi button{
	padding: 3px 10px;
	margin: 0 10px;
	background-color: #2F6073;
	border: solid 1px #f4f4f4;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
div.jqi button:hover{
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
	background-color: #BF5E26;
}


#tabs_desc .jquery-selectbox {
        margin: 0;
}

.niewykonane {
        background: #EEE;
}


.szary{
    background-color: #9e9e9e !important;
}


















@media only screen and (max-device-width:900px), 
all and (max-width:900px) {
    
    #tabs {
        padding-left: 10px;
    }
    
    #tabs > a {
        padding-left: 20px;
        padding-right: 20px;
    }
    
}










@media only screen and (max-device-width:750px), 
all and (max-width:750px) {
    
    #tabs {
        height: 100px;
    }
    
    #tabs > a, 
    #tabs > a.selected {
        top: 70px;
    }
    
}