* {
    box-sizing: border-box;
}

table#real{
border-collapse:collapse;
}

table#real td{
border-bottom:1px solid #424242;
padding:5px;
font-size:1.1em;
}

.bubble{
float:left;
box-shadow:1px 1px 1px 2px #59261E;
background-image:url('/img/tablebg.png');
border-radius: 7px;
padding:4px 10px 3px 10px;
margin:5px 3px;
}

#main1{
margin:0 auto 1rem auto;
background-color: #c88b6a;
/*background:url('img/main.jpg');*/
border-radius: 15px;
box-shadow:1px 1px 5px 5px #3D3D3D;
padding:1rem;
display:block;
text-align:justify;
}

#ue{
width:960px;
padding:0 0 5px 0;
margin:10px auto 20px auto;
background-color:#fff;
border-radius: 15px;
box-shadow:1px 1px 5px 5px #3D3D3D;
line-height:32px;
font-size:0.8em;
}

#ue img{
vertical-align:middle;
}

.box{
text-align:center;
font-size:0.9em;
vertical-align:bottom;
padding-top:20px;
}

.galeriabox{
float:left;
text-align:center;
margin:0.5rem;
width:25%;
padding-bottom:24%;
/*border:1px solid #4C4C4C;*/
position:relative;
}

.lista a{
color: #0C0C0C;
}

.lista img{
vertical-align:middle;
float:left;margin-right:0.5rem;
}

.lista td{
padding:3px;
text-align:left;
}

.lista .even{
background-color:#AD795C;
}

.powrot{
float:right;
padding:4px 7px;
background-color:#97613D;
border-radius: 3px;
border:1px solid #4F3320;
text-shadow: #262626 1px 1px 1px;
margin:0 5px;
}

.prevnext{
margin-right:30px;
opacity:0.7;
}

.prevnext:hover{
opacity:1;
}

.real1{
/*float:left;*/
font-size:1.5em;
border:1px solid #0C0C0C;
border-radius:1rem;
text-shadow: #594643 1px 1px 3px;
text-align:center;
padding:1rem 0;
}

.real1 img{margin-top:1rem;}

.real_opis{
padding-top:15px;
font-size:1.1em;
}

.real_opis1{
margin-top:1rem;
/*font-size:0.9em;*/
}

.shadow{
box-shadow:1px 1px 5px 5px #3D3D3D;
}

.tytul{
font-weight:bold;
text-shadow: #E5E5E5 1px 1px 3px;
padding:0 0 1rem 0.4rem;
text-align:left;
}

/* -- galeria -- */
ul.grid{
	list-style: none;
	margin: 1rem 0 0 -2.5%; /* should match li left margin */
}

ul.grid li {
	display: inline-block;
	padding: 10px;
	margin: 0 0 2.5% 2.5%;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 30.83%; /* this value + 2.5 should = 33% */
	text-align:center;
}
ul.grid li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
}

@media screen and (max-width:600px) {
	ul.grid li{width:auto;}
}