body {
margin: 0;
padding: 0;
bbackground: url('../obrazki/1.jpg') #FFFFFF;
bbackground-attachment:fixed;
bbackground-position:top; 
bbackground-repeat: no-repeat;
background-color: #fcda78;
color: #333;
font-size: 10pt;
font-family: Verdana, sans-serif;
line-height: 150%;
font-family: 'Didact Gothic', sans-serif;
}

*body {
bbackground: url('../obrazki/1.jpg') #FFFFFF;
}

#kontener {
background: rrgba(255, 255, 255, 0.6);
padding: 0;
margin: 0;
}

#main {
margin: 10px auto 0 auto;
width: 940px;
background: transparent;
}

#naglowek, #dol, #dolny_pasek {
padding: 0;
margin: 0 auto 0 auto;
width: 960px;
}

#naglowek {
margin-bottom: 20px;
}

#dol {
margin-top: 15px;
}

#jezyk {
position: absolute;
top: 60px;
right: 40px;
}

.jezyk {
border: 1px dotted black;
padding: 2px 5px;
}

.jedna_trzecia {
float: left;
width: 320px;
margin-right: 20px;
}


.jedna_druga {
width: 48%;
float: left;
margin-right: 4%;
}

/*
.jedna_druga.last {
margin-right: 0;
}
*/

.dwie_trzecie {
width: 550px;
float: left;
margin-right: 20px;
height: 100%;
}

.last {
float: right;
margin-right: 0;
}

.clear {
clear: both;
}

a {
color: #333333;
text-decoration:none;
}


a:hover {
color: #666666;
font-weight: 1000;
}

a.artykul{
background: rrgba(255, 255, 255, 0.6);
}

img {
border: none;
}

.komunikat {
margin: 0 auto 15px auto;
font-size: 120%;
background: #f29400;
padding: 5px 11px;
color: #FFF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.nieok {
background: #F00;
font-weight: bold;
}



hr.kreska {
border-style: dotted;
box-shadow:0px 0px 5px #888888;
height: 1px;
border: none;
max-width: 930px
}


/*edycyjne*/

.acti_button {
height: 0px;
width: 0px;
position: absolute;	
	}


.przy_aktyw {
color:#265059;
font-size:15px;
font-weight: bold;
background: transparent;
border: 0px;
}

.pole {
background: #b3c2c5;
border: 0px;
padding: 5px;
font-size: 10pt;
font-family: Verdana, sans-serif;
width: 98%;
}

.pole :hover {
background: #AAA;
}

input.szary, textarea.szary {
background: #d6cfc8;
}

input.buton_szary {
border: solid 1px #444;
color: #333
}

input.buton_niebieski {
background:#00323C;
}

.informacja_edycji {
background: #008099;
padding: 5px;
}

.buton0 {
color:#888;
font-size:12px;
background: url('../img/60.png') transparent;
border: solid 1px;
margin: 5px;
padding-bottom:2px;
cursor: pointer;	
}


.buton0_schemat {
height: 20px;
margin: 6px;	
	}

	
a.tytul {
margin-top: 6px;
}	

form.zmien_zdjecie {
float:left;
position:relative;
left:0px;
top:40px;
width:0;
height:0px;
z-index:999;
}

.left {
float:left;
}

.right {
float:right;
}



div.baner_form {
background: #998675;
/*
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
*/
padding: 10px 20px 10px 20px;
margin-top: 25px;
margin-bottom: 15px;
}

.dystans {
height: 400px;
background: red;
}


.dodatkowe {
position: absolute;
top: 275px;
right: 150px;
z-index:99;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border: solid 15px  white;
}



@media all and (min-width:700px) and (max-width:959px) {

.jedna_trzecia {
width: 48%;
float: left;
margin-right: 4%;
}

/*
.jedna_trzecia.last, .jedna_druga.last {
margin-right: 0;
}
*/

#main, #naglowek, #dol, #dolny_pasek, .dwie_trzecie, .jedna_trzecia.full700 {
width: 700px;
padding: 0;
}

.dwie_trzecie {
margin-right: 0;
}

/*.jedna_trzecia .clear {
clear: none;
}*/

} /*700-959*/



@media all and (max-width:699px) {
	
body {
background: none;
background-attachment:scroll;
padding-right: 10px;
padding-left: 10px;
}

.jedna_trzecia {
width: 48%;
margin-right: 4%;
float: left;
}

/*
.jedna_trzecia.last {
margin-right: 0;
}
*/
	
#main, #naglowek, #dol, #dolny_pasek, .dwie_trzecie, .jedna_trzecia.full700, .jedna_druga {
width: 100%;
margin-right: 0;
}


.dwie_trzecie {
margin-right: 0;
margin-top: 15px;
}

/*.clear {
clear: none;
}*/


}/* -700 */



@media all and (max-width:550px) {

.clear {
clear: both;
}

.jedna_trzecia, .jedna_trzecia.first, .jedna_trzecia.last {
width: 100%;
}
	

}	/* -550 */


@media all and (max-width:350px) {


/*		
.menu li, .menu li.lewy, .menu li.prawy {
width: 100%;
margin-bottom: 5px;
height: 40px;
margin-right: 0;
}
		*/
	


@media all and (max-width:310px) {	

				
}