﻿/* PIVASIUNU foto css  k- kvadratai, h- horizontalios, v- vertikalios, skaicius - juostu skaicius */

.photos_k4 {width:588px; height:472px; padding:0; font-size:10px; letter-spacing: normal; /*background: url(/site/photos/_g1-fon.jpg) top left no-repeat;*/ z-index: 80}
/* psl plot: 590; foto klise ; 315x470; w 590-2; h 470+2; foto-min: 1/6: ~52x52; tarp: 4; col: 4; ul w (52+2+4)x2= 232 ; li w: 52+2; li h: 52+2 */
.photos_k4 ul {list-style:none; padding:0; margin:0; width:232px; position:relative; float:right;}
.photos_k4 ul li {display:inline; width:54px; height:54px; float:left; margin:0 0 4px 4px;}
.photos_k4 ul li a {display:block; width:52px; height:52px; text-decoration:none; border:1px solid #000;}
.photos_k4 ul li a span {display: none; }
.photos_k4 ul li a img {display:block; width:52px; height:52px; border:0;}
.photos_k4 ul li a:hover {white-space:normal; border-color:#ddd; cursor:default;}
.photos_k4 ul li a:hover img {position:absolute; right:240px; top:0; width:auto; height:auto; border:1px solid #fff;}
.photos_k4 ul li a:hover span {display: block; position:absolute; top: 250px; left:4px; width: 232px; color: #000; } 

.photos_k4-g1 {width:588px; height:472px; padding:0; font-size:10px; letter-spacing: normal; background: inherit /*url(/site/photos/1-vidus/_g1_fon.jpg) top left no-repeat;*/ z-index: 80}
/* psl plot: 590; foto klise ; 315x470; w 590-2; h 470+2; foto-min: 1/6: ~52x52; tarp: 4; col: 4; ul w (52+2+4)x2= 232 ; li w: 52+2; li h: 52+2 */
.photos_k4-g1 ul {list-style:none; padding:0; margin:0; width:232px; position:relative; float:right;}
.photos_k4-g1 ul li {display:inline; width:54px; height:54px; float:left; margin:0 0 4px 4px;}
.photos_k4-g1 ul li a {display:block; width:52px; height:52px; text-decoration:none; border:1px solid #000;}
.photos_k4-g1 ul li a span {display: none; }
.photos_k4-g1 ul li a img {display:block; width:52px; height:52px; border:0;}
.photos_k4-g1 ul li a:hover {white-space:normal; border-color:#ddd; cursor:default;}
.photos_k4-g1 ul li a:hover img {position:absolute; right:240px; top:0; width:auto; height:auto; border:1px solid #fff;}
.photos_k4-g1 ul li a:hover span {display: block; position:absolute; top: 250px; left:4px; width: 232px; color: #000; } 

.photos_k4-g2 {width:588px; height:472px; padding:0; font-size:10px; letter-spacing: normal; background: url(/site/photos/1-vidus/_g2_fon.jpg) top left no-repeat; z-index: 80}
/* psl plot: 590; foto klise ; 315x470; w 590-2; h 470+2; foto-min: 1/6: ~52x52; tarp: 4; col: 4; ul w (52+2+4)x2= 232 ; li w: 52+2; li h: 52+2 */
.photos_k4-g2 ul {list-style:none; padding:0; margin:0; width:232px; position:relative; float:right;}
.photos_k4-g2 ul li {display:inline; width:54px; height:54px; float:left; margin:0 0 4px 4px;}
.photos_k4-g2 ul li a {display:block; width:52px; height:52px; text-decoration:none; border:1px solid #000;}
.photos_k4-g2 ul li a span {display: none; }
.photos_k4-g2 ul li a img {display:block; width:52px; height:52px; border:0;}
.photos_k4-g2 ul li a:hover {white-space:normal; border-color:#ddd; cursor:default;}
.photos_k4-g2 ul li a:hover img {position:absolute; right:240px; top:0; width:auto; height:auto; border:1px solid #fff;}
.photos_k4-g2 ul li a:hover span {display: block; position:absolute; top: 250px; left:4px; width: 232px; color: #000; } 


/* vartotojui skirtas */

.photos_k3 {width:588px; height:472px; padding:0; font-size:10px; letter-spacing: normal; /*background: #ccc url(photos/z2007-02_d.jpg) top left no-repeat;*/ }
/* psl plot: 590; foto klise ; 315x470; w 590-2; h 470+2; foto-min: 1/6: ~52x52; tarp: 4; col: 3; ul w (52+2+4)x3= 174 ; li w: 52+2; li h: 52+2 ; eilutes 4=10-12foto*/
.photos_k3 ul {list-style:none; padding:0; margin:0; width:174px; position:relative; float:right;}
.photos_k3 ul li {display:inline; width:54px; height:54px; float:left; margin:0 0 4px 4px;}
.photos_k3 ul li a {display:block; width:52px; height:52px; text-decoration:none; border:1px solid #000;}
.photos_k3 ul li a span {display: none; }
.photos_k3 ul li a img {display:block; width:52px; height:52px; border:0;}
.photos_k3 ul li a:hover {white-space:normal; border-color:#ddd; cursor:default;}
.photos_k3 ul li a:hover img {position:absolute; right:184px; top:0; width:auto; height:auto; border:1px solid #fff;}
.photos_k3 ul li a:hover span {display: block; position:absolute; top: 250px; left:4px; width: 174px; color: #000;} 

/* kiti deliojimo variantai */

.photos_k2 {width:588px; height:472px; padding:0; font-size:10px; letter-spacing: normal; /*background: #ccc url(photos/z2007-02_d.jpg) top left no-repeat;*/ }
/* psl plot: 590; foto klise ; 315x470; w 590-2; h 470+2; foto-min: 1/6: ~52x52; tarp: 4; col: 2; ul w (52+2+4)x2= 116 ; li w: 52+2; li h: 52+2 */
.photos_k2 ul {list-style:none; padding:0; margin:0; width:116px; position:relative; float:right;}
.photos_k2 ul li {display:inline; width:54px; height:54px; float:left; margin:0 0 4px 4px;}
.photos_k2 ul li a {display:block; width:52px; height:52px; text-decoration:none; border:1px solid #000;}
.photos_k2 ul li a span {display: none; }
.photos_k2 ul li a img {display:block; width:52px; height:52px; border:0;}
.photos_k2 ul li a:hover {white-space:normal; border-color:#ddd; cursor:default;}
.photos_k2 ul li a:hover img {position:absolute; right:118px; top:0; width:auto; height:auto; border:1px solid #fff;}
.photos_k2 ul li a:hover span {display: block; position:absolute; top: 430px; left:4px; width: 116px; color: #000;} 


.photos_h2 {width:588px; height:320px; padding:0; font-size:10px; letter-spacing: normal; /*background: #ccc url(photos/z2007-02_d.jpg) top left no-repeat;*/ }
/* psl plot: 590; foto klise 470x315; w 590-2; h 315+2; foto-min: 1/6: ~78x52; tarpai: 4; col: 2; ul w (78+2+4)x2= 168 ; li w: 78+2; li h: 52+2 ; raides top:250 left:4*/
.photos_h2 ul {list-style:none; padding:0; margin:0; width:168px; position:relative; float:right;}
.photos_h2 ul li {display:inline; width:80px; height:54px; float:left; margin:0 0 4px 4px;}
.photos_h2 ul li a {display:block; width:78px; height:52px; text-decoration:none; border:1px solid #000;}
.photos_h2 ul li a span {display: none; }
.photos_h2 ul li a img {display:block; width:78px; height:52px; border:0;}
.photos_h2 ul li a:hover {white-space:normal; border-color:#ddd; cursor:default;}
.photos_h2 ul li a:hover img {position:absolute; right:174px; top:0; width:auto; height:auto; border:1px solid #fff;}
.photos_h2 ul li a:hover span {display: block; position:absolute; top: 250px; left:4px; width: 168px; color: #000;} 


.photos_v2 {width:588px; height:472px; padding:0; font-size:10px; letter-spacing: normal; /*background: #ccc url(photos/z2007-02_d.jpg) top left no-repeat;*/ }
/* psl plot: 590; foto klise 315x470; w 590-2; h 470+2; foto-min: 1/6: ~52x78; tarp: 4; col: 2; ul w (52+2+4)x2= 116 ; li w: 52+2; li h: 78+2 */
.photos_v2 ul {list-style:none; padding:0; margin:0; width:116px; position:relative; float:right;}
.photos_v2 ul li {display:inline; width:54px; height:80px; float:left; margin:0 0 4px 4px;}
.photos_v2 ul li a {display:block; width:52px; height:78px; text-decoration:none; border:1px solid #000;}
.photos_v2 ul li a span {display: none; }
.photos_v2 ul li a img {display:block; width:52px; height:78px; border:0;}
.photos_v2 ul li a:hover {white-space:normal; border-color:#ddd; cursor:default;}
.photos_v2 ul li a:hover img {position:absolute; right:118px; top:0; width:auto; height:auto; border:1px solid #fff;}
.photos_v2 ul li a:hover span {display: block; position:absolute; top: 430px; left:4px; width: 116px; color: #000;} 


.photos_v4 {width:588px; height:472px; padding:0; font-size:10px; letter-spacing: normal; /*background: #ccc url(photos/z2007-02_d.jpg) top left no-repeat;*/ }
/* psl plot: 590; foto klise 315x470; w 590-2; h 470+2; foto-min: 1/6: ~52x78; tarp: 4; col: 4; ul w (52+2+4)x4= 232 ; li w: 52+2; li h: 78+2 */
.photos_v4 ul {list-style:none; padding:0; margin:0; width:232px; position:relative; float:right;}
.photos_v4 ul li {display:inline; width:54px; height:80px; float:left; margin:0 0 4px 4px;}
.photos_v4 ul li a {display:block; width:52px; height:78px; text-decoration:none; border:1px solid #000;}
.photos_v4 ul li a span {display: none; }
.photos_v4 ul li a img {display:block; width:52px; height:78px; border:0;}
.photos_v4 ul li a:hover {white-space:normal; border-color:#ddd; cursor:default;}
.photos_v4 ul li a:hover img {position:absolute; right:236px; top:0; width:auto; height:auto; border:1px solid #fff;}
.photos_v4 ul li a:hover span {display: block; position:absolute; top: 430px; left:4px; width: 232px; color: #000;} 




