.trescMedia{
box-sizing:border-box;
width: 1200px;
max-width: 100%;
margin: 0px auto;
padding: 0px 0px 50px 0px;
}

.div_media{

}

.content-text{
overflow: hidden;
}

.media2{
overflow: hidden;
box-sizing:border-box;
width: 1200px;
max-width: 100%;
margin: 0px auto;
padding-bottom: 50px;
}
.media3{
margin-right: -45px;
}


.media3 .mediaDet{
padding: 0px 45px 75px 0px;
box-sizing:border-box;
width: 33.33%;
float: left;

}
.media3 .mediaDet .mediaDet2{
padding: 9px;
box-sizing:border-box;
background-color: #FFFFFF;
position: relative;
/*box-shadow:0px 0px 10px 0px rgba(0,0,0,0.27);*/
border:1px solid #d6d7d8;
transition: border 0.5s ease 0s;
}
.mediaDet2 .contentMed{
border: 2px solid #FFFFFF;
/*height: 450px;*/
transition: border 0.5s ease 0s;
padding: 0px 12px;
box-sizing:border-box;

}
.mediaDet2:hover .contentMed{
/*border: 2px solid #347eca;*/
transition: border 0.5s ease 0s;
}

.media3 .mediaDet .mediaDet2:hover{
border-color:#347eca;
transition: border 0.5s ease 0s;
}

.contentMed .titleMed{
display: table;
height: 74px;
width: 100%;


}

.titleMedP{
height: 74px;
overflow: hidden;
}

.contentMed .titleMed span{
display: table-cell;
vertical-align: middle;
text-align: center;
overflow: hidden;
font-size: 20px;
color: #000000;
transition: color 0.5s ease 0s;
cursor: default;
}

.contentMed .imgMed{
box-sizing:border-box;

}
.contentMed .imgMed a{
position: relative;
display: block;
overflow: hidden;
}

.contentMed .imgMed img{
width: 100%;
height: auto;
opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.55s;
	transition: opacity 0.35s, transform 0.55s;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.contentMed .imgMed a .tloImg{
width: calc(100% - 12px);
height: calc(100% - 12px);
border: 2px solid #FFFFFF;
position: absolute;
left: 4px;
top:4px;
z-index: 10;
transition: all 0.5s ease-out 0s;
}
.contentMed  .zajawkaMed{
color: #818080;
font-size: 13px;
line-height: 1.7em;
margin: 30px 0px 67px 0px;
height: 80px;
overflow: hidden;
text-align: center;
cursor: default;
}
.stopkaMed{
position: absolute;
bottom: -14px;
width: 100%;
left: 0px;
text-align: center;
}
.stopkaMed .wiecejMed{
padding: 15px 37px 15px 20px;
background: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHpJREFUeNpi+P//PwMa5gTiLiAORhZnwKIQhMWBeDkQexFSCMJCQDwfiC1gCtmAmB0LBsnJAfEcIDZjYWBg8ARiTiD+zYAJ7gOxIhAvACncDsSMWBT9BGJlIGYD4iJCbjwAxO74PCMKxHuAOBqfr0EemQXEqcjiAAEGAESK3auSFDqPAAAAAElFTkSuQmCC') 90% 50% no-repeat;
background-color: #347eca;
border: 1px solid #347eca;
color: #FFFFFF;
font-size: 12px;
transition: all 0.5s ease-out 0s;
display: inline-block;
}
.stopkaMed .data{
right: 0px;
color: #898989;
font-size: 14px;
right: 25px;
top:0px;
position: absolute;
}
.mediaDet2:hover .titleMed span{
color:#347eca;	
transition: color 0.5s ease 0s;
}


.mediaDet2:hover .imgMed img {
opacity: 0.95;	
transition: opacity 0.35s, transform 0.55s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

.mediaDet2:hover .stopkaMed .wiecejMed{

color: #347eca;
background: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwMyMK0/zQmkGoH45OlG07UwcSYGNACU/A6keoE4BKjJC6dCqOKXQCobiEOBii1AYowmdafYQDQWxT+BiuSAzDognsUCJDyBGOSu32huBVH3gVgRiBeAFG7HY6IykAmysYgR3ddIJgoBqXVA3A7UtJMJhyJRILUKiGeDFIE9gyUc2YHUZJDtQEWzYeIAAQYA0yI3inDfDPcAAAAASUVORK5CYII=') 90% 50% no-repeat;
transition: all 0.5s ease-out 0s;
background-color: #FFFFFF;
}


.mediaDet2:hover .contentMed .imgMed a .tloImg {
/*border-color:transparent;*/	
width:100%;
height:100%;
top:0px;
left:0px;
transition: all 0.5s ease-out 0s;
}




.powrot {
display: inline-block;
line-height: 40px;
padding: 0px 25px 0px 55px;
border: 1px solid #347eca;
color: #347eca;
font-size: 13px;
transition: all 0.5s ease-out 0s;
background: url("../images/arrow2.png") 15px 50% no-repeat;
background-color: #FFFFFF;
cursor: pointer;
float: right;
margin: 20px 0px 0px 0px;
}
.powrot:hover{
color: #FFFFFF;
background: #347eca url("../images/arrow_np.png") 15px 50% no-repeat;
}

.powrot span {
font-family: serif;
font-size: 14px;
font-weight: bold;
margin: 0px 3px 0px 0px;
}
.regionLinks img{
margin: 0px 15px 0px 0px;
}


@media screen and (max-width:1200px){
.media3 .mediaDet {padding-right: 25px;}
.media3 {margin-right: -25px;}	
}

@media screen and (max-width:1035px){
.stopkaMed .data {top: -25px;}
}
@media screen and (max-width:900px){
.media3 .mediaDet {width: 50%;}
.media3 .mediaDet {padding-right: 45px;}
.media3 {margin-right: -45px;}		
}
@media screen and (max-width:715px){
.media3 .mediaDet {padding-right: 25px;}
.media3 {margin-right: -25px;}	
}
@media screen and (max-width:640px){
.titleMedP {height: 60px;}
.contentMed .titleMed {height: 60px;}
.contentMed .titleMed span {font-size: 16px;}	
}
@media screen and (max-width:550px){
.media3 .mediaDet {width: 100%;}
}

/*
.newsMod{
width: calc(100% - 300px);
float: right;
box-sizing: border-box;
padding: 0px 10px 0px 20px;
min-height: 300px;
border-left: 1px dotted #e5e5e5;
}

.module {
margin: 0px 0px 30px;
width: 280px;
border: 1px solid #dcdcdc;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

.module .titleModule{
padding: 10px 0px;
font-size: 16px;
color: #FFFFFF;
background-color: #282828;
text-align: center;
}

.module .textModule{
margin: 5px;

}
.module .textModule p{
line-height: 1.5em;
font-size: 12px;
margin: 5px 0px;
padding: 0px 10px;
}

.module .textModule table{
border-collapse: collapse;
border: none;
margin: 10px 0px 0px 0px;
background-color: #f9f9f9;
}

.module .textModule table th{
background-color: #f2eee6;
border:none;
border-bottom: 1px solid #cccccc;
font-size: 12px;
padding: 5px 0px;
text-align: left;
}

.module .textModule table td{
background-color: transparent;
border:none;
border-bottom: 1px solid #cccccc;
font-size: 12px;
}

.content-text .projekty_detail:first-child{
margin-top: 0px;
border-top: none;
}

hr{
border:none;
border-top: 1px dotted #A9A9A9;
height: 1px;
}

.projekty_detail img {
vertical-align: top;
position: relative;
float: left;
margin: 0px 15px 0px 0px;
width: 170px;
height: auto;
max-width: 100%;
}

.projekty_detail .titleProjektDetail a{
color: #282828;
font-weight: normal;
text-decoration: none;
font-size: 18px;
display: block;
}

.projekty_detail .titleProjektDetail{
margin: 0px 0px 10px 0px;
}

.projekty_detail .titleProjektDetail .data{
padding: 0px 10px 0px 0px;
margin:0px 10px 0px 0px;
display: block;
float: right;
color: #2270bf;
font-size: 12px;
}

.projekty_detail .zajawkaProjekt{
line-height: 1.5em;
margin: 0px 0px 50px 0px;
}
.projekty_detail .zajawkaProjekt p{
color: #191919;
font-size: 13px;
}



.projekty_detail{
float: left;
width: 100%;
margin: 0px;

border-top: 1px dashed #d3d3d3;
padding: 30px 15px;
position: relative;
box-sizing:border-box;
}

.pn_1{
background-color: #f2f2f2;
}



projekty_detail_top{

}

.contentRegion{
overflow: auto;
}

.region_content_detail{
overflow: auto;
padding: 15px;
}
.region_content_detail_top{
overflow: auto;
}


.pasek{
height: 4px;
}

.regionLinks{

}

.regionLinks h1{
color: #000000;
width: 100%;
}
.regionLinksContent{
padding: 0px;
}
.tytulStrony{
font-size: 30px;
font-weight: normal;
margin: 0 0 21px;
}
.gallery img {

}

.title{
margin: 0px 0px 15px 0px;
padding: 8px 10px;
background-color: #E4E4E4;
overflow: hidden;
}
.title h1{
font-size:14px;
color: #000000;
font-weight: bold;
width: 650px;
}
.powrot {
display: inline-block;
line-height: 40px;
padding: 0px 25px 0px 55px;
border: 1px solid #347eca;
color: #347eca;
font-size: 13px;
transition: all 0.5s ease-out 0s;
background: url("../images/arrow2.png") 15px 50% no-repeat;
background-color: #FFFFFF;
cursor: pointer;
float: right;
margin: 20px 0px 0px 0px;
}
.powrot:hover{
color: #FFFFFF;
background: #347eca url("../images/arrow_np.png") 15px 50% no-repeat;
}

.powrot span {
font-family: serif;
font-size: 14px;
font-weight: bold;
margin: 0px 3px 0px 0px;
}
.regionLinks img{
margin: 0px 15px 0px 0px;
}

.projekty_detail a.dotted_a{
position:absolute;
bottom:20px;
right:20px;
line-height:35px;
display:inline-block;
padding:0px 28px;
border:none;
color:#FFFFFF;
font-size:13px;
transition:all 0.5s ease-out 0s;
background-color:#347eca;
border-color:#347eca #347eca #2d76c1 #347eca;
border-style:solid;
border-width:1px 1px 3px 1px;
}

.projekty_detail a.dotted_a:hover{
color:#347eca;background-color:#FFFFFF;transition:all 0.5s ease-out 0s;
}


.artLoginDesc{
font-size: 17px;
font-weight: bold;
margin-bottom: 20px;
}
.regionLinks .bgLog {
display: none;
}

*/