@charset "UTF-8";
/* Sllider with arrows and Megogallery overblock by Novikov & Orlov */
/* CSS Document */ /* Based on CSS 3 */

#thumbnails {
text-align: center;
display: block;
position: fixed;
top: 0px;
padding: 20px 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 100;
width: 100%;
overflow: hidden;
left: 0;
word-spacing: -3px;
letter-spacing: -3px;
}
#thumbnails li {
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
border: 3px solid #c11d3e;
display: inline-block;
word-spacing: normal;
letter-spacing: normal;
list-style: none;
height: 100px;
overflow: hidden;
width: 100px;
margin: 0 0 0 10px;
}
#thumbnails li:hover{ border: 3px solid #fff;}
#thumbnails span {
text-decoration: none;
margin: 0 0 10px;
cursor: pointer;
display: block;
text-transform: uppercase;
font: bold 14px/15px Tahoma;
word-spacing: normal;
letter-spacing: normal;
}
#thumbnails span:hover {color: #c11d3e; }
#thumbnails li  img {border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
#thumbnails li:first-child {margin: 0;}
#thumbnails #image {
display: table-cell;
text-align: center;
margin: 0 auto;
vertical-align: middle;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
#thumbnails #image img {margin-left: 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
#thumbnails ul {
width: 94%;
height: 106px;
margin: 0 auto 20px;
overflow: hidden;
text-align: center;
}
#thumbnails ul ul {width: auto;}
#thumbnails ins, #thumbnails del {
margin-top: 42px; /*Top arrows position*/
display: none;
position: absolute;
width: 28px;
height: 28px;
background: url(img/arr.png) 5px center no-repeat;
border: 1px solid transparent;
z-index: 5;
border-radius: 100px;
cursor: pointer;
}
#thumbnails ins:hover, #thumbnails del:hover{
background: url(img/arr.png) 5px center no-repeat, transparent;
border: 1px solid #fff;
-webkit-box-shadow: 1px 1px 1px #eee;
-moz-box-shadow:    1px 1px 1px #eee;
box-shadow:         1px 1px 1px #eee;
}
#thumbnails del {
right: 0px;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
#thumbnails ins {left: 18px;}/*Left arrow position*/
#thumbnails del {right: 18px;}/*Right arrow position*/