body {background:url(../images/bg_top2.gif) top repeat-x #e2e2e2;border:0}
#overlay #popup {

	display: table-cell;
	vertical-align: middle;
       text-align: center;
        padding-top: 1%;
      
}

#overlay{
	display: none;
	position: fixed;  
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/tlo3.png);
        z-index: 2000;
        
}
#tlo_zablokuj #popup2
{
display: table-cell;
vertical-align: middle;
}

#tlo_zablokuj{
	display: none;
	position: fixed;  
        z-index: 2100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.4);
        background: rgba(255, 255, 255, 0.4);
        color: rgba(255, 255, 255, 0.4);
}

#close_pop{
    z-index: 2;
    top: 55px;
    left: 1260px;
    position: absolute;
    cursor: pointer;
}
.mozliwosci_box{
    margin-bottom: 40px;
}

.blad {
   margin: 4px 0px 0px 0px;
   padding: 9px;
   color: #ffffff;
   text-shadow: 1px 1px 1px #bf0f0f;
   text-align: center;

    border:dashed 0px #000000;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;


   background: #e21818;
   
   display: block;
   width:320px;
   
}
.powodzenie {
   margin: 4px 0px 0px 0px;
   padding: 9px;
   color: #ffffff;
   text-shadow: 1px 1px 1px #586b15;
   text-align: center;
    border:dashed 0px #000000;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
   background: #84a025;
   display: block;
      width:320px;  
}

table#twoje_dane {

width:100%;
border: 1px solid #E0E0E0;
background-color:#FFFFFF;
padding:14px 10px 14px 10px;
margin: auto;
}

table#twoje_dane td{
padding: 2px;
}

table#twoje_dane th {
    background: url("../images/table_header.png") repeat-x scroll 0 0 #C8C8C8;
    border: 2px groove;/*był kolor #ADADAD    */
    height: 40px;
    text-align: center;
}
.link_tabela{
color:#000000;
font-weight: bold;
}
a.link_tabela:hover 
{
color:#228705;
}
.cien_gora{
margin-top:40px;
width:720px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
.shadowRight_top {
    background: url("../images/shadow_right_top.png") no-repeat scroll right  0 transparent;
    height: 17px;
    margin: 0;
    padding: 0;
}
.cien{
margin-top:0px;
margin-bottom: 0px;
width:700px;
margin-left:auto;
margin-right:auto;
overflow:hidden;

}
.shadowLeft {
    background: url("../images/shadow_left.png") no-repeat scroll 0 0 transparent;
    height: 17px;
    margin: 0;
    padding: 0;
}
.shadowRight {
    background: url("../images/shadow_right.png") no-repeat scroll right 0 transparent;
    height: 17px;
	margin: 0;
    padding: 0;
}
.opcje_tab{
    background-color: #cccccc;
}
.przycisk_tabela{

background: url("../images/filter_bg3.png") repeat ;
border-bottom: 2px solid #141216;
border-right: 2px solid #141216;
border-top: 2px solid #3b3947;
height: 17px;
width: 100px;
margin: 5px;
padding: 3px;
overflow:hidden;
border-radius: 3px 3px 3px 3px;
display: block;
}
.przycisk_tabela:hover{
-moz-box-shadow:inset 4px 5px 3px #000000;
-webkit-box-shadow:inset 4px 5px 3px #000000;
box-shadow:inset 4px 5px 3px #000000;
border-top: 2px solid #141216;
}
.przycisk_tekst{
float:left;
width:auto;
color: white;
font-weight: bold;
text-decoration: none;
font-size: 11px;
margin-right: 0px;
}
.img_dokumenty
{
background: url("../images/pdf3.png") no-repeat;
height:18px;
width: 18px;
float:left;
margin-right: 4px;
}
.img_dodaj{
background: url("../images/dodaj4.png") no-repeat;
height:18px;
width: 18px;
float:left;
margin-right: 4px;   
}
.img_edycja
{
background: url("../images/pencil6.png") no-repeat;
height:18px;
width: 18px;
float:left;
margin-right: 4px;
}/* styl panelu logowania */
.center {width: 900px; margin: 0 auto; margin-top: 10px;}
#panel {
width: 500px;
margin: 0 auto;
padding: 15px 0 0;
background: #fff;
border: 2px solid silver;
font: 16px calibri;
letter-spacing: -1px;
-webkit-box-shadow: 0 0 5px silver;
-moz-box-shadow: 0 0 5px silver;
box-shadow: 0 0 5px silver;
}
form {
margin: 0;
}
label {
display: block;
width: 260px;
padding: 10px 20px;
color: #696969;
font-size: 20px;
text-shadow: 0 0 1px silver;
}
.label_sms {
display: inline;
width: 100px;
padding: 10px 10px;
color: #696969;
font-size: 15px;
text-shadow: 0 0 1px silver;
}
.link_form_kodsms{
text-decoration: none;
position: relative;
bottom: -20px;
display: block;
width: 240px;
color: #696969;
font-size: 16px;
font-weight: bold;
text-shadow: 0 0 1px silver;
}
.link_form_kodsms:hover{
cursor: pointer;
color: #84a025;    
}
#kod_ulotka, #telefon,#kod {
display: block;
width: 200px;
margin: 0 auto;
padding: 10px 5px;
border: 1px solid silver;
outline: 5px solid #ebebeb;
font-size: 22px;
}
.input_wpisz_dane {
display: block;
width: 280px;
margin: 0 auto;
padding: 5px 5px;
border: 1px solid silver;
outline: 5px solid #ebebeb;
font-size: 15px;
}
.input_edycja_osoby {
display: block;
width: 190px;
margin: 0 auto;
margin-right: 10px;
margin-bottom: 8px;
padding: 3px 3px;
border: 1px solid silver;
outline: 3px solid #ebebeb;
font-size: 15px;
}
.input_edycja_osoby:focus {
outline: 3px solid #308da2;
}

#kod_ulotka:focus, #telefon:focus,#kod:focus,.input_wpisz_dane:focus {
outline: 5px solid #308da2;
}
.input_error{
outline: 5px solid #bf0f0f;
}
.walidacja{
 display: block;
width: 190px;
margin: 0 auto;
margin-right: 10px;
margin-bottom: 8px;
padding: 3px 3px;
border: 1px solid silver;
outline: 3px solid #bf0f0f;
font-size: 15px;
}
#lower {
background: #ecf2f5;
width: 460px;
padding: 20px 20px;
margin-top: 20px;
}
input[type="submit"] {
width: 100px;
padding: 10px 13px;
border: 1px solid #005f85;
color: white;
text-shadow: 0 0 1px black;
background: #98c9dc;
position: relative;
left: 180px;
font-size: 15px;
}
#panel, input[type="submit"] {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
input[type="submit"]:hover{
cursor: pointer;
background: #84a025;
}
.logowanie{
width: 100px;
padding: 15px 23px;
border: 1px solid #005f85;
color: #000000;
text-shadow: 0 0 1px black;
background: #ecf2f5;
text-align: center;
position: relative;
left: 15px;
font-size: 20px;   
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
}
.komunikat{
width: 290px;
color: #e21818;
float: right;
font-size: 17px;   
text-shadow: 0 0 1px #e21818;
}
.komunikat_ok{
width: 290px;
color: #339900;
float: right;
font-size: 17px;   
text-shadow: 0 0 1px #66cc00;
}
#logo{
display:block;
background:url(../images/logo4.png) no-repeat;
position: relative; left: 150px;
bottom: 0px; width:400px;
height:131px;
text-indent:-5000px;
}

#popup_komunikat{
background-color: #ffffff;
text-align: center;
font-size:15px;
color: black;
width: 500px;
height: auto;
margin: 0 auto;
padding: 20px 40px 20px 40px;
	/*zaokraglone narozniki*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/*--CSS3 Cień okna--*/
-webkit-box-shadow:  0px 3px 16px 10px rgba(0, 0, 0, 1);
box-shadow:  0px 3px 16px 10px rgba(0, 0, 0, 1);        
}
#formularz_edycja_osoby{ 
width: 40%; 
margin: 0 auto;
/*padding: 15px;*/
max-height: 600px;
overflow: auto;
}
#formularz_edycja_osoby{
border: 1px solid #4B4B4B;
background-color: #CDCDCD;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 16px;
padding-top:10px;
width: 700px;
height:420px;
	/* CSS3 zaokraglone narozniki*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

	/*--CSS3 Cień okna--*/
-webkit-box-shadow: 0px 0px 10px #fff;
-moz-box-shadow: 0px 0px 10px #fff;
box-shadow: 0px 0px 10px #fff;
}
div.pageTitle_form{
margin:auto;
width:450px;
}
div.pageTitle{
padding-top:10px;
padding-left:20px;
background-color:#CCCCCC;
overflow:hidden;
margin-top:0px;
-moz-box-shadow: 9px 8px 7px #000000;
-webkit-box-shadow: 9px 8px 7px #000000;
box-shadow: 9px 8px 7px #000000;
 border:hidden 0px #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.pageTitle h1.nowy_pacjent {
background-image: url("../css/grafika/nowy_pacjent.png");
}
div.pageTitle h1 {
background-repeat:no-repeat;
height: 40px;
margin: 0;
padding-left: 60px;
padding-top: 20px;
text-shadow:1px 1px 0px #000000;
font-size:19px;
}
.krzyzyk{
float: right;
}

#loading{
margin-left:5px;
color:#259704;
font-weight:bold;
display:none;
}
.sms{
background-color: #ffffff;
text-align: center;
font-size:12px;
color: black;
width: 550px;
height: auto;
margin: 0 auto;
margin-top: 50px;
max-height: 400px;
padding: 10px 20px 10px 20px;
border: 20px solid #ddd;
	/*zaokraglone narozniki*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/*--CSS3 Cień okna--*/
-webkit-box-shadow:  0px 3px 16px 10px rgba(0, 0, 0, 1);
box-shadow:  0px 3px 16px 10px rgba(0, 0, 0, 1);        
}
.obramowanie{
border: 1px solid #5D5D5D;
-moz-box-shadow: 1px 0px 2px #000000;
-webkit-box-shadow: 1px 0px 2px #000000;
box-shadow: 1px 0px 2px #000000;
}