body {
  	padding-top: 13px; /* odstep od góry strony */
	width: 100%;
 	margin: 0 auto 0 auto;
	text-align: center;
}

/* Otoczka całej strony */

#warp{
	width: 961px;
	margin-left: auto;
	margin-right: auto;
    min-height: 768px;
	border: 0px solid; 
	border-color: #000000;
	text-align: left;
	font-family: Arial;
	font-size: 10px;
}

#top{
	width: 100%;
	height: 45px;
	position: relative;
}

#nod-32-logo{
	position: absolute;
	top: -8px;
	left: 688px;
}

#eset-logo{
	position: absolute;
	top: 0px;
	left: 45px;
}

#main-logo{
	height: 191px;
	text-align: left;
}

#site-level{
	font-family: Arial;
	font-size:11px;
	color: #7a979c;
	margin: 2px 0px 5px 1px;
}

#site-level a{
	color: #7a979c;
}

#main-panel{
	position: relative;
}

#main-panel ul {
	list-style-type: none;
	padding: 0px;
	margin: 5px 0px 0px 7px
}

#main-panel li{
	background: url(../images/list-mark.png) left center no-repeat;
	padding-left: 10px;
	margin-bottom: 4px;
	font-weight: bold; 
	color: #0d4a53;
}

#main-panel ul li a{
	text-decoration: none;
	color: #0d4a53;
}

/* Obsluga lewego panelu */

#left-panel{
	width: 191px;
	font-size: 110%;
	float: left;
	margin: 0px 16px 0px 0px;
}


#text-inside-box{
	padding: 3px 0px 0px 4px;
}

.box-image{
	margin: 10px 7px 30px 0px;
	float: left;
}

.box-description{
	margin: 5px 12px 0px 0px;
}

.icon-phone{
	background: url(../images/icon-phone.png) no-repeat center center;
	float: left;
	width: 25px;
	height: 25px;
	margin: 10px 10px 7px 10px;
}

.icon-shop{
	background: url(../images/icon-shop.png) no-repeat center center;
	float: left;
	width: 25px;
	height: 25px;
	margin: 20px 10px 7px 10px;
}

.button-zamow-on-line{
	height: 27px; 
	width: 113px;
	border: 0px none;
	cursor:pointer; 
}


/* Obsługa centralnego panelu */

#center-panel{
	float: left;
	top: 0px;
	width: 547px;
	font-size: 110%;
	margin: 0px 16px 0px 0px;
}

.pomoc-techniczna{
	margin: 20px 10px 0px 10px; 
	color: #464646;
}
.pomoc-techniczna a{
    color: #17555e;
    text-decoration: none;
}


#center-panel h1, #big-center-panel h1{
	font-size: 160%;
	margin: 0px 0px 10px 0px;
	color: #a9a336;
	
	
	/*color: #2a6068; */
}

#center-panel h2, #big-center-panel h2{
	font-size: 140%;
	margin: 10px 0px 10px 0px;
	color: #2a6068;
}

#center-panel h3, #big-center-panel h3{
	font-size: 110%;
	margin: 10px 0px 10px 0px;
	color: #5C5C5C;
}

#big-center-panel a{
	text-decoration: none;
	color: #0d4a53;
}

.button-produkt{
	height: 26px; 
	width: 131px;
	border: 0px none #FFFFFF;
	cursor:pointer; 
}

.button-wiecej{
	height: 27px; 
	width: 77px;
	border: 0px none #FFFFFF;
	cursor:pointer; 
}

.button-zamow{
	height: 27px; 
	width: 87px;
	border: 0px none #FFF;
	cursor:pointer; 
}

.war {
    font-family : Verdana, Helvetica, sans-serif;
    font-size : 8px;
    color : #D60202;
    font-weight : normal;
    text-decoration : none;
}


.button1{
	background: transparent url(../images/button2.png) no-repeat scroll top left;
    color: #FFFFFF;
    display: block;
    font: bold 100% arial;
	float:left;
    height: 22px;
	width: 180px;
    margin-right: 0px;
    padding-right: 0px; /* sliding doors padding */
    text-decoration: none;
	cursor:pointer; 
}

.button1-on{
	background: transparent url(../images/button1.png) no-repeat scroll top left;
	color: #000000;
}

.button1:hover{
	background: transparent url(../images/button1.png) no-repeat scroll top left;
	color: #000000;
	cursor:pointer; 
}
.button1 span {
    display: block;
    line-height: 120%;
    padding: 5px 30px 5px 18px;
	text-align: center;
	cursor:pointer; 
}


/* Obsluga prawego panelu */

#right-panel{
	float: left;
	width: 191px;
	top: 0;
	font-size: 110%;
	color: #2a6068;
}

#right-panel a{
	color: #2a6068;
	text-decoration: none;
}

#news{
	color: #2c2c2c
}

.inside-box{
	margin: 0px 5px 0px 5px;
}

.line{
	border-top:1px solid #d4e0e1; 
	width: 90%;
	text-align: center;
	margin: 8px auto 8px auto;
}

#latestthreats{
	padding: 0px 0px 0px 5px;
}

.list-mark{
	border: 0px none;
}

/* Obsluga duzego centralnego panelu */


#big-center-panel{
	float: left;
	top: 0px;
	width: 754px;
	font-size: 110%;
}

/* Footer */

#footer {
    width: 961px;
    text-align: center;
    margin-top:	15px;
    border-top:	1px solid #c1d4d5;
    padding-top: 2px;
	font-size: 110%;
	color: #2f7171;
	line-height: 160%;
	clear:both;
}

#footer a{
	text-decoration: none;
	color: #2f7171;
}


/* Obsluga ramek */

.t {background: url(../images/border-dot.gif) 0 0 repeat-x; width: 100%; margin-bottom: 8px;}
.b {background: url(../images/border-dot.gif) 0 100% repeat-x}
.l {background: url(../images/border-dot.gif) 0 0 repeat-y}
.r {background: url(../images/border-dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/border-bottom-left.png) 0 100% no-repeat}
.br {background: url(../images/border-bottom-right.png) 100% 100% no-repeat}
.tl {background: url(../images/border-top-left.png) 0 0 no-repeat}
.tr {background: url(../images/border-top-right.png) 100% 0 no-repeat; padding: 3px 0px 7px 3px}

/* Obsługa ramki main panelu */


.t2 {background: url(../images/border2-dot.gif) 0 0 repeat-x; width: 100%; margin-bottom: 8px;}
.b2 {background: url(../images/border2-dot.gif) 0 100% repeat-x}
.bl2 {background: url(../images/border2-bottom-left.png) 0 100% no-repeat}
.br2 {background: url(../images/border2-bottom-right.png) 100% 100% no-repeat}
.tl2 {background: url(../images/border2-top-left.png) 0 0 no-repeat}
.tr2 {background: url(../images/border2-top-right.png) 100% 0 no-repeat; padding: 3px 0px 7px 3px}

/* Obsługa tabeli cennika */

.on{
	color: #FFFFFF;
	background: #508c87;
}

.off{
	color: #000000;
	background: #FFFFFF;
}

.label2{
	display: block;
	padding: 5px 10px 5px 10px;
	width: 140px; /* =200-padding  */
}

.table_td{
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #FFFFFF;
}

/* inne */

.ikonki-div{
	vertical-align: middle;
	color: #9c9517;
	font-weight: bold;
}

.ikonki{
	 vertical-align: middle;
	 padding: 4px 10px 4px 0px;
}


/* Obsluga menu */



.menu {
	width:961px; 
	height:35px;
	font-size:12px;
	position:relative;
	z-index:100;

	margin-bottom: 1px;
}

/* usuniecie formatowania listy */
.menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
}


.menu li {
	float:left;
	position:relative;
	
}

/* !!!!!!!!!!!! Elementy głownego menu */
.menu a, .menu a:visited { 
	display: block;
	text-align: center; 
	font-size:12px; 
	font-weight: bold; 
	text-decoration:none; 
	color:#fff; 
	height:35px; 
	border:1px solid #FFFFFF; 

	border-width:0px 0px 1px 0px; 

	background:#17565F; 
	line-height:29px;
}

.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:35px;
	left:0;
	border-top:1px solid #FFFFFF;
}

/* !!!!!!!!!!!!  Elementy podmenu*/ 
.menu ul ul a, .menu ul ul a:visited {
	background:#17565F; 
	text-align: left; 
	font-weight: 100; 
	font-size:10px; 
	color:#FFFFFF; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:170px;
	border-width:0 1px 1px 1px;
}

.menu ul ul a:hover{
	color:#fff;
	background:#083D43;
}

.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible; 
}


.platnosci-head a{
	float: left;
	width: 295px;
	height: 44px;
	display: block;
}

.platnosci-head a img{
	border: none;
}

.platnosci-head input{
	width: 25px;
	margin-right: 10px;
	height: 25px;
	float: left;
	display: block;
	vertical-align: middle;
}

.platnosci-head p{
	width: 500px;
	height: 25px;
	margin-top: 10px;
	float: left;
	display: block;
}

.platnosci-body{
	margin-top: 20px;
	clear: both;
	float: left;
	margin-bottom: 80px;
}

.platnosci-item{
	width: 180px;
	height: 100px;
	display: block;
	float: left;
	margin-top: 20px;
}

.platnosci-item a{
	width: 180px;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	float: left;
	padding: auto;
}

.platnosci-item a img{
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.platnosci-item div  input{
	display: inline;
	width: 20px;
}

.platnosci-item div p{
	
	text-align: center;
	max-width: 160px;
	margin-left: 0px;
	height: 30px;
	display: inline;
}

.platnosci-item div{
	clear: left;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.koszyk-wybor{
	display: block; 
	width: 100%; 
	height: 100%; 
	position: fixed; 
	top: 0px; left: 0px; 
	z-index: 1000; 
	background-color: rgba(0,0,0,0.9);  
	text-align: center; 
	padding: 0px;
}


.oferta-img img{
	width: 800px; 
	height: 500px; 
	margin-left: 0px;
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding: 0px;
	float: left;
}

.oferta{
	width: 800px;
	height: 540px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	
}

.oferta-linki{
	display: block; 
	width: 800px; 
	height: 100px; 
	background-color: #fff; 
	
	float: left;
	padding: 0px;
}

.oferta-linki a{
	float: left; 
	background-color: #ff6435; 
	display: block; 
	width: 200px; 
	height: 30px; 
	margin: 5px; 
	padding: 0px;
	line-height: 30px;
	text-align: center;
	overflow: none; 
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.oferta-linki a.link1{
	position: relative;
	left: 200px;
	top: 0px;
	z-index: 1001;
}

.oferta-linki a.link2{
	background-color: #aaa;
	position: relative;
	left: 200px;
	top: 0px;
	z-index: 1001;
}

.oferta-linki a.link3{
	clear: both; 
	float: left;
	position: relative;
	left: 200px;
	top: 6px;
	z-index: 1001;
	width: 410px; 
}

#mask {
	position:absolute;
	left:0px;
	top:0;
	z-index:9000;
	background-color:#000;
	display:none;
}
	  
#boxes .window {
	position:absolute;
	left:0;
	top:0;
	width:640px;
	height:400px;
	display:none;
	z-index:9999;
	padding:20px;
}

#boxes #dialog {
	width:575px; 
	height:403px;
	padding:10px;
	background-color:#ffffff;
}

.hd { display:none;}