body {
margin:0px auto;
font-family: 'Droid Sans', sans-serif;
text-align:center;
background-color:#3A3C3D;
color:#C2C2C2;
}
a {
text-decoration:none;
color:#fff;
}
.clear {
clear:both
}

.container {
max-width:100%;
margin:0px auto;
}

header {
max-width:86%;
margin:0px auto;
}
header a {
/*color:#fff;*/
}
header h1 a, header h2 a{
font-size:40px;
line-height:45px;
margin-right:10px;
float:left;
}
header p {
margin:0px auto;
font-size:14px;
}
header h1.category{
margin:3px auto 0px;
float:right;
font-size:24px;
}
header h1.gallery{
font-size:20px;
margin:0px auto;
float:none;
text-align:center;
}
header h2.gallery {
margin:0px auto;
float:none;
text-align:center;
display:inline-block;
}
.photos, .photos-partners {
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
align-content:flex-start;
max-width:98%;
margin:10px auto
}
.photos a {
font-size:12px;
line-height:15px;
width:180px;
height:260px;
overflow:hidden;
border:1px solid #807E7E;
border-radius:2px;
color:#807E7E;
margin:3px;
padding:1px;
display:inline-block;
}
.photos a:hover, nav a:hover, nav a.current, .gallery-photos a:hover {
background-color:#006CA0;
border:1px solid #006CA0;
color:#fff;
}
.photos a img, .photos-partners a img {
width:180px;
height:240px;
}
.photos-partners a {
font-size:12px;
line-height:15px;
width:180px;
height:260px;
overflow:hidden;
border:1px solid #006CA0;
background-color:#006CA0;
border-radius:2px;
color:#fff;
margin:3px;
padding:1px;
display:inline-block;
}
.photos-partners a:hover {
background-color:transparent;
border:1px solid #807E7E;
color:#807E7E;
}

nav {
display:block;
margin:5px auto;
}
nav a{
border:1px solid #807E7E;
border-radius:2px;
color:#807E7E;
padding:3px 5px;
margin:3px 1px;
display:inline-block;
}

footer {
font-size:12px;
margin:5px auto;
}

/*	GALLERY	*/
.gallery-container {
display:flex;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
align-content:flex-start;
max-width:98%;
margin:10px auto
}
.gallery-info {
margin:5px auto;
}
.gallery-sidebar {
width:300px;
float:left;
margin:0px 10px 0px 0px;
}
.gallery-sidebar a img {
margin:0px 0px 10px 0px;
}
.gallery-sidebar-partners a{
margin:5px 0px;
padding:5px 3px;
display:block;
background-color:#545658;
}
.gallery-sidebar-partners a:hover{
background-color:#fff;
color:#3A3C3D;
}
.gallery-photos {
float:left;
}
.gallery-photos a {
width:180px;
height:240px;
border:1px solid #807E7E;
border-radius:2px;
margin:3px;
padding:1px;
display:inline-block;
}
.gallery-photos a img {
width:180px;
height:240px;
}
.gallery-link a {
width:98%;
height:auto;
margin:7px auto;
padding:5px;
font-size:30px;
background-color:#006CA0;
border:1px solid #006CA0;
color:#fff;
}
.gallery-link a:hover {
background-color:#fff;
border:1px solid #fff;
color:#006CA0;
}
p.related {
font-size:30px;
margin:5px auto;
text-align:center;
}

/*	PROMO	*/
.promo-container a{
width:300px;
height:250px;
margin:3px;
border:0px;
}
.promo-container a:hover{
border:0px;
}

/*	MEDIA	*/
@media screen and (max-width:1120px) {
.gallery-sidebar {
display:none
}
}
@media screen and (max-width:810px) {
.photos a, .photos-partners a{
width:160px;
height:233px;
}
.photos a img, .photos-partners a img, .gallery-photos a, .gallery-photos a img{
width:160px;
height:213px;
}
.gallery-link a {
width:98%;
height:auto;
}
}

@media screen and (max-width:540px) {
header h1, header h2{
display:inline;
}
header h1 a, header h2 a, header h1.category, header h1.gallery{
font-size:20px;
line-height: 22px;
display:block;
float:none;
text-align:center;
}
header p {
font-size:12px;
display:block;
clear:both;
}
footer {
font-size:10px;
}
.photos a, .photos-partners a{
width:140px;
height:207px;
}
.photos a img, .photos-partners a img{
width:140px;
height:187px;
}
}
@media screen and (max-width:478px) {
.photos a, .photos-partners a{
width:120px;
height:180px;
}
.photos a img, .photos-partners a img{
width:120px;
height:160px;
}
.gallery-link a {
width:98%;
height:auto;
font-size:24px;
}
.gallery-info {
font-size:12px;
}
}
@media screen and (max-width:370px) {
.gallery-photos a, .gallery-photos a img{
width:120px;
height:160px;
}
.gallery-link a {
width:98%;
height:auto;
}
}
}