* {margin:0; padding:0;}
body
  {
    text-align:center;
    font-family: verdana, arial, tahoma, sans-serif; font-size: 12px; color:#222222;
    background-color: #ffffff;
}

a {	font-family: verdana, arial, tahoma, sans-serif; font-size: 9pt; color:#004477; text-decoration:none;}

/*input {height:22px;}
/*select {height:22px;}*/
input[type=text] {height:25px; padding:3px;}
input[type=date] {height:24px; padding:3px;}
select {height:33px; padding: 3px;}

h1{font-size:18px;}
h2{font-size:16px;}
h2.zielony{color:#4e9101;}

a:hover { text-decoration:underline;  }

th, td {padding: 5px; text-align: left;}
/*input.typetext{font-size:12px;padding:3px;margin:5px;}*/

p.blad{ width: 500px; border:1px solid #FF0000; background-color: #FF8888; color: #ffffff; font-weight: bold; padding: 10px; margin:auto;}
p.sukces{ width: 500px; border:1px solid #127211; background-color: #1cb81b; color: #ffffff; font-weight: bold; padding: 10px; margin:auto;}
p.opismaly {font-size:9px;}

font.uwaga{color:red;}

input.przycisk{height:24px;}
/* -------- ogolne dla Formularzy ----------*/
div.sekcjaformularza
{
  float: left;
  width: 100%;
  padding:3px;
}
label
{
  display:block;
  clear:both;
  font-weight: bold;
  margin-left: 3px;
  padding-bottom: 3px;
}

/* ------- MENU -------- */

div#menu {
  float:left;
  width: 100%;
  margin-top:5px;
  padding: 5px;
  background-color: #006fae;
  position:relative;
}

/* ------- koniec MENU --------- */

/* -------SUB MENU --------------*/
a.submenu_poz {color:#006fae; font-weight:bold; padding-left: 15px; padding-right: 15px;}
a.submenu_poz:hover {text-decoration:none; background-color: #99ccff;}
a.submenu_poz_aktywna {background-color: #99ccff; padding-left: 15px; padding-right: 15px;}
/* ------koniec SUB MENU -----------*/

/* -------- MENU rozwijalne --------*/
#menu_rozwijalne * {
  margin:0;
  padding:0;
}
#menu_rozwijalne {
  border: none;
  float:left;
}
#menu_rozwijalne ul {
  float:left;
}
#menu_rozwijalne li {
  border-left:1px solid #efefef;
  list-style-type:none;
  float:left;
  position:relative;
  background-color:#006fae;
}
#menu_rozwijalne li:first-child {
  border-left:none;
}
#menu_rozwijalne li:hover ul{
  display:block;
}
#menu_rozwijalne li ul {
  position:absolute;
  width:150px;
  display:none;
  left:-1px;
}
#menu_rozwijalne li ul li {
  width: 100%;
  border-right:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  border-left:1px solid #ffffff}
#menu_rozwijalne a {
  display: block;
  color:#ffffff;
  text-decoration:none;
  padding: 4px 6px;
  font-weight: bold;
  font-size: 11px;
}
#menu_rozwijalne a:hover {
  color: #006fae;
  background-color: #efefef;
}
#menu_rozwijalne li ul li:first-child {
  border-left:1px solid #ffffff;
  border-top:1px solid #ffffff;
}
* html #menu_rozwijalne {
  border-top:1px solid #ffffff;
}
/*------ koniec MENU rozwijalne --------*/

/* ------- GŁÓWNE CZEŚCI STRONY ---------*/
div#strona
  {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
div#gora
  {
    width: 100%;
    position:relative;
    display:inline-block;
  }
div#srodek
  {
    width: 100%;
    text-align:left;
    padding: 5px;
  }
div#stopka
  {
    width: 100%;
    border-top: 1px solid #999999;
    text-align:center;
  }
div#lewa{
  width: 200px;
  padding: 5px;
  float:left;
  border: 1px solid #cdcdcd;
  font-weight: bold;
  color: #003366;
}
div#prawa
  {
    width:758px;
    float:left;
    overflow: hidden;
    padding:5px;
  }
/* ---------------------------------- */
/* --------- lista obiektów do zapłacenia -------- */
div.terminINFO
{
  background-color: #efefef;
  padding: 10px;
  margin-top: 10px;
  border-bottom: 1px solid #cdcdcd;
}
div.terminUWAGA
{
   background-color: #dedede;
   padding: 10px;
   margin-top: 10px;
   border-bottom: 1px solid #cdcdcd;
}
/* ------------ lista opinii do zatwierdzenia --------- */
div.opinie_do_zatwierdzenia
{
   background-color: #fcf9ce;
   padding: 10px;
   margin-top: 10px;
   border-bottom: 1px solid #d4d1ae;
}
/* ------------ lista zdjęć FOTKA do zatwierdzenia --------- */
div.fotka_do_zatwierdzenia
{
   background-color: #ffee77;
   padding: 10px;
   margin-top: 10px;
   border-bottom: 1px solid #d4d1ae;
}
/* ------------ lista odpowiedzi do opinii do zatwierdzenia --------- */
div.odpowiedzi_do_zatwierdzenia
{
   background-color: #c5e2b5;
   padding: 10px;
   margin-top: 10px;
   border-bottom: 1px solid #d4d1ae;
}
/* ---------------- pole opcji formularza w edycji opinii */
fieldset.opinie_ramka
{
  width: 500px;
  margin:10px;
  padding:10px;
}
/* ---------------- LOGOWANIE ---------------------------*/
div#logowanie
{
  border: 1px solid #336699;
  width: 260px;
  padding:10px;
  background-color: #b0daea;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right:auto;
}
/* ------------------------ */
/* --------- GALERIA KAMERA --------*/
img.foto_male_galeria
{
  border: 0px;
  width:300px;
}
div#dodaj_do_galerii
{
  border: 1px solid #aaaaaa;
  background: url("../img/dodajfoto1.gif") no-repeat;
  background-position: top right;
  background-color: #dddddd;
  margin-top: 10px;
  margin-left:100px;;
  margin-bottom: 10px;
  padding: 5px;
  width: 500px;
  float:left;
}
input.data
{
  text-align:center;
}
/* --------------------------------*/
/* -------- OBIEKT FOTO -----------*/
div.tytul{
  background-color:#b0daea;
  font-weight:bold;
  padding: 5px;
  text-align: center;
  font-size: 14px;
  width:1008px;
}
img.foto_male{
  border: 0px;
}
div#foto_obiekt_strona{
  width:800px;
}
div#fotolista{
  position:relative;
  border: 1px solid #bbbbbb;
  padding: 5px;
  margin: 10px;
  width: 668px;
  clear: both;
  overflow: hidden;
}
div#foto{
  padding:5px;
  float:left;
  border: 1px solid #aaaaaa;
  background-color: #dddddd;
  position:relative;
}
div#foto_text{
  padding: 5px;
  float:left;
  text-align:left;
}
div#przesun_gora{
  position:absolute;
  top:7px;
  left:7px;
  width: 25px;
  height:25px
}
div#przesun_dol{
  position:absolute;
  top:40px;
  left:7px;
  width: 25px;
  height:25px
}
div#dodajzdjecie
{
  width: 750px;
  border: 1px solid #aaaaaa;
  background-color: #dddddd;
  margin-top: 10px;
  padding: 3px;
  text-align:left;
}
div#usun_foto{
  position: absolute;
  right: 5px;
  top: 5px;
}

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

/* LISTY OBIEKTÓW */
td.adminciemna { background-color: #B0DAEA;}
td.adminjasna { background-color: #D9EDF4;}
td.jasna  { background-color: #D9EDF4;}
td.ciemna { background-color: #B0DAEA;}
td.czerwona { background-color: #FAA;}
td.zolta { background-color: #f1e775;}
/* ---------------*/

/*------------ tablica z danymi obiektu ---------- */
table.adminobiekt {border-collapse: collapse; width:850px; border: 1px solid #cacaca;}
td.admindane {padding:5px; font-size: 12px; text-align:left;}

/*------------- TABLICA ------------------ */
font.obiekt_tablica_status{font-size:14px;}

/* -------- zakładki menu do Obiektu ------------ */
a.obiekt_zakladka {font-weight:bold; color:#efefef; text-decoration:none;}
div.obiekt_zakladka_ciemna{
  background: url("../img/but100ciemny.gif") no-repeat;
  height:16px;
  width:100px;
  padding-top: 5px;
  float:left;
  text-align: center;
  margin-right: 2px;
  color: #efefef;
  font-weight: bold;
  overflow: hidden;
}
div.obiekt_zakladka_jasna{
  background: url("../img/but100jasny.gif") no-repeat;
  height:16px;
  width:100px;
  padding-top: 5px;
  float:left;
  text-align: center;
  margin-right: 2px;
  color:#9a9a9a;
  font-weight: bold;
  overflow: hidden;
}
div.obiekt_zakladka_czerw{
  background: url("../img/but100czerwony.gif") no-repeat;
  height:16px;
  width:100px;
  padding-top: 5px;
  float:left;
  text-align: center;
  margin-right: 2px;
  color: #efefef;
  font-weight: bold;
  overflow: hidden;
}
div.obiekt_zakladka_fiol{
  background: url("../img/but100fiolet.gif") no-repeat;
  height:16px;
  width:100px;
  padding-top: 5px;
  float:left;
  text-align: center;
  margin-right: 2px;
  color: #efefef;
  font-weight: bold;
  overflow: hidden;
}
div.obiekt_zakladka_pomar{
  background: url("../img/but100pomar.gif") no-repeat;
  height:16px;
  width:100px;
  padding-top: 5px;
  float:left;
  text-align: center;
  margin-right: 2px;
  color: #efefef;
  font-weight: bold;
  overflow: hidden;
}
div.obiekt_zakladka_pomar:hover{
  background: url("../img/but100pomar1.gif") no-repeat;
}
.div_pasek_maly2 {
    background: url("../img/grad_sml2.gif") repeat-x;
    height: 7px;
  }
/*---------------------------------*/
.clearfix:after
  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
.clearfix {display: inline-table;}
/*------------------ opinie o obiektach ------------------ */
table.opinie{border-spacing:5px;}
th.opinie{background-color: #B0DAEA; padding:5px; text-align:center;}
td.opinie_ciemna{padding:5px;background-color: #E5E5E5;font-size:12px;vertical-align:top;}
td.opinie_jasna{padding:5px;font-size:12px;vertical-align:top;}
fieldset.odp_wla{width:500px;float:right;padding:5px;margin-top:20px;text-align:left;background-color:#fff7cd;font-size:11px;}
legend.odp_wla{font-size:10px;}
/*---------------- edituser----------------*/
table.edituser{border-spacing:4px; width:500px; margin:auto;}
td.edituser{padding:5px; background-color: #B0DAEA;  vertical-align: top;}
td.edituser1{padding:5px; background-color: #EEEEEE;}
input.edituser{height:24px; width:75%; padding:5px; border: 1px solid lightgray;}
input.edituser_plik{width:95%; background-color:#FFFFFF; border: 1px solid lightgray;}
input.edituser_pobierz{width:95px; height:25px;}
textarea.edituser{height:150px;width:95%;padding:5px; border: 1px solid lightgray;resize: none;}
form.edituser{padding:10px;}
img.edituser{width:250px; height:250px; margin-left: 35px;}
#CroppingContainer{width:800px; max-height:600px; background-color:#FFF; position:relative; overflow:hidden; border:2px #666 solid; margin:50px auto; z-index:2001; padding-bottom:0px;}
#CroppingArea{width:500px; max-height:500px; position:relative; overflow:hidden; margin:40px 0px 40px 40px; border:2px #666 solid; float:left;}
#jcrop_target{border:0px #990000 solid; position:relative; margin:0px 0px 0px 0px; padding:0px; width: 500px;}
#InfoArea{width:180px; height:150px; position:relative; overflow:hidden; margin:40px 0px 0px 40px; border:0px #666 solid; float:left;}
p.InfoArea{margin:0px; padding:0px; color:#444; font-size:18px;}
#CropImageForm{width:100px; height:30px; float:left; margin:10px 0px 0px 40px;}
#CropImageForm2{width:100px; height:30px; float:left; margin:10px 0px 0px 40px;}
input.CropImage{width:100px; height:30px; margin-left:35px;}
select.edituser{height:36px; padding:5px; border: 1px solid lightgray;}

/*-------------- lista navig --------------------*/
div.lista_navig{padding:10px;text-align:center;}
a.lista_navig{margin: 0 0 0 1px;padding: 6px 7px;border-radius: 2px;background: #e2e9f1;text-decoration: none;font-size: 18px;}
a.lista_navig:hover{background: #b4c6da;}
a.lista_navig_ciemny{margin: 0 0 0 1px;padding: 6px 7px;border-radius: 2px;background: #b4c6da;text-decoration: none;font-size: 12px;}
a.lista_navig_ciemny:hover{background: #ffae5e;}
.lista_navig_akt{margin: 0 0 0 1px;padding: 6px 7px;border-radius: 2px;background: #efefef;text-decoration: none;font-size: 18px;font-weight: bold;border: 1px solid #dfdfdf;}

/*tablica*/
div.dane_grupa{clear:both;padding:10px;}
div.dane{float:left; text-align:left; padding:5px;}

/*----------- przyciski --------------*/
.button_zielony {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #6b9900) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #6b9900 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#6b9900');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
}
.button_zielony:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6b9900), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #6b9900 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9900', endColorstr='#9dce2c');
	background-color:#6b9900;
}.button_zielony:active {
	position:relative;
	top:1px;
}
.button_czerwony {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #810e05;
}
.button_czerwony:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}.button_czerwony:active {
	position:relative;
	top:1px;
}
table.lista{width:1100px;}
td.lista_naglowek{background-color: #006fae; font-weight: bold; padding:10px; color:white;}
td.lista_jasna  { background-color: #f3f3f3; padding:5px;}
td.lista_ciemna { background-color: #B0DAEA; padding:5px;}