*{
margin:0;
padding:0;
}
html{
background-color:#fff;
background-image:-webkit-radial-gradient(circle, hsla(0,0%,100%,.1), hsla(0,0%,0%,.75)),                      -webkit-linear-gradient(left, transparent 50%, hsla(0,0%,0%,.01) 50%);
background-image:-moz-radial-gradient(circle, hsla(0,0%,100%,.1), hsla(0,0%,0%,.75)),                         -moz-linear-gradient(left, transparent 50%, hsla(0,0%,0%,.01) 50%);
background-image:-ms-radial-gradient(circle, hsla(0,0%,100%,.1), hsla(0,0%,0%,.75)),                          -ms-linear-gradient(left, transparent 50%, hsla(0,0%,0%,.01) 50%);
background-image:-o-radial-gradient(circle, hsla(0,0%,100%,.1), hsla(0,0%,0%,.75)),                           -o-linear-gradient(left, transparent 50%, hsla(0,0%,0%,.01) 50%);
background-image:radial-gradient(circle, hsla(0,0%,100%,.1), hsla(0,0%,0%,.75)),                              linear-gradient(left, transparent 50%, hsla(0,0%,0%,.01) 50%);
background-position:50% 50%, 50% 50%;
background-repeat:no-repeat, repeat;
/*background-size*/
-webkit-background-size:150% 150%, 100% 100%;
   -moz-background-size:150% 150%, 100% 100%;
     -o-background-size:150% 150%, 100% 100%;
        background-size:150% 150%, 100% 100%;
font-size:100%;
min-height:100%;
width:2000px;
}
h2{
font:130px 'Great Vibes', Helvetica, sans-serif;
color:#fff;
text-shadow:2px 2px 5px rgba(0,0,0,0.3);
margin:30px 40px;
}
.breza{
background-color:#000;
padding:3px;
height:294px;
position:absolute;
top:300px;
left:110px;
width:400px;
}
/* Frame */
.breza:before{
background-color:rgba(255,235,225, 1);
bottom:-50px;
/*border-radius*/
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
/*box-shadow*/
-webkit-box-shadow:1px 1px 0px 0px rgba(255,255,255,.4) inset,    inset 0px 0px 50px 10px rgba(150,120,120,1),    0px 0px 20px 1px rgba(0,0,0,.5) inset,    0px 30px 20px -15px rgba(0,0,0,.4),    -1px -1px 0px 0px rgba(0,0,0,.9) inset;
   -moz-box-shadow:1px 1px 0px 0px rgba(255,255,255,.4) inset,    inset 0px 0px 50px 10px rgba(150,120,120,1),    0px 0px 20px 1px rgba(0,0,0,.5) inset,    0px 30px 20px -15px rgba(0,0,0,.4),    -1px -1px 0px 0px rgba(0,0,0,.9) inset;
        box-shadow:1px 1px 0px 0px rgba(255,255,255,.4) inset,    inset 0px 0px 50px 10px rgba(150,120,120,1),    0px 0px 20px 1px rgba(0,0,0,.5) inset,    0px 30px 20px -15px rgba(0,0,0,.4),    -1px -1px 0px 0px rgba(0,0,0,.9) inset;
content:'';
left:-50px;
position:absolute;
right:-50px;
top:-50px;
z-index:-1;
}
/* Mat */
.breza:after{
background-color:rgba(255,235,225, 1);
bottom:-5px;
/*box-shadow*/
-webkit-box-shadow:0px 0px 11px 0px rgba(150,120,120,1) inset,    0px 0px 50px 10px rgba(150,120,120,1),    0px 0px 10px 1px rgba(0,0,0,.9);
   -moz-box-shadow:0px 0px 11px 0px rgba(150,120,120,1) inset,    0px 0px 50px 10px rgba(150,120,120,1),    0px 0px 10px 1px rgba(0,0,0,.9);
        box-shadow:0px 0px 11px 0px rgba(150,120,120,1) inset,    0px 0px 50px 10px rgba(150,120,120,1),    0px 0px 10px 1px rgba(0,0,0,.9);
content:'';
left:-5px;
position:absolute;
right:-5px;
top:-5px;
z-index:-1;
}
.okvir{
padding:10px;
width:400px;
height:250px;
text-align:center;
background:#fff;
/*box-shadow*/
-webkit-box-shadow:0px 0px 0px 1px rgba(220, 220, 220, 1),0px 2px 0px 1px rgba(255, 255, 255, 1),0px -2px 0px 3px rgba(0, 0, 0, .04),0px 0px 0px 30px rgba(255, 250, 240, 1),0px 0px 0px 44px rgba(0, 0, 0, 1),0px 30px 30px 30px rgba(0, 0, 0, .4);
   -moz-box-shadow:0px 0px 0px 1px rgba(220, 220, 220, 1),0px 2px 0px 1px rgba(255, 255, 255, 1),0px -2px 0px 3px rgba(0, 0, 0, .04),0px 0px 0px 30px rgba(255, 250, 240, 1),0px 0px 0px 44px rgba(0, 0, 0, 1),0px 30px 30px 30px rgba(0, 0, 0, .4);
        box-shadow:0px 0px 0px 1px rgba(220, 220, 220, 1),0px 2px 0px 1px rgba(255, 255, 255, 1),0px -2px 0px 3px rgba(0, 0, 0, .04),0px 0px 0px 30px rgba(255, 250, 240, 1),0px 0px 0px 44px rgba(0, 0, 0, 1),0px 30px 30px 30px rgba(0, 0, 0, .4);
}
.okvir2{
padding:0px;
width:523px;
height:392px;
background:url(camacusuton.jpg);
/*box-shadow*/
-webkit-box-shadow:0px 0px 15px 0px rgba(50,0,0, .7) inset,0px 0px 0px 5px rgba(255,205,0, 1) inset,0px 0px 0px 25px rgba(225,225,205, 1),0px 0px 20px 25px rgba(0,0,0, 1),0px 0px 60px 40px rgba(0,0,255, 1),0px 0px 0px 70px rgba(0,0,50, .9),0px 40px 30px 50px rgba(0,0,0, .4);
   -moz-box-shadow:0px 0px 15px 0px rgba(50,0,0, .7) inset,0px 0px 0px 5px rgba(255,205,0, 1) inset,0px 0px 0px 25px rgba(225,225,205, 1),0px 0px 20px 25px rgba(0,0,0, 1),0px 0px 60px 40px rgba(0,0,255, 1),0px 0px 0px 70px rgba(0,0,50, .9),0px 40px 30px 50px rgba(0,0,0, .4);
        box-shadow:0px 0px 15px 0px rgba(50,0,0, .7) inset,0px 0px 0px 5px rgba(255,205,0, 1) inset,0px 0px 0px 25px rgba(225,225,205, 1),0px 0px 20px 25px rgba(0,0,0, 1),0px 0px 60px 40px rgba(0,0,255, 1),0px 0px 0px 70px rgba(0,0,50, .9),0px 40px 30px 50px rgba(0,0,0, .4);
}
.camacusuton{
background-color:rgba(255,205,0, 1);
/*box-shadow*/
-webkit-box-shadow:0px 0px 15px 0px rgba(50,0,0, .7) inset;
   -moz-box-shadow:0px 0px 15px 0px rgba(50,0,0, .7) inset;
        box-shadow:0px 0px 15px 0px rgba(50,0,0, .7) inset;
height:392px;
padding:4px;
position:absolute;
left:700px;
top:250px;
width:523px;
}
/* Frame */
.camacusuton:before{
background-color:rgba(0,0,255, 1);
bottom:-70px;
/*border-radius*/
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
/*box-shadow*/
-webkit-box-shadow:0px 30px 20px -15px rgba(0,0,0,.4),    0px 0px 50px 20px rgba(0,0,0,.9) inset;
   -moz-box-shadow:0px 30px 20px -15px rgba(0,0,0,.4),    0px 0px 50px 20px rgba(0,0,0,.9) inset;
        box-shadow:0px 30px 20px -15px rgba(0,0,0,.4),    0px 0px 50px 20px rgba(0,0,0,.9) inset;
content:'';
left:-70px;
position:absolute;
right:-70px;
top:-70px;
z-index:-1;
}
/* Mat */
.camacusuton:after{
background-color:rgba(225,225,205, 1);
bottom:-23px;
/*box-shadow*/
-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,.9);
   -moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,.9);
        box-shadow:0px 0px 20px 0px rgba(0,0,0,.9);
content:'';
left:-23px;
position:absolute;
right:-23px;
top:-23px;
z-index:-1;
}
.grozd{
background-color:#fff;
/*box-shadow*/
-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0, .9) inset;
   -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0, .9) inset;
        box-shadow:0px 0px 10px 0px rgba(0,0,0, .9) inset;
height:422px;
padding:20px;
position:absolute;
top:120px;
left:1500px;
width:292px;
}
/* Frame */
.grozd:before{
background:url(wood.png);
bottom:-70px;
/*box-shadow*/
-webkit-box-shadow:0px 0px 20px 5px rgba(255,255,255,.6) inset,    0px 0px 0px 6px rgba(0,0,0,1),    0px 0px 0px 7px rgba(255,255,255,.2),    0px 0px 20px 10px rgba(255,255,255,.25),       0px 0px 0px 30px rgba(0,0,0,1),    0px 30px 20px 20px rgba(0,0,0,.4);
   -moz-box-shadow:0px 0px 20px 5px rgba(255,255,255,.6) inset,    0px 0px 0px 6px rgba(0,0,0,1),    0px 0px 0px 7px rgba(255,255,255,.2),    0px 0px 20px 10px rgba(255,255,255,.25),       0px 0px 0px 30px rgba(0,0,0,1),    0px 30px 20px 20px rgba(0,0,0,.4);
        box-shadow:0px 0px 20px 5px rgba(255,255,255,.6) inset,    0px 0px 0px 6px rgba(0,0,0,1),    0px 0px 0px 7px rgba(255,255,255,.2),    0px 0px 20px 10px rgba(255,255,255,.25),       0px 0px 0px 30px rgba(0,0,0,1),    0px 30px 20px 20px rgba(0,0,0,.4);
content:'';
left:-70px;
position:absolute;
right:-70px;
top:-70px;
z-index:-1;
}
/* Mat */
.grozd:after{
background:url(noise.png);
bottom:-50px;
/*box-shadow*/
-webkit-box-shadow:0px 0px 20px 5px rgba(0,0,0,.5);
   -moz-box-shadow:0px 0px 20px 5px rgba(0,0,0,.5);
        box-shadow:0px 0px 20px 5px rgba(0,0,0,.5);
content:'';
left:-50px;
position:absolute;
right:-50px;
top:-50px;
z-index:-1;
}