/* YUI CSS RESET */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, label { margin: 0; padding: 0; letter-spacing: 0; line-height: 1em; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul {	list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }

body { background: #fbf3ff url('../images/background.jpg') repeat-x 0 131px; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 62.5%; text-align: center;  }

/* Hyperlinks
------------------------------*/

a:link, a:visited, a:active, a:hover { text-decoration: none; }

/* Stuff
------------------------------*/

.clear { clear: both; display: block; }
.inner_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.wrapper { width: 980px; margin: 0 auto; text-align: left; position: relative; }

/* Header
------------------------------*/

#header { height: 131px; background: url('../images/header.jpg') repeat-x 0 0; }
h1 a { text-indent: -999999em; overflow: hidden; position: absolute; color: #740eb4; font-weight: bold; width: 320px; height: 37px; display: block; font-size: 3em; top: 44px; left: 0; }
h1 a span { background: url('../images/logo.png') no-repeat 0 0; }
#logo a span { background: url('../images/logo.png') no-repeat 0 0; }
#logo a { text-indent: -999999em; overflow: hidden; position: absolute; color: #740eb4; font-weight: bold; width: 320px; height: 37px; display: block; font-size: 3em; top: 44px; left: 0; }


#header ul { position: relative; left: 536px; top: 54px; width: 454px; overflow: hidden; }
#header ul li { float: left; margin: 0 10px 0 0; }
#header ul li a { display: block; overflow: hidden; position: relative; height: 31px; }

/* Vhodnejšie by bolo použitie CSS Sprites ale vzhľadom na požiadavku o dodatočnú úpravu hover efektu som zvolil toto riešenie */

#menu_videa a { width: 87px; }
#menu_videa a span { background: url('../images/menu_videa.jpg') no-repeat 0 0; }
#menu_videa a:hover span { background: url('../images/menu_videa1.jpg') no-repeat 0 0; }

#menu_rady a { width: 145px; }
#menu_rady a span { background: url('../images/menu_rady.jpg') no-repeat 0 0; }
#menu_rady a:hover span { background: url('../images/menu_rady1.jpg') no-repeat 0 0; }  

#menu_top a { width: 192px; }
#menu_top a span { background: url('../images/menu_top.jpg') no-repeat 0 0; }
#menu_top a:hover span { background: url('../images/menu_top1.jpg') no-repeat 0 0; }  

/* Content
------------------------------*/

/* Boxes */

#left_wrapper { width: 255px; float: left; margin: 15px 0 0 0; }

.box { background: url('../images/box_inner.png') repeat-y 0 0; margin: 0 0 22px 0; position: relative; }
.box_bottom { height: 105px; width: 100%; position: absolute; z-index: 4; background: url('../images/box_bottom.png') no-repeat 0 0; bottom: -9px; left: -4px; }
.box h2{ width: 225px; height: 29px; background: url('../images/box_top.jpg') no-repeat 0 0; font-weight: bold;  font-size: 1.5em; padding: 10px 0 0 22px; color: #ffffff;}
.box h2 .vstupovic{ width: 225px; height: 29px; background: url('../images/box_top2.jpg') no-repeat 0 0; font-weight: bold;  font-size: 1.5em; padding: 10px 0 0 22px; color: #ffffff;}
.box h2 a:hover{color: #e32979;}
.box h2 a{color: #ffffff;}
.box ul { min-height: 92px; _height: 92px; padding: 0 23px 5px 23px; position: relative; left: -4px; bottom: -2px; z-index: 5; background: url('../images/arch.png') no-repeat 4px bottom; }
.box ul li { background: url('../images/box_li_bottom.jpg') repeat-x 0 top; padding: 2px 0 0 0; line-height: 28px; }
.box ul li.first { background: none; }
.box ul li a { margin: 0 0 0 5px; color: #ffffff; font-size: 1.2em; background: url('../images/box_li_left.jpg') no-repeat left center; padding: 0 0 0 20px; }
.box ul li a:hover { color: #e32979; }


/* Middle */

#middle { width: 713px; float: left; margin: 14px 0 0 12px; _width: 722px; _margin-left: 3px; }
.middle_box_top { background: url('../images/middle_box_top.png') no-repeat 0 top; padding: 5px 0 0 0; position: relative; margin: 0 0 16px 0; }
.middle_box_inner { background: #ffffff url('../images/middle_box_inner.jpg') repeat-y 0 0; padding: 16px 23px 22px 23px; width: 667px; }
.middle_box_bottom { background: url('../images/middle_box_bottom.png') no-repeat 0 0; width: 721px; height: 28px; position: absolute; bottom: -9px; left: -4px; z-index: 5; }

.middle_box_inner h2 { color: #8334b4; font-weight: bold; font-size: 2em; margin: 0 0 11px 0; }
.middle_box_inner h1 { color: #8334b4; font-weight: bold; font-size: 2em; margin: 0 0 11px 0; }
.middle_box_inner p { color: #51216e; font-size: 1.2em; position: relative; z-index: 6; width: 460px; line-height: 1.7em; }

.middle_box_pic { position: absolute; bottom: -2px; right: 34px; z-index: 7; }

.section_title { color: #8415ca; font-size: 2em; font-weight: bold; margin: 12px 0 29px 4px; }

/* Single */

.single_first { margin-left: 0 !important; }
.single_top { position: absolute; top: -3px; z-index: 5; height: 153px; width: 226px; background: url('../images/single_top.png') no-repeat 0 top; }
.single_middle { background: url('../images/single_middle.png') repeat-y 0 0; padding: 10px 21px 9px 21px; }
.single_middle img, .single_middle h3 { position: relative; z-index: 6; }
.single_bottom { float: left; width: 226px; position: relative; z-index: 4; background: url('../images/single_bottom.png') no-repeat 0 bottom; padding: 0 0 7px 0; margin: 0 0 17px 17px; }

.single_middle h3 a { font-weight: bold; color: #da1886; font-size: 1.6em; display: block; margin: 0 0 16px 0; }
.single_middle p { font-size: 1.2em; line-height: 1.6em; margin: 0 0 19px 0; }
.single_middle .product_image { /*margin: 0 0 13px 0;*/ }

.buy_product { width: 124px; height: 31px; display: block; text-indent: -999999em; background: url('../images/koupit.jpg') no-repeat 0 0;  float: left}
.buy_product:hover { background: url('../images/koupit2.jpg') no-repeat 0 0; }

.moreinfo { width: 124px; height: 31px; display: block; text-indent: -999999em; background: url('../images/moreinf1.png') no-repeat 0 0; float: left; margin-left: 10px;}
.moreinfo:hover  { background: url('../images/moreinf2.png') no-repeat 0 0; float: left}

.video { width: 67px; height: 31px; display: block; text-indent: -999999em; background: url('../images/video1.png') no-repeat 0 0; float: left; margin-left: 10px;}
.video:hover  { background: url('../images/video2.png') no-repeat 0 0; float: left}

.top_image_wrapper { margin: 0 0 4px 0; width: 172px; height: 124px; padding: 3px; background: url('../images/top_image_wrapper.jpg') no-repeat 0 0; position: relative; z-index: 8; }
.top_image_wrapper img {  }

/* Wide */

.wide { width: 722px; position: relative; left: -4px; }

.wide_header { height: 35px; font-weight: bold; padding: 16px 0 0 59px; }
.wide_header a { color: #ffffff; font-size: 2.1em; display: block; padding: 0 0 10px 0; }

.wide_left { width: 362px; float: left; }
.wide_right { overflow: hidden; padding: 0 40px 0 30px;  position: relative; width: 232px; height: 111px; float: left; background: url('../images/gallery_background.jpg') no-repeat 0 0; }
.wide_right ul { /*padding: 0 5px; margin: 0 0 0 10px;*/ }
.wide_right ul li { float: left; /*display: none;*/ margin: 17px 0 0 0; width: 110px !important; padding: 0 !important; /*border: 1px solid black;*/ }

.wide_enter { width: 124px; height: 32px; display: block; text-indent: -999999em; margin: 14px 0 0 0; } 

.wide_middle { background: url('../images/wide_middle.png') repeat-y 0 0; padding: 7px 4px 26px 37px; }
.wide_middle ul li { line-height: 1.6em; font-weight: bold; color: #6f797a; font-size: 1.2em; padding: 0 0 0 25px; }

.wide_bottom { background: url('../images/wide_bottom.png') no-repeat left bottom; padding: 0 0 11px 0; /*_padding-bottom: 37px;*/ }

#wide_1 .wide_header { background: url('../images/wide_header_1.png') no-repeat 0 0; }
#wide_1 .wide_enter { background: url('../images/wide_enter_1.jpg') no-repeat 0 0; }
#wide_1 .wide_enter:hover { background: url('../images/wide_enter_1.jpg') no-repeat 0 -32px; }
#wide_1 .wide_left ul li { background: url('../images/wide_li_1.jpg') no-repeat left 5px; }

#wide_2 .wide_header { background: url('../images/wide_header_2.png') no-repeat 0 0; }
#wide_2 .wide_enter { background: url('../images/wide_enter_2.jpg') no-repeat 0 -32px; }
#wide_2 .wide_enter:hover { background: url('../images/wide_enter_2.jpg') no-repeat 0 0; }
#wide_2 .wide_left ul li { background: url('../images/wide_li_2.jpg') no-repeat left 5px; }

#wide_3 .wide_enter { background: url('../images/wide_enter_3.jpg') no-repeat 0 0; }
#wide_3 .wide_enter:hover { background: url('../images/wide_enter_3.jpg') no-repeat 0 -32px; }
#wide_3 .wide_header { background: url('../images/wide_header_3.png') no-repeat 0 0; }
#wide_3 .wide_left ul li { background: url('../images/wide_li_3.jpg') no-repeat left 5px; }

.wide_last .wide_middle { padding-bottom: 14px; }

/* Gallery */

.gallery_previous { position: absolute; top: 36px; left: 0; }
.gallery_next { position: absolute; top: 36px; right: 0; }
.gallery_previous a, .gallery_next a { position: relative; display: block; overflow: hidden; width: 30px; height: 32px; position: relative; z-index: 10; }
.gallery_previous a:hover, .gallery_next a:hover { cursor: pointer; } 

#wide_1 .gallery_previous a span, .detail_right .gallery_previous a span { background: url('../images/gallery_previous_1.jpg') no-repeat 0 0; }
#wide_1 .gallery_next a span, .detail_right .gallery_next a span { background: url('../images/gallery_next_1.jpg') no-repeat 0 0; }

#wide_2 .gallery_previous a span { background: url('../images/gallery_previous_2.jpg') no-repeat 0 0; }
#wide_2 .gallery_next a span { background: url('../images/gallery_next_2.jpg') no-repeat 0 0; }

#wide_3 .gallery_previous a span { background: url('../images/gallery_previous_3.jpg') no-repeat 0 0; }
#wide_3 .gallery_next a span { background: url('../images/gallery_next_3.jpg') no-repeat 0 0; }

/* Detail */

.detail_top { background: url('../images/detail_top.png') no-repeat 0 top; position: absolute; top: -7px; width: 722px; left: 0; height: 95px; }
.detail_bottom { background: url('../images/detail_bottom.png') no-repeat 0 bottom; position: absolute; bottom: -9px; width: 723px; left: 0; height: 95px; }
.detail_middle { margin: 0 0 28px 0; background: url('../images/detail_middle.png') repeat-y 0 7px;  width: 674px; position: relative; min-height: 95px; padding: 11px 28px 7px 20px; }

.detail_left { width: 360px; float: left; position: relative; z-index: 2; margin-right: 10px; } 
.detail_middle h3 { padding: 0 0 10px 0; font-weight: bold; font-size: 2em; position: relative; z-index: 2; background: url('../images/detail_divider.jpg') repeat-x 0 bottom; }
.detail_middle p { font-size: 1.2em; color: #51226f; line-height: 1.5em; padding: 10px 0 9px 0; }
.detail_middle h3 a { color: #da1886; }
.detail_middle h3 a:hover { text-decoration: underline; }

.detail_right { overflow: hidden; position: relative; margin: 15px 0 0 0; padding: 0 24px 10px 36px; width: 242px; float: left; height: 102px; background: url('../images/detail_right.jpg') no-repeat 0 0; } 

.detail_right ul li { float: left; /*display: none;*/ margin: 15px 9px 0 9px; width: 110px !important; padding: 0 !important; /*border: 1px solid black;*/ }



                  
                  
/* Footer
------------------------------*/

#footer { margin: 80px 0 0 0; height: 190px; background: url('../images/footer.jpg') repeat 0 0; width: 100%; color: #8a22d2; padding-top: 15px;}
#footer p { line-height: 1.3em }
#footer a { color: #8a22d2; }
#footer a:hover{ text-decoration: underline}
#footer .copyright { text-align: right; font-size: 1.1em; padding: 0 0 0 0; }
#footer .fleft {width: 300px; float: left; font-size: 1.2em; color: #5D6566;}
#footer .fmiddle {width: 300px; float: left; font-size: 1.2em; color: #5D6566; margin-left: 50px}


.popisek {height:80px;}

#preloader {
    /* Images you want to preload*/
    background-image: url('../images/video2.png');
    background-image: url('../images/moreinf2.png');
    background-image: url('../images/koupit2.jpg');
    background-image: url('../images/menu_videa1.jpg');
    background-image: url('../images/menu_rady1.jpg');
    background-image: url('../images/menu_top1.jpg');
    width: 0px;
    height: 0px;
    display: inline;
}

.vstup h2 a{color: #46C2F4 !important; font-size: 1.4em}
.vstup h2 a:hover{color: #B0EAFC !important;}