body {
  margin: 0; padding: 0;
  font: normal normal 82%/130% arial, sans-serif;
  color: #5a5a5a;
  background-color: #fff;
} 

/* BASIC */

a { color: #666666; }
a:hover { color: #df2e2f; }
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; }
input {
  border: #000 1px solid;
  background: #fff; 
}
img { border: none; }
hr {   height: 1px; color: #fff; background-color: #fff; border: 1px solid #fff; /*visibility: hidden;*/ }

/* LAYOUT */

#cover { width: auto; }

/* CORNERS */

/* HEADER */

#skip_navigation { display: none; }
#header { }
#header a { text-decoration: none; }

#theme { border-top: #dd1f1f 1px solid; margin-bottom: 15px; }
#theme ul { display: none; }

/* NAVIGATION */

#navigation { display: none; }

/* MAIN */

#main {  }
#main h2 { color: #0f3486; padding: 4px 2px 8px 2px; }
#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; line-height: 105%; margin-top: -10px; padding-left: 10px; }
ul#services p span { color: #dfaa60; }
* 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; }

ul#ezs_main_submenu { list-style-type: none; margin: 0; padding: 0; }
ul#ezs_main_submenu li { 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 { display: none; }

/* SERVICE OVERVIEW */
#service_overview { list-style-type: none; margin: 10px 40px; padding: 0;  }
ul#service_overview li { margin: 3px 0; }
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; }

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 -160px; }
div.paradox_block h4 { color: #df2e2f; }
div.paradox_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; }

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

h4.phone { padding: 15px 0 5px 20px; color: #df2e2f; }
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: 14.5em; min-width: 170px; height: 17em; float: left; text-align: center; margin: 10px 0.5em 0 0.5em; padding: 0; }
html>body div.bpt_block { height: 17em; min-height: 180px; }
div.bpt_block h4 { color: #df2e2f; background-color: inherit; padding-bottom: 5px; }

/* CCTV */
div.camera_block { 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; }
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; }
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: 20em; min-width: 220px; height: 200px; float: left; text-align: center; padding: 10px 1em 0 4em; margin: 0; }
html>body div.tomst_block { width: 16em; 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.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: 130px; float: left; text-align: center; margin: 0 0.8em 0 0.8em; padding: 0; }
html>body div.lock_block { height: auto; min-height: 130px; }
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: 23em; 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; }

/* 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; font-weight: bold; }
ul.upgrade { margin: 0 40px 0 45px; padding: 0; }
ul.upgrade li { margin: 0 0 1em 0; }
ul.upgrade ul { }
ul.upgrade ul li { margin: 0.2em 0; }

ul.description { margin: 0 0 0 15px; padding: 0; }
ul.description li { margin: 0 0 0.2em 0; }

/* SITEMAP */
ul#sitemap { margin: 10px 20px; padding: 0; }
ul#sitemap ul { margin: 5px 10px; padding: 0; }
ul#sitemap li { margin: 2px; font-size: 110%; font-weight: bold; }
ul#sitemap li li { font-size: 90%; font-weight: normal; }
ul#sitemap li li li { font-size: 90%; }

/* CONTACT */

div#address { height: 200px; float: left; padding: 50px 10px 10px 50px; background: url("../images/address.jpg") left top no-repeat; }
form#contact_form { display: none; } 
html>body div#address { height: auto; min-height: 200px; }

/* FOOTER */

#downmenu { display: none; }

#footer { clear: both; margin: 0; 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; }
p#created { display: none; }

/* 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; }
.text_cetner { text-align: center; }
.photo { display: block; text-align: center; }
.photo img { border: #e5e5e5 1px solid; }
.photo img.no_border { border: none; }
.page_break { page-break-before: always; }

