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

/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, address, a, strong, em, dl, dt, dd, table, thead, tbody, tfoot, tr, td, th, form, fieldset, legend, caption { padding: 0px; margin: 0px; outline: none; background-position: left top; background-repeat: no-repeat; }

input, select, textarea, button { font-family: Arial, Helvetica, sans-serif; }

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

blockquote, address { font-style: normal; }

img,
a img { border: none; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.no-screen { position: absolute; top: -10000px; left: -10000px; }
.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; }

a { text-decoration: underline; }

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; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #FFFFFF; color: #393939; font-size: 11pt; line-height: 160%; }
h1 { text-transform: uppercase; font-size: 50px; color: #CC0000; letter-spacing: -2px; line-height: 60px; height: 60px; padding: 0px 0px 0px 22px;  background: none; }
h2 { font-size: 16pt; font-weight: bold; color: #CC0000; margin-bottom: 5px; }
h3 { font-size: 14pt; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
h4 { font-size: 11pt; color: #CC0000; font-weight: bold; }
p + h2 { margin-top: 1.5em; }
h2 + h4 { margin-top: 1.5em; }
p { margin-bottom: 15px; }

sup { vertical-align: baseline; position: relative; top: -0.4em; }

a { color: #185487; }
a:hover { color: #CC0000; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { min-width: 975px; padding-bottom: 40px; }


#page-wrapper {  position: relative; }

#body:after { content: '.'; display: block; width: 0px; height: 0px; overflow: hidden; visibility: hidden; }

#main-content { width: auto; padding: 40px 0px 20px 33px; float: left; min-height: 350px; }

#right-column { width: 221px; padding: 52px 0px 0px 22px; float: left; }

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


#left-column { width: 224px; float: right; overflow: hidden; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 103px; position: relative; }

#logo { padding: 25px 0px 0px 10px; }

#counter { display: none; }

#graphic-overlay { position: absolute; left: 227px; width: 644px; height: 340px; top: 5px;  background-color: #FFFFFF; opacity: 0.01; filter: alpha(opacity=1); }
#graphic-overlay-content { background: url(/images/sala-overlay.png) no-repeat left top; width: 242px; height: 145px; position: absolute; bottom: -145px; left: 204px; z-index: 100; display: none; }
#graphic-overlay-content.ready { left: 431px; top: 345px; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { background: #E6EAED url(/images/footer-bg.png) no-repeat left top; padding: 0px 17px; height: 40px; line-height: 40px; font-size: 11px; color: #393939; }
#footer a { color: #393939; }
#giant { height: 40px; padding: 0px; margin: 0px; float: right; }
#giant img { vertical-align: middle; }
#giant a { text-decoration: none; }


/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu-wrapper { display: none; }

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column { display: none; }

/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column { padding-bottom: 20px; font-size: 9pt; }

#right-column .block { background: #E3E6E9; margin-bottom: 10px; }
#right-column .block-content-wrapper {}
#right-column .block-content {}
#right-column .block-icon { background-position: right top; background-repeat: no-repeat; padding: 14px 15px 0px 13px; }
#right-column .block .more { color: #23517D; padding: 0px; margin: 0px; text-align: right; }
#right-column .block .more a { font-weight: bold; }
#right-column .block h2 { font-size: 12pt; color: #1A5895; text-transform: uppercase; position: relative; line-height: 22px; margin-bottom: 10px; }


#right-column ol { list-style-type:decimal; color: #CC0000; font-weight: bold; margin-left: 20px; }
#right-column ol li { padding-bottom: 4px; }
#right-column ol li span { font-weight: normal; color: #393939; }

#right-column ul {}
#right-column ul li { list-style: none; background: url(/images/arrow-right.png) no-repeat 1px 5px; padding: 0px 0px 4px 11px; }

/* BLOCK ICONS */
#block-prices .block-icon { background-image: url(/images/block-prices-bg.png); }
#block-instructions .block-icon { background-image: url(/images/block-instructions-bg.png); }

/* BLOCK TITLES */
#block-prices h2 span { background-position: left top; }
#block-instructions h2 span { background-position: left -22px; }

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

#main-content ul { margin-bottom: 18px; margin-left: 1.5em; }
#main-content p + ul,
#main-content p + ol { margin-top: -1em; }
#main-content ol { margin-left: 2em; }

#main-content th { text-align: left; }

table { border-collapse: collapse; margin: 10px 0px 18px 0px; width: 100%; }
thead tr th { background: #185487 url(/images/thead-bg.png) no-repeat -10px top; color: #FFFFFF; text-align: left; }
thead tr .first { background-position: left top; }
thead tr .last { background-position: right top; }
thead th { height: 31px; line-height: 31px; color: #FFFFFF; font-weight: bold; padding: 0px 10px; }
tbody td { border-bottom: 1px solid #E3E6E9; }
tbody th, td { padding: 3px 10px; }
tbody tr.even { background-color: #DAE8F0; }

p.more { text-align: right; }
p.back { text-align: left; }
p.back a { background: url(/images/arrow-left.png) no-repeat left center; padding-left: 10px; }

#main-content p.more a { background: url(/images/arrow-right.png) no-repeat left 5px; padding-left: 10px; }
#main-content p + p.more { margin-top: -18px; }

dl.prices { margin-bottom: 1em; }
dl.prices dt { font-weight: bold; float: left; }
dl.prices dd { margin-left: 100px; }

dl.groups { margin-bottom: 18px; }
dl.groups dt { font-weight: bold; float: left; }
dl.groups dd { margin-left: 70px; }

div.logo-official { width: 122px; float: right; text-align: center; padding: 0px 10px 50px 30px; }
div.logo-official p { margin-bottom: 0px; }
div.logo-official p.link { padding-top: 5px; }
div.logo-official p.link  a { background: url(/images/arrow-right.png) no-repeat left 4px; padding-left: 10px; }


/**************/
/* BREADCRUMB */
/**************/
#breadcrumb { padding: 0px 0px 0px 23px; margin: 0px; height: 22px; line-height: 32px; }
#breadcrumb strong { display: none; }
#breadcrumb .separator { display: inline-block; width: 4px; height: 7px; padding: 0px 3px 0px 2px; overflow: hidden; vertical-align: middle; text-indent: -20px; background: url(/images/breadcrumb-separator.png) no-repeat 3px top; }

/***************/
/* INFO BLOCKS */
/***************/
#info-blocks { clear: both; padding: 0px 0px 20px 12px; line-height: 160%; }
#info-blocks .block-content { padding: 10px 14px 0px 14px; width: 329px; min-height: 120px; }
#info-blocks .block h2 { color: #CC0000; text-transform: uppercase; letter-spacing: -2px; padding: 0px 0px 0px 0px; font-size: 14pt; margin-bottom: 8px; }
#info-blocks .block p { padding-bottom: 0px; margin-bottom: 0px; }
#info-blocks .block p.more { color: #23517D; padding-top: 4px; }
#info-blocks .block p.more a { font-weight: bold; }

/* INFO BLOCK TITLES */
#block-news h2 span { background-position: left top; }
#block-ms2010 h2 span { background-position: left -37px; }

/* BLOCK NEWS */
#block-news {}
#block-news h3 { font-weight: bold; font-size: 12pt; margin: 0px; padding: 0px 0px 0px 1em; }
dl.news-list {}
dl.news-list dt { float: left; padding-right: 3px; font-weight: bold; font-size: 9pt; }
dl.news-list dd { padding-bottom: 15px; }

#block-ms2010 {}
#block-ms2010 .block-content { background: url(/images/block-ms2010-bg.jpg) no-repeat right 49px; }
#block-ms2010 p { padding-right: 127px; }

/* NEWS DETAIL */
div.news-detail { position: relative; }
div.news-detail h2 { padding-top: 20px; padding-bottom: 10px; }
div.news-detail p.date { color: #CC0000; font-size: 12px; position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; font-weight: bold; }

/************/
/* PRODUCTS */
/************/
div.product-list { padding-bottom: 40px; }
div.product-item { padding: 0px 0px 0px 156px; position: relative; width: 190px; float: left; }
div.product-item h2 { font-size: 12px; font-weight: normal; color: #393939; margin-bottom: 19px; }
div.product-item h2 a { text-decoration: none; color: #393939; }
div.product-item h2 a:hover { color: #393939; }
div.product-item h2 strong { display: block; position: relative; color: #CC0000; letter-spacing: -2px; font-size: 27px; height: 30px; line-height: 27px; overflow: hidden; }
div.product-item h2 strong span { display: block; position: absolute; top: 0px; left: 0px; width: 200px; height: 30px; background-position: left top; background-repeat: no-repeat; }
div.product-item p.img { width: 156px; text-align: center; position: absolute; top: 0px; left: 0px; }
div.product-item a strong { color: #185487; white-space: nowrap; }
div.product-item a:hover,
div.product-item a:hover strong { color: #CC0000; }

#product-ceresit-stop-vlhkosti h2 strong,
#product-ceresit-stop-vlhkosti h2 span { font-size: 19px; height: 22px; line-height: 22px; }

/* CUSTOM DEFINITIONS */
#product-ceresit { margin-left: -20px; margin-right: 10px; height: 180px; }
#product-ceresit h2 span { background-image: url(/images/product-ceresit.png); }
#product-ceresit img { position: relative; top: -10px;  }


#product-thomsit { height: 180px; }
#product-thomsit h2 span { background-image: url(/images/product-thomsit.png); }

#product-ceretherm { margin-left: -20px; margin-right: 10px; padding-top: 42px; }
#product-ceretherm p.img { top: 42px; }
#product-ceretherm h2 { margin-bottom: 14px; }
#product-ceretherm h2 span { background-image: url(/images/product-ceretherm.png); }

#product-ceresit-stop-vlhkosti {  padding-top: 42px; }
#product-ceresit-stop-vlhkosti h2 span { background-image: url(/images/product-ceresit-stop-vlhkosti.png); }


/*************/
/* NEWS LIST */
/*************/
div.news-list {}
div.news-list img { position: absolute; top: 0px; left: 0px; }
div.news-list h2 a { color: #CC0000; }
div.news-item { position: relative; padding: 0px 0px 0px 90px; }
div.news-item p.date { margin: 0px; font-size: 11px; color: #666666; }
div.news-item p.more { text-align: left; padding-top: 5px; }


/*******/
/* MAP */
/*******/
#section-cestovni-informace {}
#map {  float: right; margin-left: 2em;  }
#section-cestovni-informace #right-column { padding-top: 273px; }

#section-o-co-hrajeme {}
#section-o-co-hrajeme #slide-wrapper { margin: 0 auto; }
#section-o-co-hrajeme #main-content p.more { font-weight: bold; color: #CC0000; margin: 0px; padding: 0px 20px 0px 0px; font-size: 14px; }
#section-o-co-hrajeme #main-content p.more a { background: none; color: #CC0000; padding: 0px; }


/***********/
/* WINNERS */
/***********/
table.winners td { vertical-align: top; }
table.winners { font-size: 12px; }
table.winners .col-date { width: 40px; }
dl.prizes { line-height: 22px; }
dl.prizes dt { float: left; width: 80px; }
dl.prizes { margin-bottom: 20px; }
p.intro { font-size: 14px; }

/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/



/*************/
/* SLIDESHOW */
/*************/
#slideshow {}

#slide-wrapper p.more { font-weight: bold; color: #CC0000; margin: 0px; padding: 0px; position: absolute; right: 20px; bottom: 0px; }
#slide-wrapper p.more a { background: none; color: #CC0000; padding: 0px; }


/* SLIDES */
#slide-1 { background: url(/images/slides/vstupenky.jpg) no-repeat 1px 8px; }
#slide-1 h2 { width: 346px; height: 86px; background-image: url(/images/slides/slide-title-1.png); left: 111px; top: 36px; }
#slide-1 ul { height: 125px; position: absolute; left: 0px; top: 131px; margin: 0px; }
#slide-1 li { list-style: none; float: left; height: 125px; padding: 0px 5px; text-align: center; background-position: center top; }
#slide-1 li span { white-space: nowrap; display: block; }
#slide-1 li strong { color: #CC0000; font-weight: bold; }

#slide-2 { background: url(/images/slides/slide-bg-2.jpg) no-repeat right 18px; }
#slide-2 h2 { width: 310px; height: 94px; background-image: url(/images/slides/slide-title-2.png); left: 0px; top: 25px; }
#slide-2 ul { padding: 8px 0px 0px 60px; margin: 0px; background: url(/images/slides/telefon.jpg) no-repeat left top; position: absolute; top: 120px; left: 0px; }
#slide-2 li { padding: 0px 0px 10px 12px; background: url(/images/arrow-right.png) no-repeat left 8px; list-style: none; line-height: 24px; }

#slide-3 { background: url(/images/slides/slide-bg-3.png) no-repeat right 26px; }
#slide-3 h2 { width: 340px; height: 93px; background-image: url(/images/slides/slide-title-3.png); left: 0px; top: 25px; }
#slide-3 p.intro { font-size: 14px; font-weight: bold; color: #1B5794; position: absolute; top: 108px; left: 0px; }
#slide-3 ul { position: absolute; top: 164px; left: 0px; margin: 0px; }
#slide-3 li { padding: 0px 0px 3px 80px; height: 40px; line-height: 40px; list-style: none; background-position: 15px 0px; }
#slide-3 li.first { background-image: url(/images/slides/hokejka.jpg); }
#slide-3 li.second { background-image: url(/images/slides/mapka.png); }


/* TABS */
#slideshow-tabs { display: none; }