/*
 * style sheet: SITA.sk
 * Copyright 2003,...
 */

/* defaults pre cely server */
/* body { - "pure" form, and next comes "MS IE hack" */
body, td, th, caption {
  font-family: Arial, Aplos, fotinos, Verdana, sans-serif;
  font-size: 80%;
  color: rgb(40, 42, 28);
  background: rgb(239, 243, 220);
}
textarea {
  font-family: Arial, Aplos, fotinos, Verdana, sans-serif;
  font-size: 100%;
  color: rgb(40, 42, 28);
  background: #ffffff;
}
p {
  margin: 5px;
  padding: 5px;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0.5em;
  margin-bottom: 0.25em;	/* nepotrebujeme az take velke odsadenie */
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  letter-spacing: 2;
  color: rgb(62, 65, 46);
}
h1, h2, h3 {
  font-size: 110%;
}

h1 {
  text-align:left;
}

h2 span {
  color: rgb(50, 53, 42);
  background: rgb(188, 190, 177);
  padding: 5px;
  padding-left: 40px;
  padding-right: 40px;
}
h4 {
  font-weight: normal;
  text-decoration: underline;
}

/*linkovanie v klientskej sekcii*/  
a {
  font-weight: bold;
  font-variant: normal;
  /*text-decoration: underline;*/
  color: rgb(93, 97, 74);
}
a:link {
  color:#333333;
  /*color: rgb(93, 97, 74);*/
  /*text-decoration: underline;*/
}
a:visited {
  color: rgb(150, 150, 150);
  /*text-decoration: underline;*/
}
a:active {
  color: rgb(204, 0, 0);
}
a:hover {
  color: rgb(204, 0, 0);
  /*color: rgb(55, 55, 55);*/
}

/*linkovanie v klientskej sekcii*/  
a.lnk {
  font-weight: bold;
  color:#aa3333;
  border-bottom: solid 1px black;
  /*text-decoration: underline;*/
}


a.lnk:link {
}

a.lnk:visited {
  color: rgb(150, 150, 150);
}

a.lnk:active {
  color: rgb(204, 0, 0);
}

a.lnk:hover {
  color: rgb(204, 0, 0);
}


th span {
  font-weight: normal;
}

/* urcene pre vycuc z plateneho servisu na uvodnej stranke a dalsie casti, ktore grafik odlisil tmavsm pozadim */
p.darker {
  color: rgb(26, 27, 29);
  background: rgb(209, 221, 201);
  padding: 1px;
  text-align: center;
}

/* urcene pre sitanews na uvodnej stranke a dalsie casti, ktore grafik odlisil svetlejsim pozadim */
/* p.lighter { - "pure" form, and newxt comes "MS IE hack" */
p.lighter {
  width:100%;
  color: rgb(0, 1, 0);
  background: rgb(245, 247, 233);
}
p.lighter td {
  color: rgb(0, 1, 0);
  background: rgb(245, 247, 233);
}
p.lighter tr.second td {
  background: rgb(228, 230, 217);
}

/* urcene na nazvy produktov a dalsie casti, ktore grafik odlisil ako obdlznicky text so svetlozelenym pozadim */
p.lightgreen {
  background: rgb(219, 235, 198);
  text-align: center;
}
p.lightgreen a {
  color: rgb(32, 42, 31);
}

/* urcene pre "<<, <, >, >>" navigacne prvky */
/* div.navi {
  position: fixed;
  top: 35%;
} */

/* urcene pre "tlacitka" typu "cennik a sposob objednania" a dalsie casti, ktore grafik odlisil ako obdlznicky obsahyhuce linky na svetlo-sedo-zelenom pozadi */
p.buttonlike, span.buttonlike{
  text-align: left;
  margin-left:0;
  margin-top: 1em;
  font-size:9pt;
  font-weight:bold;
  /*margin-bottom: 2em;*/
}
p.buttonlike a, td.buttonlike a, span.buttonlike a {
  color: rgb(83, 88, 56);
  background: rgb(221, 226, 194);
}

p.buttonlike a:hover, span.buttonlike a:hover {
background-color:#7E8262;
/*color: rgb(204, 0, 0);*/
color:#F4FABA;
}

p.buttonlike a, span.buttonlike a {
  padding: 2px 10px 2px 10px;
}

span.buttonlike a {
border: solid 1px red;
line-height: 22px;
line-height: auto ie!;
/* ie to nevidi */
}

/* td.buttonlike a {
  margin: 1px;
}*/
/*input, select, textarea {
  color: black;
  background: white;
  border: 1px solid black;
  margin: 1px;
} MS IE does not recognize the following so ... */
input[type="reset"], input[type="submit"] {
  color: white;
  background: rgb(105, 107, 96);
  border: 0px;
  margin: 2px;
  padding: 2px 10px 2px 10px;
}

.warning {
  color: red;
}

/*prepocty podla konverzneho kurzu v cennikoch*/
span.prep{
  color:#555;
  font-size:85%;
}

span.prep1{
  color:#777;
  font-size:97%;
}

/*frame webnoviny*/
.webnoviny {
background-color: rgb(245, 247, 233);
padding-left:5px;
padding-bottom:2px;
line-height: 15px;
}

.webnoviny:first-line {
color: #718c31;
text-transform: uppercase;
}

.webnoviny ul {
position:relative;
left:-20px;
}

/* formatovanie horneho banneru*/
    #topframe {
    background-image:url("/pics/top/background.gif");
    repeat: vertical;
    background-color:#EFF3DC;
    width:801px;
    height:100px;
    position:absolute;
    top: 0px;
    left: 184px;
    } 

/*názov sluzby vo verejnej casti*/

           
    .servishdr {
      letter-spacing: 2;
      color: rgb(62, 65, 46);
      font-size:110%;
      font-weight:bold;
      padding-left: 10px;
    }

    .minimenu {
     position:absolute;
     right: 1px;
     }
     



/*zaloľkové menu*/
    #header {
			/*float:left;*/
			width:100%;
			background:#EFF3DC;
			padding:0;
			line-height:15px;
			overflow:auto;
			font-size:9pt;
		}
		#header ul {
			margin:0;
			padding:10px 0 0 10px;
			list-style:none;
		}
		#header li {
			display:inline;
			margin:0;
			padding:0;
		}
	/*
	*	For the next two rules:	
	*	1. A single image is used for the two doors, rather than one.
	*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
	*	3. The padding was modified for personal preference.
	*/
	#header a {
		float:left;
		background:#D9DCBF url("/pics/bg.gif") no-repeat left top;
		padding:0 0 0 9px;
		text-decoration:none;
		color:#000;
	}
	#header a span {
		float:left;
    display:block;
		background:#D9DCBF url("/pics/bg.gif") no-repeat right top;
		padding:4px 15px 3px 6px;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#header a span {float:none;}
	/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
	
	#header #current a span {
		padding-bottom:4px;
		text-decoration:undeline;
	}
	#header a:hover, #header a:hover span {
		background-color:#7E8262;
  	color: #F4FABA;
	}
	#header #current a span, #header #current a {
		background-color:#7E8262/*EFF3DC*/;
		color:#EFF3DC;
	}

/*koniec zaloľkoveho menu*/

/*ramček obsahu verejnej casti*/
  #content {
  max-width: 800px;
  min-height: 900px;
  /*height: 366px;*/
  /**eight: 401px !ie;*/
  overflow:auto;
  border-top: solid 2px #7E8262;
  padding:15px;
  }
    
  #tl {
  width:160px;
  float:left;
  margin-right:10px;
  }
  
  #tl img {
  width:160px;
  height:120px;
  }
    
  #vzorky {
  margin-left:170px;
  line-height: 20px;
  padding:2px;
  }
    
  #vzorky img {
  width:20px;
  height:15px;
  border:0px;
  margin-left:10px;
  margin-right:2px;
  vertical-align:middle;
  }
  
  #vzorky b {
  margin-left: 5px;
  margin-right:2px;
  }
  
  #titlecia {
  min-width:200px;
  width:200px;
  }
  
  #vzorkycia {
  float:right;
  line-height: 20px;
  padding:2px;
  }
  
  #vzorkycia a {
   padding-right: 10px;
  }
  #vzorkycia img {
  border:0px;
  }
  
/*koniec ramceka*/


/* help style*/
div#hlp {/*position: absolute; top: 81px; left: 0; */width: 300px; height: 320px; z-index: 100;}
div#hlp a {display: block; text-align: left; 
   padding: 0 0 1 2; margin: 2 0 0 0; border:solid 1px #ccc; 
   text-decoration: none;font-weight:normal;}
div#hlp a:hover {color: #EFF3DC; background: #7E8262;}

div#hlp a span {display: none;}
div#hlp a:hover span {display: block;
   position: absolute; top: 15px; left: 335px; width: 400px; height:180px;
   padding: 5px; margin: 10px; z-index: 100; color:rgb(40, 42, 28); background: transparent;
   text-align: left;}
   
div#hlp a:hover span img {
   float:left;
   /*padding: 10px;*/
   margin: 0 10 0 5;
   }
/* koniec helpstyle*/   

/* monlist style*/
div#mnl {/*position: absolute; top: 81px; left: 0; */width: 300px; height: 150px; z-index: 100;}
div#mnl a {display: block; text-align: left; 
   padding: 0 0 1 2; margin: 2 0 0 0; border:solid 1px #ccc; 
   text-decoration: none;font-weight:normal;}
div#mnl a:hover {color: #EFF3DC; background: #7E8262;}

div#mnl a span {display: none;}
div#mnl a:hover span {display: block;
   position: absolute; top: 380px; left: 335px; width: 400px;
   padding: 5px; margin: 10px; border:solid 1px #ccc; z-index: 100; color:rgb(40, 42, 28); background: transparent;
   text-align: left;}
   
div#mnl a:hover span img {
   float:left;
   /*padding: 10px;*/
   margin: 0 10 0 5;
   }
/* koniec monlist style*/ 


/* onlinelist style*/
div#onl {position: absolute; top: 200px; left: 15px; width: 300px; height: 150px; z-index: 100;float:left;}
div#onl a {display: block; text-align: left; 
   padding: 0 0 1 2; margin: 2 0 0 0; border:solid 1px #ccc; 
   text-decoration: none;font-weight:normal;}
div#onl a:hover {color: #EFF3DC; background: #7E8262;}

div#onl a span {display: none;}
div#onl a:hover span {display: block;
   position: absolute; top: 7px; left: 335px; width: 400px; 
   padding: 5px; margin: 10px; border:solid 1px #ccc; z-index: 100; color:rgb(40, 42, 28); background: transparent;
   text-align: left;}
   
div#onl a:hover span img {
   float:left;
   /*padding: 10px;*/
   margin: 0 10 0 5;
   }
/* koniec onlinelist style*/ 
/*cenníky*/
.cen{
}

.cen table{
border-spacing: 0;
border-collapse: collapse;
}

.cen td {
border:1px solid grey;
margin: 0;
}

.cen th {
font-size: 120%;
}

/*koniec cenník*/

.infobanner {
text-align:center;
font-size: 26px;
color:#777;
}
   
span.keyword, a b {
  font-weight: bold;
  text-decoration: underline;
}

@media all {
  p.printlogo {
    display: none;
  }
}
@media print {
  p.printlogo {
    display: block;
  }
  a {
    display:none;
  }
}
div.image {
	width: 167px;
	height: 29px;
	background-image: url("../pics/bg.gif");
	background-repeat: no-repeat;
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 20px;
	color: #5B5E48;
}

a {
	text-decoration: none;
}
.VeritySourcesX{
	display: block;
	position: absolute;
	width:600px;
	background: #C7D47E;
	top:100px; 
	left:100px;
	padding: 3px;
}
.NoSrc{
   text-decoration:none;
	font-weight:normal;
	font-size:11px;
	color:red;
}
.srcg{
	display: block;
	float: left;
	width: 100%;
}
.srcg a{
  text-decoration:none;
}
.srcx{
	display: block;
	float: left;
	width: 150px;
}