html { background: #f1f1f1 url(images/bg.jpg) repeat-x; }
img { border: 0; }
* {	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; margin: 0; padding: 0; }

a { text-decoration: underline; color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

body 
{
	font-size: 0.75em;
	color: #fff;
}

#main 
{
	margin: auto;
	position: relative;
	width: 1008px;
}
h1 { color: #a2a2a2; font-size: 1em; }


#top { padding-top: 10px; font-weight: bold; }
#top ul { list-style-type: none; }
#top li { float: left; padding-left: 110px; }
#top a { color: #fff; font-weight: bold; }
#top #titulka  { float: left; padding-top: 5px; padding-left: 8px; }
#top li form { padding-left: 85px; }
input[type="text"], input[type="password"] { height: 19px; border: 1px solid #9ca1a6; margin-bottom: 2px; width: 130px; }
textarea { border: 1px solid #9ca1a6; margin-bottom: 2px; font-size: 1em; }
input[type="submit"] { padding: 2px; }
#header { clear: both; padding-top: 3px; text-align: left; }

/* login */
#login { float: left; background: url(images/login.jpg); background-repeat: no-repeat; width: 200px; height: 190px; color: #686868; padding-bottom: 3px; }
#login input[type="text"], #login input[type="password"], #left input[type="text"] { width: 167px; }
#login form { padding: 10px 0 0px 0; line-height: 2em; }
#login strong { color: #1361a0; }
#login a { color: #686868; text-decoration: underline; }
#login a:hover { text-decoration: none; }

/* banner */
#banner { float: left; background: url(images/softplus-header.jpg); background-repeat: no-repeat; width: 805px; height: 190px; color: #686868; }
#banner h1 { padding: 98px 0 0 29px; color: #fff; font-size: 2.7em; }
#banner ul { padding: 17px 0 0 10px; list-style-type: none; }
#banner li { float: left; text-transform: uppercase; padding: 5px 0 5px 0; font-weight: bold; }
#banner li.mainActive { background-color: #CE0002; color: #fff; float: left; text-transform: uppercase; padding: 5px 0 5px 0; font-weight: bold; }
#banner li.mainActive a { color: #fff; }
#banner li a { padding: 5px 30px 5px 31px; color: #1361a0; }
#banner li a:hover { background-color: #CE0002; text-decoration: none; color: #fff; }

/* content */
#content { float:left; padding: 5px 0 0 4px; }
#left { float: left; width: 193px; background-color:#fff; }
#left strong { padding: 10px; color: #1361a0; line-height: 2.5em; }

#left ul { list-style-type: none; }
#left li.menuItem { padding: 3px 0 0px 0; display: block; }
#left li.menuItem a { display: block; background-image: url(images/buttons/button_a.jpg); width: 158px; height: 18px; padding: 7px 5px 5px 30px; color: #1361a0; }
#left li.menuItem a.active { display: block; background-image: url(images/buttons/button_active.jpg); width: 158px; height: 18px; padding: 7px 5px 5px 30px; color: #1361a0; }
#left li.menuItem a:hover { display: block; background-image: url(images/buttons/button_active.jpg); width: 158px; height: 18px; padding: 7px 5px 5px 30px; color: #1361a0; color: red; }

.submenu { background-color: #f7f5f5; color: #686868; }
#left li.subMenuItem { background:url(images/sub-li.gif) top left no-repeat; margin-left: 21px; line-height:1.8em; }
#left li.subMenuItem a { margin-left: 9px; color: #686868; }
#left li.subMenuItem a:hover { color: #1361A0; }

#base #navigation h1 a { color: #A2A2A2; }
#main-content { float: left; min-height: 570px; }
#main-content ul { list-style-type: none; font-weight: bold; }


#main-content ul li.subMenu { background: url(images/sub-li.gif) top left no-repeat; /*background: #ffffe7;*/ padding: 4px 5px 5px 10px; }
#main-content li, #main-content blockquote { margin-left: 15px; }
#main-content ul li.menu { background:  url(images/submenu.gif) top left no-repeat; padding: 5px 0 5px 13px;  margin: 5px 0 5px 0px; width: 250px; }
/*#main-content ul li.menu a {  background: #ffffe7; width: 100%; }*/

#anketa { padding: 10px; border-bottom: 15px solid #F0F0F0; }
#newsletter { border-top: 15px solid #e5e5e5; padding-bottom: 10px; border-bottom: 15px solid #e5e5e5; }
#newsletter small { line-height: 2em; }
#zaujimavosti a { color: #000;}
#zaujimavosti div { padding-left: 10px; padding-bottom: 10px;}
#zaujimavosti div div { background: url('images/arrow.gif') 0 2px no-repeat; padding-left: 15px; padding-bottom: 5px; padding-right: 5px;}

.box-anketa {
  width: 175px;
  color: #2E4D92;
}
.box-anketa h2 { font-size: 1em; }
.box-anketa p {
  margin: 0 0 0.9em 0;
}

.box-anketa p.pocet {
  font-size: 0.9em;
  padding-left: 4px;
  color: #757688;
  margin-top: 1.0em;
}

.box-anketa .cnt a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  padding-left: 4px;
}

.box-anketa a:hover {
  text-decoration: underline;
}

.box-anketa .vysledky {
  display: block;
  color: #;
  font-weight: bold;
  height: 1em;
  margin-top: 2px;
}

.box-anketa .ciara {
  display: block;
  width: 80%;
  float: left;
  text-align: left;
  background: #EBEBEB;
}

.box-anketa .ciara span {
  display: block;
  padding: 0 4px;
}

.box-anketa .ciara span span {
  display: block;
  padding: 0;
  background: #EBEBEB url('images/bar.gif') 0% 50% repeat-x;
}

.ciara span span {
  display: block;
  padding: 0;
  background: #EBEBEB url('images/bar.gif') 0% 50% repeat-x;
}


.box-anketa .cislo {
  text-align: right;
  display: block;
  width: 14%;
  float: left;
}

.newsletter { text-align: center; color: #626262; }

#left .box-anketa .cnt strong { padding: 0; margin: 0; font-size: 1em; line-height: 1em; color: #000; font-weight: normal; }

p strong { line-height: 1em; }

#footer { clear: both; color: #626262; font-size: 0.9em; padding: 0 0 10px 205px; }
#footer a { color: #626262; }
#right-content { float: left; padding-left: 7px; width: 800px; color: #686868; }

.choice { float: left; background: url(images/choice.jpg); width: 146px; height: 206px; margin-right: 8px; }
.last { float: left; background: url(images/choice.jpg); width: 146px; height: 206px; margin-right: 0px; }
.choice h1 { font-size: 1.1em; color: #2E4D92; padding: 10px; width: 90px; height: 30px; }
.choice p { padding: 7px; }
.choice a, .product-novinky a, .product-doporucujeme a { color: #2E4D92; }

#base { float: left; padding: 8px 15px; background-color: #fff; width: 770px; }

#main-content h2 { color: red; font-size: 1.2em; padding-bottom: 10px; }
#main-content a { color: #1361A0; text-decoration: underline; }
#main-content a:hover { text-decoration: none; }

.product-novinky { clear: both; width: 330px; padding-bottom: 40px; margin-right: 30px; }
#main-content .product-novinky h1, #main-content .product-doporucujeme h1 { font-size: 1em; }
#main-content .product-novinky a { color: #1361A0; }
.product-novinky img { border: 1px solid #c7c7c7; margin-right: 10px; }

.product-doporucujeme { clear: both; width: 310px; padding: 10px 0 20px 0; }
#main-content .product-doporucujeme a { color: #1361A0; }
.product-doporucujeme img { border: 1px solid #c7c7c7; margin-right: 10px; }

.product-doporucujeme strong, .product-novinky strong { color: red; display: block; }

.product-image { float: left; display: block; height: 150px; }
.product-novinky img { border: 1px solid #c7c7c7; margin-right: 10px; }
.desc { display: block; margin-top: -5px; }

.product { float: left; width: 335px; padding: 5px 10px 10px 5px; margin: 5px 30px 5px 0; border-right: 1px solid #A7D4F8; background:url(images/product2.jpg) bottom left repeat-x; min-height: 200px; }
.product p { font-size: 0.9em; }
.product input { border: 0px; }
.product img { border: 0; }
.product dl { clear: both; padding-bottom: 5px; }
.product dt { float: left; width: 220px; margin-top: 5px; width: 120px; }
.product dd { margin-top: 5px; }
.product strong { color: red; }
.product .product-image { margin-right: 10px; }

.kontakty .noborder { border: 0px; }
.kontakty h3 { color: #1361a0; margin-bottom: -5px; }

#main-content .product a { color: #1361A0; }
#main-content .product h1 { color: #1361A0; font-size: 1.1em; margin-top: -5px; }


.a { margin-bottom: 15px; }

#novinky, #doporucujeme, #cctv { float: left; }
#vyber { padding-top: 5px; }
#doporucujeme { background-color: #f7f5f5; padding: 10px; margin-top: 5px; }
#cctv { border-left: 2px solid #f7f5f5; padding: 0x 8px 8px 20px; margin-top: 5px; }

#main-content h1 { color: red; font-size: 1.4em; padding: 5px 0; }
#main-content p { padding: 5px 0 15px 0; line-height: 1.5em; }
#main-content .promoImage { margin: 10px 10px 0 0; border: 1px solid #dedede; }

.registracia { padding: 5px 0 5px 0; }
.registracia td { width: 250px; line-height: 1.5em; }
.registracia input { width: 200px; }
.required { background-color: #fffbc1; }
#registracia h3 { font-size: 1em; background-color: #efefef; width: 755px; color: #666; padding: 5px; }
.registracia .checkbox { width: auto; border: 0px; }
#login h3 { margin-top: 5px; color: #686868; display: inline; font-size: 1em; }
#login p.paragraph { line-height: 2em;}

#login .price { margin-top: 5px; width: 160px; padding: 5px; text-align: center; background-color: #ffffd7; }

/* zobrazenie produktu */
#product-info { float: left; width: 770px; border-bottom: 1px solid #dddddd; }
#product-info h1 { float: left; color: #1366A1; font-size: 1.1em; }
#func { float: right; text-align: right; margin-top: 4px; }
#func a { text-decoration: none; }
#func a:hover { text-decoration: underline; }
.product-info { height: 90px; overflow: hidden; }
#product-image { float: left; padding-top: 10px; }
#product-image img .image {  }
#product-description { float: left; padding: 10px 0 20px 20px; width: 500px; }
#product-description dl { padding-bottom: 5px; }
#product-description dt { float: left; width: 125px; }
#product-description dd { color: red; font-weight: bold; }
u { color: #1366A1; text-decoration: none; }
#price { float: left; }
#basket { float: right; margin-left: 100px; width: 150px; border-top: 5px solid #1366A1; border-bottom: 5px solid #1366A1; background-color: #e2e2e2; }
#basket p { padding-left: 6px; margin-bottom: -13px; }
#basket form input { width: 60px; }

#parameters { float: left; width: 760px; border-top: 5px solid #1366A1; }
#parameters table { padding-bottom: 5px; }
#parameters td.param1 { width: 225px; padding: 3px; background-color: #c2c2c2; border-top: 1px solid #fff; color: #fff; font-weight: bold; }
#parameters td.param2 { background-color: #ececec;  padding: 3px; border-top: 1px solid #fff; margin-left: 235px; }

#accessories { float:left; padding-top: 5px; width: 850px; }
#accessories strong { color: #1366A1; }
.accessories { float: left; margin-right: 80px; padding-top: 15px; }
.accessories .lst { margin-right: 0px; }
.accessories img { padding: 3px 0 3px 0; }
.accessories b { color: red; }
#docs { float: left; padding: 5px; background-color: #ffffd7; margin: 5px 0; width: 750px; }
.date { float: right; }
.category { float: left; }
#pages { width: 500px; padding-left: 120px; font-size: 1.1em; margin-top: 15px; }
.pages-left { float: left; }
.pages { float: left; width: 400px; text-align: center; }
.pages-right { float: right; }
.news { clear: both; width: 760px; }

.kontakty { float: left; width: 750px; background:url(images/product.jpg) bottom left repeat-x; border-bottom: 2px solid #dfdfdf; padding: 5px 10px 5px 10px; margin-bottom: 15px; }
.kontakty img { border: 3px solid #eee; }
.kontakty p { margin-bottom: -10px; }
#main-content .kontakty h2 { margin-bottom: -5px; color: #1361a0; }

#kontakt { clear: left; }
#kontakt fieldset { border: 1px solid #DEDEDE; padding: 5px; background:url(images/product.jpg) bottom left repeat-x; border-bottom: 0; }
label { cursor: pointer; }
#kontakt fieldset legend { background: #fff; color: red; font-weight: bold; border: 1px solid #ccc; padding: 5px 10px; }

#kontakt dl { padding: 10px; }
#kontakt dt, #kontakt dd { margin-bottom: 14px; }
#kontakt dl dt { float: left; width: 150px; }
#kontakt textarea, select { border: 1px solid #9ca1a6; }

.oddelenia { float: left; width: 350px; }
.oddelenia p { margin: 10px 0; }


#basket-products { background: #fff; width: 750px; padding: 10px 0; }
#basket-products ul { padding: 15px 0; clear: left; }
#basket-products ul li { float: left; width: 141px; margin-left: -30px; text-align: center; }
#basket-products .basket-item { float: left; padding: 5px 0; background:url(images/product.jpg) bottom left repeat-x; width: 770px; }
#basket-products .basket-item ul li { float: left; width: 141px; text-align: center; }
#basket-products ul li.produkt { padding-left: 20px; width: 220px; padding-top: 0; }
.basket-item input { width: 25px; text-align: center; font-weight: bold; }


#basket-summary { clear: left; width: 770px; background-color: #D3E7F0; border-bottom: 3px solid #A9C9D7; }
#basket-summary strong { font-size: 1.5em; font-weight: bold; color: #CE1930; }
#basket-summary input { width: 150px; padding: 5px 0; margin-right: 20px; }

#table-products td { padding: 5px 0 5px 10px; }
#table-products td h1 { font-size: 1em; }
#table-head td { background: #E6F4E7; margin-bottom: 1px; padding: 10px 0 10px 10px; font-weight: bold; }
.products-table td { border-bottom: 1px solid #ccc; background: #E9F4FF; }
.products-table td h1, .products-table-nocolor td h1 { font-size: 1em; }
.products-table-nocolor td { border-bottom: 1px solid #ccc; background: #F7FBFF; }

/* table basket */
#basket-navigation { width: 580px; background: #fff; height: 24px; padding: 10px 10px 10px 0; font-weight: bold; }
#basket-navigation td { background: #ececec; padding: 10px; margin-right: 1px; border-right: 1px solid #fff; }
#basket-navigation td.active { background: #D3E7F0; padding: 10px; margin-right: 1px; }
#basket-header { width: 770px; background: #D3E7F0; padding: 10px 0; margin-top: -10px; font-size: 0.9em; font-weight: bold; height: 40px; }
#basket-header td.kod { width: 110px; text-align: center; }
#basket-header td.produkt { width: 180px; text-align: center; }
#basket-header td.mnozstvo, td.cena-ks, td.cena-spolu, td.zmazat { width: 110px; text-align: center; }
#basket-products { width: 770px; }
#basket-products .basket-item { padding: 5px 0; background:url(images/product.jpg) bottom left repeat-x; width: 770px; }
#basket-products .basket-item td { width: 141px; }
.basket-item td { height: 50px; background:url(images/product.jpg) bottom left repeat-x; }
.basket-item td.kod { width: 145px; text-align: center; }
.basket-item td.produkt { width: 160px; text-align: center; }
.basket-item td.mnozstvo, td.cena-ks, td.cena-spolu, td.zmazat { width: 110px; text-align: center; }
.basket-item .kodItem { width: 110px; text-align: center; font-size: 0.8em; }
.basket-item .produktItem { width: 190px; text-align: center; font-weight: bold; }
.basket-item .mnozstvoItem { width: 112px; text-align: center; }
.basket-item .cenaItem { width: 117px; text-align: center; font-weight: bold }
.basket-item .zmazatItem { width: 110px; text-align: center; }

/*  // end table basket  mnozstvo cena-ks cena-spolu zmazat */

.delete { padding-left: 45px; }
.delete a { display: block; background:url(images/delete.jpg); width: 19px; height: 19px; }
.delete a:hover { display: block; background:url(images/delete_hover.jpg); width: 19px; height: 19px; }

#basket-summary dl { padding-left: 20px; }
#basket-summary dl dt { float: left; width: 150px; padding-top: 5px; }

/* colapse menu */
.group { list-style-type: none; width: 190px; }
.list ul { list-style-type: none; }
.list ul li { float: left; }
.group .list { margin: 5px 0 0 15px; }
.group H2.group-title, .group-title A { color: #000; text-decoration: none; }
.expanded {}
.expanded .group-title { display: block; }
.expanded .group-title A { }
.expanded .list { display: block; }		
.collapsed { }
.collapsed .group-title A { text-decoration: underline; }
.collapsed .list { display: none; }
/* --- */


.table { width: 770px; }
.table .basket-item { padding: 5px 0; background:url(images/product.jpg) bottom left repeat-x; width: 770px; }
.table .basket-item td { width: 141px; }
.table th { text-align: center; background: #D3E7F0; padding: 10px 0;  }
.table td { text-align: center; height: 50px; background:url(images/product.jpg) bottom left repeat-x; }

#main-content .text img { margin: 5px 10px; }
#main-content .text { line-height: 2em; }
#subPageMenu { float: left; padding-left: 10px; line-height: 2em; width: 750px; border-bottom: 1px solid #dfdfdf; margin-bottom: -1px; }
#subPageMenu ul { margin-left: 10px; }
#subPageMenu ul li { float: left; display: block; padding: 5px 10px; background: #dfdfdf; margin-right: 2px; border-bottom: 1px solid #fdfdfd; }
.cleaner { clear: both; }
#subPageMenu li.active { float: left; display: block; padding: 5px 10px; background: #fdfdfd; margin-right: 2px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid fdfdfd; margin-bottom: -2px; }

.text-content { float: left; border: 1px solid #ccc; width: 738px; border-top: 0px; margin-top: 1px; padding: 5px 10px 5px 10px; background:url(images/product.jpg) bottom left repeat-x; }

.paging { text-align: center; float: left; margin-top: 10px; width: 740px;}
.paging a {padding: 5px; border: 1px solid #CDCDCD; text-decoration: none; font-weight: bold; margin-top: 20px; font-size: 0.8em; line-height: 30px; background-color: #fff; } 
.paging a.selected {padding: 5px; border: solid 1px #CDCDCD; text-decoration: none; font-weight: bold; margin-top: 20px; background-color: #E1E1E1;}
.paging a:hover { background-color: #eee; }

.basket-tab { margin-top: -10px; }