body {
        background-color: #303030;
        margin: 0;
        padding: 0;
        font-family: sans-serif;
        font-size: 12px;
}

#container {
        background-color: #fff;
        border: #e8e8e8 solid;
        border-width: 0 2px 2px 0; 
        width: 800px;
        margin: 0 auto;
        padding: 0;
}

.alt {
        display: none;
        }

img {
        border: 0;
        text-align: left;
}

p {
        text-indent: 2em;
}

table {
        border: 2px solid #000;
        margin: 0;
        text-align: center;
}

td {
        padding: 2px;
        border: 1px solid #000;
}

table.width {
      	width: 80%;
      	margin: auto;
}

td.title {
        font-weight: bold;        
}

#options {
	border: 1px solid #FFFFFF;
	width: 800px;
	height: 123px;
}

#logo a{
        display: block;
        height: 120px;
	background: url(grafika/logo_ifter.jpg) top left no-repeat;
	border: 0;
        margin-left: -30px;
        padding: 0;
	width: 200px;
	position: absolute; top: 4px;
}

.upper {
	list-style: none;
	position: absolute;
	margin-left: 207px;
	margin-top: -135px;  /* pos.*/  
	z-index: 2;
}

.upper ul {
	list-style: none;
	border-left-color: transparent;
	border-style: solid;
	width: -2px;
}

.inner {
	border-width: 0 0 /* x: */ 88px /* h: */ 20px;
	border-bottom-color: 	#993300;
}

.upper_2 {
	list-style: none;
	position: absolute;
	margin-left: 199px; 
	margin-top: 78px; /* pos.*/
	z-index: 3;

}

.upper_2 ul {
	list-style: none;
	border-left-color: transparent;
	border-style: solid;
	width: -2px;
}

.inner_2 {
	border-width: 0 0 /* x: */ 35px /* h: */ 8px;
	border-bottom-color: #000000;
}

#hints {
	float: left;
	list-style: none;
	background-color: #993300;
	width: 536px;
	height: 89px;
	position: absolute; top: 10px;
	margin-left: 266px;
	margin-top: -8px;
}

#hints ul{
	list-style: none;
	padding: 10px 0 10px;
        margin: 0 auto;
        width: 480px;     
}

#hints li a{
	color: #FFFFFF;
	font-family: comic sans ms;
	font-size: 11px;
	padding-bottom: 3px;
}

#hints_1 li {
	float: left;
	position: relative;
	width: 87px;
	display: block;
        cursor: default;
	margin-top: -10px;
	padding: 6px;
	margin-left: -21px;
	margin-right: 17px;
	height: 10px;
	text-align: center;
}

#hints_2 li {
	float: left;
	position: relative;
	width: 86px;
	display: block;
        cursor: default;
	margin-top: 15px;
	padding: 5px;
	margin-left: -45px;
	margin-right: 45px;
	height: 10px;
	text-align: center;
	z-index: 3;
}

#menu {
	float: left;
        clear: both;
        padding: 0;
        margin-left: 246px;
        background: #000;
	position: absolute; top: 78px;
        border: 0;
	width: 556px;
        height: 35px;
	margin-top: 12px;
	z-index: 2;
	font-weight: bold;   
}

#navigation {
	list-style: none;
        padding: 7px 0 7px;
        margin: 0 auto;
        width: 700px;
        text-align: center;
}

#navigation ul {
	list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
}

#navigation li {
	float: left;
        position: relative;
        width: 106px;
        text-align: center;
        cursor: default;
        background-color: #000000;
        border: 0;
        color: #000;
	padding: 0px;
	margin-left: -13px;
	z-index: 1;
	font-size: 11px;
}

#navigation li a{
	display: block;
	padding: 0.3em 10px;
        text-decoration: none;
        border: 0;
	color: #AAAAAA;
}

#navigation li a:hover{
        color: #fff;
        background-color: #000;
}

#navigation li ul{
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
}

#navigation li:hover ul,#navigation li.sfhover ul {
        display: block;
        margin-left: 15px;
	z-index:2;
}

#navigation li:hover li ul,#navigation li.sfhover li ul {
        display: none;
        position: relative;
        top: 100%;
        left: 0;
}

#navigation li li:hover ul,#navigation li li.sfhover ul {
        display: none;
        left: 100px;
        top: 0em;
	margin-top: -35px;
}

#ifter li {
	position: absolute; top: -6px;
	list-style: none;
	clear: both;
	padding: 10px;
	border: 0;
	margin-left: 395px;
	z-index: 2;
}

#language {
	float: right;
	padding: 3px;
}

#page_path {
	float: left;
	margin-left: 2em;
	font-family: sans-serif;
	font-size: 9px;
	font-weight: bold;
	padding-top: 5px;
	width: auto;
}

#shorts {
	clear: both;
	padding: 0;
	height: 350px;
	width: 590px;
	margin-left: 20px;
	margin-top: 20px;
}

#short li h4 {
	display: block;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
}

#short li {
	float: left;
	position: relative;
	width: 160px;
	display: block;
        cursor: default;
	font-weight: bold;
	font-size: 9px;
	text-align: justify;
	margin-top: 10px;
	padding: 2px;
	margin-left: -20px;
	margin-right: 35px;
}

#short img {
	width: 160px;
}

#news {
        float: left;
        width: 518px;
	height: 462px;
        padding: 0;
	margin-top: -15px;
	padding-bottom: 100px;
	margin-bottom: 20px;
        border: 2px solid #FF6600;
	margin-left: 40px;
}

#news li.bar {
	list-style: none;
	background: rgb(235,101,35);
	padding: 5px 2px 2px 2px;
	margin: 0;
	text-align: center;
	border:0;
	color: #fff;
	width: 515px;
	margin-left: -40px;
	margin-top: -14px;
}

#news li ul {
	background: rgb(235,101,35);
	padding: 0;
	margin-top:5px;
	border: 1px solid #fff;
}

#news li.title {
	list-style: none;
	font-size: 11px;
}

#news li.text {
	list-style: none;
	font-size: 11px;
	background: #fff;
	color: black;
	margin: 0;
	padding: 6px 4px;
	text-align: justify;
}

#our_products {
	float: left;
	margin-left: 34px;
	width: 198px;
	height: 359px;
	padding: 0;
	margin-top: 20px;
	border: 3px solid #FF6600;
}

#our_products img {
	display: block;
        margin: center;
	width: 65px;
	padding: 7px;
	margin-top: -5px;
}

#our_products ul {
	list-style: none;
	margin-top: 10px;
	margin-left: -10px;
}

#our_products li.bar {
	list-style: none;
	background: rgb(235,101,35);
	color: #FFFFFF;
	text-align: center;
	margin-top: -12px;
	margin-left: -31px;
	padding: 2px;
	width: 198px;
	height: 15px;
}

#our_products ul li {
	float: left;
	display: block;
	padding: 7px;
	clear: both;
	margin: auto;
	margin-left: 25px;
}

#achieve {
	float: right;
	width: 200px;
	height: 514px;
	padding: 0;
	border: 0;
	margin-right: 0px;
	margin-top: -353px;
	border: 2px solid #FF6600;
}

#achieve li.bar {
	list-style: none;
	background: rgb(235,101,35);
	padding: 5px 2px 2px 2px;
	margin: 0;
	text-align: center;
	border:0;
	color: #fff;
	width: 198px;
	margin-left: -40px;
	margin-top: -14px;
}

#achieve li ul {
	background: rgb(235,101,35);
	padding: 0;
	margin-top:5px;
	border: 1px solid #fff;
}

#achieve li.title {
	list-style: none;
	font-size: 11px;
}

#achieve li.text {
	list-style: none;
	font-size: 11px;
	background: #fff;
	color: black;
	margin: 0;
	padding: 6px 4px;
	text-align: justify;
}

#content {
	list-style: none;
        float: left;
        width: 800px;
        padding: 0;
        border:0;

}

#content li.text p{
        margin: 10px 90px;
	text-align: justify;
}

#content ul{
        border-left: 0;        
}

#content ul.list{
        background: #fff;
        margin-left: 120px;
        margin-right: 100px;
}

#content img{
        display: block;
        margin: 25px auto;
	width: 350px;        
}

#content ul.list li{
        list-style: square;
}

#content li h2 {
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}

#content ul.list2{
        background: #fff;
        margin-left: 50px;
        margin-bottom: 10px;
}

#content ul.list2 li{
        list-style: circle;
}

#links li a {
	padding-bottom: 0;
	font-size: 14px;
	margin-left: 100px;
	line-height: 50px;
}

#content li {
	list-style: none;
	margin-left: -30px;
}

#content li table {
	float: left;
	width: 700px;
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0;
	border-collapse: collapse;
	border-style: groove;
	border-width: 6px;
	border-color: #330000;
	background-color: #FFFFCC;
}

#vizualizations {
	margin-left: -30px;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

#partners p {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
}

#price li table {
	width: 700px;
	margin-left: 40px;
	margin-right: 40px;
}

#price li.title {
	margin-left: 10px;
	font-weight: bold;
	padding: 10px;
}

#price li.text p {
	margin-left: 30px;
}

#price table tr.header {
	background-color: #FFFF90;
}

#integrations li.title, #legend li.title, #legend li.text {
	margin-left: 11px;
}

#integrations table tr.title {
	height: 40px;
	background-color: #FFEAA0;
}

#integrations table tr.compas, tr.geutebruck, tr.satel, tr.dowolny, tr.notifier, tr.galaxy, tr.galaxy1, tr.bosch {
	background-color: #FFFF90;
}

#integrations table tr.dsc, tr.esser, tr.galaxy, tr.kantech, tr.honey {
	background-color: #FFFF90;
}

#integrations table tr.polon, tr.polon4800, tr.tac, tr.siemens, tr.siemens_2 {
	background-color: #FFFF90;
}

#integrations table tr td.sintony, td.rs, tr.siemens, tr.adi, tr.ge, tr.integra, tr.integra128, tr.unicard {
	background-color: #FFFF90;
}

#material {
	float: left;
	padding-bottom: 20px;
}

#material li.title {
	font-size: 13px;
	text-align: left;
	margin-left: 20px;
}

#material li.text {
	font-size: 12px;
	margin-left: -60px;
}

#material li table {
	float: left;
	width: 400px;
	height: 300px;
	margin-left: 160px;
	padding: 0px;
	border-collapse: collapse;
	border-style: groove;
	border-width: 4px;
	border-color:  	#ff9900;
	background-color: #FFFFCC;
	margin-left: 240px;
}

#material table td.title {
	background:  	#FFE090;
	height: 30px;
	font-size: 12px;
	font-weight: bold;
}

#cctv {
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin-left: 70px;
	margin-right: 70px;
	text-align: justify;
}

#ssp {
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin-left: 70px;
	margin-right: 70px;
	text-align: justify;
}

#ssp img {
	float: left;
	width: 150px;
	margin-left: 250px;
	padding: 5px;
	
}

#ssp1 {
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin-left: 70px;
	margin-right: 70px;
	text-align: justify;
}

#ssp1 img {

	width: 450px;
	margin-left: 100px;
}

#ssp2 {
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin-left: 70px;
	margin-right: 70px;
	text-align: justify;
}

#ssp2 img {
	width: 300px;
	margin-left: 175px;
}

#skd {
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin-left: 70px;
	margin-right: 70px;
	text-align: justify;
}

#skd img {
	width: 450px;
	margin-left: 110px;
	padding: 5px;
}
#sswin {
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin-left: 70px;
	margin-right: 70px;
	text-align: justify;
}

#sswin img {
	padding: 5px;
	width: 450px;
	margin-left: 110px;
}

#sswin1 {
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin-left: 70px;
	margin-right: 70px;
	text-align: justify;
}

#sswin1 img {
	width: 300px;
	margin-left: 150px;
}

#sswin3 {
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin-left: 70px;
	margin-right: 70px;
	text-align: justify;
}

#sswin3 img {
	width: 300px;
	margin-left: 190px;
}

#partners {
	clear: both;
	padding: 0;
	height: 300px;
	width: 800px;

}

#partners ul {
	height: 150px;
	width: 800px;
	margin: 0px;
	padding: 0px;
}

#partners_1 li {
	float: left;
	width: 125px;
	display: block;
        cursor: default;
	margin-top: 10px;
	padding: 0px;
	margin-left: 30px;
	margin-right: -1px;
}

#partners_2 li {
	float: left;
	position: relative;
	width: 130px;
	display: block;
        cursor: default;
	margin-top: 20px;
	padding: 0px;
	margin-left: 20px;
	margin-right: 6px;
}

#partners_3 li {
	float: left;
	position: relative;
	width: 130px;
	display: block;
        cursor: default;
	margin-top: 20px;
	padding: 0px;
	margin-left: 20px;
	margin-right: 6px;
}

#partners_4 li {
	float: left;
	width: 125px;
	display: block;
        cursor: default;
	margin-top: 10px;
	padding: 0px;
	margin-left: 170px;
	margin-right: -1px;
}

#partners_5 li {
	float: left;
	list-style: none;
	position: relative;
	width: 130px;
	display: block;
        cursor: default;
	margin-top: 20px;
	padding: 10px;
	margin-left: 80px;
	margin-right: 6px;
	margin-bottom: 20px;
}

#partners p {
	list-style: none;
	text-decoration: underline;
	text-align: left;
	margin-top: -45px;
	margin-left: 315px;
}

li.contactname {
	text-align: center;
	font-size: 12px;
        font-weight: bold;
        border: 0;
        background: #fff;
        color: #000;
        padding-bottom: 15px;
}

.item li img {
	width: 750px;
}

.item li {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	padding: 3px;
}

#navi  {
	clear: both;
	background: #DDDDDD;
	width: 802px;
	height: 30px;
	font-family: arial;
	font-size: 10px;
	text-align: center;
	line-height: 25px;
	text-indent: 15px;
	margin-left: 0px;
}

#footer {
	clear: both;
	background: #000;
	width: 792px;
	height: 35px;
	padding: 5px;
	border: 0;
	margin-bottom: -10px;
}

#footer img.left {
	float: left;
	padding-left: 11px;
}

#footer img.right {
	float: right;
	padding-top: 3px;
	padding-right: 10px;
}