@charset "utf-8";
/*Author: Milan Domeny, FINE graficke studio, tvorba www stranok
Version: 1.0
Revised by: Fionaurora.com
Tags: WOF MAIN PAGE ROTATOR BANNER IMAGES*/

.image_thumb ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

#rotatorwrap {
position: relative;
width: 960px;
height: auto;
text-align: left;
margin: 50px auto;
}

/* CSS ROTATOR */

#slideshow {
position:relative;
margin-left: 10px;
width: 940px;
height: 300px;
-webkit-box-shadow: 0px 0px 2px #999;
-moz-box-shadow: 0px 0px 2px #999;
}

#shadow {
position: absolute;
width: 940px;
height: 32px;
background: transparent url('../images/shadow.png') top center no-repeat;
bottom:-12px;
left: 0px;
z-index:-9999;
}

/* main_image section CSS */
.link {display:none;}
.main_image {
    width: 640px;
    height: 300px;
    background: #222;
    position: absolute;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
    top: 0px;
    right: 0px;
}
.main_image h2 {
    font-size: 22px;
    font-weight: normal;
padding: 5px 10px 0 10px;
}
.main_image p {
    padding: 0 10px 10px 10px;
    margin: 0;
}
.main_image .desc{
    position: absolute;
    bottom: 0;
    right: 0px; /*--Stick the desc class to the bottom of our main image container--*/
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 150px;
    height: 300px;
    background: #111;
    border-top: 1px solid #000;
}

.main_image .block .link-more {
color:#fff;
font-size: 120px;
display: block;
text-decoration: none;
height: 60px;
line-height: 60px;
}

.main_image .block .link-more:hover {
color:#f9ebc3;
}

/* image_thumb section CSS */

.image_thumb {
    float: left;
    width: 300px;
    height: 300px;
    background: #f0f0f0;
	color: #3C3C3C;
}
.image_thumb img {
margin: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
position: relative;
    margin: 0;
height: 75px;
    width: 299px;
    float: left;
background:#eedaa4;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eedaa4));
background:-moz-linear-gradient(top, #FFF, #eedaa4);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#eedaa4'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#eedaa4')"; 
}
.image_thumb ul li.hover { /*--Hover State--*/
    background:#f9eac2;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
cursor: default;
z-index: 9998;
background:#8d8669;
background:-webkit-gradient(linear, left top, left bottom, from(#383a25), to(#8d8669));
background:-moz-linear-gradient(top, #383a25, #8d8669);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#383a25', EndColorStr='#8d8669'); 
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#383a25', EndColorStr='#8d8669')";
color: #fff;
width: 315px;
}

.right-arrow, .image_thumb ul li .link-more, .image_thumb ul li span {
display:none;
}

.image_thumb ul li.active .right-arrow {
display:block;
background: transparent url('../images/right_arrow.png') center center no-repeat;
width: 15px;
height: 75px;
float: right;
}

html .image_thumb ul li h2 {
font-size:14px;
color:#b3a152;
font-weight: bold;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin: 5px;
    padding: 0;
    width: 170px;
}

.image_thumb ul li .block p {
font-size: 11px;
line-height: 1.2;
}