body { behavior:url("csshover2.htc");}

#hover,table tr:hover td{
background:#333;
color:white;
}

/*
img {border: none;}
a img:hover {border: #7A4076 thin solid;}	
*/

/*////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/


/* reset štýlov*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;	
	background: transparent;
}

body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}

/* remember to define focus styles! */
:focus {	outline: 0;}

/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	 border-spacing: 0;}
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

/* mac hide \*/
* html, * html body{overflow:hidden;height:100%;}


body{
background: #222; /* tmavo šedá */
background-image: URL('images/gfx/poz.jpg');
margin:0;
padding:0;
line-height: 16px;
scrollbar-base-color: #1A1A1A;
scrollbar-track-color: #1A1A1A;		/* pozadie */
scrollbar-face-color: #1A1A1A;		/* sipky, pohybliva lista */
scrollbar-highlight-color: #1A1A1A;	/* ram sipky, listy */
scrollbar-3dlight-color: #1A1A1A;		
scrollbar-darkshadow-color: #1A1A1A;
scrollbar-shadow-color: #1A1A1A;
scrollbar-arrow-color: #444;
}


a	{color: gray; text-decoration: none;}
a:hover	{color: #7A4076; text-decoration: none;}
a:active{color: #7A4076; text-decoration: none;}
h2	{font-size: 70%; margin: 0px 0px 0px 0px;}
h3	{font-size: 120%; color:#7A4076; margin: 10px 0px 0px 0px;}
h4 	{font-size: 120%; color:black; text-decoration: overline underline; margin: 5px 0px 5px 0px;}
h4 a 	{font-size: 60%;}
h5	{font-size: 96%; background-color:black; margin:0px 0px 0px 0px; padding:5px 0px 5px 5px;}
h6	{font-size: 110%; color:#7A4076; background-color:#111; margin: 0px 0px 5px 0px; padding:5px 0px 5px 5px;}
p  	{margin: 10px 20px 0px 0px;}	/* hore, pravo, dole, lavo */


/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

#maincontainer{ /* cetrovať hlavicku */
width: 1000px; /*šírka*/
height: 150px;
margin: 0 auto; /*Center container on page*/
/*background: red;*/
}
 
#topsection{       /* cele telo - zarovnane na stred */
position: absolute;
left: 50%;
top: 50%;
width: 1000px;
height: 640px; /* vyska celkom*/
margin-left: -500px; /* polovica sirky */
margin-top: -320px;  /* polovica vysky */
/*background-color: pink;	*/
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
#topsection {top: 0%; margin-top: 50px; }
}
*/

/*klikacia hlavicka*/		
h1  {
width: 1000px;
height: 120px;
text-align:right;

}
h1 a, h1 a:hover    {
display: block;
width: 100%;
height: 100%;
position: relative;
font-size: 16px;
}
h1 a span      {
display: block;
width: 1000px;
height: 120px;
background: URL('images/gfx/hlavicka.png');
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 0;
cursor: pointer;
cursor: hand; /* pre MSIE, debila */
}	


#logo     {
width: 645px;
height: 651px;
background: URL('images/gfx/logo.png');
background-repeat: no-repeat;
position: absolute;
top: -80;
left: -120;
z-index: -1;
}	
 
#hlavicka{
width: 1000px;
height: 120px;
padding: 0px 0px 0px 0px;   /* hore, pravo, dole, lavo */
margin: 0px 0px 0px 0px;
/*border-bottom: white solid;*/
/*background:#7A4076;*/
filter: Alpha(opacity=90); alphavalue: 0.9; -moz-opacity: 0.9; -khtml-opacity:0.9; opacity: 0.9;    /* priesvitne */
}


#leftcolumn {
float: left;
width: 203px;
padding: 0px 0px 0px 0px;   /* hore, pravo, dole, lavo */
margin: 0px 0px 0px 0px;
border-left: #333 thin solid;
border-right: black thin solid;
border-bottom: black thin solid;
overflow: auto; /* rolovanie v okne */
/*background: #222;*/
}

#contentcolumn {
float: left;
width: 528px;
padding: 0px 0px 0px 0px;   /* hore, pravo, dole, lavo */
margin: 0px 0px 0px 0px;
border-left: #333 thin solid;
border-right: black thin solid;
border-bottom: black thin solid;
overflow: auto; /* rolovanie v okne */
/*background: #222;*/
}

#contentwrapper{
float: left;
border-top: #333 solid;
background:  #1A1A1A; 
}

#rightcolumn {
float: left;
width: 260px;
padding: 0px 0px 0px 0px;   /* hore, pravo, dole, lavo */
margin: 0px 0px 0px 0px;
border-left: #333 thin solid;
border-bottom: black thin solid;
overflow: auto; /* rolovanie v okne */
/*background: pink*/
}

#navig{
float: left;
width: 774px;
height: 40px;
/*border-top: #333 thin solid;
background: black;
background-image: URL('images/gfx/navig.jpg');
background-repeat: no-repeat;*/
}

#design{
float: left;
width: 222px;
height: 40px;
text-align:center;
line-height: 2.5;
border-top: #333 thin solid;
/*background: black;*/
background-image: URL('images/gfx/design.jpg');
background-repeat: no-repeat;
}

.innertube{			/* vnutro */
padding: 0px 6px 5px 10px;   /* hore, pravo, dole, lavo */
margin: 10px 0px 5px 0px;	/* hore, pravo, dole, lavo */
height: 465px;
color: white;
font-size: 13;
font-family: 'Arial';
text-align: justify;
/*filter: Alpha(opacity=90); alphavalue: 0.8; -moz-opacity: 0.8; -khtml-opacity:0.8; opacity: 0.8; */   /* priesvitne */
overflow: auto; /* rolovanie v okne */
}


.innertube1{			/* vnutro */
padding: 0px 6px 5px 10px;   /* hore, pravo, dole, lavo */
margin: 10px 0px 5px 0px;	/* hore, pravo, dole, lavo */
height: 465px;
color: white;
font-size: 13;
font-family: 'Arial';
text-align: justify;
/*filter: Alpha(opacity=90); alphavalue: 0.8; -moz-opacity: 0.8; -khtml-opacity:0.8; opacity: 0.8; */   /* priesvitne */
}
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.obrazky{
width: 480px;
text-align: left;
}

.obrazky img{
position:relative;
background:#111;
border:1px solid #222;
padding:3px;
margin: 2px; 		/* okraj */
}

.obrazky img:hover{
position:relative;
border:1px solid #7A4076;
padding:3px;
margin: 2px; 		/* okraj */
background:#111;
}


#popis{
color: gray;
font-size: 11;
font-family: 'Arial';
text-align: justify;
}




/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.tab{
width:491px;
border: #333 thin solid;
background: #424242;
}

.tab_vs{
width:250px;
border: #333 thin solid;
background: #424242;
}


.tab0{		/*  hlavička tabuľky */
width:491px;
background-color: black;
color: #7A4076;							
font-size: 14;
text-align: right;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 3px 2px 3px;		/* hore, pravo, dole, lavo */
font-weight: bold;
}

.tab0b{		/*  hlavička tabuľky - tím */		
width:50px;
background-color: black;
color: #7A4076;							
font-size: 14;
text-align: center;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 3px 2px 3px;		/* hore, pravo, dole, lavo */
font-weight: bold;
}

.tab0c{		/*  hlavička tabuľky - tím */		
width:491px;
background-color: black;
color: #7A4076;							
font-size: 14;
text-align: center;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 3px 2px 3px;		/* hore, pravo, dole, lavo */
font-weight: bold;
}

.tab0d{		/*  hlavička tabuľky - vs */		
width:400px;
background-color: black;
border-bottom: #424242 thin solid;
border-left: #424242 thin solid;
color: #7A4076;							
font-size: 10;
text-align: center;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 3px 2px 3px;		/* hore, pravo, dole, lavo */
font-weight: bold;
}

.tab0e{		/*  hlavička tabuľky - vs */		
width:400px;
background-color: #7A4076;
color: black;
border-bottom: black thin solid;
border-left: black thin solid;							
font-size: 10;
text-align: center;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 0px;		/* hore, pravo, dole, lavo */
font-weight: bold;
}

.tab1{			/*  názov tímu */	
border-bottom: black thin solid;
color: #bbb;							/* farba text */
font-size: 12;
text-align: left;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 3px 2px 3px;		/* hore, pravo, dole, lavo */
font-weight: bold;
}

.tab2{		/*  ostatné stĺpce */
border-bottom: black thin solid;
color: #bbb;				/* farba text */
font-size: 12;
text-align: right;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 3px 2px 3px;		/* hore, pravo, dole, lavo */
font-weight: normal;
}

.tab2a{			/* poradie */
border-bottom: black thin solid;
color: #bbb;				/* farba text */
font-size: 12;
text-align: center;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 3px 2px 3px;		/* hore, pravo, dole, lavo */
font-weight: normal;
}


.tab2b{			/* poradie */
border-bottom: black thin solid;
color: #bbb;				/* farba text */
font-size: 12;
text-align: left;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 3px 2px 3px;		/* hore, pravo, dole, lavo */
font-weight: normal;
}

.tab2f{			/* vs výsledok */
border-bottom: black thin solid;
border-left: black thin solid;
color: #bbb;				/* farba text */
font-size: 12;
text-align: center;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 3px 2px 3px;		/* hore, pravo, dole, lavo */
font-weight: normal;
}

.tab3{		/*  stĺpce wnd */
border-bottom: black thin solid;
color: white;				/* farba text */
font-size: 12;
text-align: right;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 3px 2px 3px;		/* hore, pravo, dole, lavo */
font-weight: normal;
}

.tab4{		/*  názov wnd */
border-bottom: black thin solid;
color: white;							/* farba text */
font-size: 12;
text-align: left;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 3px 2px 3px;		/* hore, pravo, dole, lavo */
font-weight: bold;
}

.tab5{		/*  normálne - do ľava */
width:110px;
color: white;							/* farba text */
font-size: 12;
text-align: left;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 3px;		/* hore, pravo, dole, lavo */
background:#111;
}

.tab5a{		/*  normálne - do ľava */
width:83px;
color: white;							/* farba text */
font-size: 12;
text-align: left;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 3px;		/* hore, pravo, dole, lavo */
background:#111;
}

.tab5b{		/*  normálne - do ľava */
width:30px;
color: white;							/* farba text */
font-size: 12;
text-align: left;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 3px;		/* hore, pravo, dole, lavo */
background:#111;
}

.tab6{		/*  čierne bold - do ľava */
width:90px;
color: #555;							/* farba text */
font-size: 12;
font-weight: bold;
text-align: left;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 0px;		/* hore, pravo, dole, lavo */
background:#111;
}

.tab6b{		/*  čierne bold - do ľava */
width:110px;
color: #555;							/* farba text */
font-size: 12;
font-weight: bold;
text-align: left;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 0px;		/* hore, pravo, dole, lavo */
background:#111;
}

.tab7{		/*  čierne bold - do prava */
width:90px;
color: #555;							/* farba text */
font-size: 12;
font-weight: bold;
text-align: right;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 0px;		/* hore, pravo, dole, lavo */
background:#111;
}

.tab7b{		/*  čierne bold - do prava */
width:110px;
color: #555;							/* farba text */
font-size: 12;
font-weight: bold;
text-align: right;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 0px;		/* hore, pravo, dole, lavo */
background:#111;
}


.tab8{		/*  normálne - center */
width:65px;
color: #555;
font-size: 12;
text-align: center;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 0px;		/* hore, pravo, dole, lavo */
background:#111;
}

.tab8b{		/*  normálne - center */
width:30px;
color: #555;
font-size: 12;
text-align: center;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 0px;		/* hore, pravo, dole, lavo */
background:#111;
}

.tab9{		/*  normálne - center  */
font-size: 12;
text-align: center;
border-bottom: black thin solid;
border: #333 thin solid;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 0px;		/* hore, pravo, dole, lavo */
background:#444;
}

.tab10{		/*  normálne - center - hrubé biele */
font-size: 12;
color: white;
text-align: center;
border-bottom: black thin solid;
border: #333 thin solid;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 0px;		/* hore, pravo, dole, lavo */
background:#444;
}


.tab11{		/*  vs */
width:75px;
color: white;							/* farba text */
font-size: 12;
font-weight: bold;
text-align: right;
border: #333 thin solid;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 2px 2px 0px;		/* hore, pravo, dole, lavo */
}

.tab11a{		/*  vs */
width:75px;
color: white;							/* farba text */
font-size: 12;
font-weight: bold;
text-align: left;
border: #333 thin solid;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 2px;		/* hore, pravo, dole, lavo */
}

.tab11b{		/*  vs */
width:16px;
text-align: center;
border: #333 thin solid;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
}


.tab11c{		/*  vs */
width:30px;
color: black;							/* farba text */
font-size: 12;
font-weight: bold;
text-align: center;
border: #333 thin solid;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 0px;		/* hore, pravo, dole, lavo */
}

.tab11d{		/*  vs */
width:25px;
font-size: 12;
text-align: center;
border: #333 thin solid;
margin: 0px 0px 0px 0px;		/* hore, pravo, dole, lavo */
padding: 0px 0px 2px 0px;		/* hore, pravo, dole, lavo */
}

tr:nth-child(2n){ 
background-color: #4A4A4A; 
}
tr:nth-child(2n+1){ 
background-color: #424242; 
}






/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

/*navig - hlavné menu - horizontalne */
 

 .kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
 }  
  
 .kwicks li {  
	display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 86px;
	height: 40px;
	margin-right: 0px;
	background-image:url(images/gfx/kwicks_sprite.jpg);
	background-repeat:no-repeat;
}


.kwicks a{
	position: relative;
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}


#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-120px 0px;
}
#kwick3 {
	background-position:-240px 0px;
}
#kwick4 { 
	background-position:-360px 0px;
}
#kwick5 {
	background-position:-480px 0px;
}
#kwick6 {
	background-position:-600px 0px;
}
#kwick7 {
	background-position:-720px 0px;
}
#kwick8 { 
	background-position:-840px 0px;
}
#kwick9 { 
	background-position:-960px 0px;
}


#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -120px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -240px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -360px bottom; 
}
#kwick5.active, #kwick5:hover { 
	background-position: -480 bottom;
}
#kwick6.active, #kwick6:hover{
	background-position: -600px bottom;
}
#kwick7.active, #kwick7:hover {
	background-position: -720px bottom;
}
#kwick8.active, #kwick8:hover {
	background-position: -840px bottom; 
}
#kwick9.active, #kwick9:hover {
	background-position: -960px bottom; 
}


 
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

/*pomocné menu - vertikálne */
ul.menu2 li{
float:right;
width:203px;
text-align:left;
margin:0
}

ul.menu2 li a, .dhtmlgoodies_question  a{
color:#555;
display:block;
width:160px;
height:22px;
padding-top:8px;
padding-left:6px;
cursor:hand;
text-align:left;
font-family: 'Arial Black';	
font-size:12px;
border-bottom: #333 thin solid;
border-left: #333 thin solid;
border-right: #333 thin solid;
margin:0px 0px 0px 0px;
background:black;
}


ul.menu2 li a:hover, .dhtmlgoodies_question a:hover{
color:#7A4076;
}


ul.menu2 li ul ul, .dhtmlgoodies_answer {
color:black;
display:block;
width:155px;
text-align:left;
font-size:11px;
margin:0px 0px 0px 4px; /* hore, pravo, dole, lavo */
padding:0;
overflow:hidden;
background:#333;
}

.sub_cat a {
color:black;
display:block;
width:155px;
border-bottom: black thin solid;
padding:0px 0px 0px 4px; /* hore, pravo, dole, lavo */
font-family:Verdana;
font-size:12px;
background:#333;
}

.sub_cat a:hover{
color:black;
width:155px;
font-family:Verdana;
font-size:12px;
background:#7A4076;
}



/*/////////////////////////////////////////////////////////////////*/

form{
width: 170px;
height:20px;
padding: 4px 4px 4px 4px; 
font-size: 8px; 
font-family: Verdana; 
}

input{
height:28px;
background-color: #111; 
padding: 4px 0px 0px 2px; 
font-size: 10px; 
color: white;
font-family: Verdana; 
border-right: #333 thin solid;
border-bottom: #333 thin solid;
border-top: none;
border-left: none;
}

.submit{
background-color: black; 
padding: 2px 2px 2px 2px; 
margin-left:0px;
font-size: 12px; 
color: #7A4076;
font-family: arial black; 
border-right: #333 thin solid;
border-bottom: #333 thin solid;
border-top: none;
border-left: none;
}

.submit:hover{
background-color: #7A4076; 
padding: 2px 2px 2px 2px; 
margin-left:0px;
font-size: 12px; 
color: black;
font-family: arial black; 
border-right: #333 thin solid;
border-bottom: #333 thin solid;
}



.zap{
padding: 3px 3px 3px 3px;   /*vnútorný -  hore, pravo, dole, lavo */
margin: 0px 0px 5px 0px;	/* vonkajsi - hore, pravo, dole, lavo */
background-color:#333;
border-bottom:black thin solid;
border-right:black thin solid;
}
/*/////////////////////////////////////////////////////////////////*/

.kolaz img{
position:relative;
float:left;
border-top: 5px solid #000;
border-bottom: 15px solid #000;
border-left: 5px solid #000;
border-right: 5px solid #000;
}

.kolaz a img:hover {
position:relative;
float:left;
border-top: 5px solid #7A4076;
border-bottom: 15px solid #7A4076;
border-left: 5px solid #7A4076;
border-right: 5px solid #7A4076;
}

/* fialova           #7A4076         */