/* basic
--------------------------------------------------*/
html, body {min-width:960px;}
body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background:#fff;
  margin:0;padding:0;border:0;
  font-size:69%;
  line-height:1.5em;
  text-align:center;
  position:relative;
  }
form input, form textarea {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:1em; line-height:1.5em; }
hr, .low, #showflash {display:none;}
* {margin:0; padding:0; border:0;}

/* main
--------------------------------------------------*/

#container {width:950px; margin:0 auto; text-align:left;}


/* header
--------------------------------------------------*/

#header h1 {float:left; margin:20px 0;}
#header p {display:none;}

#main_menu {float:right; width:510px; list-style:none; background:#fff url(img/css/top-bgr.gif) no-repeat scroll 25px 20px;}
#main_menu li {float:left; margin-top:5px; width:170px;}
*>#main_menu li {margin-top:15px;}

#main_menu a {display:block; float:right; width:70px; height:60x; padding-left:60px; padding-top:35px; height:75px; font-size:1.2em; color:#000; text-decoration:none;}
*>#main_menu a {height:45px; padding-top:15px;}
#main_menu a:hover {text-decoration:underline;}
#main_menu a.automatizacia {background:transparent url(img/css/top_auto.gif) no-repeat scroll left top;}
#main_menu a.alarmy {background:transparent url(img/css/top_alarm.gif) no-repeat scroll left top;}
#main_menu a.gsm {font-size:1em; color:#666; padding-left:0; padding-right:40px; width:50px;}



#sub_menu {padding:0 10px; height:30px; width:750px; float:left;}
#sub_menu li {float:left; list-style:none; padding-right:10px;}

#sub_menu li.login {float:left; list-style:none; padding-right:0px;}
#sub_menu li span{color:#fff; display:block; line-height:30px; text-decoration:none; padding-left:15px;}

.menu_line {background:#131313 url(img/css/bg_flash_menu.gif) no-repeat scroll left top; overflow:hidden; display:block; height: 30px;}

.login_div {display:block; float:right;margin: 5px 10px 0px 0px; display:inline;}
.login_div input { display:block; width:50px; height: 16px; float:left; margin: 0px 0px 0px 3px; display:inline; color:#fff; background:#222;}
.login_div span { display:block; width:110px; text-align:right; height: 16px; float:left; margin: 0px 0px 0px 3px; display:inline; color:#fff;}

#sub_menu li a {color:#fff; display:block; line-height:30px; text-decoration:none; padding-left:15px;}
#sub_menu li a:hover {text-decoration:underline;}
#sub_menu .riesenia {background:transparent url(img/css/icon-sample.gif) no-repeat scroll left center;}
#sub_menu .objednavka {background:transparent url(img/css/icon-buy.gif) no-repeat scroll left center;}
#sub_menu .sale {background:transparent url(img/css/icon-sale.gif) no-repeat scroll left center;}
#sub_menu .otazky {background:transparent url(img/css/icon-faq.gif) no-repeat scroll left center;}
#sub_menu .kontakt {background:transparent url(img/css/icon-contact.gif) no-repeat scroll left center;}
#sub_menu .partner {background:transparent url(img/css/icon-partner.gif) no-repeat scroll left center;}
#sub_menu .saving {background:transparent url(img/css/icon-saving.gif) no-repeat scroll left center;}
#sub_menu .saving a {color:#6e6;}
#sub_menu .jump {float:right; padding-left:15px; padding-right:0;background:transparent url(img/css/icon-jump.gif) no-repeat scroll 15px center;}
#sub_menu .skryt {float:right; padding-left:15px; padding-right:0;background:transparent url(img/css/icon-min.gif) no-repeat scroll 15px center;}
#sub_menu .zobrazit {float:right; padding-left:15px; padding-right:0;background:transparent url(img/css/icon-max.gif) no-repeat scroll 15px center;}


*>#flash object {margin-bottom:-4px; margin-top:-3px;}
#sub_header {padding-bottom:10px; background:transparent url(img/css/flash_down.gif) no-repeat scroll left bottom; clear:both;}

/* content
--------------------------------------------------*/

#content #zelene a {color:#000;}

.sedy { background:#fff url(img/css/bg_content.gif) repeat-y scroll left top;}
.sedy #menu_left div {color:#333; padding:0 10px 5px;}
.sedy #menu_left a {color:#000;}
.sedy #menu_left a:hover {text-decoration:underline;}
.modry { margin-top:20px; background:#fff url(img/css/bg_content_right_blue.gif) repeat-y scroll left top;}
.cerveny { margin-top:20px; background:#fff url(img/css/bg_content_right_red.gif) repeat-y scroll left top;}

.automation {background:#fff url(img/css/bg_automation_content.gif) repeat-y scroll left top;}
.alarms {background:#fff url(img/css/bg_alarms_content.gif) repeat-y scroll left top;}
.other {background:#fff url(img/css/bg_content_other.gif) repeat-y scroll left top;}

#content { margin-top:20px;}
#content.ord { margin-top:20px; background:#fff url(img/css/bg_content_right_none.gif) repeat-y scroll left top; overflow:hidden;}  /* pre stranku order */ 


#content.ord #menu_left p {color:#000000; margin: 0px 10px 0px 10px;}

 

#menu_left {float:left; width:200px; color: #fff;}
#menu_right {float:right; width:200px; color: #fff;}
#main {width:500px; margin-left:225px; border: 0px solid red;}
#main.order{width:700px;}
#main.sale{width:700px;}
#content hr {display:block; visibility:hidden; clear:both;}

#menu_left h2, #menu_right h2 {font-size:1.55em; font-weight:normal; height:50px; text-align:center; padding-top:15px;}
#menu_left h2 {background:#eee url(img/css/bg_menu_left.gif) no-repeat scroll left top; }
#menu_right h2 {background:#eee url(img/css/bg_menu_right.gif) no-repeat scroll left top; }
.automation #menu_left h2 {background:#005e8b url(img/css/bg_automation_menu_left.gif) no-repeat scroll left top;}
.automation #menu_right h2, .modry #menu_right h2 {background:#005e8b url(img/css/bg_automation_menu_right.gif) no-repeat scroll left top;}
.alarms #menu_left h2 {background:#005e8b url(img/css/bg_alarms_menu_left.gif) no-repeat scroll left top; }
.alarms #menu_right h2, .cerveny #menu_right h2 {background:#005e8b url(img/css/bg_alarms_menu_right.gif) no-repeat scroll left top;}
.other #menu_left h2 {background:#005e8b url(img/css/bg_automation_menu_left.gif) no-repeat scroll left top;}
.other #menu_right h2, .modry #menu_right h2 {background:#005e8b url(img/css/bg_automation_menu_right.gif) no-repeat scroll left top;}


#menu_left li, #menu_right li {list-style:none; clear:both;}

#content .white li a {color: #fff;}
#content .black li a {color: #000;}

#menu_left li a, #menu_right li a { text-decoration:none; display:block; padding-right:10px; min-height:150px; color:#fff;}
#menu_right li a {text-decoration:none; display:block; padding-right:0; padding-left:10px; text-align:right; min-height:150px;}
#menu_left li a:hover, #menu_right li a:hover {text-decoration:underline;}
#menu_left li span, #menu_right li span {font-size:1.55em; display:block; padding:10px 0;}
#menu_left img {float:left;}
#menu_left img.full {margin-left:-10px;}
#menu_right img {float:right;}
#content ul {list-style:none;}

#menu_left .solutions a {height:50px; min-height:0; font-weight:bold; font-size: 1.2em}
#menu_left .solutions img {padding: 0 15px 10px 10px;}
#menu_left .solutions a:hover {}
#menu_left .solutions li {margin:0;}




/* main
--------------------------------------------------*/
#content #main h2 {font-size:2.5em; font-weight:normal; margin:10px 0; padding-top:20px;}
.automation #main h2 {color:#089ed9;}
.alarms #main h2 {color:#ee353a;}
.other #main h2 {color:#089ed9;}
#main.sale h2 {border-top:1px dashed #999;}

#main h2.trans {color:#089ed9;}
#main h2.rec {color:#089ed9;}

#content #main .description {font-size:1.55em; font-weight:normal;}
.automation #main .description {color:#089ed9;}
.alarms #main .description {color:#ee353a;}
.other #main .description {color:#089ed9;}
#main .description.trans {color:#089ed9;}
#main .description.rec {color:#ee353a;}


#content #main h3 {font-size:1.55em; font-weight:normal; margin:1em 0 0.5em; padding-left:10px;}
.automation #main h3 {border-left:17px solid #089ed9;}
.alarms #main h3 {border-left:17px solid #ee353a;}
.other #main h3 {border-left:17px solid #089ed9;}

#content #main  p {margin:1em 0 0.5em; display:table; }
#content #main  p.info {padding-bottom:0px;}
#content #main  fieldset {background:transparent url(img/css/bg_fieldset.gif) no-repeat scroll center top; color:#fff; padding:10px; text-align:right; padding-top:25px; margin-top:30px;}
#content #main  fieldset.long {background:transparent url(img/css/bg_fieldset_long.gif); text-align:left;}
*>#content #main fieldset {padding:10px 10px 20px; margin-top:5px;}
#content #main legend {background:transparent url(img/css/bg_legend.gif) no-repeat scroll center top; color:#000; font-size:1.2em; padding:3px 25px; margin:-35px 0 -20px; position:relative;}
#content #main fieldset span.popis {background:transparent; color:#fff; font-size:1.0em; padding:3px 0px; margin:-35px 0 -20px; text-align:left; position: relative; border: 0px solid black;}
*>#content #main legend {margin:0; position:static;}
#content #main label {float:left; font-size:1.27em; color:#ddd;}
#content #main label strong {color:#fff; font-weight:normal;}
#content #main input {padding:0 5px; width:50px; font-size:1.55em; margin-right:5px; border:1px solid #333;}
#content #main button {background:transparent url(img/css/buy.gif) no-repeat scroll 5px center;; color:#fff; font-size:1.55em; margin-left:10px; padding-left:25px;}
#content #main a img {float:right; margin-left:50px;}
#content #main a.scheme img {float:none;}
#content #main a.scheme {text-align:right; display:block;}

#content #main ul {list-style:square; padding-left:15px; width:auto;}

#content #combination fieldset {background:none; color:#333; text-align:left; padding:5px 0 0; margin-bottom:10px;}
#content #combination legend {display:none;}
#content #combination label {font-size:1em; color:#666; margin:0 0 5px; display:block; float:none;}
#content #combination label strong {color:#000;}
#content #combination input {position:relative; top:2px;}
#content #combination button {color:#000; font-size:1em; background:#ccc url(img/css/buy2.gif) no-repeat scroll 5px center; border:1px solid #333; padding:1px 1px 1px 25px; position:relative; top:3px;}
*>#content #combination button {padding:3px 3px 3px 25px; top:0;}

#content #combination dl {margin:20px 0;}
#content #combination dt {float:none;font-size:1.55em; margin:20px 0; width:100%; display:table; border-top:1px dashed #999; padding-top:10px;}
#content #combination dt strong {font-weight:normal;}
#content #combination dd.samples {width:210px; float:left;}
#content #combination dd {min-height:140px;}
#content #combination img {margin:0;}


#content #main.solution h2 {margin-bottom:15px;}
#content #main.solution img {background:#fff url(img/css/solution-big.jpg) no-repeat scroll left top; padding:20px 0 10px; margin:10px 0 0;}
#content #main.solution img.icon {background:none; padding:0; margin:0;}
#content #main.solution p {text-align:justify;}
#content #main.solution form {margin:15px 0;}

#content #main.sitemap a {color:#333; text-decoration:none;}
#content #main.sitemap a:hover {color:#000; text-decoration:underline;}
#content #main.sitemap ul {margin-left:20px;}

#content #main.rights h3 {padding:0;}
#content #main.rights p {padding-left:10px; text-align:justify;}

#content table.bordered {border-collapse:collapse;}
#content table.bordered td {border:1px solid #999; padding:2px 5px;}



/* orderform
--------------------------------------------------*/

#content #orderform {margin:25px 0 15px;}
#content #orderform label {color:#333; font-size:1em; display:block; float:left; width:210px; line-height:20px;}
#content #orderform label strong {color:#333; font-weight:bold; display:block; float:left; width:70px;}
#content #orderform input {font-size:1em; padding:2px 5px;}
#content #orderform input.price { background:transparent; border:0; text-align:right; padding-right:0; margin-right:0; font-weight:bold;}
#content #orderform input.button { width:30px;}
#content #orderform input.pocet { width:2em;}

#content #orderform p {margin:0; padding:2px 5px;}
#content #orderform p.odd {background:#eee;}

/* orderform - tabulka
--------------------------------------------------*/
#content #orderform table {width:100%;}
#content #orderform tr.even td {background:#ededed;}
#content #orderform tr.odd td {background:#cdcdcd;}

#content #orderform td h4 {text-align: left; color:#3399CC; margin: 15px 0px 0px 0px;}
#content #orderform td h4.zabsys {text-align: left; color:#ff0000; margin: 15px 0px 0px 0px;}
#content #orderform p.spolu {text-align: right; border-top: 1px solid #cccccc; margin: 10px 0px 0px 0px;}

#content #orderform td {text-align: left; padding: 0px 5px 0px 5px;}
#content #orderform td.typ {width: 80px;}
#content #orderform td.typ a:link {color:#000000;text-decoration:underline;}
#content #orderform td.typ a:visited {color:#000000;text-decoration:underline;}
#content #orderform td.typ a:hover {color:#000000;text-decoration:underline;}
#content #orderform td.typ a:active {color:#000000;text-decoration:underline;}

#content #orderform td.popis {width: 370px; text-align: left;}
#content #orderform td.cena {width: 120px; text-align:center;}
#content #orderform td.script {text-align:center;}

#content .formular { width: 480px; background:#ffffff; border: 0px solid #eeeeee; margin: 20px 0px 0px 0px;}
#content .formular table {margin: 0px 0px 10px 0px;}
#content .formular td {padding: 1px 5px 1px 5px;}
#content .formular td.hlav {width:140px; vertical-align: top;}
#content .formular td.chck {vertical-align: top;}


#content #main .formular .submit {padding:0; margin:0px 5px 0px 0px; border:1px solid #dddddd; width: 100px; background:#eeeeee; font-size: 12px; font-weight:bold;}
#content #main .cena {padding: 0px 0px 0px 0px;}
#content #main .cena .submit {padding:3px; margin:0px 0px 0px 0px; border:0px solid #dddddd; width: 120px; background:#666666; font-size: 12px; font-weight:bold; color:#ffffff;} 

#content #main .formular .info {padding:0; margin:0; border:1px solid #dddddd; background:#ffffff; width:15px; }
#content #main .formular .info-radio {padding:0; margin:0; border:0px solid #dddddd; background:#ffffff; width:15px;}
#content #main .formular .vstup {padding:0; width:300px; font-size:13px; margin:0; border:1px solid #dddddd;}
#content #main .formular .form-textarea {padding:0; width:450px; font-size:13px; margin:0; border:1px solid #dddddd;}
 
#content #main .alert {margin:30px auto 0px auto;border:4px solid #ff0000; width: 450px; padding: 10px; font-size:1.4em; color:#ff0000; text-align:center;}

#content #main a {color:#000;}
#content #main a:hover {text-decoration:none;}

img.left {float:left; margin-right:10px; margin-bottom:5px;}
img.right {float:right; margin-left:10px; margin-bottom:5px;}




/* extra block
--------------------------------------------------*/
.close {padding-top:25px; }
.automation .close {background:transparent url(img/css/bg_automation_content_down.gif) no-repeat scroll left top;}
.alarms .close {background:transparent url(img/css/bg_alarms_content_down.gif) no-repeat scroll left top;}


/* footer
--------------------------------------------------*/
#footer {background:transparent url(img/css/bg_footer.gif) no-repeat scroll left top; height:60px; color:#bbb; margin-top:20px; clear:both}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer p.left {float:left; width:450px; padding:10px 20px 5px 20px;}
#footer p.right {float:right; width:350px; text-align:right; padding:10px 20px 5px 20px;}

#main .ramik {border:1px solid #dfdfdf; margin: 30px 0px 30px 0px;}


a.vop:link, a.vop:visited {color:#3399CC; text-decoration:none;}
a.vop:hover, a.vop:active {color:#3399CC; text-decoration:underline;}

.red {color:#FF0000}
span.bluespan {color:#1591c4; font-weight:bold;}
table.zapojenie {width: 100%; }