/**/
body {font-size:12px;font-family:arial, helvetica, sans-serif; margin:0px;padding:0px;background-color:#F0F3F6;}
.red {color: red}
.clear {clear:both;display:block;font-size:0px;}
.align-right {text-align:right;width:145px !important;}
hr {display:none;}
p, ul, li, ol, h1, h2, h3, h4, h5, h6 {margin:0px;padding:0px;}
#heading {background-image:url(design/background.jpg);background-repeat:repeat-x; background-color: #000000}
#heading-center {width:960px;margin:0px auto;}
#logo {float:left;height:350px;}
#logo .heading {height:101px;width:330px;background-image:url(design/logo.png); position: relative;}
#logo .heading a.zadako {display:block;height:101px;width:330px;}
#logo .heading a.zadako span {display:none;}
#logo .heading .lang{position: absolute; top: 5px; left: 170px; overflow: hidden; width: 80px; height: 15px}
#logo .heading .lang a {width:20px; height: 12px; display: block; float: left; background-repeat: no-repeat; }
#logo .heading .lang a.sk{ background-image: url('design/sk.gif'); margin-right: 10px;}
#logo .heading .lang a.en{ background-image: url('design/en.gif');}
/*#logo h1 {display: none;}*/
	
#logo h1 {
    display: block; 
    height:159px;width:300px;
    background-image:url(design/about.jpg);
    font-size:15px;font-weight:normal;
    color:#89d4df;padding:90px 0px 0px 30px;}

#logo h1 a {
    color:#89d4df;
    text-decoration: none;
}

#flash {}
#flash object {_margin-left:-3px;width:630px;height:300px;}
#login {height:25px;width:160px;padding:15px 0px 10px 470px;float:right;background-image:url(design/top-right.jpg);}
#login a {float:left;margin-left:5px;padding:6px 0px 8px 0px;_padding:6px 0px 5px 0px;display:block;height:11px;width:80px;background-color:white;background-image:url(design/login.png);text-decoration:none;font-size:11px;text-align:center;color:#808080;}
#login a:hover {background-image:url(design/login_hover.png); background-color:#747474;color:white;/*background-position:bottom center;*/}
#login a.lg {margin-left:15px !important;width:auto !important;background-color:transparent !important;background-image:none !important;}



ul.main-menu {display: block; width: 750px; margin:0px 0px 15px 0px}

ul.main-menu li{color: #000000; display:inline; list-style: none; background: url('design/oddelovac.gif') transparent no-repeat; padding: 0px 10px; font-weight: bold}
ul.main-menu li.first {padding: 0 10px 0 0; background: none;}
ul.main-menu li a {text-decoration: none; color: #606060; font-weight: normal;}
ul.main-menu li a:hover{text-decoration: underline; }
.white {background-color:white;}
.gray {background-color:white}
.gray .services-center { background: #f0f3f6; }
.gray .services-center img {margin-left: 10px;}
.gray .services-center h4 {margin-left: 10px;}
.white .text ul li {background-image:url(design/list.gif)}
.gray  .text ul li {background-image:url(design/list2.gif)}
.services-center {width:940px;margin:0px auto;padding:20px 0px 10px 0;position: relative;}
.services-center h3 {color:#0093d0;font-weight:bold;font-size:12px;}
.services-center h4, .tables-center h4 {color:#0093d0;font-weight:bold; letter-spacing: 1px; font-size:12px; line-height:18px; font-size:13px margin: 10px 0px}
.services-center .text {width:300px;float:left;color:#333333;padding-right:10px;}
.services-center .text-last {width:300px;float:left;color:#333333;}

.services-center .heading {width:920px;height:75px;padding:10px;margin:10px 0px;background-image:url(design/heading.gif); position:relative;}
.services-center .heading h2 {display: block; font-size:17px;font-weight:bold;color:#606060;padding-left:120px;background-repeat:no-repeat;background-image:url(design/icons.jpg);height:60px; padding-top:15px;}
.services-center .heading a.back{diaplay:block; position: absolute; top : 50px; left: 130px; color: #606060; font-weight: bold; text-decoration: none}
.services-center .heading a.back:hover {text-decoration: underline;}
.services-center p {margin:0px 0px 10px 0px;letter-spacing:1px;line-height:17px;}
.services-center p.justify {text-align: justify}
.services-center p a{text-decoration: underline; color: #0093d0; font-weight:bold}
.services-center p a:hover {text-decoration: none}
.services-center p strong {color:#0093d0;}
.services-center .text ul {list-style-type:none;float:left;width:300px;}
.services-center .text ul li {padding-left:14px;background-repeat:no-repeat;background-position:top left;}
.services-center .text ul li p {margin:10px 0px;letter-spacing:1px;line-height:16px;}
.services-center .text p#text-right {text-align:right;}
.services-center .text-long {width:620px;float:left;color:#333333;padding-right:10px;}

.services-center .banner img{width:300px; height:80px; border:0px; }
.services-center .banner p {text-align:right; font-size: 10px; color: #666666 }


.tables {background-color:#f0f3f6;}
.tables-center {width:940px;margin:0px auto;padding:0px 10px;}
.table {width:280px;height:75px;padding:10px;margin:10px 10px 10px 0px;float:left;background-image:url(design/table.gif); text-decoration:none;}
.last {margin:10px 00px 10px 0px !important;}

.table span {display:block; font-size:13px;font-weight:bold;color:#606060;padding-left:120px;height:75px;background-repeat:no-repeat;background-image:url(design/icons.jpg);}

a.table:hover span{
	text-decoration: underline;
}

/*pozadia*/
.table #monitoring {padding-top:15px;height:60px;}
.table #prevadzka {background-position:0 -75px;padding-top:22px;height:53px;}
.table #ochrana {background-position:0 -150px;padding-top:30px;height:45px;}

.heading #prevadzka {background-position:0 -75px;}
.heading #ochrana {background-position:0 -150px;}

.partner {display:block;width:280px;height:45px;padding:10px;margin:10px 10px 30px 0px;background-image:url(design/partner.gif); text-decoration:none;}
.partner span {display:block; font-size:13px;font-weight:bold;color:#606060;padding-left:120px;height:45px;background-repeat:no-repeat;background-image:url(design/partner.jpg);}
a.partner:hover span {text-decoration:underline}

.cennik {position:relative; display:block;width:280px;height:45px;padding:10px;margin:20px 10px 30px 0px;background-image:url(design/partner.gif); text-decoration:none;}
.cennik span {display:block; height:45px;background-repeat:no-repeat;background-image:url(design/cennik.jpg);}

.cennik a {position: absolute; top: 20px; left:130px;font-size:20px;font-weight:bold;color:#606060; text-decoration:none}
.cennik a:hover{text-decoration:underline}

#footer {background-color:#f0f3f6; margin-bottom:20px;}
#footer-center {width:940px;margin:0px auto;font-size:11px;color:#333333;padding:10px;line-height:15px;}
#footer-center h5 {font-size:11px;}
#footer-center h5.phone {font-size:11px;font-weight:normal;}
#footer-center h5.phone span {font-weight:bold;margin-right:7px;}
#footer-center h5.fax span {margin-right:8px;}
#footer-center ul {list-style-type:none;}
#footer-center a {color:#333333;}
#footer-center a img{border:0px;}
#footer-center a:hover {text-decoration:none;}
#footer-center .text {float:left;width:155px;}
#footer-center .text-last {float:left;width:300px;}
#footer-center .download {float:left;width:175px;}
#footer-center .medzera {float:left;width:135px;}

p.right{float:right;}
p.left {float:left; position:relative;}

p.left a{
	display:block;
	position: absolute;
}

p.left a.tmobile{
	left:0px;
	top:0px;
}

p.left a.abfast{
	left:140px;
	top:-20px;
}


/* POP-UP*/
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
top:370px;
left:300px;
background-color:#eeeeee;
width:614px;
height:359px;
background:transparent url('design/okno_partner.png') top left no-repeat;
z-index: 9002;
}
#popUpDiv .close{
	position: absolute;
	top:0px;
	left:582px;
	width:35px;
	height:25px;
	display:block;
}

#popUpDiv h4{
	color:#000;
	position: absolute;
	top: 5px;
	left: 10px;
	margin:0px;
	padding:0px;
}
#popUpDiv div{
	position: absolute;
	left: 294px;
	top: 43px;
	width:310px;
	height:300px;
	overflow:hidden;
}
#popUpDiv a.kotva{position:absolute; top: -20px;}
#popUpDiv p {margin:0px 0px 10px 0px;letter-spacing:1px;line-height:17px; color:#000}
#popUpDiv a {color:#000; text-decoration:underline}
#popUpDiv a:hover {text-decoration:none}
#popUpDiv h5{ margin:5px 0px 10px 0px; font-size:14px; color:#0093D0}

h3{
	margin: 10px 0;
}

table{
	width: 300px;
	margin: 5px 0 10px 0;
}

table th, table td{
	padding: 5px 10px;
	border: 1px solid #e0e4e8;
}

table thead th{
	font-weight:bold;
	background:#e0e4e8;
}

table tbody tr.par td{
	background:#e0e4e8;
}

table tbody td.r{
	text-align:right;
}

table tbody thead td.red{
	text-align:right;
}

table tbody th.red{
	text-align:center;
}

table .red{
	color: red;
}

table caption{
	color:#0093D0;
	font-weight:bold;
	border: 1px solid #E0E4E8;
	padding: 5px 0px;
}

.box{
	border: 1px solid #d2d7db;
	margin-top:33px;
	width:315px;
	background:#e0e4e8;
	overflow:hidden;
}

.text ul.price{
	padding:0px;
	margin: 5px 0px;
	margin-left:20px;
}


p.ramcek{
	border: 1px solid #d2d7db;
	margin: 20px 0px;
	background:#e0e4e8;
	overflow:hidden;
	padding: 10px;
}

p.ramcek strong{
	color: red;
}

.text ul.price li{
	padding:0px;
	margin: 10px;
	list-style:square;
	background:none;
	font-weight: bold;
}

.text ul.price li ul li{
	font-weight: normal;
}

.gallery {
	width: 940px;
	margin: 10px 0;
	overflow: hidden;
	scroll: none;
}

.gallery .row{
	width : 940px;
	overflow: hidden;
	scroll:none;
}

.gallery a.last img{
	margin: 8px 0 !important;
}

.gallery a img{
	border: 1px solid #e0e4e8;
	padding: 1px;
	width: 300px;
	height: 225px;
	margin:8px 10px 8px 0;
}

.gallery a:hover img{
	border: 1px solid gray;
}

/*  CSS checkout button */
.btn-checkout {
  display:block;
  float:right;
  background:transparent url(design/btn_proceed_to_checkout_rad_2.gif) no-repeat 100% 0;
  font-size:15px;
  font-weight:bold;
  padding-right:8px;
  text-decoration:none;
}

.btn-checkout:hover {
  background:transparent url(design/btn_proceed_to_checkout_rad.gif) no-repeat 100% 0;
}

.btn-checkout:hover span{
  background:transparent url(design/btn_proceed_to_checkout_bg.gif) no-repeat;
}

.btn-checkout span {
  display:block;
  padding:0 17px 0 25px;
  background:transparent url(design/btn_proceed_to_checkout_bg_2.gif) no-repeat;
  line-height:40px;
  color: white;
  text-decoration:none;
}

.services-center .btn-checkout{
	position: absolute;
	top: 5px;
	right: 0px;
}

.btn-checkout_main {
  display:block;
  float:right;
  background:transparent url(design/btn_proceed_to_checkout_rad_2.gif) no-repeat 100% 0;
  font-size:15px;
  font-weight:bold;
  padding-right:8px;
  text-decoration:none;
  width:300px;
}

.btn-checkout_main:hover {
  background:transparent url(design/btn_proceed_to_checkout_rad.gif) no-repeat 100% 0;
}

.btn-checkout_main:hover span{
  background:transparent url(design/btn_proceed_to_checkout_bg.gif) no-repeat;
}

.btn-checkout_main span {
  display:block;
  padding:0 17px 0 25px;
  background:transparent url(design/btn_proceed_to_checkout_bg_2.gif) no-repeat;
  line-height:40px;
  color: white;
  text-align:center;
  text-decoration:none;
}

.services-center .btn-checkout_main{
	position: absolute;
	top: 10px;
	right: 10px;
}

.objednavka {
	width: 100%;
	overflow: auto;
	border-top: 1px dashed gray;
	margin-top: 10px;
	padding-top: 10px;
}

.objednavka .border{
	display:block;
	overflow: hidden;
	border: 1px dashed gray;
	padding: 10px;
	margin: 10px auto;
}

.row input.submit{
  cursor: pointer;
  border: 0px;
  display:block;
  background:transparent url(design/btn_proceed_to_checkout_2.gif) no-repeat;
  width:200px;
  height:40px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  margin-left:156px;
}

.objednavka .row input.submit:hover {
  background:transparent url(design/btn_proceed_to_checkout.gif) no-repeat;
}

.objednavka .row{
	width: 400px;
	height: 30px;
	margin: 5px 0;
}

.objednavka .row label{
	margin-top: 2px;
	display: block;
	float: left;
	width: 150px;
	color: #000
}

.objednavka .row input.text {
	border: 1px solid #686868;
	color: #000;
	padding: 0 2px;
	width: 200px;
	height: 16px;
	float: left;
	display: block;
	margin: 0px 10px 0px 5px;
	background: #fff;
}

.objednavka .row input.text_red {
	border: 1px solid yellow;
	color: yellow;
	padding: 0 2px;
	width: 200px;
	height: 16px;
	float: left;
	display: block;
	margin: 0px 10px 0px 5px;
	background: red;
}

.objednavka .form{
	overflow:auto;
	float:left;
}
.objednavka .order{
	width:438px;
	height: 432px;
	float:right;
	margin-right:50px;
	margin-bottom: 50px;
}

.help{
	display: block;
	float: left;
	width:22px;
	height:22px;
	cursor: help;
}

.ok{
	background: url('design/ok.png') no-repeat 10px 10px #FFFF80;
	padding:10px 10px 10px 35px;
	color: #008000;
	border: 1px dashed #008000;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
}

.no{
	background: url('design/no.png') no-repeat 10px 10px #F5DEB3;
	padding:10px 10px 10px 35px;
	color: #FF0000;
	border: 1px dashed #FF0000;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
}