/** 3D world
==============================================================================*/
#logodiv{

width:100%;
margin: 0 auto; 
position: relative; 

}
#world{
width:100%;
height:460px;
background:black


}
.scene {
width:63%;
height:63%;
top:50px;
display: block;
margin-left: auto;
margin-right: auto

}
.layer2 {
   margin-top:-320px;
   -webkit-transform: translateZ( 165px);
}


 
/** Galerii & Spatii
==============================================================================*/
.grid-gallery  {

margin-top:-22px;
}
.grid-gallery ul {
list-style: none;

}

.grid-gallery figure {
margin: 0;
}

.grid-gallery figure img {
display: block;
width: 100%;
}



.grid-gallery figcaption p {
margin: 0;
}

.galerie{
text-indent:9px;font-size:17px;background: linear-gradient(to right,#feff29  25%, #fdbfc0 75%);color:#000;padding-bottom:3px;
}
.grid-wrap {

padding:20px;

height:inherit;
background: linear-gradient(to bottom,#e1e1e1  25%, #c1c1c1 75%);
}
.grid_head_gal{
text-indent:9px;font-size:18px;background: linear-gradient(to right,#feff29 25%, #fdbfc0 75%);color:#000
}
.grid ul {


padding: 0;
//margin: 0;
list-style-type: none;
}
section { position:relative;  /*max-width:960px; margin: 30px auto;*/ width:95.6%;   overflow: hidden;}
.grid  li {
width: 23%;
margin-left:60px;
display: inline-block; 
vertical-align: top; 
margin-bottom: 20px;  


cursor: pointer;
}

.grid figure {
//padding:0 1px 27px 1px;

-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}

.grid li:hover figure {
opacity: 0.7;
}

.grid figcaption {
font-family:mainFont;
background: #fff;
padding: 10px;
}
.slides{
width:60px;

}
.nav {

 float: left;
color:#000;
 
margin-left: 15px;
}

.next {
background-position: -62px -11px;
width: 12px;
height: 13px;
display: block;
}

.prev {
background-position: -12px -11px;
width: 12px;
height: 13px;
display: block;
}
.next:hover {
opacity: 0.5;
-ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
transform: scale(1.2);
}
.prev:hover {
opacity: 0.5;
-ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
transform: scale(1.2);
}
.galerieDesc .span{

background-color:none;
}




.art-gallery ul {
list-style: none;

}

.art-gallery figure {
margin: 0;
}

.art-gallery figure img {
display: block;
width: 100%;
}



.art-gallery figcaption p {
margin: 0;
}

.art-wrap {
max-width: 65em;
margin: 0 auto;
height:600px;
background: linear-gradient(to bottom,#e1e1e1  25%, #c1c1c1 75%);

}

.art {
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}

.art li {
width: 25%;
float: left;
cursor: pointer;
}

.art figure {
padding:0 0.5px 3px 0.5px;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}

.art li:hover figure {
opacity: 0.7;
}

.art figcaption {
font-family:mainFont;
background: #fff;
padding: 15px;
}

/** Program
==============================================================================*/

table {
overflow:hidden;
//border:1px solid #d3d3d3;
background:#none;
width:100%;
margin:2% auto 0;

}

th, td {padding:10px 5px 10px 5px; text-align:left; }

th {padding-top:12px; }

td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

tr.odd-row td {background:#f6f6f6;}

td.first, th.first {text-align:left}

td.last {border-right:none;}

.table-program .prGal {  opacity:0.9; 
background:  #f9f9f9;

}
.table-program .prGal:hover { background: #401741; opacity:0.7; }
.table-program .prGal a:hover { color:#ff }
td {
background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}

tr.odd-row td {
background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}

th {
background: none
}



tr:first-child th.first {
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px; /* Saf3-4 */
}

tr:first-child th.last {
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px; /* Saf3-4 */
}

tr:last-child td.first {
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}

tr:last-child td.last {
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}
/* artist
-------------------------------------------------- */

#random {
width:100%;
margin-top:-20px;
margin-left:5.5%;
}
#random  li.active{
 background:#262087;
 
}
#random  li{
 
 width: 20%;
 font-size:13px;
 padding: 1%;
 float: left;
 list-style-type: none;
 ///min-height: 100px;
 
}
.blue{padding:1%}