.pages-numbers {text-align:center}
.pages-numbers > a, .pages-numbers > span {display:inline-block;padding:5px;margin:0 1px;margin-bottom:2px;margin-top:2px;text-align:center;border-radius:5px}


@media (min-width: 800px) {
.pages-numbers > a, .pages-numbers > span {display:inline-block;padding:10px;margin:0 1px;margin-bottom:2px;margin-top:2px;text-align:center;border-radius:7px}
}


.pages-numbers > span {color:#fff;background-color:#465a92}
.pages-numbers > a {color:#fff;background:#3d67b3}
.pages-numbers > a:hover {background:#465a92;color:#fff}

.span_link {
background:#3d67b3;
color:#fff;
display:inline-block;
padding:5px;
margin:0 1px;
margin-bottom:2px;
margin-top:2px;
border-radius:5px;
position: relative;
}
.span_link > a:hover {background:#465a92;color:#fff}
.span_link > a {background:#465a92;color:#fff}


@media (min-width: 800px) {
.span_link {display:inline-block;padding:10px;margin:0 1px;margin-bottom:2px;margin-top:2px;text-align:center;border-radius:7px}
}



.v {
float: left;margin: 4px; width: 145px; height: 222px; background-repeat: no-repeat; background-position: center center; 
border-radius: 4px;border:1px solid #a9ccd3;
box-shadow: 0 0 3px #575b85;

}
.v:hover {background-color: #000000; box-shadow: 0 0 6px #000;border-radius: 2px;}


.p {position: relative;}
.p img {border-radius: 5px;width: 146px; height: 223px;}
.p span {

color:#f7f7f7;margin: 1px; border-radius: 2px;
font-weight: bold; 
padding:2px;
position: absolute;

}
.p_title_film {

text-align:center;
font-family: Tahoma;
font-size: 82%;
background-image: linear-gradient(#000, transparent);
min-height:35px;
width: 99%;
}

.p_bottom_film {
min-height:40px;
width: 98%;
bottom: 0px;;
}




@media (min-width: 360px) {.p img, .v {width:164px;height:230px}}

@media (min-width: 370px) {.p img, .v {width:172px;height:242px}}


@media (min-width: 390px) {.p img, .v {width:181px;height:254px}}

@media (min-width: 760px) {.p img, .v {width:169px;height:249px}}
@media (min-width: 1024px) {.p img, .v {width:166px;height:234px}}
@media (min-width: 1200px) {
.p img, .v {width:193px;height:267px}

.v {margin: 7px ;}
}


.clear {clear: both;}

.box {
background: #f7f7f7;

border-radius: 0 0 6px 6px;
border: 1px solid #d8daef;

padding-top:4px;
paddind-bottom:4px;
margin-bottom:1px;


}

img{
vertical-align:middle;margin-right:2px
}


h1{
margin:0px;padding:0px;font-size:15px
}
a{
color:#0c5d7c;text-decoration:none;
}a:hover,a:focus{
color:#000;text-decoration:none
}
.clear{
clear:both
}

.black{color:#fff;background:rgba(0, 0, 0, 0.27);border:1px solid #949494}
span.black{padding:3px;font-size:11px}
