* {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	background-color: #B8DB7C;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.1;
}

h1 {
	color: rgb(0,64,160);
  font-family: Verdana;
  font-size: 1.5em; 
  margin-bottom: 15px;
  background-image:URL('grafika/odrazka.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}


h2 {
	color: rgb(0,64,160);
  font-family: Verdana;
  font-size: 1.4em; 
  margin-bottom: 10px;
  background-image:URL('grafika/odrazka2.gif');
  background-repeat: no-repeat;
  padding-left: 40px;

}

#stranka_obal {
	width: 800px;
	margin: 0px auto;
	background-image:URL('grafika/pozadie.png')
}
#hlavicka {
	width: 100%;
	height: 157px;
	background-image:URL('grafika/hlavicka_1.png')
}



#over {
	width: 570px;
  height: 400px; 
  overflow: auto;
}


#menu1{
	float: left;
	width: 170px;
	padding: 5px 0px 0px 17px;
	position: absolute;
	text-align: justify; 
	font-size: 10px; 
}

#otazka {
	width: 100%;
	height: auto;
	background-color: rgb(255,255,255);
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	border-bottom-style:dotted; 
  border-width:1px
  }

#odpoved {
	width: 100%;
	height: auto;
	background-color: rgb(253,253,200);
	margin: 0px 0px 20px 0px;
  }

#podvysuvackami {

  }


#viac a {
	margin-left: 274px;
  text-decoration: none;
  color: black;
  font-weight: bold;
  }

#viac a:hover {
	text-decoration: underline;
  }

label  {float:left; width: 180px; padding-left:5px;}

#odpocitavanie {color: rgb(0,64,160);  border: 0; margin-left: 0px; width: 490px; font-weight: bold; font-size: 17px; background-color:white;}

input {border: 1px solid rgb(246,202,35); width: 260px; height: 20px; color: #333333; margin-bottom: 8px;}

textarea { border: 1px solid rgb(246,202,35); width:470px; height: 150px; margin-bottom: 8px; }

#submitbutton {margin-left: 200px; width: 80px;}







a img {
border: 0px; 
}

#clanok ul li { 
list-style-type: square; 
margin-left: 20px;
}

#spat         {text-align:right; padding:2px;}
#spat a       {padding:1px 6px 1px 6px; color:black; text-decoration:none; border:1px solid #000;  }
#spat a:hover {background-color: black; color:white;}

#menu               {width: 100%; height: 29px; background-image:URL('grafika/hlavicka_2.png');}
#menu #first        {border-left:1px solid #000;}  
#menu #vyber        {color: red;}  
#menu ul            {padding-top:6px; font-family:Arial; font-size:.9em; font-weight:bold;}
#menu ul li         {display:inline; list-style-type:none; border-right:1px solid #000; padding:0px 6px;}
#menu ul li a       {color:black; text-decoration:none; }
#menu ul li a:hover {text-decoration:none; color: white; background-image:URL('grafika/hover.gif'); }
#menu ul li ul      {display:none; }


#text { padding: 5px 20px 5px 210px;	text-align: justify;}

#clanok {border-top-style:dotted; border-width:1px; padding-top:12px; padding-bottom:5px;  }
#clanok p { line-height:20px; padding-top:8px; }

div#team img {margin: 0px 20px 12px 1px; }

table { border-style: solid; border-width: 1px; border-collapse:collapse; border-color: black; }
td { border-style: solid; border-width: 1px; border-color: black; }

.center{text-align: center;}
.left{float: left; padding:0px 5px 5px 0px;}
.nezalamuj {clear: both;}
.program {text-align: right; clear: none;}
#reset
{
	border:  0px none;
	margin:  0px;
	padding: 0px;
	float: none;
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
#paticka {
	width: 100%;
	height: 48px;
	background-image:URL('grafika/pata.png')

}


/*-----Bzuco-----*/
#onlineOBJ{
    background: url(grafika/onlineOBJ.jpg) no-repeat;
    width: 201px;
    height: 274px;
    float: right;
}
#programy{
    width: 334px;
    height: 280px;
}
#programy .image{
    cursor: pointer;
    /*padding: 0 0 8px;*/
}
#programy .prog{
    margin: 0 0 4px;
}
#programy .prog .image{
    height: 42px;
}
#programy .prog1 .image{
    background: url(/grafika/programy/prog1.png) no-repeat;
}
#programy .prog2 .image{
    background: url(/grafika/programy/prog2.png) no-repeat;
}
#programy .prog3 .image{
    background: url(/grafika/programy/prog3.png) no-repeat;
}
#programy .prog4 .image{
    background: url(/grafika/programy/prog4.png) no-repeat;
}
#programy .text{
    padding: 4px;
    display: none;
}
#programy .prog1{
    border: 2px solid #9d563c;
}
#programy .prog2{
    border: 2px solid #145987;
}
#programy .prog3{
    border: 2px solid #3e7738;
}
#programy .prog4{
    border: 2px solid #88293b;
}
#programy .prog1 .text{
    background: #fff3cd;
}
#programy .prog2 .text{
    background: #cdefff;
}
#programy .prog3 .text{
    background: #eaf5d7;
}
#programy .prog4 .text{
    background: #f9d3d8;
}


#programy .text{
    font-size:10px;
}


#build{
    text-align: center;
}
#build ul{
    list-style: none;
    height: 20px;
}
#build li{
    display: inline;
}
#build a{
    vertical-align: middle;
    display: inline;
    padding: 2px 4px;
    color: silver;
}
#build a.on:hover, #build a.off:hover{
    background: orange;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: black;
}
#build a.on{
    background: orange;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: black;
}
#build a.off{
    vertical-align: middle;
    display: inline;
    padding: 2px 4px;
}
#build a.xoff{
    vertical-align: middle;
    display: inline;
    padding: 2px 4px;
    text-decoration: line-through;
    color: red;
}
#build .category{
    margin: 16px;
    padding: 8px;
    border: 1px solid black;
}
#build .nadpis {
    font-family:Comic Sans MS;
    font-size:20px;
    font-weight:bold;
    line-height:20px;
    padding: 0 0 8px;
}
#build .typ{
    float: left;
}
#build .konk{
    float: left;
}
#build .viaz{
    clear: right;
}
#build .zriad{

}
#build .free{

}
#build .mes{

}
#build .dar{

}