@import url('reset.css');

/* html, body{ height: 100%; } */
body, p, div, h1, h2, h3, h4, td, th { font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; }
body {background: #efefef; overflow: scroll; margin:0;}
body, table, p, div {font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;}
/* #mainLayer{	text-align: center; height: 100%; width: 100%;} */
#mainLayer{	width: 820px; padding: 0 0px 30px 0; margin: 0px auto 0px auto; position: relative; display: block; height: auto !important; min-height: 100%;  background: transparent url(images/site_mid.gif) repeat-y; background-position: center top; }
#footer{font: 9px; color: #878787; text-align: center; height: 22px; padding: 2px 2px 0 2px; position:absolute; bottom: 0; display: block; }

#tbmain{ background: #ffffff; border: 0px solid #000000;}
#tbmain .menu{ background: url(images/menu/menubg.gif); }

/*---- GLOBAL CLASSES ---*/
	/*--------- Link ---*/
	.gLink a:link { font: 8pt Verdana, Arial, sans-serif; text-decoration: underline; color: #5a1f8e; }
	.gLink a:active {color: #901737;}
	.gLink a:visited {color: #5a1f8e;}
	.gLink a:hover {color: #D32253;}
	/*--------- List Image ---*/
	#ulImgOds {margin: 10px 0px 10px 0px;}
	#ulImgOds ul{list-style-image:url(images/lstOds_13x13.gif); list-style-position: inside; vertical-align: middle; }
	#ulImgOds li{height: 13px; vertical-align: top; margin: 0px 0px 8px 0px;}
	#ulImgOds img{margin: 0px;}
	#ulImgOds a:link {text-decoration: underline; color: #5a1f8e;}
	#ulImgOds a:active {color: #901737;}
	#ulImgOds a:visited {color: #5a1f8e;}
	#ulImgOds a:hover {color: #D32253;}

	/*--------- GRID Oznamy ---*/
	#oznamy {  background: #f5f0fe; width: 580px; margin: 15px 0 0 0;  }
	#oznamy table th{ background: #f5f0fe url(images/oznamy/top_bg.gif); padding: 0px; height: 22px; text-align: left; }
	#oznamy .bot_mid{ background: #f5f0fe url(images/oznamy/bot_bg.gif); height: 2px;}
	#oznamy .mid{ border-left: 1px solid #646464; border-right: 1px solid #646464; padding: 0px;}
	#oznamy table td{ padding: 0px; margin:0px; }
	#oznamy .tbOz .riadok1{	padding: 2px 2px 0px 3px;}
	#oznamy .tbOz .riadok2{	padding: 2px 2px 1px 8px; }

.highlightOznam{ background: #ebdef6; cursor: pointer; }
.formBg{ background: #f5f0fe; }

#imgHr{ height: 1px; width: 95%;	padding: 0px;	margin: 2px auto 3px auto;	font-size: 1px; }

#pnlVerzia { text-decoration: none; }
#pnlVerzia .header{ font-weight: bold; color: #5a1f8e; }

#uvod{ margin: 0px 0px 0px 10px;}
#uvod .ods{	font: bold 11px Verdana, Arial, sans-serif; color: #79508f; margin: 10px 0px 10px 0px;}

.odstavec{ font: bold 9pt Verdana, Arial, sans-serif; text-decoration: none; color: #79508f; }	

.sectionHeader{background: #901737; font: bold 12pt; color: #ffffff; padding: 3px;}
.bghouse{background: url('images/main_bg.jpg') no-repeat;}
/*-- Definovanie objektov obsahu stránky --*/   
.ods_Header{background: url(images/pg_ods_m.gif) repeat-x; font-weight: bold; font-size: 8pt; color: #673f6c; }
/*------- Global link --*/
a:link { font: 8pt Verdana, Arial, sans-serif; text-decoration: underline; color: #5a1f8e; }
a:active {color: #901737;}
a:visited {color: #5a1f8e;}
a:hover {color: #D32253;}

/*------- Panel link --*/
#MenuPanel a:link { font: 8pt Verdana, Arial, sans-serif; text-decoration: none; color: #5a1f8e; }
#MenuPanel a:active {color: #901737;}
#MenuPanel a:visited {color: #5a1f8e;text-decoration: none;}
#MenuPanel a:hover { text-decoration: underline; color: #D32253;}
#MenuPanel .pLnkActive:link {text-decoration: underline; font-weight: bold; color: #901737;}
#MenuPanel .pLnkActive:visited {font-weight: bold; color: #901737;}
/*------- Špeciálne odkazy ----------*/
.slink:link { font: bold 9pt Verdana, Arial, sans-serif; text-decoration: underline; color: #901737; }
.slink:active { color: #901737;font-weight: bold;}
.slink:visited { color: #901737;font-weight: bold;}
.slink:hover { color: #CC0000;font-weight: bold;}

#tab table{ border-collapse: collapse; border: #901737 1px solid; background: #fee8ff; padding: 3px;}
#tab td{font: 11pt Verdana, Arial, sans-serif;}
#tab td.header{background: #901737; font: bold 13pt; color: #ffffff;}
/*------- Panel sekcie -----------*/
.pnlHeader1 th{ border: 0; background: url(images/grids/h1_top.gif) repeat-x; color: #673f6c; text-align: left; font: bold; }
.pnlHeader2 th{ border: 0; background: url(images/grids/top_bg.gif) repeat-x; color: #ffffff; text-align: center; font: bold; }
.pnlHeader3 th{ border: 0; background: url(images/grids/h3_top.gif) repeat-x; color: #ffffff; text-align: center; font: bold; }

.btnGlobal {font: 8pt Verdana, Arial, sans-serif; border: 1px solid #6f4675;background: #edd8f0;padding: 0px 10px 0px 10px;}
.btnGlobalNew {font: 8pt Verdana, Arial, sans-serif; border: 1px none #6f4675;background: #edd8f0;padding: 0px 10px 0px 10px;}
/*------- FORMs styles --*/
#forms .frm_Main { BORDER: #d5d5d5 1px solid;PADDING: 12px 12px 0px 12px;background-color:white;VERTICAL-ALIGN: top;WIDTH: 510px;font: 11px Verdana, Arial, Helvetica, sans-serif;LINE-HEIGHT: 12px;}
#forms table td{ text-align: left; }
#forms .form_field {	font: 8pt Verdana, Arial, sans-serif; border: 1px solid Black; margin: 0px;}
#forms .form_field_dis { color: #a28d68; font: 8pt Verdana, Arial, sans-serif; border: 1px solid Black; background: #f5f0fe; }
#forms .form_header { font: bold 8pt Verdana, Arial, sans-serif; border-bottom: 1px solid #d5d5d5; background: url(images/pg_ods_m.gif) repeat-x; color: #5a1f8e; text-align: center; }
#forms input.cbo { border: 1px solid Black; }
/*----- Download sekcia ------*/
.download table td{ background: #fcf9ff; border-bottom: 3px dotted #e6c6f1; border-right: 1px solid #e6c6f1; padding: 6px 4px;}
.download table th {border-bottom: 3px dotted #e6c6f1; font: 8pt; text-align: center;}
.download .popis { padding-top: 5px; margin: 0px;}
.download a:link, .download a:active, .download a:visited, .download a:hover{font: bold 9pt Verdana, Arial, sans-serif;	text-decoration: underline;font-weight: bold;}
.download a:link { color: #5a1f8e;}
.download a:active { color: #901737;}
.download a:visited { color: #5a1f8e;}
.download a:hover { color: #D32253;}
/*-- Cenník --*/
.cennik th{background: #f5f0fe;font: bold 8pt;padding:2px;}
.cennik td{font: 8pt;padding:2px;}
/*------- Rôzne --*/
.popup{font: 8pt Verdana, Arial, Geneva, Helvetica, sans-serif; background: #f5f0fe; border: solid 1px #d5d5d5; padding: 3px; color: #000000; margin: 0px;}
.pop_more{visibility:hidden;position:absolute;margin: -100 0 0 100; z-index:0; border:0px; height:0px; }
.pop_more table td{ border:0;padding:0; margin:0;}
.pop_more .popup{font-family: 8pt Verdana, Arial, sans-serif; background: #f5f0fe; margin: 0px; border: #d5d5d5 1px solid; padding: 3px; color: #000000;}


.priklad_zadanie { font-weight: normal; background-color: #f5f0fe;}
.priklad_header { background: #d5d5d5; font-weight: bold; }
.priklad_zadanie_h{ font-weight: bold; color: #901737; }

#ukazky { font: 8pt Verdana, Arial, sans-serif;}
#ukazky .obr_header { font-weight: bold;}

/*--- Default panel settings ---*/
.DefaultPanel .Wrapper{border: none 1px #dedede;padding: 1px;}
.DefaultPanel .Title{background: #eadff8 url(images/pnlhead_bg.gif) repeat-x left top;height: 21px;width:auto;margin-bottom: 1px;}
.DefaultPanel .pnIcon{float: left;display:inline;} 
.DefaultPanel .Text{float: right;text-align:left;color: #454545;font-weight:bold;margin: 4px 4px 0 0;}
.DefaultPanel .Content {margin: 5px;}

.pbBtn{font: 8pt Verdana, Arial, sans-serif; border: 1px solid #6f4675; background-color: #edd8f0;}
/*--- Upload frame ---*/
.upFr .iframe{font: 8pt Verdana, Arial, sans-serif; border: none; background-color: #edd8f0; }
/*------ Mapa partneri --*/
#map_partner { display: block; background: url(images/map/sk_map.gif) no-repeat; width: 544px; position: relative; height: 267px;}
#map_partner DD { PADDING-RIGHT: 0; MARGIN: 0; POSITION: absolute; }
                /*-- Trenčín --*/
#map_partner #pTN {	Z-INDEX: 21; LEFT: 53px; TOP: 39px; }
#map_partner A#TN { DISPLAY: block; Z-INDEX: 21; BACKGROUND: url(images/map/tn.gif) no-repeat -200px -100px; WIDTH: 138px; HEIGHT: 119px; TEXT-DECORATION: none; }
#map_partner A#TN:hover { BACKGROUND-POSITION: 0px 0px; }
                /*-- Trnava --*/
#map_partner #pTT {	Z-INDEX: 22; LEFT: 11px; TOP: 99px; }
#map_partner A#TT { DISPLAY: block; Z-INDEX: 22; BACKGROUND: url(images/map/tt.gif) no-repeat -100px -100px; WIDTH: 99px; HEIGHT: 159px; TEXT-DECORATION: none; }
#map_partner A#TT:hover { BACKGROUND-POSITION: 0px 0px; }
               /*-- Nitra --*/
#map_partner #pNI {	Z-INDEX: 19; LEFT: 79px; TOP: 125px; }
#map_partner A#NI { DISPLAY: block; Z-INDEX: 19; BACKGROUND: url(images/map/ni.gif) no-repeat -200px -100px; WIDTH: 132px; HEIGHT: 141px; TEXT-DECORATION: none; }
#map_partner A#NI:hover { BACKGROUND-POSITION: 0px 0px; }
                /*-- Banská bystrica --*/
#map_partner #pBB {	Z-INDEX: 20; LEFT: 157px; TOP: 96px; }
#map_partner A#BB { DISPLAY: block; Z-INDEX: 20; BACKGROUND: url(images/map/bb.gif) no-repeat -200px -100px; WIDTH: 188px; HEIGHT: 125px; TEXT-DECORATION: none; }
#map_partner A#BB:hover { BACKGROUND-POSITION: 0px 0px; }
                /*-- Žilina --*/
#map_partner #pZI {	Z-INDEX: 20; LEFT: 151px; TOP: 0px; }
#map_partner A#ZI { DISPLAY: block; Z-INDEX: 20; BACKGROUND: url(images/map/zi.gif) no-repeat -200px -100px; WIDTH: 158px; HEIGHT: 123px; TEXT-DECORATION: none; }
#map_partner A#ZI:hover { BACKGROUND-POSITION: 0px 0px; }
              /*-- Bratislava --*/
#map_partner #pBA {	Z-INDEX: 25; LEFT: 1px; TOP: 131px; }
#map_partner A#BA { DISPLAY: block; Z-INDEX: 20; BACKGROUND: url(images/map/ba.gif) no-repeat -100px -100px; WIDTH: 64px; HEIGHT: 90px; TEXT-DECORATION: none; }
#map_partner A#BA:hover { BACKGROUND-POSITION: 0px 0px; }
                /*-- Prešov --*/
#map_partner #pPO {	Z-INDEX: 19; LEFT: 291px; TOP: 24px; }
#map_partner A#PO { DISPLAY: block; Z-INDEX: 19; BACKGROUND: url(images/map/po.gif) no-repeat -200px -100px; WIDTH: 251px; HEIGHT: 98px; TEXT-DECORATION: none; }
#map_partner A#PO:hover { BACKGROUND-POSITION: 0px 0px; }
                /*-- Košice --*/
#map_partner #pKE {	Z-INDEX: 21; LEFT: 319px; TOP: 87px; }
#map_partner A#KE { DISPLAY: block; Z-INDEX: 21; BACKGROUND: url(images/map/ke.gif) no-repeat -200px -100px; WIDTH: 208px; HEIGHT: 96px; TEXT-DECORATION: none; }
#map_partner A#KE:hover { BACKGROUND-POSITION: 0px 0px; }


/* ---- Nové štýly --- */
h3 { color: #5b2761; font-size: 1.3em; font-weight: bold; margin-bottom: 8px; }

.gcorners .rounded, .wcorners .rounded { width: 5px; height: 5px; position: absolute; }
.gcorners .lt { top: -1px; left: -1px; background: transparent url(images/gcorners-lt.gif) left top no-repeat; }
.gcorners .rt { top: -1px; right: -1px; background: transparent url(images/gcorners-rt.gif) right top no-repeat; }
.gcorners .lb { bottom: -1px; left: -1px; background: transparent url(images/gcorners-lb.gif) left bottom no-repeat; }
.gcorners .rb { bottom: -1px; right: -1px; background: transparent url(images/gcorners-rb.gif) right bottom no-repeat; }

.wcorners .lt { top: -1px; left: -1px; background: transparent url(images/wcorners-lt.gif) left top no-repeat; }
.wcorners .rt { top: -1px; right: -1px; background: transparent url(images/wcorners-rt.gif) right top no-repeat; }
.wcorners .lb { bottom: -1px; left: -1px; background: transparent url(images/wcorners-lb.gif) left bottom no-repeat; }
.wcorners .rb { bottom: -1px; right: -1px; background: transparent url(images/wcorners-rb.gif) right bottom no-repeat; }


.nlstStyle{ list-style-image:url(images/bullet_new.gif); }
.nlstStyle li{margin: 5px 0;}
.olstNormal{list-style-image: none;}
.lstNoStyle {list-style-type: none;}

.odd  {background-color: #fafafa;}
.even {background-color: #f3eef6;}
.padl15 { padding-left: 15px; }
.right { float: right; }
.left { float: left; }
.tx-left { text-align: left; }

.devices { overflow: hidden; }
.devices div { overflow: hidden; }
.device_item { padding: 5px; overflow: hidden; }
.device_item .dimg, 
.device_item .desc { padding: 5px; }
.device_item .dimg { width: 200px; }
.device_item .hdr  { padding: 5px 0 5px 10px; font-weight: bold; background-color: #f3f3f3; font-size: 12px; color: #6623a1; }
.device_item .tag  { padding-top: 5px; display: block; }
.even .hdr { background-color: #efe4f6; }

.device_item .desc { margin-left: 20px; width: 320px; }

/* --- Licencie --- */
/* -- .cls-lic { border: 1px solid #b2b2b2; padding: 7px; position: relative; background-color: #eaeaea; margin-top: 5px; display: block; } --*/
.cls-lic { border: 1px solid #aaa7b4; padding: 7px; position: relative; background-color: #fbf9ff; margin-top: 5px; display: block; }
.cls-lic .split { height: 1px; background-color: #b2b2b2; width: 560px; margin: 10px 0 10px 0; }
.cls-lic .item { overflow: hidden; vertical-align: middle; position: relative; }
.cls-lic .item span { padding-top: 5px; display: inline-block;  }
.cls-lic input { background-color: #ffffff; text-align: right; color: Black; padding: 2px; }
.cls-lic input[type=text] { width: 85px; border: 1px solid #b2b2b2; } 
.cls-lic input[type=radio] { background-color: transparent; color: Black; }
.cls-lic .title { width: 220px; margin-top: 10px; }
.cls-lic .modules { overflow: hidden; }
.cls-lic .price-col { width: 85px; text-align: center; margin-top: 10px; overflow: hidden; height: 20px; }
.cls-lic .price-col label { margin-right: 5px; bottom: 2px; position: relative; }
.cls-lic .dis { background-color: #f5f5f5; }
.cls-lic .bld { font-weight: bold; }

.lic-compare th, .lic-compare td { text-align: center; padding: 8px; font-weight: bold; color: #4b4b4b; }
.lic-compare th { height: 25px; }
.lic-compare td { background-color: #f7f2ff; border-top: 1px solid white;}

.lic-compare .col0, .lic-compare .col1, .lic-compare .col2, .lic-compare .col3 { width: 100px;  }

.lic-compare .col0 { background-color: #f0e5ff; }
.lic-compare .col1 { background-color: #ebdeff; }
.lic-compare .col2 { background-color: #e7d6ff; }
.lic-compare .col3 { background-color: #e2cfff; }


.lic-compare .title { text-align: left; }