.content { padding:20px 0 20px 0; }
.pictures { background-color:#242424; text-align:center; margin:70px 0 0 0; padding-bottom:14px; }
ul.pic { background-color:transparent; font-size:0; text-align:center; position:relative; margin:0; padding:10px 0 0 0; display:inline-block; vertical-align:top; }
.pic li { background-color:#fff; position:relative; height:400px; margin:0 10px 20px 10px; padding:20px; display:inline-block; vertical-align:top; border:1px #ccc solid; }
.pic li { color:#ccc; border:0; }
.pic li img { max-width:100%; border:1px #ddd solid; }
.pic li a:hover, .pic li a:focus { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; }
.pic li span.details { padding:0 0 40px 0; display:block; }
.pic li span.details { color:#000; font-size:14px; line-height:20px; text-transform:uppercase; }
.pic li a:hover span.details, 
.pic li a:focus span.details { color:#a29061; }
.pic li h2, .pic li h2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; }
h2.for-details { text-align:left; margin:0 20px 20px 231px; }
.pic li span.pdf { background-image:url(../img/logo/link-pdf.png); position:absolute; top:297px; left:20px; width:77px; height:77px; margin:0; padding:0; border:0; }

@media screen and (min-width: 1280px) { 
}
@media screen and (min-width: 1152px) and (max-width: 1279px) {
}
@media screen and (min-width: 1024px) and (max-width: 1151px) {
}
@media screen and (min-width: 896px) and (max-width: 1023px) {
}
@media screen and (min-width: 768px) and (max-width: 895px) {
}
@media screen and (min-width: 640px) and (max-width: 767px) {
}
@media screen and (min-width: 481px) and (max-width: 639px) {
}
@media screen and (min-width: 350px) and (max-width: 480px) {
}
@media screen and (max-width: 349px) {
}
