/*** General settings  ***/
*{margin: 0px; padding:0px;border:none;}
html{}
body{font-family: Arial, lucida, sans-serif;	background:url("../img/body.png") repeat-x center top;	color: #666;font-size: 11px;	text-align: center;	min-width: 770px;	line-height: 1.5;}
.cleaner{clear:both;visibility:hidden;margin:0;padding:0;}
h2{font-weight:Bold;font-size:24px;color:#336699;text-align:left;}
h2.uvod {font-weight:normal;font-size:10px;color:#666;}
h3{font-weight:Bold;font-size:16px;color:#336699;}
h3.white {font-weight:Bold;font-size:16px;color:white;}
h4{font-weight:Bold;font-size:14px;color:#336699;}

ul{list-style-type:none;}
a {text-decoration:none;color:#666;}
a:visited {text-decoration:none;color:#666;}

/*** Head ***/
#header-img {position:relative;top:0;left:0;z-index:0;height:258px;margin:0px auto;background:url("../img/head.jpg") repeat-x center top;}

#head{height:257px;width:950px;margin:0px auto;}
#head .logo {padding:100px 0;width: 100px;height:1px;margin-left:30px;}
#head .logo h1 {height:203px;overflow: hidden;font-size:6px;}
#head .logo h1 a {display: block;}
#head .logo h1 a span {position:absolute;top:-30px;display: block;height:257px;width:950px;background:url("../img/logo.png") no-repeat left center;}


/*** Menu ***/
#head .menu {position:relative;z-index:1;margin:2px 0 0 19px;width:700px;height:57px;background:url("../img/menu.png") no-repeat left bottom;}
#head .menu ul {text-align:left;width:600px; height:54px;padding:10px 0 0 13px;}
#head .menu ul li {display:block;float:left;margin:4px 0px 0px 2px;width:140px;height:50px;text-align:center;}
#head .menu ul li a.active {display:block;color:#336699;width:133px;height:40px;padding-top:10px;background:url("../img/button-active.jpg") no-repeat;}
#head .menu ul li a.active-def {display:block;color:#336699;width:133px;height:40px;padding-top:10px;background:url("../img/button-active.jpg") no-repeat;}
#head .menu ul li a.passive {display:block;color:#999999;width:133px;height:40px;padding-top:10px;background:url("../img/button-passive.jpg") no-repeat;}
#head .menu ul li a {text-decoration:none;font-size:14px;font-weight:bold;}

/*** Main page ***/
#main {width:950px;margin:0px auto;margin-top:2px;background:url("../img/mainBody.jpg") no-repeat center top;}
#main .inner-left{width:220px;float:left;margin:0 0 0 25px;}
#main .inner-left .submenu {float:left;}       
#main .inner-left .submenu ul li {width:180px;margin:10px 0 0 10px; padding: 5px 0px 3px 20px;text-align:left;border-bottom:1px solid #d0d0d0;background:url("../img/submenu.jpg") no-repeat right center;}
#main .inner-left .submenu ul li.collapsable {border:none;}
#main .inner-left .submenu ul li.collapsable div.folder {width:180px;padding:5px 0 3px 20px;margin:-5px 0 0 -20px;text-align:left;border-bottom:1px solid #d0d0d0;background:url("../img/submenu.jpg") no-repeat right center;}
#main .inner-left .submenu ul li.collapsable div.folder span {font-weight:bold;}
#main .inner-left .submenu ul li ul li { width:160px;margin:10px 0 0 -20px; padding: 0px 0px 0px 40px;text-align:left;background:none;}

#main .inner-left .submenu ul li ul li a {font-weight:normal;}
#main .inner-left .submenu ul li a {text-align:left;text-decoration:none;color: #666;font-size:12px;font-weight:bold;}
#main .inner-left .submenu ul span {text-align:left;text-decoration:none;color: #666;font-size:12px;font-weight:bold;}
#main .inner-left .dekor{float:left;height:332px;width:212px;padding:50px 0 0 2px;}
#main .inner-left .contact-info {text-align:left;margin:18px 0 0 0;}
#main .inner-left .contact-info strong {font-weight:Bold;font-size:14px;color:#336699;margin-left:20px;}
#main .inner-left .contact-info p {width:190px;margin:0 10px 0 23px;text-align:left;}
#main .inner-left .contact-info a {float:left;margin:-10px 20px 0 23px;font-size:13px;font-weight:bold;}
#main .inner-left .contact-info a img { margin: 10px 0 0 30px;position:relative;top:8px;}

#main .inner-right{float:left;width:620px;padding:0 10px 0 0px;text-align:justify;}
#main .inner-right .content .breadcrumbs {height:30px;margin:12px 0 0 0;}
#main .inner-right .content .breadcrumbs ul {padding:0px 0 0 0px;width:auto;}
#main .inner-right .content .breadcrumbs ul li{width:auto;float:left;padding:2px 10px 3px 12px;background:url("../img/breadcrumbs.jpg") no-repeat left center;}
#main .inner-right .content .breadcrumbs ul li a {color:#336699;font-size:12px;font-weight:bold;text-decoration:none;}
#main .inner-right .content {width:620px;padding:5px 0 10px 15px;}
#main .inner-right .content ul {width:100%;padding:0 0 0 10px;}
#main .inner-right .content ul li {width:100%;text-align:left;background:url("../img/ul.jpg") no-repeat left center;padding:3px 0 0px 20px;}

#main .inner-right .content .left {float:left;width:280px;padding:0;margin:0;}
#main .inner-right .content .left div{width:168px;height:118px;}

#main .inner-right .content .left .kamery.active {background:url("../img/kamery_in.jpg") no-repeat top left;}
#main .inner-right .content .left .kamery.passive {background:url("../img/kamery.jpg") no-repeat center top;}
#main .inner-right .content .left .eps.active {background:url("../img/eps_in.jpg") no-repeat center top;}
#main .inner-right .content .left .eps.passive {background:url("../img/eps.jpg") no-repeat center top;}
#main .inner-right .content .left .ezs.active {background:url("../img/ezs_in.jpg") no-repeat center top;}
#main .inner-right .content .left .ezs.passive {background:url("../img/ezs.jpg") no-repeat center top;}
#main .inner-right .content .left .dochazka.active {background:url("../img/dochazka_in.jpg") no-repeat center top;}
#main .inner-right .content .left .dochazka.passive {background:url("../img/dochazka.jpg") no-repeat center top;}
#main .inner-right .content .left .fve.active {background:url("../img/fve_in.jpg") no-repeat center top;}
#main .inner-right .content .left .fve.passive {background:url("../img/fve.jpg") no-repeat center top;}
#main .inner-right .content .left .it.active {background:url("../img/it_in.jpg") no-repeat center top;}
#main .inner-right .content .left .it.passive {background:url("../img/it.jpg") no-repeat center top;}

#main .inner-right .content .left img {margin:0;padding:0;margin:-5px 0 0 0;}
#main .inner-right .content .right {float:right;width:280px;}
#main .inner-right .content .right img {margin:-5px 0 0 0;}
#head .menu ul li a.passive {display:block;color:#999999;width:133px;height:40px;padding-top:10px;background:url("../img/button-passive.jpg") no-repeat;}
#main .inner-right .content .dekor a {text-decoration:underline;}


/*** Form ***/
#main .inner-right .content .error-div {float:left;width:300px;margin:0 0 20px;}
#main .inner-right .content .error-div .ok {color:green;}
#main .inner-right .content .error-div .err {color:red;}


#main .inner-right .content .form {float:left;width:320px;}
#main .inner-right .content .form fieldset label {width:200px;text-align:left;}
#main .inner-right .content .form fieldset .text {border:1px solid #ccc;width:250px;float:right;margin-bottom:10px;}
#main .inner-right .content .form fieldset em {color: red;}
#main .inner-right .content .form fieldset textarea {border:1px solid #ccc;width:320px;height:150px;float:right;margin-bottom:1px;font-size:11px;font-family: Arial, lucida, sans-serif;color: #666;}
#main .inner-right .content .form fieldset .submit {border:1px solid #ccc;width:322px;float:right;}


/*** Content ***/
#main .inner-right .content .uvod-text {font-weight:Bold;font-size:24px;color:#336699;text-align:left;}
#main .inner-right .content .google-map {float:right;}
#main .inner-right .content .obchodni-oddeleni {margin:-200px 0 0 0;}
#main .inner-right .content .img-text{width:270px;float:left;}
#main .inner-right .content img {float:right;margin: -10px 0 0 0;}
#main .inner-left .submenu .manager {margin:10px 0 50px 25px;}

#main .box1 {width:184px;height:190px;padding:10px 35px 10px 15px;background:url("../img/box.png") no-repeat;text-align:justify;float:left;position:relative;top:0px;left:-11px;color:white;}
#main .box1 h3 {margin:0 0 0 10px;}
#main .box1 p {text-align:justify;position:relative; top:5px;left:18px;}
#main .box1 a {float:left;margin:10px 0px 0 20px;padding:0px;font-size:13px;font-weight:bold;color:white;text-decoration:none;text-align:left;}
#main .box1 a img { width:24px;height:24px;position:relative; left:45px; float:right;}

#main .box2 {width:184px;height:190px;padding:10px 35px 10px 15px;background:url("../img/box.png") no-repeat;text-align:justify;float:left;position:relative;top:0px;left:-16px;color:white;}
#main .box2 h3 {margin:0 0 0 10px;}
#main .box2 p {text-align:justify;position:relative; top:5px;left:18px;}
#main .box2 a {float:left;margin:10px 0px 0 20px;padding:0px;font-size:13px;font-weight:bold;color:white;text-decoration:none;text-align:left;}
#main .box2 a img {width:24px;height:24px;position:relative; left:30px;float:right;}

#main .box3 {width:219px;height:190px;padding:10px 0px 10px 15px;background:url("../img/box.png") no-repeat;text-align:justify;float:left;position:relative;top:0px;left:-21px;color:white;}
#main .box3 h3 {margin:0 0 0 10px;}
#main .box3 p {width:185px;text-align:justify;position:relative; top:5px;left:18px;}
#main .box3 a {float:left;margin:10px 0px 0 20px;padding:0px;font-size:13px;font-weight:bold;color:white;text-decoration:none;text-align:left;}
#main .box3 a img {width:24px;height:24px;margin:0px 0 0 15px; float:right;}

/*** Foo ***/
#foo {height:50px;width:70%;font-size:18px;float:right;margin:10px 22px 0px 0;padding:10px 0px 20px 20px;background:url("../img/foo.gif") repeat-x center bottom;}
#foo .text {display:block;padding:0 80px 0 0;margin:0 40px;background:url("../img/nabidka.png") no-repeat right center;}
#foo .text em {color:#ffb400;font-style:normal;}
#foo .text a {font-weight:bold;}

/*** Foot ***/
#foot {height:104px;width:100%;background:url("../img/foot.jpg") repeat-x center top;}
#foot .inner {width:313px;height:62px;margin:0 auto;position:relative;top:0px;left:182px;background:url("../img/foot-inner.jpg") left top;float:left;}
#foot div {width:370px;height:30px;text-align:left;margin: 0px 0 0 500px;padding:42px 0 0 0 ;color:#fff;}