@import "./text.css";

body {
  text-align:left;
  background-color: #000;
  margin:0px;
  color:#fff;
  font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif;
	background-image:url('../grafika/pozadie.png');
	background-repeat:no-repeat;
}
h1 {
  margin:0px;
  font-family: "Century Gothic", "helvetica ce", arial, helvetica, sans-serif;
  font-weight:normal;
  font-style:normal;  
  font-size:200%;  
}
h2 {
  margin-bottom: 0px;
  font-family: "Century Gothic", "helvetica ce", arial, helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 150%;
}

h3 {
  margin-bottom:5px;
  font-family: "Century Gothic", "helvetica ce", arial, helvetica, sans-serif;
  font-weight:normal;
  font-style:normal;
  font-size:110%;
}

a {
  color:#fff;
  text-decoration:none;
  outline: none;
}
a img {
  border: none;
}
#sedy ul li {
  margin:0px;
  padding: 0px;
}

.obrClanok {
  float: left;
  margin: 0px 5px 5px 10px;
}

.darkorange {
  color: #D75D0B;
}
.bold {
  font-weight: bold;
}
.patka {
  color: #333;
  margin: 10px 25px;
  font-size: 80%;
}
.patka a {
  color: #333;
  text-decoration: none;
}
.patka a:hover {
  text-decoration: underline;
}

.marginTop10 {
  margin-top: 10px;
}
.paddingTop10 {
  padding-top: 10px;
}
.clear {
  clear: both;
}
ul.bez {
  margin-left: -40px;
}
ul.bez li {
  list-style-type: none;
}

.cervena,
.zelena,
.modra {
  background-repeat: repeat-y;
  background-image: url(../grafika/k_cervena.png);
}
.zelena {  
  background-image: url(../grafika/k_zelena.png);
}
.modra {
  background-image: url(../grafika/k_modra.png);
}

.button {
  color: #fff;
  height: 35px;
  width: 109px;
  border: none;
  float: right;  
  font-size: 90%;    
  font-weight: bold;
  margin: 5px 10px 0px 0px;
  background:  url(../grafika/button.png) no-repeat left top;
  text-align: center;
  line-height: 35px;
}
.button:hover  {
  cursor: pointer; 
  text-decoration: none;
  background-position: left bottom;
} 

#sedy #bez a:hover {
  text-decoration: none;
}
.vysvetlenie {
  margin-top: 10px;
}
#sedy .vysvetlenie {
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
/* -------------------------------------------------------------------------- */
#hlavicka {
  display: block;
  width:100%;
  height:58px;
	margin-top:0px;
}
#hlavicka strong {
  font-family: "Century Gothic", "helvetica ce", arial, helvetica, sans-serif;
	margin-top:0px;
	margin:0px;
  margin-left:18px;
  padding-top:11px;
  color:#ddd;
  font-style: normal;
  font-weight:normal;
  font-size:225%;
}
#hlavicka strong sup {
  margin-top:20px;
  font-size:60%;
  color:#D75D0B;
}

#hlavicka .popis {
  float:left;
  position:absolute;
  text-align:center;
  margin-top:-40px;
  margin-left:690px;
  color:#fff;
}
#hlavicka span.lang {
  float: left;   
  color: orange;   
  font-size: 90%;   
  margin-top: 10px;
  position:absolute;
  margin-left:230px;
}

#zalozka0_velka, #zalozka0, #zalozka1, #zalozka2, #zalozka3, #zalozka4, #zalozka5, #zalozka6, #zalozka7, #zalozka8 {
  width:917px;
  background-color:#3E3E3E;
	background-image:url('../grafika/chC_03.png');
	background-repeat:no-repeat;
	margin-left:21px;
	min-height: 100%;
	padding:0px;
}
#zalozka0 h2 {
  margin-left:10px;
}
#zalozka0 #lava h3 {
  margin-left:10px;
}
#zalozka0_velka {
	background-image:url('../grafika/chC_03_velka.png');
}
/*
#zalozka1 {
	background-image:url('../grafika/chC_03b.png');
}
#zalozka2 {
	background-image:url('../grafika/chC_03c.png');
}
#zalozka3 {
	background-image:url('../grafika/chC_03d.png');
}
#zalozka4 {
	background-image:url('../grafika/chC_03e.png');
}
#zalozka5 {
	background-image:url('../grafika/chC_03f.png');
}
#zalozka6 {
	background-image:url('../grafika/chC_03g.png');
}
#zalozka7 {
	background-image:url('../grafika/chC_03h.png');
}*/

#zalozkax, #zalozkax_velka {
  clear:both;
  width:917px;
	background-image:url('../grafika/chC_05.png');
	background-repeat:no-repeat;
	margin-left:21px;
	height:21px;
	margin-bottom:10px;
}
#zalozkax_velka {
	background-image:url('../grafika/chC_05_velka.png');
}
#zalozkamenu0, #zalozkamenu1, #zalozkamenu2, #zalozkamenu3,
#zalozkamenu4, #zalozkamenu5, #zalozkamenu6, #zalozkamenu7, 
#zalozkamenu8 {
  margin:0px;
  margin-left:0px;
  width: 900px;
  display: block;

}
#zalozkamenu1 {
	background-image:url('../grafika/chC_03b_m.png');
}
#zalozkamenu2 {
	background-image:url('../grafika/chC_03c_m.png');
}
#zalozkamenu3 {
	background-image:url('../grafika/chC_03d_m.png');
}
#zalozkamenu4 {
	background-image:url('../grafika/chC_03e_m.png');
}
#zalozkamenu5 {
	background-image:url('../grafika/chC_03f_m.png');
}
#zalozkamenu6 {
	background-image:url('../grafika/chC_03g_m.png');
}
#zalozkamenu7 {
	background-image:url('../grafika/chC_03h_m.png');
}
#zalozkamenu8 {
	background-image:url('../grafika/chC_03i_m.png');
}
#zalozkamenu0 a,#zalozkamenu1 a,#zalozkamenu2 a,#zalozkamenu3 a,
#zalozkamenu4 a,#zalozkamenu5 a,#zalozkamenu6 a,#zalozkamenu7 a,
#zalozkamenu8 a {
  margin-left:10px;
  margin-right:11px;
  
}
#zalozkamenu0 a:hover, #zalozkamenu1 a:hover, #zalozkamenu2 a:hover, 
#zalozkamenu3 a:hover, #zalozkamenu4 a:hover, #zalozkamenu5 a:hover,
#zalozkamenu6 a:hover, #zalozkamenu7 a:hover, #zalozkamenu8 a:hover {
  color:#D75D0B;
}

#videjko {
  margin-left:17px;
  margin-top:17px;
  padding-bottom:15px;  
  width:320px;
}
.tamspat {
  font-size:95%;

}
.tamspat a {
  font-family: "Century Gothic", "helvetica ce", arial, helvetica, sans-serif;
}
.tamspat a:hover {
  /*color:#D75D0B;*/
  border-bottom:2px solid #D75D0B;  
}

#lava, #lava1 {
  width: 320px;
  font-size: 90%;
}
#lava1 {
  margin-left:10px;
  margin-top:10px;
  padding-bottom:10px;  
  min-height: 500px;
  _height: 500px;
}
#lava1 h2 {
  width:300px;
  color: #E3620C;
}
#lava1 ul {
  margin: 0px 0px 10px 20px;
  padding: 0px;
}

#lava1 a:hover {
  border-bottom:2px solid #D75D0B;  
}


.chemplus {
  margin-top:0px;
  margin-left:25px;
}
.chemplus a:hover {
  border-bottom:2px solid #D75D0B;
  color:#D75D0B;
}


#sedy, #sedy_velka {
  float:right;
	font-size:95%;
  margin: 17px 15px 0px 0px;
  padding: 5px 10px 5px 10px;
  |padding-right:0px;
  width:530px;
  |width:525px;
  min-height: 100%;
	background-image:url('../grafika/podsedy.png');
	background-repeat:no-repeat;
	background-color:#191919;
}
#sedy_velka {
  width:867px;
  background-image:url('../grafika/podsedy_velka.png');
}

#sedy h1 {
  font-size:150%;
  margin-left:0px;
  margin-bottom:15px;
  font-style: normal;  
}
#sedy h3 {
  margin-top: 0px;
}
#sedy a:hover {
  text-decoration: underline;
}
#sedy p {
  margin:0px;
  padding:0px 10px;
  margin-bottom:10px;
/*  line-height: 10px;*/
}

#odkazy {
  margin-left:50px;
  font-size:90%;
}
#odkazy div {
  width:225px;
  float:left;
  margin-left:10px;
}
#odkazy a {
  display:block;
}
#odkazy a:hover {
  color:#D75D0B;
}

.odsekLava {
  padding-left:15px;
}
.odsek {
  padding:15px;
  padding-left:10px;  
}
.odsek a {
}
.odd {
  padding-left:20px;
}
.odsek img {
  float:right;
}
.dolee,.dolee1 {
  clear:both;
}
.dolee {
  padding-top:110px;
}
.dolee1 {
  padding-top:20px;
}
.dolee img,.dolee1 img {
  float:left;
  padding-left:10px;
  padding-right:10px;  
}

.proj {
  border:1px solid #ccc;
  padding:1px;
  margin:1px; 
}


/* ------ aktuality ------- */
div.aktuality div.autor {
  width: 100%;
  text-align: right;
  margin-bottom: 10px;
  margin-top:-5px;
}
/* ------ aktuality ------- */


/* ------ clanky ------- */
.podClanok{
  font-family: verdana;
  background-color: #3E3E3E;
  padding: 2px 5px 2px 5px;
  margin-bottom:15px;
  clear: both;
}
.podClanok a {
  border:0px;  
}
.podClanok a img {
  border:0px;
}
.podClanok a:hover {
  border-bottom:1px solid #333;  
}
/* ------ clanky ------- */


/* --- galerie --- */
.gal_fotka {
  width: 129px;
  height: 87px;
  padding:0px;
  margin: 5px 1px;
  border:0px #333 solid;
  display: inline;
  float: left;
  text-align: center;
}
.gal_fotka1 {
  margin:0px;
  margin-top:10px;
  margin-bottom:10px;
  border:1px #333 solid;
  padding:0px;
}
.gal_fotka1 img {
  margin:0px;
  margin-bottom:-5px;
  padding:0px;
}
.gal_fotka1 a img {
  border:none;
}
.gal_fotka a img {
  border:none;
  border: 2px white solid;
}

.gal_fotka a:hover img {
  border: 2px #333 solid;
}

.gal_pod {
  border-top:1px #fff solid; 
  clear:both;
  margin:5px;
  padding:2px;
}
.gal_f_popis {
  border-bottom:1px #fff solid; 
  clear:both;
  margin:0px;
  padding:2px;
}
.obrHover a img {
  border: 2px #AAAAAA solid;
}
.obrHover a:hover img {
  border: 2px #fff solid;
}

.galMenu {
  color:#E3620C ;
  font-size: 90%;
  font-weight: bold;
  margin: 0px;
  margin-left: 20px;
}
/* --- galerie --- */


/* ------ koemntar ------- */
.komentar {
  margin-bottom: 10px;
}
.komentar hr {
  margin: 10px 0px 0px 0px
  padding:0px;

  border-top: 1px dotted #666;
}
.komentar a img{
  border:none;
}
.varovanie {
  color: darkorange;
}
/* ------ koemntar ------- */



/* --- psp --- */
table.psp {
  margin: 0px;
  
}
table.psp tr td, table.psp tr th {
  background-color: #eee;
  color: #333;
  text-align: center;
}
table.psp tr th table.legenda {
  margin-left: 85px;
}
table.psp tr th table.legenda tr td {
  font-size: 80%;
  font-weight: normal;
  text-align: left;
}
table.psp tr th table.legenda tr td.prvok {
  width: 150px;
}

.al, .eal, .ha, .gas, .nm, .me, .um, .hm, .la, .ac, .xy, .zz, .mr, .psp a {
  color: #333333;
}
.e{width:49px;height:49px}
.number{font-size:9px;text-align:left;line-height:16px;padding:0px;margin:0px}
.text{padding:0 20px 20px 20px;text-align:justify}
.small{font-size:12px;padding:0px;margin:0px}



table.psp tr td.al, .al{background-color:#ccddff}
table.psp tr td.eal, .eal{background-color:#FFDEAD}
table.psp tr td.ha, .ha{background-color:#ffff99}
table.psp tr td.gas, .gas{background-color:#ddd}
table.psp tr td.nm, .nm{background-color:#aaffbb}
table.psp tr td.me, .me{background-color:#aaaaaa}
table.psp tr td.um, .um{background-color:#7788ff}
table.psp tr td.hm, .hm{background-color:#40e0d0}
table.psp tr td.la, .la{background-color:#FFBFFF}
table.psp tr td.ac, .ac{background-color:#EF99CC}
table.psp tr td.xy, .xy{background-color:#909090}
table.psp tr td.zz, .zz{color:#808080}
table.psp tr td.mr, .mr{color:#808080;font-family:monospace;border:1px solid #808080;padding:1px}

.listtab{text-align:left;vertical-align:top; color: #333;}

.radio{background-repeat:no-repeat;background-image:url(../grafika/radio.png)}
.art{background-repeat:no-repeat;background-image:url(../grafika/art.png)}

/* --- psp --- */


/* --- kviz --- */
.kvizObrazok {
  float: left;
  margin-right: 5px;
}
.kvizObrazok img {
  width: 125px;
}
ul li.image {
}
ul li.image div {
  width: 120px; 
  float: left;
  overflow: hidden;
  margin-right: 10px;
}
ul li.image img {
  height: 100px;
  float: left;
}
ul li.image input {
  float: left;
}
ul.kviz .obal {
  display: block;
  float: left;
  width: 98%;
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}