body {
  margin: 0; padding: 0;
  text-align: center;
  background: #fff url("../images/background.gif") left top repeat-x;
  font: normal normal 82%/130% arial, sans-serif;
  color: #5a5a5a;
} 

/* BASIC */

a { color: #666666; background-color: inherit; }
a:hover { color: #df2e2f; background-color: inherit; }
strong { font-weight: bold; }
i { font-style: italic; }
p { margin: 0; padding: 2px 0; }
h1, h2, h3, h4, h5 { font-size: 140%; font-weight: bold; margin:0; padding: 2px; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }

form { margin: 0; padding: 0; }
img { border: none; }
hr {   height: 1px; color: #fff; background-color: #fff; border: 1px solid #fff; /*visibility: hidden;*/ }

/* LAYOUT */

#cover { width: 57em; min-width: 720px; margin: 0 auto; text-align: left; background: #fff; color: inherit; }

/* CORNERS */

#left_b { background: url("../images/left_b.gif") left top repeat-y; }
#right_b { background: url("../images/right_b.gif") right top repeat-y; }
#top_b { background: url("../images/top_b.gif") left top repeat-x; }
#bottom_b { background: url("../images/bottom_b.gif") left bottom repeat-x; }
#left_b_grad { background: url("../images/left_b_grad.gif") left top no-repeat; }
#right_b_grad { background: url("../images/right_b_grad.gif") right top no-repeat; }
#left_b_corn { background: url("../images/left_b_corn.gif") left bottom no-repeat; }
#right_b_corn { padding: 15px 0 10px 0; height: 1px; background: url("../images/right_b_corn.gif") right bottom no-repeat; }
html>body #right_b_corn { height: auto; }

/* HEADER */

#skip_navigation { display: none; }
#header { padding: 0 15px; height: 75px;}
h1 { float: left; width: 75px; height: 70px;}
h1 a { display: block; position: relative; text-decoration: none; width: 75px; height: 70px; overflow: hidden; }
h1 a span { display: block; position: absolute; left: 0; top: 0; width: 75px; height: 70px; background: url("../images/logo.jpg") left top no-repeat; z-index: 1; cursor: pointer; }

#theme { float: right; width: 45em; min-width: 580px; height: 75px; }
* html #theme { margin-right: 1px; display: inline; }
.theme_default { background: url("../images/theme.jpg") right bottom no-repeat; }
.theme_cable { background: url("../images/theme_kabelaz.jpg") right bottom no-repeat; }
.theme_safe { background: url("../images/theme_trezor.jpg") right bottom no-repeat; }
.theme_eps { background: url("../images/theme_eps.jpg") right bottom no-repeat; }
.theme_ezs { background: url("../images/theme_ezs.jpg") right bottom no-repeat; }
.theme_cctv { background: url("../images/theme_cctv.jpg") right bottom no-repeat; }
.theme_telecom { background: url("../images/theme_telekom.jpg") right bottom no-repeat; }
.theme_gsm { background: url("../images/theme_gsm.jpg") right bottom no-repeat; }
.theme_audio { background: url("../images/theme_audio.jpg") right bottom no-repeat; }
.theme_voltage { background: url("../images/theme_silnoprud.jpg") right bottom no-repeat; }
.theme_control { background: url("../images/theme_dochadzka.jpg") right bottom no-repeat; }
#theme ul { margin: 0; padding: 0; list-style-type: none; }
#theme ul li { float: right; margin: 0 10px; font-size: 85%; }
#theme ul li a { text-decoration: none; }
#theme ul li a:hover { text-decoration: underline; }

/* NAVIGATION */

#navigation { clear: both; padding: 10px 15px 0 7px; position: relative; height: 1px; }
html>body #navigation { height: auto; }

#navigation p { margin: 0; padding: 2px 0 2px 15px; font-size: 85%; /*color: inherit;*/ background: url("../images/nav_line.gif") left top repeat-y;  width: 450px;}
#navigation p a { text-decoration: none; }
#navigation p a:hover { text-decoration: underline; }
#navigation p span { color: #0f3486; background-color: inherit; }

#navigation ul { position: absolute; top: 0; right: 15px; width: 261px; height: 41px; margin: 0; padding: 16px 0px 0 0px; list-style-type: none; background: url("../images/main_menu.gif") left top no-repeat;}
html>body #navigation ul { width: 181px; height: 30px; padding: 11px 20px 0 60px;}
#navigation li { height: 25px; margin-left: -10px; }
#navigation li { mar\gin-left: 0; }
html>body #navigation li { height: 31px; }
#navigation li a { position: relative; display: block; height: 25px; z-index: 10; text-align: center; color: #df2e2f; background-color: inherit; font-size: 85%; font-weight: bold; text-decoration: none; }
html>body #navigation li a { display: table-cell; vertical-align: middle; width: 200px; height: 31px; }
#navigation li a:hover { color: #0f3486; background-color: inherit; }
html body #navigation ul ul { display: none; width: 191px; height: auto; top: 35px; left: 60px; right: 30px; margin: 0; padding: 10px 0 10px 0; color: inherit; background: #fbf3e7 url("../images/sub_menu.jpg") left top no-repeat; z-index: 2; }
html body #navigation ul li:hover > ul { display: block; }
#navigation ul li.over ul { display: block; }
/*html body #navigation ul ul.CSStoShow { display: block; }*/
#navigation ul ul li { display: block; width: 180px; height: auto; margin: 0 0 0 -10px; padding: 4px 10px 4px 25px; line-height: 100%; text-align: left; background: url("../images/dot.gif") 10px 0.7em no-repeat; }
#navigation ul ul li { wid\th: auto; mar\gin-left: 0; }
html>body #navigation ul ul li { width: auto; }
#navigation ul ul li.develop { background: url("../images/dot_grey.gif") 10px 0.7em no-repeat; }
#navigation ul ul li a { display: inline; width: auto; height: auto; /*text-align: left;*/ z-index: 2; font-size: 85%; font-weight: normal; line-height: 110%; }
#navigation ul ul li a:hover { text-decoration: underline; }
#navigation ul ul li span { z-index: 2; font-size: 85%; color: #c5a060; background-color: inherit; }
span#submenu_end { display: block; position: absolute; left:0; bottom: -10px; width: 191px; height: 15px; background: url("../images/sub_menu_bottom.gif") left top no-repeat; }

/* MAIN */

#main { margin: 15px 15px 10px 15px; padding: 0 15px; font-size: 95%; height: 300px; background: url("../images/main_back.jpg") right bottom no-repeat; }
.no_back #main { background: none; }
html>body #main { height: auto; min-height: 300px; }
#main h2 { color: #0f3486; padding: 4px 2px 8px 2px; background-color: inherit; }
#main h3 img { vertical-align: middle; padding: 0 5px 0 0; }
#main p { padding-bottom: 15px; }

ul#services { list-style-type: none; margin: 0; padding: 0; }
ul#services li { width: 10em; min-width: 120px; height: 13.2em; min-height: 150px; float: left; margin: 0 5px; text-align: center; }
ul#services a { display: block; text-decoration: none; }
ul#services p { margin: 0; padding: 0; }
ul#services a span, ul#services p span { display: block; font-size: 92%; color: #df2e2f; background-color: inherit; line-height: 115%; margin-top: -10px; padding-left: 10px; }
ul#services p span { color: #dfaa60; background-color: inherit; }
* html ul#services li a span, * html ul#services li p span { margin-top: -5px; }
ul#services li a:hover span { text-decoration: underline; color: #0f3486; background-color: inherit; }

ul#ezs_main_submenu { list-style-type: none; margin: 0; padding: 0; }
ul#ezs_main_submenu li { float: left; margin: 0 5px; }
ul#ezs_main_submenu li a { text-decoration: none; }
ul#ezs_main_submenu li a span { text-decoration: underline; }
ul#ezs_main_submenu li img { vertical-align: middle; }

ul#alarm_submenu { height: 1.5em; list-style-type: none; margin: 5px 0 10px 5px; padding: 0 5px; border-left: #e5e5e5 1px solid; border-bottom: #e5e5e5 1px solid; color: inherit; background: #f8f8f8; font-size: 92%; }
ul#alarm_submenu li { float: left; margin: 0 10px 0 5px; padding: 1px 0 0 0; }
ul#alarm_submenu a { display: block; padding: 0 5px 0 13px; text-decoration: none; background: url("../images/arrow.gif") left center no-repeat; }
ul#alarm_submenu a:hover { background: url("../images/arrow-over.gif") left center no-repeat; }
ul#alarm_submenu span { display: block; padding: 0 5px 0 15px; color: #0f3486; background: url("../images/arrow-sel.gif") left center no-repeat; background-color: inherit; }
ul#alarm_submenu li.back { float: right; }
ul#alarm_submenu li.back a { padding: 0 5px 0 15px; background: url("../images/arrow-up.gif") left center no-repeat; }
ul#alarm_submenu li.back a:hover { background: url("../images/arrow-up-over.gif") left center no-repeat; }

/* SERVICE OVERVIEW */
ul#service_overview { list-style-type: none; margin: 10px 40px; padding: 0;  }
ul#service_overview li { margin: 3px 0; margin-top: 15px; margin-left: 30px;}
ul#service_overview li img { vertical-align: middle; margin-right: 10px; }

/* EZS */
div.jablotron_block { margin: 0 20px 0 40px; padding: 20px 0 0 130px; height: 100px; }
html>body div.jablotron_block { height: auto; min-height: 100px; }
div.jablotron_block img { float: left; margin: -20px 0 0 -130px; }
div.jablotron_block h4 { color: #df2e2f; background-color: inherit; }

div.paradox_block { margin: 0 0 0 40px; padding: 20px 0 0 160px; height: 160px; }
html>body div.paradox_block { height: auto; min-height: 160px; }
div.paradox_block img { float: left; margin: 0 0 0 -165px; }
div.paradox_block h4 { color: #df2e2f; background-color: inherit; }
div.paradox_block h5 { padding: 5px 0 2px 5px; }


div.akcia{-moz-border-radius: .5em;padding: 5px; border:1px dashed #f00;}
div.akcia .txtakcia{color: #f00;text-align:center;}

/* new - added by cms*/
div.subcategory_block { margin: 0 20px 0 40px; padding: 20px 0 0 130px; height: 100px; }
html>body div.subcategory_block { height: auto; min-height: 100px; }
div.subcategory_block img { float: left; margin: -20px 0 0 -130px; }
div.subcategory_block h4 { color: #df2e2f; background-color: inherit; }


div.tovar_blocki { margin: 0 0 0 40px; padding: 20px 0 0 160px; height: 160px; }
html>body div.tovar_blocki { height: auto; min-height: 160px; }
div.tovar_blocki img { float: left; margin: 0 0 0 -165px; }
div.tovar_blocki h4 { color: #df2e2f; background-color: inherit; }
div.tovar_blocki h5 { padding: 5px 0 2px 5px; }

div.tovar_block { margin: 0 0 0 30px; padding: 20px; }
html>body div.tovar_block { height: auto; min-height: 100px; }
div.tovar_block h4 { color: #df2e2f; background-color: inherit; }
div.tovar_block h5 { padding: 5px 0 2px 5px; }

/* EPS */ 
div.bentel_block { margin: 0 20px 0 40px; padding: 20px 0 0 130px; height: 100px; }
html>body div.bentel_block { height: auto; min-height: 100px; }
div.bentel_block img { float: left; margin: -10px 0 0 -130px; }
div.bentel_block img.b2 { margin-top: 0; }
div.bentel_block h4 { color: #df2e2f; background-color: inherit; }

/* TELEKOM */
div.panasonic_block { width: 18em; min-width: 180px; height: 160px; float: left; text-align: center; padding: 10px 1.5em 0 1.5em; margin: 0; }
html>body div.panasonic_block { width: 15em; height: auto; min-height: 160px; }
div.panasonic_block h4 { color: #df2e2f; background-color: inherit; }

h4.phone { padding: 15px 0 5px 20px; color: #df2e2f; background-color: inherit; }
div.phone_block { display: block; width: 12em; min-width: 140px; height: 120px; float: left; text-align: center; margin: 10px 0.5em 0 0.5em; padding: 0; }
html>body div.phone_block { height: auto; min-height: 120px; }

/* AUDIO-VIDEO */
div.bpt_block { width: 14em; min-width: 180px; height: 15em; float: left; text-align: center; margin: 10px 1.5em 0 1.5em; padding: 0; }
html>body div.bpt_block { width: 15em; height: 15em; min-height: 180px; }
div.bpt_block h4 { color: #df2e2f; background-color: inherit; padding-bottom: 5px; }

/* CCTV */
div.camera_block { float: left; margin: 10px 10px 10px 0; padding: 15px 20px 0 115px; width: 27em; min-width: 180px; height: 17em; background: url("../images/kamera/back.jpg") right top no-repeat; }
div.no_margin { margin-right: 0; }
html>body div.camera_block { width: 16em; height: auto; min-height: 14.2em; }
div.camera_block img { float: left; margin: 0 0 0 -115px; }
div.camera_block h4 { color: #df2e2f; background-color: inherit; }
div.camera_block h5 { padding: 5px 0 2px 5px; }

div.vdrs_block { margin: 0 0 0 30px; padding: 20px 0 0 170px; height: 330px; }
html>body div.vdrs_block { height: auto; min-height: 330px; }
div.vdrs_block img { float: left; margin: 0 0 0 -170px; }
div.vdrs_block h4 { color: #df2e2f; background-color: inherit; }
div.vdrs_block h5 { padding: 5px 0 2px 5px; }
div.vdrs_block p.photo_m { float: left; margin: 150px 0 0 -170px; width: 148px; text-align: center; line-height: 90%; }
div.vdrs_block p.photo_m a { text-decoration: none; font-size: 75%; color: #df2e2f; background-color: inherit; }
div.vdrs_block p.photo_m img { float: none; margin: 0 0 0 0; }

/* DOCHADZKA */
div.tomst_block { width: 25em; min-width: 220px; height: 200px; float: left; text-align: center; padding: 10px 1em 0 4em; margin: 0; }
html>body div.tomst_block { width: 20em; height: auto; min-height: 200px; }
div.tomst_block h4 { color: #df2e2f; background-color: inherit; }

div.contal_block { margin: 0 0 0 30px; padding: 10px 0 0 170px; height: 330px; }
html>body div.contal_block { height: auto; min-height: 330px; }
div.contal_block img { float: left; margin: 0 0 0 -170px; }
div.contal_block h4 { color: #df2e2f; background-color: inherit; }
div.contal_block h5 { padding: 5px 0 2px 5px; }
div.contal_block p { padding: 5px; }
div.contal_block p.photo_m { float: left; margin: 150px 0 0 -170px; width: 148px; text-align: center; line-height: 90%; }
div.contal_block p.photo_m a { text-decoration: none; font-size: 75%; color: #df2e2f; background-color: inherit; }
div.contal_block p.photo_m img { float: none; margin: 0 0 0 0; }

/* TREZOR */
.safe_container_c3 { width: 360px; float: right; margin: 0 0 0 1em; }
.safe_container_c2 { width: 240px; float: left; margin: 0 0.5em 0 40px; display: inline; }
div.safe_block { display: block; width: 100px; height: 140px; float: left; text-align: center; margin: 0 0.5em 0 0.5em; padding: 0; }
/*html>body safe.phone_block { height: auto; min-height: 150px; }*/
div.safe_block p { font-size: 85%; font-weight: bold; margin-top: -10px; }

div.lock_block { display: block; width: 12em; min-width: 140px; height: 120px; float: left; text-align: center; margin: 0 0.8em 0 0.8em; padding: 0; }
html>body div.lock_block { height: auto; min-height: 120px; }
div.lock_block p { font-size: 84%; line-height: 120%; margin-top: -5px; }

/* KABELAZ */
div.cable_block { margin: 0 0 0 40px; padding: 20px 0 0 180px; height: 170px; }
html>body div.cable_block { height: auto; min-height: 160px; }
div.cable_block img { float: left; margin: -20px 0 0 -180px; }

/* GSM */
div.gsm_block { float: left; width: 27em; margin-top: 1em; }
div.gsm_block h4 { color: #df2e2f; background-color: inherit; }
p.photo_gsm { float: left; display: inline; width: 145px; margin: 5px 10px 5px 25px; padding: 0; text-align: center; font-size: 75%; line-height: 130%; }
p.photo_gsm a { text-decoration: none; color: #df2e2f; background-color: inherit; }

/* EZS - detector */
table#detector { margin: 0 20px 0 40px; }
table#detector td { padding: 0 15px 0 0; vertical-align: middle; }
* html table#detector td { font-size: 75%; }
table#detector h4 { color: #df2e2f; background-color: inherit; }

/* TEXT, LIST */
#main p.narrow { margin: 20px 20px 0 40px; }
#main p.narrow2 { margin: 10px 20px 10px 40px; padding: 0; }
#main p.narrow3 { margin: 10px 20px 10px 30px; padding: 0; }
#main p.narrow4 { margin: 0; padding: 5px 10px; }
#main p.narrow_list { margin: 0 20px 0 40px; padding: 0 0 5px 0; color: #df2e2f; background-color: inherit; font-weight: bold; }
#main p.first { padding-top: 10px; clear: both; }
ul.upgrade { list-style-type: none; margin: 0 40px 0 45px; padding: 0; }
ul.upgrade li { margin: 0 0 1em 0; padding: 0 0 0 1.4em; background: url("../images/cross.gif") 0% 0.3em no-repeat; }
ul.upgrade ul { list-style-type: none; }
ul.upgrade ul li { margin: 0.2em 0; padding: 0 0 0 1.1em; background: url("../images/cross_dot.gif") 0% 0.5em no-repeat; }

ul.description { list-style-type: none; margin: 0 0 0 15px; padding: 0; }
ul.description li { margin: 0 0 0.2em 0; padding: 0 0 0 1.4em; background: url("../images/cross_dot.gif") 0% 0.5em no-repeat; }

div.description ul { list-style-type: none; margin: 0 0 0 15px; padding: 0; }
div.description ul li { margin: 0 0 0.2em 0; padding: 0 0 0 1.4em; background: url("../images/cross_dot.gif") 0% 0.5em no-repeat; }



/* CONTACT */

div#address { display: inline; height: 250px; min-width: 200px; float: left; margin-left: 3.5em; padding: 50px 3em 10px 50px; background: url("../images/address.jpg") left top no-repeat; }
form#contact_form { height: 200px;float: left; padding: 50px 10px 10px 50px; background: url("../images/message.jpg") left top no-repeat; }
html>body div#address, html>body form#contact_form { height: auto; min-height: 200px; }
form#contact_form p { width: 17em; min-width: 200px; margin: 0 0 3px 0; padding: 0; }
.normal { border: #ed8686 1px solid; color: inherit; background: #fff; width: 100%; margin: 0 0 5px 0; padding: 0 2px; }
.submit { border: #ed8686 1px solid; color: #fff; background: #ed8686 url("../images/submit_back.gif") left top repeat-x; cursor: pointer; }
form#contact_form textarea { font: normal normal 100% arial, sans-serif; height: 5em; width: 100%; }
.error_strong { color: #f00; font-weight: bold; }
.error { color: #f00; }


/* SITEMAP */

ul#sitemap { margin: 10px 20px; padding: 0; }
ul#sitemap ul { margin: 5px 10px; padding: 0; }
ul#sitemap li { list-style-type: none; margin: 2px; font-size: 110%; font-weight: bold; }
ul#sitemap li li { padding-left: 14px;  font-size: 90%; font-weight: normal; background: url("../images/circle.gif") 0% 0.3em no-repeat; }
ul#sitemap li li li { font-size: 90%; background: url("../images/cross_dot.gif") 0% 0.5em no-repeat;}

/* FOOTER */

#downmenu { text-align: right; font-size: 85%; margin: 5px 30px 4px 30px; height: 1.7em; }
#downmenu a { display: block; float: right; text-decoration: none; margin: 0 5px; padding-right: 15px; }
#downmenu a:hover { text-decoration: underline; }
a#print { background: url("../images/print.gif") right center no-repeat; }
a#print:hover { background: url("../images/print_over.gif") right center no-repeat; }
a#anchor_up { background: url("../images/anchor_arrow.gif") right center no-repeat; }
a#anchor_up:hover { background: url("../images/anchor_arrow_over.gif") right center no-repeat; }

#footer { clear: both; margin: 5px 15px 0 15px; border-top: #dd1f1f 1px solid; text-align: right; }
#footer p { font-size: 85%; padding: 2px 5px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
p#copyright { float: left; }

/* BASIC */

.clearer, .line_clearer, .line_clearer2 { clear: both; }
.line, .line_clearer, .line_clearer2 { background: url("../images/line.gif") center bottom no-repeat; }
.line_clearer, .line_clearer2 { height: 5px; font-size: 10%; margin-bottom: 10px; }
.line_clearer2 { margin: 20px 0 10px 0; }
.photo { display: block; text-align: center; }
.photo img { border: #e5e5e5 1px solid; }
.text_cetner { text-align: center; }
.photo img.no_border { border: none; }
.dark{color:#000;}
.dark a{color:#000;}
.dark a:hover{color:#000;}
.dark a img{float: none; margin: 0px 5px 0px 2px;text-decoration: none;}