.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:#ce3075;
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: 17px;
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: 14px;
line-height: 1.7em;
margin: 25px 0px 67px 0px;
height: 87px;
overflow: hidden;
text-align: center;
cursor: default;
}
.stopkaMed{
position: absolute;
bottom: -14px;
width: 100%;
left: 0px;
text-align: center;
}
.stopkaMed .wiecejMed{
padding: 15px 20px 15px 20px;
background-color: #ce3075;
border: 1px solid #ce3075;
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:#ce3075;	
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: #ce3075;
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%;}
}