@charset "utf-8";
/* CSS Document */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }


img { border: none; }
a img { border: none; }
a { color: #C40006; text-decoration: underline; }
a:hover { color: #C40006; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/********/
/* FORM */
/********/
form {}
form * { font-family: Arial, Helvetica, sans-serif; }
form .input, textarea { padding: 5px; }
form .input, select, textarea { border: 1px solid #1C4286; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #1C4286 url(/img/body-bg.gif) repeat-x left top; color: #23407A; }
h1 { font-size: 16px; font-weight: normal; text-transform: uppercase; line-height: 32px; padding: 8px 0px 9px 0px; background: url(/img/h1-bg.gif) no-repeat left bottom; margin-bottom: 20px; }
h1 strong { color: #FFFFFF; padding: 7px 10px 7px 10px; line-height: 32px; background-color: #C40006; display: inline; position: static; width: auto; font-weight: normal; }
h1.overlap strong { display: inline; }
h1.overlap span { width: 553px; height: 32px; top: 8px; }
h2 { font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 18px; padding: 10px 0px 4px 0px; }
h3 { font-size: 14px; font-weight: bold; }
p { padding-bottom: 1em; }
a { color: #005b96; text-decoration: underline; }
ul { padding-bottom: 1em; }
ul li { list-style:  none; padding-left: 11px; background: url(/img/li-bg.gif) no-repeat left 7px; }
ol { padding-left: 2em; padding-bottom: 1em; }
ol li { padding-left: 0px; }
sup { line-height: 50%; }
address { font-style: normal; padding-bottom: 1em; }

.intro { font-size: 14px; }


form {}
fieldset { border: none; }
form .input,
form textarea,
form select { font-size: 12px; color: #1C4286; }
form .input,
form textarea { border: 1px solid #1C4286; padding: 2px 4px; }
form button { background-color: #FFFFFF; }


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; min-width: 980px; }

#page-bg { background: url(/img/wrapper-bg.gif) repeat-y center top; padding: 0px; min-width: 980px; }
#page-bg-top { background: url(/img/page-bg.jpg) no-repeat center top; padding: 0px; }
#page-bg-bottom { background: url(/img/bottom-bg.jpg) no-repeat center bottom; padding: 0px 0px 64px 0px; }
#body { background: #FFFFFF url(/img/content-bg.jpg) no-repeat left bottom; width: 950px; margin: 0px auto; text-align: left; position: relative; }

#main-content { width: 584px; float: right; padding: 28px 57px 30px 0px; min-height: 400px; }

.wide #main-content { width: auto; padding-left: 27px; float: none; }
.wide #left-column { display: none; }
.wide #right-column { display: none; }

#left-column { width: 308px; float: right; padding: 28px 0px 30px 0px; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { background-color: #FFFFFF; text-align: center; position: relative; }
#header-content { width: 950px; margin: 0px auto; text-align: left; position: relative; height: 94px; background: url(/img/menu-bg.gif) no-repeat center 62px; }
#logo { padding: 0px 0px 0px 0px; text-align: center; position: absolute; top: -81px; left: 419px; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { height: 50px; font-size: 11px; color: #c1ccdf; padding: 0px 30px 0px 30px; }
#footer p { padding: 0px; }
#footer #giant { float: right; }
#footer #giant img { vertical-align: middle; }
#footer #giant a { color: #c1ccdf; text-decoration: none; cursor: default; }
#footer #giant #sitemap-link { cursor: pointer; }
#footer #giant #sitemap-link:hover { text-decoration: underline; }
#footer #giant .decor { cursor: pointer; }
#footer #giant .decor:hover { text-decoration: underline; cursor: pointer;  }

#henkel { background: url(/img/henkel-bg.png) no-repeat left top; width: 910px; height: 34px; padding: 2px 7px 0px 7px; overflow: hidden; margin-left: 13px;  }
#henkel p { background: #FBFCFD url(/img/henkel-inner-bg.gif) repeat-x left top; padding: 0px; margin: 0px; text-align: center; height: 28px; overflow: hidden; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; top: -32px; left: 0px; }
#menu ul { width: 950px; height: 27px; overflow: hidden; position: absolute; top: 0px; left: 0px; }
#menu li { padding: 0px; margin: 0px; background: none; float: left; }
#menu li a { display: block; height: 27px; line-height: 29px; color: #173773; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 12px; position: relative; text-decoration: none; }
#menu li span { height: 27px; position: absolute; top: 0px; left: 0px; background-position: 0px 0px; background-repeat: no-repeat; cursor: pointer; }

#menu #menu-uvodni-stranka { padding-left: 18px; }
#menu #menu-produkty { padding-left: 18px; }
#menu #menu-zabava { padding-left: 18px; }
#menu #menu-prodejci { padding-left: 18px; }
#menu #menu-technicke-informace { padding-left: 145px; }
#menu #menu-caste-dotazy { padding-left: 30px; }
#menu #menu-o-nas { padding-left: 30px; }

#menu-uvodni-stranka * { width: 118px; }
#menu-produkty * { width: 82px; }
#menu-zabava * { width: 61px; }
#menu-prodejci * { width: 70px; }
#menu-technicke-informace * { width: 156px; }
#menu-caste-dotazy * { width: 106px; }
#menu-o-nas * { width: 54px; }

#menu-uvodni-stranka span { background-image: url(/img/menu-uvodni-stranka.png); }
#menu-produkty span { background-image: url(/img/menu-produkty.png); }
#menu-zabava span { background-image: url(/img/menu-zabava.png); }
#menu-prodejci span { background-image: url(/img/menu-prodejci.png); }
#menu-technicke-informace span { background-image: url(/img/menu-technicke-informace.png); }
#menu-caste-dotazy span { background-image: url(/img/menu-caste-dotazy.png); }
#menu-o-nas span { background-image: url(/img/menu-o-nas.png); }

/*#section-uvodni-stranka #menu-uvodni-stranka span,*/
#section-produkty #menu-produkty span,
#section-zabava #menu-zabava span,
#page-prodejci #menu-prodejci span,
#section-technicke-informace #menu-technicke-informace span,
#section-caste-dotazy #menu-caste-dotazy span,
#section-o-nas #menu-o-nas span { background-position: 0px -27px; }

#section-produkty #menu-produkty a,
#section-zabava #menu-zabava a,
#page-prodejci #menu-prodejci a,
#section-technicke-informace #menu-technicke-informace a,
#section-caste-dotazy #menu-caste-dotazy a,
#section-o-nas #menu-o-nas a { color: #C40006; }

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column {}
#left-column-content { padding: 0px 41px 0px 45px; }

#left-column h2 { padding: 7px 0px 6px 10px; }

/*************/
/* LEFT MENU */
/*************/
#left-menu { padding: 0px; margin: 0px; border-top: 1px solid #B2D3DB; }
#left-menu li { background: none; border-bottom: 1px solid #B2D3DB; padding: 6px 0px 5px 11px; }
#left-menu li.active { background: url(/img/left-menu-bg.gif) no-repeat left 11px; }
#left-menu a { color: #1C559A; text-decoration: none; }
#left-menu a:hover { text-decoration: underline; }


/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/

#pt-01 span { background-image: url(/img/pt-01.gif); }
#pt-02 span { background-image: url(/img/pt-02.gif); }
#pt-03 span { background-image: url(/img/pt-03.gif); }
#pt-04 span { background-image: url(/img/pt-04.gif); }
#pt-05 span { background-image: url(/img/pt-05.gif); }
#pt-06 span { background-image: url(/img/pt-06.gif); }
#pt-07 span { background-image: url(/img/pt-07.gif); }
#pt-08 span { background-image: url(/img/pt-08.gif); }
#pt-09 span { background-image: url(/img/pt-09.gif); }
#pt-10 span { background-image: url(/img/pt-10.gif); }
#pt-11 span { background-image: url(/img/pt-11.gif); }
#pt-12 span { background-image: url(/img/pt-12.gif); }
#pt-13 span { background-image: url(/img/pt-13.gif); }
#pt-14 span { background-image: url(/img/pt-14.gif); }
#pt-15 span { background-image: url(/img/pt-15.gif); }
#pt-16 span { background-image: url(/img/pt-16.gif); }
#pt-17 span { background-image: url(/img/pt-17.gif); }
#pt-18 span { background-image: url(/img/pt-18.gif); }
#pt-19 span { background-image: url(/img/pt-19.gif); }
#pt-20 span { background-image: url(/img/pt-20.gif); }
#pt-21 span { background-image: url(/img/pt-21.gif); }
#pt-22 span { background-image: url(/img/pt-22.gif); }
#pt-23 span { background-image: url(/img/pt-23.gif); }
#pt-24 span { background-image: url(/img/pt-24.gif); }
#pt-25 span { background-image: url(/img/pt-25.gif); }
#pt-26 span { background-image: url(/img/pt-26.gif); }
#pt-27 span { background-image: url(/img/pt-27.gif); }
#pt-28 span { background-image: url(/img/pt-28.gif); }
#pt-29 span { background-image: url(/img/pt-29.gif); }
#pt-30 span { background-image: url(/img/pt-30.gif); }
#pt-31 span { background-image: url(/img/pt-31.gif); }
#pt-32 span { background-image: url(/img/pt-32.gif); }
#pt-33 span { background-image: url(/img/pt-33.gif); }
#pt-34 span { background-image: url(/img/pt-34.gif); }
#pt-35 span { background-image: url(/img/pt-35.gif); }

#section-produkty #body { padding-top: 130px; }
#section-produkty.page-product-selection #body { padding-top: 20px; }
#section-produkty #main-content { padding-top: 0px; }
#section-produkty #left-column { padding-top: 15px; }

/* PAGE PRODUKTY */
.page-produkty {}
.page-produkty #main-content,
.page-product-selection #main-content { width: auto; float: none; padding-left: 27px; padding-right: 0px; }

.padding { padding-right: 300px; }

.product-item { display: block; width: 253px; height: 124px; padding: 15px 16px 1px 11px; margin: 0px 25px 16px 0px; float: left; overflow: hidden; font-size: 11px; }
.product-item:hover { border: 1px solid #B6CDE1; padding: 14px 15px 0px 10px; }
.product-item img.left { margin: 0px 5px 0px 0px; }
.product-item h2 { padding: 0px 0px 3px 0px; font-size: 11px; color: #1C559A; }
.product-item h2 strong { font-size: 20px; display: block; line-height: 22px; }
.product-item h2 a { color: #1C559A; text-decoration: none; }

.navod { width: 110px; text-align: center; float: right; padding: 5px 0px 0px 0px; font-size: 11px; }
.navod img { padding: 10px 0px 0px 0px; }
.navod.horiz { width: auto; float: none; }
.navod.horiz span { display: block; width: 110px; text-align: center; padding-right: 10px; float: left; }

.docs { width: 100%; border-collapse: collapse; }
.docs td { padding: 4px 10px 2px 10px; border-top: 1px solid #B0D3DB; border-bottom: 1px solid #B0D3DB; vertical-align: middle; }
.docs thead { display: none; }
.docs caption { font-size: 12px; font-weight: bold; text-align: left; padding: 10px 0px 5px 0px; text-transform: uppercase; }
.docs .ico { width: 16px; }
.docs .ico img { position: relative; top: 1px; }
.docs a { color: #C40006; }
.docs .size,
.docs .format { white-space: nowrap; text-align: right; }


#form-contact { width: auto; }
#form-contact p { padding-bottom: 5px;}
#form-contact label { display: block; width: 60px; float: left; line-height: 22px; }
#form-contact textarea { width: 400px; height: 100px; overflow: hidden; }
#form-contact button { padding: 3px 4px 2px 4px; font-size: 12px; border: 1px solid #1C4286; color: #1C4286; margin-left: 60px; cursor: pointer; }

#section-caste-dotazy #left-column { font-size: 11px; padding-top: 40px; }
#section-caste-dotazy #left-column h2 { padding-left: 0px; }
#faq {}
#faq dt { font-weight: bold; }
#faq dd { padding-bottom: 1em; }

#form-faq * { font-size: 11px; }
#form-faq p { padding-bottom: 3px; }
#form-faq label { display: block; width: 45px; line-height: 20px; font-size: 11px; }
#form-faq input { width: 185px; }
#form-faq textarea { overflow: hidden; width: 185px; height: 100px; }
#form-faq button { width: 60px; height: 23px; border: 1px solid #1C4286; background-color: #FFFFFF; color: #1C4286; text-align: center; line-height: 23px; }


#section-technicke-informace h1 { width: 40%; }
#section-technicke-informace #main-content { float: none; width: auto; padding-left: 53px; padding-right: 0px; }
#section-technicke-informace .column { width: 405px; padding-right: 35px; float: left; }

#section-o-nas address { width: 250px; float: left; }
#section-o-nas div.col2 { width: 300px; float: left; }
#section-o-nas div table { margin-bottom: 15px; }
#section-o-nas div table td,
#section-o-nas div table th { text-align: left; padding: 5px 30px 0 0; }

#news { padding-left: 70px; }
#news dt { text-indent: -70px; font-weight: bold; font-size: 13px; }
#news dd { padding-bottom: 1em; }
#news .date { display: block; width: 70px; float: left; font-weight: normal; font-size: 12px; line-height: 20px; height: 18px; }

/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
#homepage {}
#homepage #body { padding-top: 19px; position: relative; }
#homepage #left-column { padding: 11px 0px 15px 0px; width: 252px; float: right; }
#homepage #middle-column { width: 430px; padding: 0px 12px 0px 0px; float: right; }
#homepage #column-wrapper { width: 694px; float: left; padding: 0px; }
#homepage #right-column { padding: 11px 0px 5px 0px; width: 256px; float: left; }

#homepage .block { background-position: 19px 15px; background-repeat: no-repeat; padding: 0px 25px 15px 22px; margin-bottom: 16px; position: relative; }
#homepage .block .content { background-color: #F2F7FA; padding: 0px 0px 0px 9px; height: 130px; }
#homepage .block h2 { font-size: 20px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; padding: 0px 0px 0px 9px; text-transform: none; letter-spacing: -1px; color:#C40006; position: relative; }
#homepage .block h2 span { display: block; width: 200px; height: 35px; background-position: 0px 0px; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; }

#homepage #lb-01 { background-image: url(/img/lb-bg-01.png); }
#homepage #lb-01 h2 span { background-image: url(/img/lbt-01.gif); }
#homepage #lb-02 { background-image: url(/img/lb-bg-02.png); }
#homepage #lb-02 .content { background-color: #D0DEE9; height: auto; }
#homepage #lb-02 .content a { overflow: hidden; display: block; height: 143px; }
#homepage #lb-02 h2 { margin-bottom: -10px; }
#homepage #lb-02 h2 span { background-image: url(/img/lbt-02.png); }

#homepage #right-column .block { padding-left: 11px; background-position: 8px 15px; margin-top: 200px; }
#homepage #rb-01 { background-image: url(/img/rb-bg-01.png); padding-right: 0; }
#homepage #rb-01 h2 { width: 210px; height: 37px; }
#homepage #rb-01 h2 span { background-image: url(/img/rbt-01.png); width: 210px; height: 37px; }
#homepage #rb-01 .content { background-color: transparent; height: auto; }
#power-gel { display: block; width: 222px; height: 132px; overflow: hidden; margin-left: -10px; }
#tetris { display: block; height: 67px; overflow: hidden; }
#blechy { display: block; height: 85px; overflow: hidden; }

/* cube flash */
#cube-flash { position: absolute; right: -15px; top: 10px; }


#homepage #rb-02 { background-image: url(/img/rb-bg-02.png); font-size: 11px; }
#homepage #rb-02 h2 span { background-image: url(/img/rbt-02.gif); }
#homepage #rb-02 .content { background-color: transparent; }
#homepage #rb-02 h2 a { position: absolute; top: 0px; right: 0px; display: block; line-height: 35px; font-weight: normal; text-decoration: none; font-size: 11px; padding-right: 15px; }
#homepage #rb-02 h2 a strong { text-decoration: underline; letter-spacing: normal; }
#homepage #rb-02 em { font-style: normal; padding-right: 5px; }
#homepage #rb-02 p { color: #1C559A; padding-right: 10px; }
#homepage #rb-02 p a { text-decoration: underline; font-weight: normal; color: #1C559A;  }
#homepage #rb-02 p a:hover { text-decoration: underline; }

/*#homepage h1 { background-image: none; padding-bottom: 0px; }*/
#homepage h1 { margin-bottom: 8px; margin-top: 5px; }
#homepage h1 strong { background-image: none; padding-top: 0px; padding-bottom: 0px; display: block; line-height: 32px; }
/*#homepage #middle-column { background: url(/img/homepage-bg.jpg) no-repeat right 44px; height: 410px; }*/
#homepage #middle-column p { padding-right: 160px; line-height: 16px; padding-bottom: 7px; }
#homepage #middle-column p.no-padding { padding-bottom: 4px; }

/* ROLETY */
#lb-01 .content p {padding: 0px; color: #142761; padding-top: 20px; padding-bottom: 5px; }
#lb-01 .content div { font-size: 18px; }
#lb-01 .content div p { display: block; width: 178px; height: 32px; background: #496A9B url(/img/roleta-01.png) no-repeat left top; padding: 0px 0px 0px 10px; margin: 0px; line-height: 30px; color: #FFFFFF;}
#lb-01 .content #roleta-02 p { background-image: url(/img/roleta-02.png); background-color: #A6B9D2; }
#lb-01 .roleta {}
#lb-01 .roleta .wrapper { background: url(/img/roleta-01-bottom.gif) no-repeat left bottom; padding: 0px 0px 4px 0px; width: 161px; position: absolute; display: none; left: 0px; top: 32px; }
#lb-01 .roleta:hover .wrapper { display: block; }
#lb-01 .roleta .top { background: #39588D url(/img/roleta-01-top.gif) no-repeat left top; padding: 4px 0px 0px 0px;  }
#lb-01 .roleta ul { padding: 2px 0px 0px 0px; margin: 0px; }
#lb-01 .roleta li { list-style: none; background: url(/img/arrow-01.gif) no-repeat 9px 6px; color: #FFFFFF; font-size: 12px; font-weight: normal; padding-left: 17px; padding-bottom: 3px; }
#lb-01 .roleta li a { color: #FFFFFF; text-decoration: none; }
#lb-01 .roleta li a:hover { text-decoration: underline; }
#lb-01 #roleta-02 .top { background-color: #90A6C8; background-image: url(/img/roleta-02-top.gif); }
#lb-01 #roleta-02 li { background-image: url(/img/arrow-02.gif); }
#lb-01 #roleta-02 .wrapper { background-image: url(/img/roleta-02-bottom.gif); }

/* Z-INDEX FIX */
#lb-01 { z-index: 21; }
#lb-02 { z-index: 11; }
#lb-01 #roleta-01 { z-index: 21; }
#lb-01 #roleta-01 .wrapper { z-index: 10; }
#lb-01 #roleta-02 {}
#lb-01 #roleta-02 .wrapper { z-index: 11; }

#lb-01 #roleta-01 .wrapper { left: 32px; top: 67px; }
#lb-01 #roleta-02 .wrapper { left: 32px; top: 142px; }



/* DOCK */
#dock { padding: 0px; text-align: center; position: absolute; top: 10px; left: 0px; text-align: center; background-color: transparent; z-index: 0; width: 950px; }
#dock ul { margin: 0px auto; height: 100px; padding: 20px 0px 0px 30px; width: 705px; text-align: left; background: url(/img/dock-bg.png) no-repeat center 12px;}
#dock li { background: none; padding: 0px 5px; margin: 0px; list-style: none; float: left; width: 70px; position: relative; text-align: center; vertical-align: middle; }
#dock a { text-decoration: none; }
#dock span { display: none; width: 130px; font-size: 9px; color: #FFFFFF; padding-top: 8px; background: url(/img/arrow-up.gif) no-repeat 10px 0px; text-transform: uppercase; line-height: 13px; text-align: left; position: absolute; top: 90px; z-index: 10; }
#dock span em { font-style: normal; display: block; padding: 3px; background-color: #CC0006; }
#dock span strong { font-size: 11px; }
#dock .d12,     #dock .d13      { padding-top: 29px; width: 35px; }
#dock .d12 span, #dock .d13 span { left: 0px; top: 69px; }
#dock .d1,      #dock .d11      { padding-top: 25px; width: 35px; }
#dock .d1 span, #dock .d11 span { left: 0px; top: 69px; }
#dock .d2,      #dock .d10      { padding-top: 20px; width: 40px; }
#dock .d2 span, #dock .d10 span { left: 1px; top: 74px; }
#dock .d3,      #dock .d9       { padding-top: 15px; width: 45px; }
#dock .d3 span, #dock .d9 span  { left: 3px; top: 79px; }
#dock .d4,      #dock .d8       { padding-top: 9px; width: 50px; }
#dock .d4 span, #dock .d8 span  { left: 6px; top: 84px; }
#dock .d5,      #dock .d7       { padding-top: 4px; width: 65px;  }
#dock .d5 span, #dock .d7 span  { left: 12px; top: 86px; }
#dock .d6                      { padding-top: 0px; width: 80px; }
#dock .d6 span                 { left: 15px; top: 90px; }
#dock #arrow-left { position: absolute; left: 80px; top: 55px; }
#dock #arrow-right { position: absolute; right: 80px; top: 55px; }


/* VIDEO */
#section-zabava #main-content { padding-right: 0px; width: 641px; }
#section-zabava.rekord #main-content { padding-right: 0px; width: 631px; margin-right: 10px; }
.video-item { width: 280px; float: left; font-size: 11px; margin-right: 40px; }
.video-item h2 { font-size: 13px; }
.video-item div { width: 280px; height: 210px; overflow: hidden; }
.video-item p { padding-top: 5px; }
.video-item img { cursor: pointer; }

a.play { background: url(/img/play-button.gif) no-repeat left center; padding: 1px 0px 2px 26px; font-size: 12px; text-transform: uppercase; display: block; float: left; }
a.download { background: url(/img/download.gif) no-repeat left center; padding: 1px 0px 2px 26px; }
span.download { display: block; text-align: right; padding-top: 1px; }

/* ZABAVA */
#section-zabava.page-zabava #main-content { width: auto; padding-left: 56px; float: none; padding-bottom: 0px; }
.page-zabava .link-block { width: 264px; height: 160px; float: left; margin: 0px 26px 40px 0px; background-position: top left; background-repeat: no-repeat; overflow: hidden; }
.link-block h2 { color: #CC0006; height: 33px; padding: 0px 0px 0px 10px; margin: 0px; line-height: 33px; }
.link-block h2 a { color: #CC0006; padding-top: 24px; }
.link-block h2 span { width: 264px; height: 33px; left: -10px; }
#block-sprievodca h2 { line-height: 90px; height: 50px; }
#block-sprievodca h2 span { height: 50px; }
.link-block { font-size: 11px; color: #1c559a; }
.link-block p { padding: 13px 130px 0px 9px; }
#block-spoty { background-image: url(/img/block-spoty.png); }
#block-spoty-world { background-image: url(/img/block-spoty.png); }
#block-tetris { background-image: url(/img/block-tetris.jpg); }
#block-blechy { background-image: url(/img/block-blechy.jpg); }
#block-man { background-image: url(/img/block-man.jpg); }
#block-soutez { background-image: url(/img/block-soutez.jpg); }
#block-akce { background-image: url(/img/block-akce.png); }
#block-rekord { background-image: url(/img/block-rekord.png); }
#block-fergal { background-image: url(/img/block-fergal.png); }
#block-fergal h2 span { left: -8px; }
#block-sprievodca { background-image: url(/img/block-sprievodca.png); }
#block-dielna { background-image: url(/img/block-dielna.png); }

#block-spoty h2 span { background-image: url(/img/bt-01.png); }
#block-spoty-world h2 span { background-image: url(/img/bt-06.png); }
#block-tetris h2 span { background-image: url(/img/bt-02.gif); }
#block-blechy h2 span { background-image: url(/img/bt-03.gif); }
#block-soutez h2 span { background-image: url(/img/bt-04.png); }
#block-akce h2 span { background-image: url(/img/bt-05.png); }
#block-rekord h2 span { background-image: url(/img/bt-07.png); }
#block-fergal h2 span { background-image: url(/img/bt-08.png); }
#block-dielna h2 span { background-image: url(/img/bt-09.png); }
#block-sprievodca h2 span { background-image: url(/img/bt-10.png); }

#block-spoty p { padding-right: 140px; }
#block-tetris p { padding-right: 140px; }
#block-blechy p { padding-right: 120px; }
#block-soutez p { padding-right: 100px; }

#form-soutez { padding-right: 50px;}
#form-soutez * { vertical-align: middle; }
#form-soutez label { width: 360px; display: block; float: left; line-height: 20px; }
#form-soutez p { clear: both; padding-bottom: 5px; }
#form-soutez select { width: 200px; }
#form-soutez fieldset { border-top: 1px solid #C8D9E7; padding-top: 10px; padding-bottom: 20px; }
#form-soutez legend { font-weight: bold; padding-right: 10px; }
#form-soutez .col { width: 49%; float: left; }
#form-soutez .col label { width: 60px; }
#form-soutez .col .input { width: 150px; }
#form-soutez .center { padding: 10px 0px 10px 0px; }

#section-zabava.page-osobni-udaje #main-content { padding-right: 50px; width: 591px; }

#page-sitemap #main-content { width: auto; float: none; padding-left: 27px; padding-right: 0px; }


.gallery a { display: block; width: 270px; height: 200px; overflow: hidden; margin: 0px 10px 10px 10px; float: left; }


#nova-receptura { display: block; width: 132px; height: 213px; overflow: hidden; position: absolute; top: 290px; left: 27px; background: url(/img/visacka-big.png) no-repeat left top; }

.vid1 { width: 368px; }
.vid1 div { width: 368px; }
.vid2 { width: 512px; }
.vid2 div { width: 512px; height: 280px; }

/******************/
/* PAGE: PRODEJCI */
/******************/
#page-prodejci h1 { padding-bottom: 9px; line-height: 32px; }
#page-prodejci h1 span { background-color: #c40006; display: inline-block; height: 32px; padding: 0px 10px; color: #fff; font-weight: bold; }
#page-prodejci address { font-style: normal; margin-bottom: 0.5em; }

#breadcrumbs { margin-bottom: 10px; }

#form-search-dealer fieldset { padding: 0; border: 0; margin: 0; }

/* mapa */
#map-wrapper { width: 425px; height: 211px; padding: 20px 0 25px 30px; }
#mapa-sr-wrapper { width: 425px; height: 211px; background: url(/img/mapa-sr-sprite.png) no-repeat left top; position: relative; z-index: 0; }
#mapa-sr-wrapper .bubble { display: block; color: #FFFFFF !important; height: 30px; position: absolute; top: 40px; left: 0px; line-height: 30px; z-index: 0; padding: 0px; }
#mapa-sr-wrapper .bubble span { background: #23407a; }
#mapa-sr-large-img { border: none; }
#mapa-sr-wrapper .bubble span { color: #FFFFFF; font-weight: bold; font-size: 12px; padding: 0px 10px; white-space: nowrap; float: left; }
#mapa-sr-wrapper img { position: relative; z-index: 10; }
#mapa-sr-kontakty { position: absolute; right: 0px; width: 390px; top: 175px; right: 95px; text-align: center; }
#mapa-sr-kontakty img { margin-bottom: 5px; }

#main-content .arrow-list { font-size: 13px; height: 100%; overflow: auto; }
#main-content .arrow-list li { width: 160px; float: left; padding-bottom: 6px; }

#page-prodejci #main-content .column1 { margin-right: 10px; width: 280px; float: left; padding: 5px 0px 0px 0px; }
#page-prodejci #main-content .column2 { width: 290px; float: left; padding: 5px 0 0px 0px; }

/* LEFT COLUMN */
#page-prodejci #submenu { width: 200px; padding: 0 10px 10px; }
#page-prodejci #submenu .section-menu { margin-left: -5px; }

/* interactive map */
#submenu #interactive-map { padding-bottom: 5px; }
#interactive-map h2 { padding-left: 0; }

/* PICTURES */
#page-prodejci .pic { width: 170px; overflow: hidden; float: left; margin-right: 10px; padding-bottom: 5px; }
#page-prodejci .pic.even { margin-right: 0px; }
#page-prodejci .pic a { padding-left: 17px; background: url(/img/zoom.png) no-repeat left 4px; display: block; font-size: 11px; }
#page-prodejci .pic a.thumbnail { padding: 0px; background: none; }
#page-prodejci .pic a img { padding-bottom: 1px; }

/**************/
/* GOOGLE MAP */
/**************/
.google-map { position: relative; margin-bottom: 50px; }
/*.map-wide .google-map { width: 505px; }*/
.google-map-canvas { height: 300px; overflow: hidden; }
.google-map-toggle { display: block; position: absolute; bottom: -38px; right: 0px; padding: 0px 0px 5px 0px; }
.google-map-toggle span { display: inline-block; height: 26px; line-height: 26px; font-weight: normal; color: #FFFFFF; padding: 0px 5px 0px 22px; background: #23407a url(/img/zoom.png) 5px 8px no-repeat; cursor: pointer; font-size: 11px; text-transform: uppercase; }

.google-map.big .google-map-canvas { height: 450px; }
.google-map.big .google-map-toggle span { background-image: url(/img/ico-zoom-white.png); }

#page-prodejci .dealers { margin: 0 0 15px 0; width: 100%; border-collapse: collapse; border: none; }
#page-prodejci .dealers td { border: none; border-bottom: 1px solid #414141; padding: 8px 5px 6px 5px; vertical-align: top; border-collapse: collapse; }
#page-prodejci .dealers strong { display: inline; padding: 0px; }
#page-prodejci .dealers .distance { font-size: 11px; font-weight: bold; }
#page-prodejci .dealers .shop { font-size: 12px; line-height: 18px; width: 270px; }
#page-prodejci .dealers .shop strong { display: block; }
#page-prodejci .dealers .shop strong a { font-weight: bold; }
#page-prodejci .dealers .links { font-size: 11px;  width: 125px; }
#page-prodejci .dealers .opening-hours { font-size: 11px; white-space: nowrap; text-align: right; }
#page-prodejci .dealers .opening-hours ul { padding: 2px 0px 5px 0px; margin: 0px; white-space: nowrap; line-height: 18px; height: 25px; }
#page-prodejci .dealers .opening-hours li { float: left; text-align: center; list-style: none; margin: 0px; font-size: 10px; text-transform: uppercase; color: #999; background: url(/img/bullet-grey.png) no-repeat center bottom; padding: 0px 3px 12px 3px; }
#page-prodejci .dealers .opening-hours li.open { background-image: url(/img/bullet-green.png); }
#page-prodejci .dealers .opening-hours li.close { background-image: url(/img/bullet-red.png); }

table.search-results td { padding-top: 24px; }
table.search-results td.shop { padding-top: 6px; }

#block-search-dealer { margin-bottom: 15px; }
.no-margin { margin: 0 !important; }
#block-search-dealer h2 { padding-left: 0; }
#block-search-dealer p { padding-bottom: 5px; }
#block-search-dealer label { }
#block-search-dealer input { vertical-align: middle; }
#block-search-dealer select { width: 180px; }
#block-search-dealer #form-search-dealer-area { width: auto; }
#form-search-dealer .button-submit { vertical-align: middle; }
#form-search-dealer-city { width: 170px; }

#block-brands { padding-bottom: 10px; }
#block-brands ul { padding-top: 8px !important; }
#block-regions ul { padding-top: 8px !important; }

h2.search-results-title { font-weight: normal; text-transform: none; }
h2.search-results-title em { font-style: normal; font-weight: bold; }

/* MAP BUBBLE */
div.map-bubble-name { font-size: 14px; font-weight: bold; color: #111; }
div.map-bubble-address { font-size: 12px; color: #111; }
div.map-bubble-more { font-size: 11px; font-weight: bold; color: #111; }
div.map-bubble-more a { color: #111 !important; }

#uprising-flash { position: relative; top: -50px; }

/* FERMATA BANNER */

#fermata-banner { margin:5px auto; width:910px; height:50px; background-color:#000; }
#homepage #right-column .block { margin-bottom:0px; }
/*#homepage #middle-column { background:url(/img/homepage-replace.png) no-repeat 268px 29px; }*/
#homepage #rb-02 h2 span {background-image: url(/img/novinky-replace.png);}
#homepage #lb-02 h2 span {background-image: url(/img/spoty-replace.png);}

/* DIELNA */
#slides-holder { position: relative; overflow: hidden; width: 631px; height: 285px; }
#icons { width: 631px; height: 285px; }
#icons ul li { background: url(/img/icons-lepidlar.png) no-repeat; height: 60px; width: 125px; display: inline-block; padding: 0 0 20px 83px; margin: 0 0 15px; cursor: pointer; float: left; }
#icons ul li:hover { background: url(/img/icons-lepidlar-hover.png) no-repeat; color: #e31e2d; }
#icons ul li a { color: #23407A; text-decoration: none; line-height: 80px }
#icons ul li:hover a { color: #e31e2d; }

.back-level-1, .back-level-2 { display: inline-block; padding: 5px 0; }

.category-icon {  background: url(/img/icons-lepidlar.png) no-repeat; padding-left: 80px; line-height: 80px; height: 80px; display: inline-block; font-weight: bold; }

#icons #icon-1, #category-1 .category-icon { background-position: 0px 0px; }
#icons #icon-2, #category-2 .category-icon { background-position: 0px -285px; }
#icons #icon-3, #category-3 .category-icon { background-position: 0px -570px; }
#icons #icon-4, #category-4 .category-icon { background-position: 0px -98px; }
#icons #icon-5, #category-5 .category-icon { background-position: 0px -387px; }
#icons #icon-6, #category-6 .category-icon { background-position: 0px -670px; }
#icons #icon-7, #category-7 .category-icon { background-position: 0px -485px; }
#icons #icon-8, #category-8 .category-icon { background-position: 0px -766px; }
#icons #icon-9, #category-9 .category-icon { background-position: 0px -192px; }

#first-step { width: 631px; position: absolute; top: 0px; left: 631px; height: 285px; }
#second-step { width: 631px; position: absolute; top: 285px; left: 0px; height: 285px; }

#slides-holder .slide { display: none; }
#first-step .subcategory { display: none; }