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


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, dl, dt, dd, form, fieldset, blockquote, address, h1, h2, h3, h4, h5, h6, img, span  { padding: 0px; margin: 0px; outline: none; }

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

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; }
.valign-middle { vertical-align: middle; }

.light-green { color: #56ac2b; }
.dark-green { color: #008100; }
.orange { color: #ff8100; }
.red { color: #DC132B; }


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

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 {}
input, select, textarea { font-family: Arial, Helvetica, sans-serif; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #F7D035 url(/img/background.jpg) repeat-x center top; color: #333333; }
h1 { font-size: 28px; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; color: #006AA7; font-weight: normal; line-height: 30px; float: left; padding-bottom: 35px; }
h1 strong { display: block; background-color: #DC1027; color: #FFFFFF; padding: 5px 15px; }
h2 { font-size: 14px; font-weight: bold; }
h3 { margin-bottom: 5px; font-size: 14px; }
p { margin-bottom: 1em; }
a { color: #DC1027; }
ul { margin-bottom: 2em; }
ol { margin-bottom: 2em; margin-left: 2em; }
a.ext { padding-right: 11px; background: url(/img/ext.png) no-repeat right 4px; }
a:hover { color: #444444; }
fieldset { border: none; }
input, select, textarea, button { font-family: Arial, Helvetica, sans-serif; }
textarea, button { font-size: 12px; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
#page-wrapper { width: 1000px; margin: 0px auto; position: relative; }

#body { background: #FFFFFF url(/img/main-content-top.png) no-repeat left top; padding: 10px 10px 0px 10px; }

#column-wrapper { width: 702px; padding: 0px 0px 0px 0px; margin-left: 35px; float: right; }

#main-content { width: 765px; float: right; position: relative; padding-top: 40px; }


#body.wide #main-content { width: auto; float: none; padding-right: 10px; margin: 0px; }
#body.wide #right-column { display: none; }

#c-left-col { width: 523px; float: left; padding-left: 10px; }
#c-right-col { width: 232px; float: right; position: relative; margin-bottom: -150px; }
#c-left-col2 { width: 554px; float: left; padding-left: 10px; }
#c-right-col2 { width: 201px; float: right; position: relative; margin-bottom: -150px; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 176px; position: absolute; width: 258px; }

#logo { margin: 0px; }


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { background: url(/img/main-content-bottom.png) no-repeat left top; font-size: 11px; padding: 15px 10px 10px 10px; padding-bottom: 30px; }
#page-soutez #footer { position: relative; top: -40px; }
#page-videa #footer { position: relative; top: -40px; }
#footer p { padding: 0px; margin: 0px; }
#footer a { color: #51471c; }
#giant { color: #51471c; float: right; }
#giant a { color: #51471c; text-decoration: underline; }
/*#giant img { vertical-align: middle; }*/
#giant-logo { width: 54px; height: 15px; float: right; display: block; position: relative; top: 2px; margin-left: 4px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { width: 192px; margin: 0px; padding: 0px; position: relative; left: 0px; top: 176px; }
#menu li { display: block; font-size: 12px; color: #DA172D; height: 26px; padding-left: 0px; position: relative; }
/*#menu li + li { padding-left: 14px; }*/
#menu a { color: #DA172D; text-decoration: none; display: block; position: relative; white-space: nowrap; font-weight: bold; line-height: 26px; height: 26px; background: url(/img/menu-divider.png) center bottom no-repeat; padding-left: 25px; }
#menu a:hover { color: #000000; }
#menu span {  }
#menu li.active a { background: none; }
#menu li.active-under a { background: none; }
#menu li.active span { width: 184px; height: 37px; display: block; position: absolute; top: -10px; background: url(/img/active-menu.png) top left no-repeat; left: 1px; } 
#menu li.active a { color: #000000; }

/************************************/
/*                            PASKA */
/************************************/
#paska { height: 231px; }

/*******************************************************************/
/*                                                            BODY */
/*******************************************************************/
#body { }

/**************/
/* BREADCRUMB */
/**************/
#breadcrumb { height: 30px; padding: 0px 0px 0px 14px; margin: 0px 0px 8px 0px; line-height: 30px; font-size: 11px; color: #919290; background: url(/img/breadcrumb-bg.png) repeat-x left top; }
#breadcrumb strong { padding-right: 8px; font-weight: normal; }
#breadcrumb a { color: #919290; }

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content { padding-bottom: 20px; }

#main-content p strong, #main-content li strong { color: #DC132B; }

p.intro { font-size: 16px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #58604F; padding-bottom: 6px; }
.note { background: #EAEAEA; padding: 10px; text-align: left; font-size: 11px; line-height: 18px; }


/* TABLE */
.table { border-top: 1px solid #CCCCCC; border-collapse: collapse; margin-top: 1.3em; clear: both; margin-bottom: 2.5em;}
.table th {  border-bottom: 1px solid #CCCCCC; padding: 3px 4px 2px 4px; color: #008100; }
.table td { border-bottom: 1px solid #CCCCCC; padding: 3px 4px 2px 4px; }
.table tr.even { background-color: #F4FFF4; }
.table caption { font-size: 14px; font-weight: bold; color: #666666; text-align: left; padding-bottom: 3px; line-height: 100%;}


.normal-table th { text-align: left; }
.normal-table { font-size: 11px; width: 100%; }
.normal-table tbody th { vertical-align: top; color: #333333; }

#main-content p + h2 { margin-top: 2em; }

#main-content ul { padding-left: 0px; list-style-type: none; }
#main-content ul li { list-style-type: none; background: url(/img/odrazka-red.gif) no-repeat 0 4px; padding-left: 15px; }


/* H1 OVERLAPS */
/* hp */
#h1-univerzalni-paska { width: 292px; height: 97px; }
#h1-univerzalni-paska span { width: 292px; height: 97px; background: url(/img/h1-univerzalni-paska.gif) top left no-repeat; }
/* /hp */
#h1-produkty { width: 210px; height: 51px; }
#h1-produkty span { width: 210px; height: 51px; background: url(/img/h1-produkty.gif) top left no-repeat; }

#h1-kontakt { width: 174px; height: 45px; }
#h1-kontakt span { width: 174px; height: 45px; background: url(/img/h1-kontakt.gif) top left no-repeat; }

#h1-videa { width: 435px; height: 79px; margin-bottom: -15px; padding-bottom: 0; position: relative; top: -10px; }
#h1-videa span { width: 435px; height: 79px; background: url(/img/h1-videa.gif) top left no-repeat; }

#h1-soutez { width: 401px; height: 72px; padding-bottom: 15px; }
#h1-soutez span { width: 401px; height: 72px; background: url(/img/h1-soutez.gif) top left no-repeat; }

#h1-ukazky { width: 314px; height: 57px; padding-bottom: 15px; }
#h1-ukazky span { width: 314px; height: 57px; background: url(/img/h1-ukazky.gif) top left no-repeat; }

#h2-nova-technologie { width: 193px; height: 27px; overflow: hidden; }
#h2-nova-technologie span { width: 193px; height: 27px; background: url(/img/h2-nova-technologie.png) top left no-repeat; }
#h2-nova-technologie span.text { padding-top: 27px; background: none; }

#h2-vlastnosti { width: 108px; height: 25px; overflow: hidden; }
#h2-vlastnosti span { width: 108px; height: 25px; background: url(/img/h2-vlastnosti.png) top left no-repeat; }
#h2-vlastnosti span.text { padding-top: 25px; background: none; }

#h2-baleni { width: 73px; height: 27px; overflow: hidden; }
#h2-baleni span { width: 73px; height: 27px; background: url(/img/h2-baleni.png) top left no-repeat; }
#h2-baleni span.text { padding-top: 27px; background: none; }

#h2-ke-stazeni { width: 245px; height: 32px; overflow: hidden; }
#h2-ke-stazeni span { width: 245px; height: 32px; background: url(/img/h2-ke-stazeni.png) top left no-repeat; }
#h2-ke-stazeni span.text { padding-top: 32px; background: none; }

#h2-sms-soutez { width: 482px; height: 74px; overflow: hidden; }
#h2-sms-soutez span { width: 482px; height: 74px; background: url(/img/h2-sms-soutez.png) top left no-repeat; }
#h2-sms-soutez span.text { padding-top: 74px; background: none; }


#h2-soutez-zajezd { width: 554px; height: 41px; overflow: hidden; }
#h2-soutez-zajezd span { width: 554px; height: 41px; background: url(/img/h2-soutez-zajezd.png) top left no-repeat; }
#h2-soutez-zajezd span.text { padding-top: 41px; background: none; }


/* Bloky */
#main-content .content-block { position: relative; padding-left: 35px; }
#main-content span.c-block-bgr { background: url(/img/product-block-bg.png) top left no-repeat; position: absolute; display: block; width: 510px; height: 90px; left: 0; }

#main-content #c-left-col2 .content-block { position: relative; padding-left: 35px; margin-top: 20px; padding-bottom: 10px; }
#main-content #c-left-col2 span.c-block-bgr { background: url(/img/product-block-bg2.png) top left no-repeat; position: absolute; width: 554px; height: 88px; left: 0; }


#main-content #c-left-col2 .content-block h2{ top: -10px; position: relative; }
#main-content .content-block h2 { margin-left: -15px; margin-bottom: 20px; }
#main-content .content-block h2.nomargin { margin-bottom: 0px; }
#rez-img { display: block; width: 497px; height: 314px; margin-left: -35px; }

#main-content p.more-info-pr a { padding-left: 35px; }
#main-content p.soutez-probiha { padding-left: 35px; }

p.odrazka { padding-left: 20px; background: url(/img/odrazka-red.gif) 5px 4px no-repeat; margin-left: -20px; }

p.otazka { font-size: 14px; font-weight: bold; }
.krokodyl img { padding-bottom: 35px; }

#main-content strong.black { color: #000000; }

/* soutez */
#main-content strong.telefon { font-size: 16px; }
#main-content p.priklad { font-size: 14px; }
#main-content p.priklad strong { color: #000000; }
#main-content p.pdf { color: #DC1027; }
#main-content p.pdf img { position: relative; top: 3px; }

/* REZ PASKOU */
#rez-1 { width: 155px; height: 50px; position: absolute; top: 60px; left: 25px; }
#rez-2 { width: 150px; height: 50px; position: absolute; top: 150px; left: 25px; }
#rez-3 { width: 150px; height: 50px; position: absolute; top: 221px; left: 25px; }
/* PASKY IMG */
#img-1 { position: relative; top: -480px; display: block; width: 237px; height: 193px; }
#img-2 { position: relative; top: -119px; display: block; width: 228px; height: 181px; }
#img-3 { position: relative; top: 238px; display: block; width: 237px; height: 193px; }

/* SOUTEZ IMG */
#img-s-1 { position: relative; top: -378px; display: block; width: 167px; height: 186px; }
#img-s-2 { position: relative; top: -27px; display: block; width: 186px; height: 142px; }
#img-s-3 { position: relative; top: 304px; display: block; width: 186px; height: 167px; }
#img-s-4 { position: relative; top: -151px; display: block; width: 237px; height: 193px; }
#img-s-5 { position: relative; top: 24px; display: block; width: 209px; height: 165px; }

/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
#page-homepage #main-content { padding-top: 85px; }
#page-homepage h1 { padding-bottom: 30px; }
#hp-obrazovka { position: relative; top: -207px; margin-bottom: -210px; display: block; width: 472px; height: 372px; float: right; }
#hp-paska { position: absolute; top: 276px; left: 616px; z-index: 2; }

#hp-col-wrapper {  }
#hp-col-wrapper #left-col { width: 372px; float: left; height: 180px; position: relative; }
#hp-col-wrapper #right-col { width: 372px; float: right; height: 180px; background: url(/img/hp-obrazky.png) top left no-repeat; position: relative; }

#hp-h2-soutez { width: 303px; height: 93px; overflow: hidden; margin-bottom: -10px; }
#hp-h2-soutez span { width: 303px; height: 93px; background: url(/img/hp-h2-soutez.png) top left no-repeat; }
#hp-h2-soutez span.text { padding-top: 93px; background: none; }

#hp-h2-video { width: 307px; height: 87px; overflow: hidden; margin-bottom: -10px; }
#hp-h2-video span { width: 307px; height: 87px; background: url(/img/hp-h2-video.png) top left no-repeat; }
#hp-h2-video span.text { padding-top: 87px; background: none; }

#hp-h2-napady { width: 233px; height: 78px; overflow: hidden; }
#hp-h2-napady span { width: 233px; height: 78px; background: url(/img/hp-h2-napady.png) top left no-repeat; }
#hp-h2-napady span.text { padding-top: 78px; background: none; }

#hp-flash { position: absolute; top: 49px; right: 39px; z-index: 1; }

/* ************************************************************************* */

#hp-col-wrapper p { margin-left: 10px; line-height: 23px; }
#hp-col-wrapper p span { background-color: #FFFFFF; padding: 3px 3px; }

#hp-col-wrapper a.hp-more { position: absolute; bottom: 0; right: 0; padding: 3px 7px; background: #000000 url(/img/odrazka-hp.gif) 7px 10px no-repeat; color: #FFFFFF; float: left; text-decoration: none; padding-left: 20px; }

/* kontakt */
div.kontakt-col { width: 250px; float: left; }
#prodejni-mista { margin-bottom: 15px; }
.clickable { cursor: pointer; }


/* video slideshow */
#video-slideshow { position: absolute; }
#video-slideshow div { width: 650px; height: 355px; float:left; }

div.active { color: #00CC33; }

/*****************/
.mask {	position: relative; width: 650px; height: 355px; overflow: hidden; left: 35px; }
#next { width: 28px; height: 41px; background: url(/img/next-button.png) top left no-repeat; position: absolute; top: -180px; right: 0px; cursor: pointer; }
#prev { width: 28px; height: 41px; background: url(/img/prev-button.png) top left no-repeat; position: absolute; top: -180px; left: 0px; cursor: pointer; }
span.active { color: #00FF00; }
div.buttons { position: relative; }
#video-slideshow div.image { width: 650px; float: left; text-align: center; padding-bottom: 55px; background: url(/img/video-under-shadow.png) bottom left no-repeat; height: 290px; position: relative; }
#video-slideshow div.image img {  }
#video-slideshow div.video-item { margin: 0 auto; width: 388px; height: 290px; border: 10px solid white; margin-left: 57px; display:inline; }
#video-slideshow div.video-menu { position: absolute; right: 0px; width: 184px; height: 90px; bottom: 85px; text-align: left; }
#video-slideshow div.video-menu ul li { list-style-type: none; height: 28px; line-height: 28px; padding-left: 10px; background: none; color: #DC132B; }
#video-slideshow div.video-menu ul li.under {  background: url(/img/menu-divider.png) center bottom no-repeat; }
#video-slideshow div.video-menu ul { padding: 0; }

/* thumbs */
#slide_thumbs { position: relative; height: 102px; }
#slide_thumbs a { display: block; position: absolute; cursor: pointer; }
#bezec-th { width: 101px; height: 64px; background: url(/videa/videos/thumbs/bezec.png) 0 0 no-repeat; top: 10px; left: 0; z-index: 25; }
#bezec-th:hover, #bezec-th.active { background: url(/videa/videos/thumbs/bezec.png) 0 -64px no-repeat; }
#sumici-th { width: 102px; height: 82px; background: url(/videa/videos/thumbs/sumici.png) 0 0 no-repeat; top: 18px; left: 79px; z-index: 24; }
#sumici-th:hover, #sumici-th.active { background: url(/videa/videos/thumbs/sumici.png) 0 -83px no-repeat; }
#holky-th { width: 102px; height: 84px; background: url(/videa/videos/thumbs/holky.png) 0 0 no-repeat; top: 0px; left: 156px; z-index: 23; }
#holky-th:hover, #holky-th.active { background: url(/videa/videos/thumbs/holky.png) 0 -84px no-repeat; }
#parkovani-th { width: 111px; height: 95px; background: url(/videa/videos/thumbs/parkovani.png) 0 0 no-repeat; top: 10px; left: 232px; z-index: 23; }
#parkovani-th:hover, #parkovani-th.active { background: url(/videa/videos/thumbs/parkovani.png) 0 -95px no-repeat; }
#vesmir-th { width: 108px; height: 89px; background: url(/videa/videos/thumbs/vesmir.png) 0 0 no-repeat; top: -10px; left: 300px; z-index: 23; }
#vesmir-th:hover, #vesmir-th.active { background: url(/videa/videos/thumbs/vesmir.png) 0 -89px no-repeat; }
#morska_panna-th { width: 103px; height: 66px; background: url(/videa/videos/thumbs/morska_panna.png) 0 0 no-repeat; top: 36px; left: 355px; z-index: 23; }
#morska_panna-th:hover, #morska_panna-th.active { background: url(/videa/videos/thumbs/morska_panna.png) 0 -66px no-repeat; }
#spoutani-th { width: 105px; height: 85px; background: url(/videa/videos/thumbs/spoutani.png) 0 0 no-repeat; top: -18px; left: 409px; z-index: 23; }
#spoutani-th:hover, #spoutani-th.active { background: url(/videa/videos/thumbs/spoutani.png) 0 -85px no-repeat; }
#opice-th { width: 96px; height: 74px; background: url(/videa/videos/thumbs/opice.png) 0 0 no-repeat; top: 26px; left: 474px; z-index: 23; }
#opice-th:hover, #opice-th.active { background: url(/videa/videos/thumbs/opice.png) 0 -74px no-repeat; }
#rybar-th { width: 102px; height: 66px; background: url(/videa/videos/thumbs/rybar.png) 0 0 no-repeat; top: -10px; left: 534px; z-index: 23; }
#rybar-th:hover, #rybar-th.active { background: url(/videa/videos/thumbs/rybar.png) 0 -66px no-repeat; }
#penezenka-th { width: 99px; height: 78px; background: url(/videa/videos/thumbs/penezenka.png) 0 0 no-repeat; top: 24px; left: 579px; z-index: 23; }
#penezenka-th:hover, #penezenka-th.active { background: url(/videa/videos/thumbs/penezenka.png) 0 -78px no-repeat; }
#neviditelna_vaza-th { width: 101px; height: 65px; background: url(/videa/videos/thumbs/neviditelna_vaza.png) 0 0 no-repeat; top: -11px; left: 635px; z-index: 23; }
#neviditelna_vaza-th:hover, #neviditelna_vaza-th.active { background: url(/videa/videos/thumbs/neviditelna_vaza.png) 0 -65px no-repeat; }
#strip_pong-th { width: 104px; height: 82px; background: url(/videa/videos/thumbs/strip_pong.png) 0 0 no-repeat; top: 11px; left: 678px; z-index: 23; }
#strip_pong-th:hover, #strip_pong-th.active { background: url(/videa/videos/thumbs/strip_pong.png) 0 -82px no-repeat; }

.tooltip { position: absolute; width: 100px; height: 20px; }

/* ukazky pouziti */
# {  }
#page-ukazky div.image { width: 522px; margin: 0 auto; text-align: center; padding-bottom: 55px; background: url(/img/video-under-shadow.png) bottom left no-repeat; height: 290px; position: relative; }
#page-ukazky div.video-item { border: 10px solid #FFFFFF; width: 388px; height: 290px; margin-left: 55px; }
#gallery { height: 670px; position: relative; }
#gallery a { position: absolute; display: block; top: -350px; }
#gallery #bazenek { top: -29px; left: 17px; }
#gallery #plachta { top: -18px; left: 156px; }
#gallery #sk8 { top: 1px; left: 300px; }
#gallery #lampa { top: 10px; left: 477px; }
#gallery #tuzky { top: 131px; left: 0px; }
#gallery #motor { top: 140px; left: 167px; }
#gallery #svetlo { top: 125px; left: 310px; }
#gallery #sprcha { top: 132px; left: 430px; }
#gallery #odpad { top: 240px; left: 0px; }
#gallery #hadice { top: 252px; left: 170px; }
#gallery #autosklo { top: 285px; left: 300px; }
#gallery #okap { top: 240px; left: 470px; }
#gallery #auto-zrcatko { top: 344px; left: 5px; }
#gallery #lyzaky { top: 337px; left: 110px; }
#gallery #stan { top: 430px; left: 290px; }
#gallery #knizka { top: 365px; left: 450px; }
#gallery #kalhoty { top: 450px; left: 15px; }
#gallery #taska { top: 470px; left: 160px; }
/*








/* tips */
.tip { width: 280px; }
.tip-top { background: url(/img/tip-top.png) top left no-repeat; height: 8px; width: 280px; }
.tip-text	{ color: #DC132B; padding: 0 10px; background: #000000; font-weight: bold; }
.tip-bottom	{ background: url(/img/tip-bottom.png) left bottom no-repeat; width: 280px; height: 8px; }
#main-content .poznamka a { font-weight: bold; text-decoration: none; }