div#atrakcje {

}

div#atrakcje_gora {

}

div#atrakcje_dol {
background-color:rgba(255,255,255,0.85);	
overflow:scroll;
}

div#atrakcje_gora ul {
overflow:hidden;
padding: 1% 0 0 25%;	
}

div#atrakcje_gora ul li {
float:left;	
padding: 0 3.3%;
}

div#atrakcje_gora ul li a {
text-decoration:none;
color:#fff;
font-family: 'Lobster', cursive;	
text-shadow: 5px 5px 20px #182019;	
}

div#atrakcje_gora ul li.akt a {
color:#fed703;	
}

div#atrakcje_dol #abox_2 {
display:none;
opacity:0;	
}

div#atrakcje_dol #abox_1 {
display:block;
opacity:1;	
/*background: url('/grafiki/atra.png') center center no-repeat;*/
background-size:80% auto;
}

.atra_box ul {
overflow:hidden;	
}

.atra_box ul > li {
float:left;
width:20.5%;
border:1px solid #e2e2e2;
padding:1%;	
margin:1%;
text-align:justify;
background-color:#fff;
height:260px;
}

.atra_box ul > li h2 {
padding:5% 0;
text-align:center;
font-family: 'Lobster', cursive;	
height:60px;	
}

.atra_box ul > li img {
width:99%;	
border:2px solid #c5c5c6;
margin: 0 0 2% 0;
}

.atra_box ul > li div.link {
text-align:center;	
}

.atra_box ul > li div.link img {
width:10%;
border:0;
margin:0;
position:relative;
top:4px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#atrakcje_szcz {
width:94%;
overflow:hidden;
padding:0 3%;	
}

div#atrakcje_szcz_gora {
width:100%;
float:left;	
padding:3% 0 0 0;
}

div#atrakcje_szcz_gora > div {
float:left;	
}

div#atrakcje_szcz_gora > div:first-child {
font-family: 'Lobster', cursive;	
border-bottom:2px dotted #6e6e6e;
width:66%;	
}

div#atrakcje_szcz_gora > div:last-child {
width:32%;	
padding: 0 0 0 2%;
font-weight:bold;
cursor:pointer;
}

div#atrakcje_szcz_gora > div:last-child img {
width:70%;	
margin:0 0 0 1%;
opacity:0;
}

div#atrakcje_szcz_dol {
width:100%;
float:left;	
}

div#atrakcje_szcz_dol > div {
float:left;	
}

div#atrakcje_szcz_dol > div:first-child {
width:100%;	
text-align:justify;
}

div#atrakcje_szcz_dol > div:first-child p {
padding: 0 0 3% 0;	
}

div#atrakcje_szcz_zdj {
width:100%;
float:left;	
}

div#atrakcje_szcz_zdj ul {
float:left;	
}

div#atrakcje_szcz_zdj ul li {
float:left;
width:22%;
padding:0 4% 0 0;	
}

div#atrakcje_szcz_zdj ul li:nth-child(4n) {
padding:0;	
}

div#atrakcje_szcz_zdj ul li img {
width:100%;	
border:2px solid #bebcbb;
}