@charset "utf-8";
/* CSS Document */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/oneBox.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
/* tabindex="1" in the link code to fix the 'focus persist' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}
body {padding:0; margin:0; width:100%; height:100%}
#gallery a, .frame, #info {behavior:url(oneBox/trigger.htc)}

#gallery {width:702px; height:570px; margin:0 auto; margin-left: 60px; margin-top:50px; position:relative; z-index:10;}

#gallery a {display:block; float:left; outline:0; padding:2px; border:1px solid #ddd; width:68px; height:68px; margin:2px; text-align:center; cursor:pointer; text-decoration:none;}
#gallery a img {margin:0 auto; display:block;}

.oneBox {display:table; position:absolute; top:0; left:-9999px; width:722px; height:722px; z-index:500;}
.oneBox .holder {position:relative; left: -15px; top: -60px; z-index:100; text-align:center; display:table-cell; vertical-align:middle; opacity:0;
-webkit-transition: opacity 1.5s;
-moz-transition: opacity 1.5s;
-o-transition: opacity 1.5s;
transition: opacity 1.5s;
}

.oneBox .frame {display:inline-block; margin:0 auto; padding:15px; background:#fff; position:relative; text-align:left; font-family:arial, sans-serif;
-ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}
.oneBox .frame img {width:100%;}

#gallery a:active {direction:ltr;}
#gallery a:active ~ .oneBox {left:0;}
#gallery a:active ~ .oneBox:before {content:""; display:block; position:absolute; left:0; top:0; width:648px; height:722px;  /*background:#fff;*/}

#gallery a:focus ~ .oneBox {left:0;}
#gallery a:focus ~ .oneBox:before {content:""; display:block; position:absolute; left:0; top:0; width:722px; height:722px;  /*background:#fff;*/}
#gallery a:focus ~ .oneBox .holder {opacity:1;}

#gallery a ~ .oneBox .frame div {float:left;}

a.a1:after {content:url("gall/pic_1vt.jpg");}
a.a2:after {content:url("gall/pic_2vt.jpg");}
a.a3:after {content:url("gall/pic_3vt.jpg");}
a.a4:after {content:url("gall/pic_4vt.jpg");}
a.a5:after {content:url("gall/pic_5vt.jpg");}
a.a6:after {content:url("gall/pic_6vt.jpg");}
a.a7:after {content:url("gall/pic_7vt.jpg");}
a.a8:after {content:url("gall/pic_8vt.jpg");}
a.a9:after {content:url("gall/pic_9vt.jpg");}
a.a10:after {content:url("gall/pic_10vt.jpg");}
a.a11:after {content:url("gall/pic_1ht.jpg");}
a.a12:after {content:url("gall/pic_2ht.jpg");}
a.a13:after {content:url("gall/pic_3ht.jpg");}
a.a14:after {content:url("gall/pic_4ht.jpg");}
a.a15:after {content:url("gall/pic_5ht.jpg");}
a.a16:after {content:url("gall/pic_6ht.jpg");}
a.a17:after {content:url("gall/pic_7ht.jpg");}
a.a18:after {content:url("gall/pic_8ht.jpg");}
a.a19:after {content:url("gall/pic_9ht.jpg");}
a.a20:after {content:url("gall/pic_10ht.jpg");}
a.a21:after {content:url("gall/pic_11vt.jpg");}
a.a22:after {content:url("gall/pic_11ht.jpg");}
a.a23:after {content:url("gall/pic_12vt.jpg");}
a.a24:after {content:url("gall/pic_12ht.jpg");}
a.a25:after {content:url("gall/pic_13vt.jpg");}
a.a26:after {content:url("gall/pic_13ht.jpg");}
a.a27:after {content:url("gall/pic_14vt.jpg");}
a.a28:after {content:url("gall/pic_14ht.jpg");}
a.a29:after {content:url("gall/pic_15vt.jpg");}
a.a30:after {content:url("gall/pic_15ht.jpg");}
a.a31:after {content:url("gall/pic_16ht.jpg");}
a.a32:after {content:url("gall/pic_16vt.jpg");}
a.a33:after {content:url("gall/pic_17ht.jpg");}
a.a34:after {content:url("gall/pic_17vt.jpg");}
a.a35:after {content:url("gall/pic_18ht.jpg");}
a.a36:after {content:url("gall/pic_18vt.jpg");}
a.a37:after {content:url("gall/pic_19ht.jpg");}
a.a38:after {content:url("gall/pic_19vt.jpg");}
a.a39:after {content:url("gall/pic_20ht.jpg");}
a.a40:after {content:url("gall/pic_20vt.jpg");}
a.a41:after {content:url("gall/pic_21ht.jpg");}
a.a42:after {content:url("gall/pic_22ht.jpg");}
a.a43:after {content:url("gall/pic_23ht.jpg");}
a.a44:after {content:url("gall/pic_24ht.jpg");}
a.a45:after {content:url("gall/pic_25ht.jpg");}
a.a46:after {content:url("gall/pic_21vt.jpg");}
a.a47:after {content:url("gall/pic_22vt.jpg");}
a.a48:after {content:url("gall/pic_23vt.jpg");}
a.a49:after {content:url("gall/pic_24vt.jpg");}
a.a50:after {content:url("gall/pic_25vt.jpg");}
a.a51:after {content:url("gall/pic_26ht.jpg");}
a.a52:after {content:url("gall/pic_27ht.jpg");}
a.a53:after {content:url("gall/pic_26vt.jpg");}
a.a54:after {content:url("gall/pic_27vt.jpg");}
/*a.a55:after {content:url("gall/pic_30vt.jpg");}
a.a56:after {content:url("gall/pic_26ht.jpg");}
a.a57:after {content:url("gall/pic_27ht.jpg");}
a.a58:after {content:url("gall/pic_28ht.jpg");}
a.a59:after {content:url("gall/pic_29ht.jpg");}
a.a60:after {content:url("gall/pic_30ht.jpg");}
a.a61:after {content:url("gall/pic_31ht.jpg");}
a.a62:after {content:url("gall/pic_32ht.jpg");}
a.a63:after {content:url("gall/pic_31vt.jpg");}
a.a64:after {content:url("gall/pic_32vt.jpg");}
a.a65:after {content:url("gall/pic_33vt.jpg");}
a.a66:after {content:url("gall/pic_34vt.jpg");}
a.a67:after {content:url("gall/pic_35vt.jpg");}
a.a68:after {content:url("gall/pic_33ht.jpg");}
a.a69:after {content:url("gall/pic_34ht.jpg");}
a.a70:after {content:url("gall/pic_35ht.jpg");}
a.a71:after {content:url("gall/pic_36ht.jpg");}
a.a72:after {content:url("gall/pic_37ht.jpg");}
a.a73:after {content:url("gall/pic_38ht.jpg");}
a.a74:after {content:url("gall/pic_36vt.jpg");}
a.a75:after {content:url("gall/pic_37vt.jpg");}
a.a76:after {content:url("gall/pic_38vt.jpg");}
a.a77:after {content:url("gall/pic_39vt.jpg");}
a.a78:after {content:url("gall/pic_40vt.jpg");}
a.a79:after {content:url("gall/pic_39ht.jpg");}
a.a80:after {content:url("gall/pic_40ht.jpg");}
a.a81:after {content:url("gall/pic_41vt.jpg");}
a.a82:after {content:url("gall/pic_42vt.jpg");}
a.a83:after {content:url("gall/pic_41ht.jpg");}
a.a84:after {content:url("gall/pic_42ht.jpg");}
a.a85:after {content:url("gall/pic_43ht.jpg");}
a.a86:after {content:url("gall/pic_44ht.jpg");}
a.a87:after {content:url("gall/pic_45ht.jpg");}
a.a88:after {content:url("gall/pic_43vt.jpg");}
a.a89:after {content:url("gall/pic_44vt.jpg");}
a.a90:after {content:url("gall/pic_45vt.jpg");}
a.a91:after {content:url("gall/pic_46vt.jpg");}
a.a92:after {content:url("gall/pic_47vt.jpg");}
a.a93:after {content:url("gall/pic_48vt.jpg");}
a.a94:after {content:url("gall/pic_46ht.jpg");}
a.a95:after {content:url("gall/pic_47ht.jpg");}
a.a96:after {content:url("gall/pic_48ht.jpg");}
a.a97:after {content:url("gall/pic_49ht.jpg");}
a.a98:after {content:url("gall/pic_50ht.jpg");}
a.a99:after {content:url("gall/pic_49vt.jpg");}
a.a100:after {content:url("gall/pic_50vt.jpg");}*/


a.a1:focus ~ .oneBox .frame div:before {content:url("gall/pic_1v.jpg");}
a.a2:focus ~ .oneBox .frame div:before {content:url("gall/pic_2v.jpg");}
a.a3:focus ~ .oneBox .frame div:before {content:url("gall/pic_3v.jpg");}
a.a4:focus ~ .oneBox .frame div:before {content:url("gall/pic_4v.jpg");}
a.a5:focus ~ .oneBox .frame div:before {content:url("gall/pic_5v.jpg");}
a.a6:focus ~ .oneBox .frame div:before {content:url("gall/pic_6v.jpg");}
a.a7:focus ~ .oneBox .frame div:before {content:url("gall/pic_7v.jpg");}
a.a8:focus ~ .oneBox .frame div:before {content:url("gall/pic_8v.jpg");}
a.a9:focus ~ .oneBox .frame div:before {content:url("gall/pic_9v.jpg");}
a.a10:focus ~ .oneBox .frame div:before {content:url("gall/pic_10v.jpg");}
a.a11:focus ~ .oneBox .frame div:before {content:url("gall/pic_1h.jpg");}
a.a12:focus ~ .oneBox .frame div:before {content:url("gall/pic_2h.jpg");}
a.a13:focus ~ .oneBox .frame div:before {content:url("gall/pic_3h.jpg");}
a.a14:focus ~ .oneBox .frame div:before {content:url("gall/pic_4h.jpg");}
a.a15:focus ~ .oneBox .frame div:before {content:url("gall/pic_5h.jpg");}
a.a16:focus ~ .oneBox .frame div:before {content:url("gall/pic_6h.jpg");}
a.a17:focus ~ .oneBox .frame div:before {content:url("gall/pic_7h.jpg");}
a.a18:focus ~ .oneBox .frame div:before {content:url("gall/pic_8h.jpg");}
a.a19:focus ~ .oneBox .frame div:before {content:url("gall/pic_9h.jpg");}
a.a20:focus ~ .oneBox .frame div:before {content:url("gall/pic_10h.jpg");}
a.a21:focus ~ .oneBox .frame div:before {content:url("gall/pic_11v.jpg");}
a.a22:focus ~ .oneBox .frame div:before {content:url("gall/pic_11h.jpg");}
a.a23:focus ~ .oneBox .frame div:before {content:url("gall/pic_12v.jpg");}
a.a24:focus ~ .oneBox .frame div:before {content:url("gall/pic_12h.jpg");}
a.a25:focus ~ .oneBox .frame div:before {content:url("gall/pic_13v.jpg");}
a.a26:focus ~ .oneBox .frame div:before {content:url("gall/pic_13h.jpg");}
a.a27:focus ~ .oneBox .frame div:before {content:url("gall/pic_14v.jpg");}
a.a28:focus ~ .oneBox .frame div:before {content:url("gall/pic_14h.jpg");}
a.a29:focus ~ .oneBox .frame div:before {content:url("gall/pic_15v.jpg");}
a.a30:focus ~ .oneBox .frame div:before {content:url("gall/pic_15h.jpg");}
a.a31:focus ~ .oneBox .frame div:before {content:url("gall/pic_16h.jpg");}
a.a32:focus ~ .oneBox .frame div:before {content:url("gall/pic_16v.jpg");}
a.a33:focus ~ .oneBox .frame div:before {content:url("gall/pic_17h.jpg");}
a.a34:focus ~ .oneBox .frame div:before {content:url("gall/pic_17v.jpg");}
a.a35:focus ~ .oneBox .frame div:before {content:url("gall/pic_18h.jpg");}
a.a36:focus ~ .oneBox .frame div:before {content:url("gall/pic_18v.jpg");}
a.a37:focus ~ .oneBox .frame div:before {content:url("gall/pic_19h.jpg");}
a.a38:focus ~ .oneBox .frame div:before {content:url("gall/pic_19v.jpg");}
a.a39:focus ~ .oneBox .frame div:before {content:url("gall/pic_20h.jpg");}
a.a40:focus ~ .oneBox .frame div:before {content:url("gall/pic_20v.jpg");}
a.a41:focus ~ .oneBox .frame div:before {content:url("gall/pic_21h.jpg");}
a.a42:focus ~ .oneBox .frame div:before {content:url("gall/pic_22h.jpg");}
a.a43:focus ~ .oneBox .frame div:before {content:url("gall/pic_23h.jpg");}
a.a44:focus ~ .oneBox .frame div:before {content:url("gall/pic_24h.jpg");}
a.a45:focus ~ .oneBox .frame div:before {content:url("gall/pic_25h.jpg");}
a.a46:focus ~ .oneBox .frame div:before {content:url("gall/pic_21v.jpg");}
a.a47:focus ~ .oneBox .frame div:before {content:url("gall/pic_22v.jpg");}
a.a48:focus ~ .oneBox .frame div:before {content:url("gall/pic_23v.jpg");}
a.a49:focus ~ .oneBox .frame div:before {content:url("gall/pic_24v.jpg");}
a.a50:focus ~ .oneBox .frame div:before {content:url("gall/pic_25v.jpg");}
a.a51:focus ~ .oneBox .frame div:before {content:url("gall/pic_26h.jpg");}
a.a52:focus ~ .oneBox .frame div:before {content:url("gall/pic_27h.jpg");}
a.a53:focus ~ .oneBox .frame div:before {content:url("gall/pic_26v.jpg");}
a.a54:focus ~ .oneBox .frame div:before {content:url("gall/pic_27v.jpg");}
/*a.a55:focus ~ .oneBox .frame div:before {content:url("gall/pic_30v.jpg");}
a.a56:focus ~ .oneBox .frame div:before {content:url("gall/pic_26h.jpg");}
a.a57:focus ~ .oneBox .frame div:before {content:url("gall/pic_27h.jpg");}
a.a58:focus ~ .oneBox .frame div:before {content:url("gall/pic_28h.jpg");}
a.a59:focus ~ .oneBox .frame div:before {content:url("gall/pic_29h.jpg");}
a.a60:focus ~ .oneBox .frame div:before {content:url("gall/pic_30h.jpg");}
a.a61:focus ~ .oneBox .frame div:before {content:url("gall/pic_31h.jpg");}
a.a62:focus ~ .oneBox .frame div:before {content:url("gall/pic_32h.jpg");}
a.a63:focus ~ .oneBox .frame div:before {content:url("gall/pic_31v.jpg");}
a.a64:focus ~ .oneBox .frame div:before {content:url("gall/pic_32v.jpg");}
a.a65:focus ~ .oneBox .frame div:before {content:url("gall/pic_33v.jpg");}
a.a66:focus ~ .oneBox .frame div:before {content:url("gall/pic_34v.jpg");}
a.a67:focus ~ .oneBox .frame div:before {content:url("gall/pic_35v.jpg");}
a.a68:focus ~ .oneBox .frame div:before {content:url("gall/pic_33h.jpg");}
a.a69:focus ~ .oneBox .frame div:before {content:url("gall/pic_34h.jpg");}
a.a70:focus ~ .oneBox .frame div:before {content:url("gall/pic_35h.jpg");}
a.a71:focus ~ .oneBox .frame div:before {content:url("gall/pic_36h.jpg");}
a.a72:focus ~ .oneBox .frame div:before {content:url("gall/pic_37h.jpg");}
a.a73:focus ~ .oneBox .frame div:before {content:url("gall/pic_38h.jpg");}
a.a74:focus ~ .oneBox .frame div:before {content:url("gall/pic_36v.jpg");}
a.a75:focus ~ .oneBox .frame div:before {content:url("gall/pic_37v.jpg");}
a.a76:focus ~ .oneBox .frame div:before {content:url("gall/pic_38v.jpg");}
a.a77:focus ~ .oneBox .frame div:before {content:url("gall/pic_39v.jpg");}
a.a78:focus ~ .oneBox .frame div:before {content:url("gall/pic_40v.jpg");}
a.a79:focus ~ .oneBox .frame div:before {content:url("gall/pic_39h.jpg");}
a.a80:focus ~ .oneBox .frame div:before {content:url("gall/pic_40h.jpg");}
a.a81:focus ~ .oneBox .frame div:before {content:url("gall/pic_41v.jpg");}
a.a82:focus ~ .oneBox .frame div:before {content:url("gall/pic_42v.jpg");}
a.a83:focus ~ .oneBox .frame div:before {content:url("gall/pic_41h.jpg");}
a.a84:focus ~ .oneBox .frame div:before {content:url("gall/pic_42h.jpg");}
a.a85:focus ~ .oneBox .frame div:before {content:url("gall/pic_43h.jpg");}
a.a86:focus ~ .oneBox .frame div:before {content:url("gall/pic_44h.jpg");}
a.a87:focus ~ .oneBox .frame div:before {content:url("gall/pic_45h.jpg");}
a.a88:focus ~ .oneBox .frame div:before {content:url("gall/pic_43v.jpg");}
a.a89:focus ~ .oneBox .frame div:before {content:url("gall/pic_44v.jpg");}
a.a90:focus ~ .oneBox .frame div:before {content:url("gall/pic_45v.jpg");}
a.a91:focus ~ .oneBox .frame div:before {content:url("gall/pic_46v.jpg");}
a.a92:focus ~ .oneBox .frame div:before {content:url("gall/pic_47v.jpg");}
a.a93:focus ~ .oneBox .frame div:before {content:url("gall/pic_48v.jpg");}
a.a94:focus ~ .oneBox .frame div:before {content:url("gall/pic_46h.jpg");}
a.a95:focus ~ .oneBox .frame div:before {content:url("gall/pic_47h.jpg");}
a.a96:focus ~ .oneBox .frame div:before {content:url("gall/pic_48h.jpg");}
a.a97:focus ~ .oneBox .frame div:before {content:url("gall/pic_49h.jpg");}
a.a98:focus ~ .oneBox .frame div:before {content:url("gall/pic_50h.jpg");}
a.a99:focus ~ .oneBox .frame div:before {content:url("gall/pic_49v.jpg");}
a.a100:focus ~ .oneBox .frame div:before {content:url("gall/pic_50v.jpg");}*/