.big_preload {
	margin: 100px auto 0 auto;
	display: block;
	width: 32px;
	height: 32px;
	padding: 9px;
	background: White;
	border-radius:25px;
}

.foto_and_fotoslist {
	display: grid;
	gap:15px;
	grid-template-columns: auto 170px;
}

.foto_v_ankete {
	/*background: url(/images10/pattern2.jpg) no-repeat center bottom, #fffaef;*/
} 

.foto_v_ankete .header_buttons {
	 margin-bottom:0;
}


/*
.foto_v_ankete {
	padding: 10px;
	background: var(--color-tabbutton);
	border-radius:5px;
}

.some_foto_v_albome {
	margin-right: 15px;
	width: calc(100% - 185px);
	float: left;
}
*/
.foto_v_ankete_img {
	margin-bottom: 10px;
	position: relative;
}

.current_img {
	width: auto;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


.user_fotos_list {
	background: var(--color-tabbutton);
	padding: 20px;
	border-radius: 10px;
}

.user_fotos_list div {
	overflow-y: scroll;
	height: 450px;
}

.user_fotos_list ul {
	display:  block;
	padding: 0;
	margin: 0;
}

.user_fotos_list li {
	display: block;
	width: 100px;
	height: 100px;
	padding: 3px;
	margin-bottom: 15px;
	list-style: none;
	background-color: White;
}

.user_fotos_list li img {
	width: auto;
	max-width: 100%;
}

#current_thumb {
	background-color: var(--color-ramka1);
}


@media screen and (max-width: 800px) {

.foto_and_fotoslist {
	grid-template-columns: auto;
}



/*
.some_foto_v_albome {
	margin-right: 0;
	width: auto;
	float: none;
}
*/

.user_fotos_list {
	width: auto;
	height: auto;
	height: 120px;
	margin-bottom: 15px;
	padding: 10px;
}

.user_fotos_list div {
	height: 120px;
	overflow-y: hidden;
	overflow-x: auto;
}


.user_fotos_list div ul li {
	margin:0 10px 0 0;
	float: left;
}


}

.img_prev, .img_next {
	position: absolute;
	top: 0;
	bottom: 0;
}

.img_prev {
	left: 0;
	width: 50%;
}

.img_next {
	right: 0;
	width: 50%;
	text-align: right;
}

.np_img {
	visibility: hidden; 
	width:50px;
	height: 50px;
	outline: none;
	margin-top: 150px;
	padding: 10px;
	background: rgba(255,255,255, 0.5);
	border-radius: 20px;
	overflow: visible;
	border:1px solid var(--color-lightgray);
}

.img_prev:hover .np_img, .img_next:hover .np_img{
	visibility: visible !important;
}

.img_prev:active .np_img, .img_next:active .np_img{
	visibility: visible !important;
}

@media screen and (max-width: 800px) {

.img_prev, .img_next {
	display: none;
}

}

/*
@media screen and (max-width: 600px) {
.user_fotos_list li {
	width: 85px;
	height: 85px;
}

.user_fotos_list li img {
	width: 85px;
	height: 85px;
}
}
*/




.big_foto_title {
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

@media screen and (max-width: 480px) {
.big_foto_title {
	padding-left: 10px;
	padding-right: 10px;
}
}

.for_foto_votes {
	background: var(--color-tabbutton);
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
}

.foto_like {
	float: left;
	cursor: pointer;
	color: white;
	font-size: 13px;
	padding-top: 10px;
	height: 30px;
	margin-right: 10px;
}

.like5 {
	width: 24px;
	background: url(/images8/love.svg) no-repeat 0px 0px / 40px 40px;
	padding-left: 16px;	
}

.like10 {
	width: 38px;
	background: url(/images8/love.svg) no-repeat 0px 0px / 40px 40px, url(/images8/love.svg) no-repeat 8px 0px / 40px 40px;
	padding-left: 10px;
}

.like15 {
	width: 46px;
	background: url(/images8/love.svg) no-repeat 0px 0px / 40px 40px, url(/images8/love.svg) no-repeat 8px 0px / 40px 40px, url(/images8/love.svg) no-repeat 16px 0px / 40px 40px;
	padding-left: 10px;
}

.foto_votes {
	display: table;
	margin: 0 auto;
}

.ot_vote, .ocenki {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}

.ot_vote {
	padding-right: 15px;
}

.votes_comments {
	display: grid;
	gap:15px;
	grid-template-columns: 1fr 1fr;
}

.vc_votes, .vc_comments {
	background: var(--color-usermenu);
	border-radius: 5px;
	padding: 10px;
	padding-left: 38px;
	cursor: pointer;
}

.vc_votes {
	background: url(/images8/love.svg) no-repeat 10px 11px / 18px 18px, var(--color-usermenu);
}

.vc_comments {
	background: url(/images10/comments.svg) no-repeat 10px 11px / 18px 18px, var(--color-usermenu);
}



@media screen and (max-width: 480px) {

.foto_v_ankete {
	padding: 0 0 10px 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.for_foto_votes {
	margin: 0 10px 10px 10px;
}

.votes_comments {
	margin: 0 10px;
   gap: 10px;
   grid-template-columns: auto;
}

.foto_v_ankete .header_buttons {
	 margin-left:10px;
}

}


.fotoalboms_list {
	padding: 10px;
	background: var(--color-usermenu);
	border-radius: 5px;
}

.photoalbom_title {
	padding-left: 32px;
	background: url(/images8/folder-album.svg) no-repeat 0px 0px / 22px 22px;
	min-height: 22px;
	padding-top: 3px;
}

.commentslist {
	border-collapse: collapse;
	width: 100%;
}

.commentslist td,  .commentslist th{
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #D3D3D3;
	padding: 10px 10px 10px 0;
	vertical-align: top;
}

.commentslist tr:last-child td{
	border: none;
	padding-bottom: 0;

}

.commentslist tr td:first-child {
	width: 60px;
}

.commentslist tr td:first-child img {
	width: 60px;
	height: 60px;
	border-radius:5px;
}

.foto_comments_user {
	font-size: 13px;
	margin-bottom: 5px;
}

.foto_comments_user span {
	color: gray;
}

.commentslist tr td:last-child {
	padding-right: 0;
}

.td_delbutton {
	width: 28px;
}

.added_comment {
	background: var(--color-usermenu);
}


.voteslist {
	border-collapse: collapse;
}

.voteslist td{
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: var(--color-gray);
	padding: 10px 10px 10px 0;
	vertical-align: top;
}

.voteslist tr:last-child td{
	border: none;
	padding-bottom: 0;

}

.voteslist tr td:first-child {
	color: gray;
	font-size: 0.8rem;
	
}

@media screen and (max-width: 480px) {
.voteslist tr td:first-child {
	width: 60px;
}
}

.voteslist tr td:last-child {
	padding-right: 0;
}

.voteslist tr td:nth-child(2) {
	width: 60px;
}

.voteslist tr td:nth-child(2) img {
	width: 60px;
	height: 60px;
	border-radius:5px;
}

.voteslist tr td:nth-child(4) {
	padding-right: 0;
}


.small_foto {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius:5px;
}

.small_foto img {
	display: block;
	padding: 0;
	margin: 0;
	width: 100px;
}

.fva_vertical img{
	width: 480px;
	height: 640px;
	max-width: none;
}

.fva_horizontal img{
	width: 640px;
	height: 480px;
	max-width: none;
}

.fva_vertical, .fva_horizontal {
	background: url(/images/preload712.gif) no-repeat center;
}

@media screen and (max-width: 1505px) {

.fva_horizontal {
	width: 100%;
	height: 0;
	padding-bottom: 75%;
}

.fva_horizontal img {
	width: auto;
	height: auto;
	max-width: 100%;
}

}

@media screen and (max-width: 1280px) {

.fva_horizontal {
	width: 100%;
	height: 100%;
	padding-bottom: 0;
}


.fva_horizontal img {
	width: 640px;
	height: 480px;
	max-width: none;
}

}

@media screen and (max-width: 1180px) {

.fva_horizontal {
	width: 100%;
	height: 0;
	padding-bottom: 75%;
}

.fva_horizontal img {
	width: auto;
	height: auto;
	max-width: 100%;
}

}


@media screen and (max-width: 1000px) {

.fva_vertical {
	width: 100%;
	height: 0;
	padding-bottom: 133.33%;
}

.fva_vertical img {
	width: auto;
	height: auto;
	max-width: 100%;
}

}

@media screen and (max-width: 800px) {

.fva_vertical {
	width: 100%;
	height: auto;
	padding-bottom: 0;
}

.fva_vertical img {
	width: 480px;
	height: 640px;
	max-width: none;
}

.fva_horizontal {
	width: 100%;
	height: 100%;
	padding-bottom: 0;
}


.fva_horizontal img {
	width: 640px;
	height: 480px;
	max-width: none;
}

}

@media screen and (max-width: 640px) {

.fva_horizontal {
	width: 100%;
	height: 0;
	padding-bottom: 75%;
}

.fva_horizontal img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.fva_hor {
	width: 100%;
	height: 0;
}

}

@media screen and (max-width: 480px) {

.fva_vertical {
	width: 100%;
	height: 0;
	padding-bottom: 133.33%;
}

.fva_vertical img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.fva_vert {
	width: 100%;
	height: 0;
}

}