body { margin: 0px; padding: 0px; background: #fff; font-family: "Arial"; font-size: 12px; }

.header { height: 30px; /*background: url('../images/tlo_header.jpg') 0 0 repeat-x;*/ background: #393939; }
.header table { width: 100%; }
.header table td { padding: 7px; }
.header table td a { color: #cccccc; text-decoration: none; }
.header table td a:hover { color: #fff; }
.header ul { margin: 0px; padding: 0px; float:left; list-style-type: none; }
.header ul li { float: left; margin-right: 18px; }

.content { width: 100%; min-height: 47px; float: left; background: url('../images/tlo_top.jpg') 0 0 repeat-x; }
.content .lewo { margin-left: 20px; width: 250px; float: left; }
.content .lewo .logo { width: 100%; float: left; margin: 5px 0 10px 0; font-size:13px; }
.content .lewo .logo a { color: #fff; text-decoration: none; }
.content .lewo .logo a:hover { text-decoration: none; }
.content .lewo .menu .naglowek { color: #aaaaaa; font-weight: bold; font-size: 11px; }
.content .lewo .menu a { display: block; width: 230px; color: #333333; text-decoration: none; float: left; padding: 4px 10px 4px 10px; cursor: pointer; }
.content .lewo .menu a:hover { background: #f4f4f4; }
.content .lewo .menu .active { background: #727272; color: #fff; }
.content .lewo .menu .active:hover { background: #727272; color: #fff; }
.content .lewo .menu .active2 { background: #f4f4f4; color: #333333; }
.content .lewo .menu .active2:hover { background: #f4f4f4; color: #333333; }
.content .lewo .menu { width: 100%; float: left; margin: 8px 0 8px 0; }
.content .lewo .menu .pag { width: 100%; float: left; }
.content .lewo .menu .pag a { padding-left: 15px; width: 225px; }

.content .prawo { width: 780px; margin-left: 20px; float: left; }
.content .prawo .cer_table { width: 100%;  float: left;}
.content .prawo .cer_table td { }
.content .prawo .cer_table .naglowek { color: #000; font-size: 16px; height: 27px; }
.content .prawo .cer_table .naglowek td { padding: 12px 0 12px 0px; }
.content .prawo .cer_table .pathway {  color: #727272; font-size: 10px; }
.content .prawo .cer_table .pathway td { padding: 6px 0 5px 0; border-bottom: 1px solid #f4f4f4; }
.content .prawo .cer_table .pathway ul { width: 100%; padding: 0px; margin: 0px; list-style-type: none; }
.content .prawo .cer_table .pathway ul li { float: left; margin-right: 3px; }
.content .prawo .cer_table .pathway ul li a { color: #727272; text-decoration: none; }
.content .prawo .cer_table .pathway ul li a:hover { text-decoration: underline; }
.content .prawo .cer_table .error td { padding: 10px 0 10px 0px; }
.content .prawo .kontener a {color: #727272; text-decoration: none; }
.content .prawo .kontener a:hover { text-decoration: underline; }
.content .prawo .alert { padding:10px; background-color:#C90000; color: #ffffff; text-align:center; font-weight:bold; border:1px solid #930101; }
.content .prawo .alert a {color: #fff; text-decoration: none; }

.mens { width: 100%; float: left; border-bottom: 1px solid #000; margin-bottom: 15px; }
.mens a { display: block; color: #fff !important; background: #001f41; text-align: center; float: left; padding: 5px 15px 5px 15px; margin-right: 2px; cursor: pointer;
	  -moz-border-radius:5px 5px 0  0;-webkit-border-radius:5px 5px 0  0; -khtml-border-radius:5px 5px 0  0; border-radius:5px 5px 0  0; }
.mens a:hover {  background:#000; color: #fff; text-decoration: none !important; }
.mens .active {  background:#000; color: #fff; }

.blok { width: 100%; float: left; }

.submit { border: 0px; padding: 3px 10px 3px 10px; margin: 0px; cursor: pointer; background: #727272; color: #fff;
        -moz-border-radius: 4px;-webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}
.submit:hover { background: #000; color: #fff; }

.odnosnik { width: 100%; float: left; margin: 10px 0 10px 0; }
.odnosnik a { display: block; float: right;border: 0px; padding: 5px 10px 4px 10px; margin: 0px; cursor: pointer; background: #727272; color: #fff !important;
            -moz-border-radius: 4px;-webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; text-decoration: none; }
.odnosnik a:hover { background: #000; color: #fff !important; text-decoration: none !important; }

.button_cms { float: right; padding:0 2px 2px 2px; margin-left: 3px; cursor: pointer !important; }

#tabs a { color: #000 !important; }
#tabs a:hover { text-decoration: none !important; }

.howint:hover { background: #FFF9BF !important; }

.zdjecia_blok { background-color:#ffffff; border:1px solid #cccccc; float:left; padding:5px; margin: 10px; }
.zdjecie {  float:left; padding:0; }
#example1 { padding:0; float:left;}
.opcja_zdj {text-align:left;height:20px;float:left; margin-top:5px;}
.opcja_zdj a {text-decoration:none;color:#5c573e;font-weight:bold;}
.opcja_zdj a:hover {text-decoration:underline; }

.kalkulator { width: 100%; margin-bottom: 20px; }
.kalkulator .h1 td { padding: 5px; }
.kalkulator .nag { background: #f7f7f7; }
.kalkulator .nag td { border-bottom: 1px solid #ccc; padding: 5px; }

.kalkulator .row {  }
.kalkulator .row:hover { background: #FAFCBD; }
.kalkulator .row td { border-bottom: 1px dotted #ccc; padding: 5px; }
.kalkulator .row input { border: 1px solid #ccc; height: 20px; width: 40px; padding-left: 5px; padding-right: 5px; text-align: center;
                        -moz-border-radius: 4px;-webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; }
.kalkulator .row input:hover {border: 1px solid #001f41; -moz-box-shadow: 0px 0px 3px #ccc;-webkit-box-shadow: 0px 0px 3px #ccc; box-shadow: 0px 0px 3px #ccc;}

.kalkulator .separator { }
.kalkulator .separator td { border-bottom: 1px solid #001f41; }

.kalkulator .no_border {  }
.kalkulator .no_border td { border-bottom: 0px; padding: 5px; }

.punktor { background: url('../grafika/punktor.jpg') 0 0 no-repeat; }

/*uploadify*/
#custom-demo .uploadifyQueueItem { background-color: #FFFFFF;border: none;border-bottom: 1px solid #E5E5E5;font: 11px Verdana, Geneva, sans-serif;height: 50px;
                                   margin-top: 0; padding: 10px;width: 350px; }
#custom-demo .uploadifyError { background-color: #FDE5DD !important;border: none !important;border-bottom: 1px solid #FBCBBC !important; }
#custom-demo .uploadifyQueueItem .cancel { float: right; }
#custom-demo .uploadifyQueue .completed { color: #C5C5C5; }
#custom-demo .uploadifyProgress { background-color: #E5E5E5; margin-top: 10px; width: 100%; }
#custom-demo .uploadifyProgressBar { background-color: #0099FF; height: 3px; width: 1px; }
#custom-demo #custom-queue { border: 1px solid #E5E5E5; height: auto; margin-bottom: 10px; width: 370px;}


/* strona logowania*/
.logowanie { background-color: #DDDDDD; background-image: radial-gradient(circle, #DDDDDD, #ffffff); font-family: "Arial"; }
.logowanie .kontener { width: 300px; margin: auto; }
.logowanie .kontener .box { width: 280px; float: left; padding: 10px; margin: 100px 0 0 0; background: #f5f5f5;
			    -moz-border-radius: 4px;-webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;
			     box-shadow: 0 0 60px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.9) inset; color: #011e35; }
.logowanie .kontener .box .form { width: 100%; float: left; }
.logowanie .kontener .box .form .input { border: 1px solid #ccc; height: 20px; width: 200px; }
.logowanie .kontener .box .form .input:hover { border: 1px solid #001f41;-moz-box-shadow: 0px 0px 3px #ccc;-webkit-box-shadow: 0px 0px 3px #ccc; box-shadow: 0px 0px 3px #ccc; }
.logowanie .kontener .box .form .submit { border: 0px; padding: 3px 10px 3px 10px; margin: 0px; cursor: pointer; background: #001f41; color: #fff;
        -moz-border-radius: 4px;-webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}
.logowanie .kontener .box .form .submit:hover { background: #000; color: #fff; }
.logowanie .kontener .box .error { text-align: center; float: left; padding: 5px; width: 270px; margin-bottom: 5px;
				  -moz-border-radius: 4px;-webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; }
.logowanie .kontener .box .red { border: 1px solid #FFA0A0; background: #F9D1D1; color: #FF2121; }
.logowanie .kontener .box .green { border: 1px solid #7CFF75; background: #B5FFB2; color: #00D32A; }

.buttons a { color: #000 !important; text-decoration: none; }
.buttons a:hover { text-decoration: none !important; }

.linia { width: 100%; height: 1px; border-bottom: 1px dotted #ccc; margin: 9px 0 10px 0; }

#sortable { width: 100%; float: left; list-style-type: none; margin: 0px; padding: 0px; }
#sortable li { float: left; height: 160px;  }
#sortable .przesun { cursor: move; }

.lok_content input { border: 1px solid #ccc; height: 20px; width: 173px; }