@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; }
.valign-middle { vertical-align: middle; }
table td.tecky { font-size: 40px; }
.cervena { color: #e1001a; }


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

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; }

sup { vertical-align: middle; position: relative; top: -0.2em; left: 2px; }

/***************/
/* 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; color: #333333; vertical-align: middle; }
form .input, textarea { padding: 2px 7px; }
form .input, select, textarea { border: 1px solid #CCCCCC; }
form fieldset { border: none; padding: 0px; margin: 0px; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { color: #333333; font-size: 13px; background: url(/img/body-bg.png) repeat-x left top; }
h1 { font-size: 26px; line-height: 35px; font-weight: bold; font-family: "Arial Narrow", Arial, sans-serif; letter-spacing: -1px; width: 305px; height: 86px; padding-left: 12px; border-right: 5px solid #000000; border-bottom: 5px solid #000000; background-color: #FFFFFF; margin-bottom: 15px; }
h1 strong { font-size: 30px; display: block; line-height: 36px; padding-top: 5px; }
h1 span { width: 310px; height: 92px; background-image: url(../img/title.png); }
h1.small-title { line-height: 30px; width: auto; height: auto; border: none; padding-left: 0px; font-size: 24px; color: #009BDA; letter-spacing: -2px; padding-bottom: 0px; margin-bottom: 10px; }
p { padding-bottom: 1em; }

.prodejci h1 { color:#009BDA; font-family:Arial,Helvetica,sans-serif; font-size:24px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; letter-spacing:-1px; line-height:normal; padding:0 0 10px; border: 0; height: auto; margin: 0; width: auto; }
#shop-detail h1 strong { color:#000000; display:block; padding:7px 0 0; font-size: 24px; }
.prodejci h2 { -x-system-font:none; color:#009BDA; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; padding:10px 0 5px; text-transform:uppercase; }
/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

#page-wrapper { width: 965px; margin: 0px auto; text-align: left; }


/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { position: relative; padding-top: 32px; font-size: 16px; height: 70px; }
#header a { color: #999999; }

#logo { position: absolute; top: 0px; left: 21px; width: 180px; height: 55px; overflow: hidden; padding: 0px; margin: 0px; }
#header #more { padding: 0px 23px 0px 0px; line-height: 22px; height: 33px; position: absolute; top: 3px; right: 0px; font-size: 11px; color: #999999; }
#more a { color: #999999; }

#header-content { background: #FFFFFF; height: auto; font-size: 14px; padding: 0px 10px 5px 10px; }
#header-content img.left { margin: 0px; padding-right: 15px; }
#header-content p { line-height: 22px; padding-bottom: 10px;  }
#header-wrapper { width: 940px; position: relative; background: url(/img/header-bgr.png) bottom center repeat-x; padding: 10px 10px 0 10px; margin-bottom: 15px; }
#header-wrapper a { color: #333333; }

#header-column { float: right; width: 210px; margin-left: 5px; }
#header-column img { margin-top: 25px; }
#distributors { border-top: 1px solid #E5E5E5; clear: right; margin: 10px 0px 0px 0px; padding: 5px; }
#distributors h2 { font-size: 14px; color: #009BDA; height: 30px; line-height: 30px; padding: 3px 0px 10px 59px; background: url(/img/mapa.png) no-repeat left 3px; }
#distributors h2 a { color: #009BDA; }
#form-distributors select { font-size: 12px; border: 1px solid #A7A6AA; color: #000000; width: 184px; }

#header img.right { margin-top: -10px; margin-bottom: -10px; padding-top: 0px; }

/* TV KAMPAN */
#tv-spots { background-color: #fff; height: 30px; padding: 9px 10px 9px 9px; font-size: 13px; clear: both; border: 3px solid #009BDA; margin: 10px 0; overflow: hidden; }
#tv-spots h2 { float: left; color: #fff; background-color: #009bda; line-height: 30px; padding: 0 10px; font-size: 14px; text-transform: uppercase; }
#tv-spots h2 a { color: #fff; text-decoration: none; }
#tv-spots p { float: left; padding: 3px 0 0 10px; }
#tv-spots p img { vertical-align: text-bottom; margin: 0 5px; }
#tv-spots .more { font-size: 14px; font-weight: bold; color: #009bda; text-transform: uppercase; float: right; padding: 6px 0 0; }
#tv-spots .more a { color: #009bda; }

#tv-spots.red h2 { background-color: #c00; }
#tv-spots.red p,
#tv-spots.red .more a { color: #c00; }

/********/
/* MENU */
/********/


/* tv kampan */ /*#menu { height: 50px; margin: 0; width: 780px; position: absolute; top: 47px; right: -23px; }*/
#menu { height: 50px; margin: 0; width: 780px; position: absolute; top: 47px; right: -9px; }
#menu li { list-style: none; padding: 0px; display: block; float: left; height: 50px; padding-top: 11px; }
#menu a { color: #333333; font-size: 16px; font-weight: bold; text-decoration: none; display: block; line-height: 17px; text-align: left; position: relative; padding: 0px 13px 0px 0px; }
#menu strong { display: block; font-size: 12px; color: #778C97; font-weight: normal; }
#menu a:hover { color: #009BDA; }
#menu .active { background: #FFFFFF; }
#menu .active a { color: #009BDA; }
/* tv kampan *//*
#menu #menu-homepage { background: url(/img/menu-stit.png) 10px 5px no-repeat; padding-left: 66px; }
#menu #menu-products { background: url(/img/menu-produkty.png) 10px 5px no-repeat; padding-left: 90px; position: relative; left: -2px; }
#menu #menu-vzornik { background: url(/img/menu-vzornik.png) 10px 10px no-repeat; padding-left: 83px; position: relative; left: -2px; }
#menu #menu-dealers { background: url(/img/menu-mapa.png) 10px 5px no-repeat; padding-left: 83px; position: relative; left: -2px; }
#menu #menu-tv-spot { background: url(/img/menu-tv-spot.png) 10px 10px no-repeat; padding-left: 68px; position: relative; left: -2px; }
*/
#menu #menu-homepage { background: url(/img/menu-stit.png) 10px 5px no-repeat; padding-left: 61px; }
#menu #menu-products { background: url(/img/menu-produkty.png) 10px 5px no-repeat; padding-left: 85px; position: relative; left: -2px; }
#menu #menu-vzornik { background: url(/img/menu-vzornik.png) 10px 10px no-repeat; padding-left: 78px; position: relative; left: -2px; }
#menu #menu-dealers { background: url(/img/menu-mapa.png) 10px 5px no-repeat; padding-left: 78px; position: relative; left: -2px; }
#menu #menu-tv-spot { background: url(/img/menu-tv-spot.png) 10px 10px no-repeat; padding-left: 63px; position: relative; left: -2px; }

#menu #menu-homepage.active,
#menu #menu-products.active,
#menu #menu-vzornik.active,
#menu #menu-dealers.active,
#menu #menu-tv-spot.active { background-color: #fff; }

#menu #menu-homepage a,
#menu #menu-products a,
#menu #menu-vzornik a { background: url(/img/menu-separator.png) right 5px no-repeat; }


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { background: url(../img/henkel-bg.gif) repeat-x left top; font-size: 11px; color: #999999; }
#footer #henkel { padding: 0px 0px 5px 0px; margin: 0px; height: 27px; overflow: hidden; text-align: center; }
#links { float: right; }
#giant img { vertical-align: middle; }
#copyright { font-weight: bold; }
#footer a { color: #999999; }

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content { background: #FFFFFF url(../img/content-bg.png) repeat-x left top; padding-left: 7px; padding-bottom: 20px; padding-top: 12px; }
#main-content.no-bg { background: #FFFFFF; }
#main-content p {}

.column { width: 305px; margin-right: 15px; float: left; background: url(../img/column-bg.gif) no-repeat left 186px; position: relative; }
.column img { padding: 8px 0px 9px 5px; }
.column.last { margin-right: 0px; }

.column h2 { font-size: 16px; color: #FFFFFF; background: url(../img/arrow-blue.gif) no-repeat 9px bottom; padding: 0px 0px 5px 0px; height: 32px; line-height: 32px; font-weight: bold; width: 258px; letter-spacing: -1px; margin-left: 5px; }
.column h2 span { background-color:#009BDA; display: block; padding-left: 12px; }
.column h3 { font-size: 24px; color: #333333; font-weight: bold; letter-spacing: -1px; padding-left: 10px; padding-bottom: 8px;  }
.column h3 strong { color: #009BDA; }
.column h3 em { color: #CC0000; font-style: normal; }
.column p { padding-bottom: 0px; padding-left: 15px; }
.column p.intro { font-size: 15px; line-height: 20px; }
.column h4 { font-size: 14px; font-weight: bold; padding-top: 20px; padding-left: 15px; padding-bottom: 5px; }
.column ul { padding: 0px; margin: 0px; padding-left: 15px; padding-right: 30px; }
.column li { background: url(../img/li.gif) no-repeat left 8px; list-style: none; padding-left: 8px; font-size: 12px; }

.docs { padding-right: 0px; }
.docs li { background: url(../img/ico-pdf.gif) no-repeat left 4px; padding-left: 26px; border-bottom: 1px solid #009BDA; padding-top: 4px; padding-bottom: 4px; }

#right-column { width: 465px; float: left; font-size: 11px; color: #666666; }
#right-column p { padding-top: 5px; padding-right: 10px; padding-bottom: 5px; }
#right-column h2 { font-size: 24px; color: #009BDA; letter-spacing: -2px; padding-bottom: 14px; }
#right-column table { font-size: 10px; border-collapse: collapse; width: 100%; }
#right-column table th,
#right-column table td { border: 1px solid #231F20; text-align: center; line-height: 14px; padding: 3px 5px 3px 5px; }
#right-column table th { color: #FFFFFF; background-color: #00ADEF; font-weight: bold; }
#right-column table .left { text-align: left; }
#right-column table tr.text-white td { color: #FFFFFF; }

#left-column p { padding-top: 5px; padding-right: 10px; padding-bottom: 5px; }
#left-column h2 { font-size: 24px; color: #009BDA; letter-spacing: -2px; padding-bottom: 14px; }
#left-column table { font-size: 10px; border-collapse: collapse; width: 100%; }
#left-column table th,
#left-column table td { border: 1px solid #231F20; text-align: center; line-height: 14px; padding: 3px 5px 3px 5px; }
#left-column table th { color: #FFFFFF; background-color: #00ADEF; font-weight: bold; font-size: 12px; }
#left-column table .left { text-align: left; }
#left-column table tr.text-white td { color: #FFFFFF; }
#left-column table td.new { background: url(/img/novinka.gif) 0 0 no-repeat; }


#left-column { width: 465px; margin-right: 15px; float: left; }
#left-column .box { background: #D9EFFF url(../img/box-bg.jpg) no-repeat left top; padding: 10px 10px 10px 0px; }
#left-column .box:after { content: '.'; display: block; clear: both; height: 0px; visibility: hidden; }
#left-column .box ul { padding-left: 106px; }
#left-column .box li { background: url(../img/li.gif) no-repeat left 8px; list-style: none; padding-left: 8px; font-size: 12px; }
#left-column p { padding-left: 106px; line-height: 19px; padding-bottom: 0px; }
#left-column img { float: left; padding-top: 3px; }

#right-column { width: 465px; margin-right: 15px; float: left; }
#right-column .box { background: #D9EFFF url(../img/box-bg.jpg) no-repeat left top; padding: 10px 10px 10px 0px; }
#right-column .box:after { content: '.'; display: block; clear: both; height: 0px; visibility: hidden; }
#right-column .box ul { padding-left: 106px; padding-bottom: 10px; }
#right-column .box li { background: url(../img/li.gif) no-repeat left 8px; list-style: none; padding-left: 8px; font-size: 12px; }
#right-column p { padding-left: 106px; line-height: 19px; padding-bottom: 0px; }
#right-column img { float: left; padding-top: 3px; }
.red { color: #ED1C24; }

#column-wrapper { padding-bottom: 10px; background-color: #FFFFFF; padding-top: 15px; }
#video { margin-bottom: 0px; }

#video-column h2,
#box-column h2  { font-size: 24px; color: #009BDA; letter-spacing: -2px; padding-bottom: 14px; }

#video-column { width: 360px; float: left; margin-right: 14px; }
#box-column { width: 465px; float: left; padding-bottom: 12px; }
#box-column .item { padding: 0px; margin: 0px; background-color: #00ADEF; color: #FFFFFF; text-align: center; font-weight: bold; line-height: 14px; width: 227px; overflow: hidden; float: left;  }
#box-column .item.first { margin-right: 11px; }
#box-column img { padding: 0px; margin: 0px; float: none; }
#box-column p { margin: 0px 0px 0px 0px; padding: 0px; height: 48px; font-size: 12px; }

#docs { height: 30px; line-height: 30px; padding: 0px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; border: 1px solid #009BDA; background-color: #F5F5F5; font-size: 12px; }
#docs strong { color: #FFFFFF; background: #009BDA url(../img/docs.gif) no-repeat right center; padding: 0px 17px 0px 12px; display: block; float: left; }
#docs a { padding-left: 36px; background: url(../img/ico-pdf.gif) no-repeat 12px center; }

#hp-content { padding: 10px; background-color: #FFFFFF; }
#hp-content { background: #FFFFFF; height: auto; font-size: 14px; padding: 0px 10px 5px 10px; }
#hp-content img.left { margin: 0px; padding-right: 15px; }
#hp-content p { line-height: 22px; padding-bottom: 10px;  }
#hp-content .link-list { font-size: 12px; background: url(/img/ico-tv.png) no-repeat left 2px; padding-left: 20px; padding-top: 3px; display: block; position: relative; z-index: 99; }
#hp-content #right-column .box p { line-height: 19px; padding-bottom: 0; padding-left: 106px; font-size: 13px; color: #333333; }
#hp-content #right-column .box { color: #333333; }

#hp-content #docs { padding-bottom: 0px; line-height: 30px; margin: 10px 0px 30px 0px; }



#video-container { width: 384px; height: 250px; float: right; margin-left: 10px; margin-bottom: 35px; }

#timetable { font-size: 11px; }
#timetable h2 { font-size: 24px; color: #009BDA; letter-spacing: -2px; padding-bottom: 14px; margin-top: 10px; }
#timetable table { width: 100%; border-collapse: collapse; margin-bottom: 5px; }
#timetable td { padding: 3px 5px; border-top: 1px solid #E2F4FD; border-bottom: 1px solid #E2F4FD; }
#timetable p.note { font-size: 11px; color: #666666; padding-bottom: 10px !important; }
#timetable thead tr { background-color: #009BDA; }
#timetable thead th { font-weight: bold; color: #FFFFFF; text-align: left; padding: 3px 5px; }
#timetable .odd td { background-color: #F2FAFE; }

#column-wrapper h1 { padding-left: 20px; }
#column-wrapper p.intro { padding-left: 20px; font-size: 14px; line-height: 23px; }

.blue-bold { font-weight: bold; color: #009BDA; }

#vzornik { padding: 10px 0px 0px 15px; }
#vzornik table { font-size: 10px; border-collapse: collapse; width: 465px; float: left; margin-bottom: 10px; }
#vzornik table th,
#vzornik table td { border: 1px solid #231F20; text-align: center; line-height: 14px; padding: 3px 5px 3px 5px; }
#vzornik table th { color: #FFFFFF; background-color: #00ADEF; font-weight: bold; font-size: 12px; vertical-align: bottom; }
#vzornik table .left { text-align: left; }
#vzornik table tr.text-white td { color: #FFFFFF; }
#vzornik table td.new { background: url(/img/novinka.gif) 0 0 no-repeat; }
#vzornik h2 { font-size: 24px; color: #009BDA; padding: 0px 0px 12px 0px; height: 32px; line-height: 32px; font-weight: bold; letter-spacing: -1px; margin-left: 5px; }
#vzornik h1 { color:#009BDA; font-family:Arial,Helvetica,sans-serif; font-size:24px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; letter-spacing:-1px; line-height:normal; padding:0 0 10px; border: 0; height: auto; margin: 0; width: auto; }
#vzornik p.intro { font-size: 14px; padding-right: 60px; }

#vzornik .imgs { padding: 20px 0px 0px 5px; }
#vzornik .imgs h3 { font-size: 18px; color: #00ADEF; letter-spacing: -1px; line-height: 22px; padding-bottom: 5px; }
#vzornik .thumbnails { word-spacing: 10px; }
#vzornik .thumbnails a { word-spacing: 0px; }


/***************/
/* SHOP DETAIL */
/***************/
#shop-detail {} /* width 720px; */
#shop-detail { line-height: 18px; }
#shop-detail .image-set { margin: 0px; padding: 0px; }  

#shop-detail h1 strong { display: block; color: #000000; padding: 7px 0px 0px 0px; }

#shop-detail .column1 { width: 365px; float: left; }
#shop-detail .column2 { width: 350px; float: left; }
#shop-detail address { font-style: normal; margin: 0px 0px 10px 0px; }
#shop-detail .time { margin: 0px 0px 10px 0px; }
#shop-detail .time dt { display: inline-block; width: 20px; text-transform: capitalize; vertical-align: top; }
#shop-detail .time dd { display: inline-block; width: 320px; padding-right: 10px; vertical-align: top; }
#shop-detail #shop-map { width: 350px; height: 280px; }

#shop-detail .tools { font-size: 11px; height: 30px; }
#shop-detail .tools a { color: #999999; border: 1px solid #EFEFEF; display: block; height: 26px; line-height: 26px; text-decoration: none; background: #FCFCFC; padding: 0px 5px;   }
#shop-detail .tools .print {  background: #FCFCFC url(/img/ico-printer.png) no-repeat 5px 4px; float: left; padding-left: 31px; }
#shop-detail .tools .edit { float: right; }

/* prodejci */
#certifikat-banner { float: right; width: 252px; height: 33px; }
#certifikat-banner p { display: block; margin: 0; height: 33px; }
#certifikat-banner span { background: url(/img/button-certifikovana-prodejna.png) top left no-repeat; height: 33px; width: 252px; }


#content #prodejci-errors { text-align: center; }
#content #prodejci-errors li { list-style-type: none; background: #FFF9F9; border: 1px solid #CC0101; margin: 3px; display: block; width: 200px; color: #CC0101; margin: 0 auto; }


/***********************/
/* FORM: SEARCH DEALER */
/***********************/
#form-search-dealer { background-color: #DFF1FB; padding: 0px 0px 25px 9px; margin-bottom: 20px; }
#form-search-dealer .input { border: 1px solid #666; padding: 3px 5px; width: 140px; }
#form-search-dealer p { padding: 5px 0px 0px 0px; margin: 0px; }
#form-search-dealer p.inline { padding-top: 3px; padding-bottom: 5px; padding-left: 0; padding-right: 0; }
#column-left #form-search-dealer p,#column-right #form-search-dealer p { padding-left: 0; padding-right: 0; }
#form-search-dealer label { font-size: 11px; font-weight: bold; display: block; padding-bottom: 7px;  }
#form-search-dealer select { font-size: 11px; vertical-align: middle;  }
#form-search-dealer button { vertical-align: middle; border: none; background: none;margin: -2px 0px -2px 13px; cursor: pointer; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
#form-search-dealer button span { display: inline-block; width: 70px; height: 23px; line-height: 23px; text-align: center; color: #FFFFFF; text-transform: uppercase; cursor: pointer; font-size: 11px; background: #009BDA url(/img/form-search-dealer-button.png) no-repeat left top; font-weight: bold; }

#content h2.search-results-title { font-size: 16px; text-transform: none; color: #000; }
#content h2.search-results-title em { font-style: normal; color: #009BDA; }

/**************/
/* GOOGLE MAP */
/**************/
.google-map { position: relative; }
.google-map-canvas { height: 200px; overflow: hidden; margin-bottom: 5px; }
.google-map-toggle { display: block; position: absolute; top: -37px; right: 0px; padding: 0px 0px 5px 0px; background: url(/img/bubble2.png) no-repeat right bottom; }
.google-map-toggle span { display: block; height: 28px; line-height: 28px; font-size: 12px; font-weight: bold; color: #FFFFFF; padding: 0px 11px 0px 29px; background: #009BDA url(/img/ico-zoom-in-white.png) no-repeat 10px 9px; cursor: pointer; }

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

p.note { font-size: 11px; }


/* mapa */
#mapa-cr-wrapper { margin: 0px auto; width: 422px; height: 259px; background: url(/img/mapa-cr-sprite.png) no-repeat left top; position: relative; z-index: 0; }
#mapa-cr-wrapper .bubble { display: block; width: 200px; height: 20px; background: url(/img/bubble.gif) no-repeat 10px bottom; position: absolute; top: 40px; left: 0px; line-height: 27px; z-index: 0; }
#mapa-cr-wrapper .bubble span { background-color: #009BDA; color: #FFFFFF; font-weight: bold; font-size: 12px; padding: 7px 10px; white-space: nowrap; }
#mapa-cr-wrapper img { position: relative; z-index: 10; }

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

	layout

******************************/
#header-img { background: url(/img/header-bg.jpg) 0 34px repeat-x; }
#page-wrapper { width: 980px; margin: auto; position: relative; }
#page-layout { background: #fff url(/img/page-layout-bg.png) 0 0 repeat-x; border: 5px solid #fff; }

#column-left,
#right-wrapper { margin: 0px 0 0 0; }
#column-left { width: 210px; }
#column-right { float: right; width: 210px; }
#column-left .column-content { margin: 0 0 0 10px; }
#column-right .column-content { margin: 0 10px 0 0; }
#right-wrapper { float: right; width: 755px; }
#content { float: left; width: 510px; padding: 0 15px 10px 15px; }
#page-layout.layout-2-columns #content { width: 715px; }
.wide #content { width: 720px; }
.wide #column-right { display: none; }

#column-left h2,
#column-right h2 { font: bold 12px Arial, Helvetica, sans-serif; color: #fff; padding: 6px 10px 11px 10px; background-position: left bottom; background: #009bda url(/img/h2-bg-blue-blue.png) left bottom no-repeat; text-transform: none; }
#left-menu h2,
#used-products h2 { background-image: url(/img/h2-bg-blue-white.png); }

/*   left menu   */
#left-menu ul { list-style: none; }
#left-menu li { border-bottom: 1px solid #97d1f0; }
#left-menu li li { border-bottom: none; border-top: 1px solid #e8e8e8; width: 200px; }
#left-menu li a { display: block; color: #000; font-size: 12px; font-weight: bold; text-decoration: none; padding: 6px 5px 6px 16px; background: url(/img/left-menu-li.png) 4px 12px no-repeat; }
#left-menu li a:hover { text-decoration: underline; }
#left-menu li li a,
#left-menu li.active li a { color: #222; font-size: 11px; font-weight: normal; padding: 4px 5px 4px 22px; background: url(/img/left-menu-li.png) 12px 9px no-repeat; }
#left-menu ul .active a,
#left-menu li li.active a { color: #009bda; background-image: url(/img/left-menu-li-active.png); }

/* interactive map */
#interactive-map { background: #dff1fb; }
#interactive-map img { padding-left: 5px; }

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

	left / right  column

******************************/
#column-left .column-content div,
#column-right .column-content div { margin: 0 0 20px 0; }
#column-left p,
#column-right p { font-size: 11px; color: #333; padding: 3px 8px 8px 8px;  }
#column-left strong,
#column-right strong { font-size: 11px; }
#column-left a,
#column-right a { color: #333; }

.dealers { margin: 0 0 15px 0; width: 100%; }
.dealers td { border-bottom: 1px solid #eee; padding: 8px 5px 5px 5px; vertical-align: top; }
.dealers .links { white-space: nowrap; padding-left: 10px; padding-right: 10px; width: 150px; }
.dealers .links * { font-size: 11px; line-height: 16px; }
.dealers .distance { font-size: 11px; font-weight: bold; color: #009BDA; }
#content .dealers .opening-hours { font-size: 11px; white-space: nowrap; text-align: right; width: 200px; }
#content .dealers .opening-hours ul { padding: 2px 0px 5px 0px; margin: 0px; white-space: nowrap; line-height: 18px; }
#content .dealers .opening-hours li { display: inline; background: none; list-style: none; padding: 0px; margin: 0px; font-size: 10px; text-transform: uppercase; color: #7F7F7F; background: url(/img/bullet-grey.png) no-repeat bottom center; padding: 0px 2px 12px 2px; }
#content .dealers .opening-hours li.open { background-image: url(/img/bullet-green.png); }
#content .dealers .opening-hours li.close { background-image: url(/img/bullet-red.png); }

#basic-facts table {}
#basic-facts th,
#basic-facts td {vertical-align: top; padding: 3px; }
#basic-facts th { text-align: left; width: 110px; }

.symbols { width: 720px; margin: 15px 0 5px 0; }
.symbols td { width: 140px; height: 60px; vertical-align: top; padding: 0 10px 10px 0; }
.symbols td.symbol { width: 40px; padding: 0; }

/*   contacts   */
#content .dealers p { margin: 0; }
#content .dealers h3 { padding: 2px 0; font-size: 12px; }

p.cert { position: absolute; top: 180px; right: 164px; background-color: #009bda/*F2FAFD*/; color: #fff; font-size: 11px; font-weight: bold; width: 200px; padding: 3px 5px; }
p.cert img { vertical-align: middle; margin-right: 6px; margin-top: -2px; }

/****************/
/* SWF UPLOADER */
/****************/
#swf-uploader { padding: 5px 0px 0px 0px; }
#swf-uploader .buttons { padding: 0px 0px 5px 5px; margin: 0px; }
#swf-uploader .buttons a { padding: 0px 10px 1px 20px; background-position: left top; background-repeat:  no-repeat; }
#swf-uploader #swf-uploader-browse { background-image: url(/img/image-add.png); }
#swf-uploader #swf-uploader-clear { background-image: url(/img/image-delete.png); }
#swf-uploader #swf-uploader-list li { list-style: none; background: none; border-top: 1px solid #E7E7E7; padding: 4px 20px 4px 25px; display: block; width: 275px; line-height: 15px; height: 15px; position: relative; background: url(/img/image-icon.png) no-repeat 5px 5px;  }
#swf-uploader #swf-uploader-list li.file-uploading { background-image: url(/img/image-uploading.gif); }
#swf-uploader #swf-uploader-list li.file-success { background-image: url(/img/image-uploaded.png); }
#swf-uploader #swf-uploader-list li.file-failed { background-image: url(/img/image-failed.png); }
#swf-uploader #swf-uploader-list li.file-success .file-remove { display: none; }
#swf-uploader #swf-uploader-list li.file-failed .file-remove { display: none; }
#swf-uploader-list li .file-remove { display: block; width: 10px; height: 10px; background: url(/img/image-del.png) no-repeat left top; position: absolute; right: 5px; top: 7px; }
#swf-uploader-list li .file-size { position: absolute; top: 4px; right: 20px; font-size: 11px; color: #999999; }
#swf-uploader-list li .file-name { display: block; overflow: hidden; width: 225px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;  }
#swf-uploader-list li .file-info { font-size: 11px; color: #999999; }


#overlay-wrapper { display: none; }
#overlay { position: absolute; top: 50%; left: 50%; width: 1px; height: 1px; }
#window { position: absolute; top: -85px; left: -160px; width: 300px; height: 110px; padding: 10px; background: #FFFFFF url(/img/page-layout-bg.png) repeat-x left 20px; border: 2px solid #009BDA; }
#window .progress { background: white url(/img/progress-bar/progress.gif) no-repeat; background-position:	+50% 0; margin-right: 0.5em; }
#overlay-bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #FFFFFF; display: block; opacity: 0.5; }
#window h2 { font-size: 12px; font-weight: bold; background: #009BDA; color: #FFFFFF; margin: -10px -10px 10px -10px; padding: 5px 10px 7px 10px; }
#window div { padding-bottom: 10px; font-size: 11px; color: #999999; line-height: 15px; }
#window div img {position: relative; top: 2px; }
#window .overall-title { display: block; padding-bottom: 1px; white-space: nowrap; overflow: hidden; color: #383838 }
#window .current-title { display: block; padding-bottom: 1px; white-space: nowrap; overflow: hidden; color: #383838 }
#window .current-text { display: none; }
.ie6 select { visibility: hidden !important; }

/*************/
/* IMAGE SET */
/*************/
#content .image-set li { display: block; background: none; padding: 0px 8px 10px 0px; margin: 0px; width: 172px; height: 210px; float: left; }
#content .image-set li a { display: block; border: 1px solid #E8E8E8;  width: 170px; height: 170px; line-height: 168px; overflow: hidden; text-align: center; text-decoration: none; text-indent: -3px; white-space: nowrap; }
#content .image-set li a:hover { border-color: #97D1F0; background-color: #EDF7FC; }
#content .image-set li a.zoom { border: none; width: auto; height: auto; line-height: 18px; text-align: left; text-indent: 0px; font-size: 11px; color: #999999; background: url(/img/ico-zoom.png) no-repeat 4px 10px; padding: 6px 0px 0px 19px; }
#content .image-set li a img { vertical-align: middle; }
#content .image-set li span.date { font-size: 11px; text-align: left; display: block; padding-top: 1px; color: #999999; padding-right: 5px; padding-left: 5px; }
#content .image-set li span.shop { font-size: 11px; text-align: left; display: block; color: #999999; padding: 1px 5px 0px 5px; }


.paging { text-align: center; padding: 10px 0px; clear: both;}
.paging a,
.paging strong { display: inline-block; border: 1px solid #E8E8E8; text-decoration: none; padding: 2px 0px; width: 24px; text-align: center; }
.paging strong { border-color: #FFFFFF; }
.paging a.prev,
.paging a.next { width: auto; padding: 2px 5px; }
.paging a:hover { border-color: #97D1F0; background-color: #EDF7FC; }

/*************/
/* FORM SHOP */
/*************/
#form-shop { position: relative; width: 724px; }
#form-shop p { padding-bottom: 3px; margin: 0px; position: relative; }
#form-shop p.note { padding: 5px 0px 0px 0px; }
#form-shop p.error .error-mark { display: block; }
#form-shop label { width: 55px; font-weight: normal; display: block; float: left; line-height: 22px; color: #666666; }
#form-shop label.short { width: 30px; }
#form-shop fieldset { padding-bottom: 20px; }
#form-shop fieldset h2 { font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; }
#form-shop .input,
#form-shop input.file { width: 240px; padding: 3px 5px; border: 1px solid #DDDDDD; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#form-shop select { width: 252px; border: 1px solid #DDDDDD; padding: 2px 5px; font-family: Arial, Helvetica, sans-serif;  }
#form-shop .required { color: #000000; }
#form-shop textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#form-shop .input.error,
#form-shop select.error { background-color: #FFF9F9; border-color: #CC0000; }

#form-shop .column1 { width: 350px; float: left; }
#form-shop .column2 { width: 360px; float: left; }

#form-shop-group-title label { font-size: 14px; width: 120px; line-height: 24px; }
#form-shop-group-title .input { font-size: 14px; width: 400px; padding: 3px 5px; }

#form-shop-group-address p { height: 23px; }
#form-shop-group-address label.short { padding-left: 10px; }
#form-shop-group-address .input { float: left; margin-right: 10px; }
#form-shop-group-address #form-shop-street { width: 140px; }
#form-shop-group-address #form-shop-num { width: 38px; }
#form-shop-group-address #form-shop-zip { width: 50px; }

#form-shop-group-time .input { width: 221px; }
#form-shop-group-time .checkbox { margin-right: 4px; }

#form-shop-group-products label { width: 175px; white-space: nowrap; overflow: visible; }
#form-shop-group-products input { vertical-align: middle; }
#form-shop-group-products img { vertical-align: middle; padding-left: 5px; }

#form-shop-group-info textarea { width: 295px; padding: 5px; height: 78px; border: 1px solid #DDDDDD; }

#form-shop-distributor { position: absolute; top: -32px; right: 0px; }
#form-shop-distributor select { width: auto; vertical-align: middle; }

#form-shop-group-map .help img { vertical-align: middle; }
#form-shop-group-map .map { background: url(/admin/images/admin/ico-map.png) no-repeat left top; padding: 0px 0px 1px 20px; }

#form-shop-group-shop label { width: 65px; }
#form-shop-group-shop select { width: 242px; }

form-shop-group-pictures { position: relative; }

#form-shop p.center { width: 655px;}
#form-shop button { font-size: 14px; font-weight: bold; padding: 5px 10px; font-family: Arial, Helvetica, sans-serif; }

#form-shop-new { display: none; }

#error-box { border: 1px solid #CC0000; background-color: #FFF9F9; padding: 0px; margin-bottom: 20px; width: 655px;  }
#error-box p { padding: 5px 10px; margin: 0px; }
#error-box img { vertical-align: middle; }

/********/
/* HELP */
/********/
.help { padding: 0px; display: inline-block; position: relative; top: 1px; cursor: help; width: 14px; height: 14px; background: url(/img/ico-help.png) no-repeat left top; text-decoration: none; }
.help .help-content { display: none; position: absolute; bottom: 14px; left: 14px; border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 4px 5px 4px 5px; color: #666666; font-size: 11px; font-weight: normal; width: 160px; line-height: 15px; text-transform: none;  }
.help .help-content strong { font-size: 11px; font-weight: bold; }
.help.wide .help-content { width: 200px; }
.help:hover,
.help.hover { background-position: left bottom; }
.help:hover .help-content,
.help.hover .help-content { display: inline-block; float: left; }


.error-mark { display: block; width: 14px; height: 14px; vertical-align: middle; background: url(/img/exclamation.png) no-repeat left top; position: absolute; top: 5px; right: -17px; text-decoration: none; }
.error-content { font-size: 11px; color: #666666; border: 1px solid #CC0000; background-color: #FFFFFF; position: absolute; bottom: 14px; left: 14px; display: none; padding: 3px 5px; width: 150px; line-height: 16px; z-index: 10; }
.error-mark:hover .error-content { display: block; }

/* produkty info boxy */
.info-box { border: 1px solid #019BDA; font-size: 11px; height: 62px; margin-left: 10px; margin-top: 15px; background: #F4FBFE; padding-left: 10px; padding-right: 17px;padding-top: 6px; color: #000000; }
.info-box a { color: #000000; }
.info-box a:hover { text-decoration: none; }
.info-box p { padding: 0; }

/***********/
/* BUBBLES */
/***********/
div.bubble { position: absolute; z-index: 1; }
div.bubble p.bubble-content { display: none; background: url(/img/bubble-bg.png) no-repeat left bottom; padding: 0px 0px 5px 0px; width: 150px; position: absolute; z-index: 99; }
.bubble-content span { border: 1px solid #039CDA; border-bottom: none; font-size: 11px; background-color: #F4FBFE; display: block; padding: 5px; line-height: 16px; }

#price-1 { width: 27px; height: 38px; top: 133px; left: 168px; }
#price-1 p.bubble-content { bottom: 20px; left: 7px; }
#price-2 { width: 36px; height: 24px; top: 139px; left: 210px; }
#price-2 p.bubble-content { bottom: 12px; left: 7px; }

/****************/
/* PAGE TV SPOT */
/****************/
#page-spot #header-wrapper { margin-bottom: 15px; }
#page-spot #header-wrapper h1 { border: none; font: bold 28px Arial, Helvetica, sans-serif; color: #009bda; height: auto; margin: 0; padding: 5px 0 10px; }
#page-spot #header-wrapper .left { float: left; width: 300px; padding-right: 9px; }
#page-spot #header-wrapper .right { float: right; width: 210px; border-left: 1px dashed #ccc; padding: 0 10px; margin: 10px 0; }
#page-spot #header-wrapper .big { font-size: 16px; margin-bottom: 15px; }
#page-spot #header-wrapper h3 { font-size: 14px; color: #009bda; text-align: center; margin: 0 0 10px; }
#page-spot .tv-logos { text-align: center; }
#page-spot .tv-logos .logo-big { margin: 5px; }
#page-spot .tv-logos img { margin: 0 5px; }
#page-spot #right-column h2,
#page-spot #left-column h2 { font-size: 20px; letter-spacing: -1px; }
#page-spot #left-column h2 small { font: normal 12px Arial, Helvetica, sans-serif; color: #999; padding-left: 10px; letter-spacing: 0; }

/* RIGHT COLUMN */
#page-spot #right-column { font-size: 12px; }
#page-spot #right-column p { padding: 0; margin: 0.3em 0 0.7em; }

/* LAYOUT */
#page-spot #right-column,
#page-spot #left-column { padding: 15px 0; }
#page-spot #right-column { float: right; width: 600px; }
#page-spot #left-column { float: left; width: 270px; }

/* TABLE */
#page-spot .spot-times { border: none; font-size: 12px; margin: 5px 0; }
#page-spot .spot-times th,
#page-spot .spot-times td { border: none; padding: 6px 14px; text-align: left; }
#page-spot .spot-times th { text-align: left; background-color: #fff; color: #bbb; font-weight: normal; }
#page-spot .spot-times .time { text-align: right; }
#page-spot .spot-times .channel { width: 70px; }
#page-spot .spot-times .even td { background-color: #f9f9f9; }

/* CALENDAR */
#page-spot .month { margin-bottom: 10px; }
#page-spot .month h3 { font-size: 14px; color: #009bda; text-transform: uppercase; }
#page-spot .month .show-all { color: #009bda; text-transform: uppercase; font-size: 10px; padding: 0 5px 0 0; margin: -20px 0 0; float: right; }
#page-spot .month .show-all a { color: #009bda; }
#page-spot .calendar { border: none; border-collapse: collapse; text-align: center; margin: 10px 0; }
#page-spot .calendar th,
#page-spot .calendar td { border: none; border-collapse: collapse; width: 32px; padding: 2px 0; }
#page-spot .calendar th { color: #7fcdec; text-transform: uppercase; font-size: 10px; font-weight: normal; background-color: #fff; }
#page-spot .calendar td { }
#page-spot .calendar a,
#page-spot .calendar .empty { display: block; width: 32px; padding: 3px 0; font: bold 16px Arial, Helvetica, sans-serif; color: #009bda; text-decoration: none; border: 1px solid #e9e9e9; }
#page-spot .calendar .empty { color: #bbb; }
#page-spot .calendar a:hover { background-color: #f9f9f9; }
#page-spot .calendar .active a { background-color: #009bda; color: #fff; }
#page-spot .calendar {}

.csn { position: absolute; top: 90px; left: 162px; }
.resistant { position: absolute; top: 90px; left: 210px; }

/* flash spot */
#pfit { margin:10px; }
body #timetable-note { padding-left:0px !important; margin:10px 0px; font-size:11px; color:#999; }