body { 	background:  url("./bg-body.png") repeat-x; 
 font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande";
 font-size: 13px; padding: 0px; margin: 0px; color: #666; }
#container-header { 
  width: 970px;
  padding: 0px 15px 0px 15px; 
	margin-left: auto;
	margin-right: auto;
}

#header { 
  height: 97px;
}

#container { 
  width: 970px;
  padding: 0px 15px 0px 0px; 
	margin-right: auto;
	margin-left: auto;
 }

input, select, option, textarea { 
 font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande"; 
 font-size: 13px;
 color: #666;
} 
a { color: #37527d; }
a:visited { color: #666; }
a:hover { color: #00e2ff; }
p { color: #666; font-size: 14px; }

h1 {  font-family: Georgia, serif; font-size: 20px; color: #666; }
h2 {  font-family: Georgia, serif; font-size: 16px; color: #666; padding: 0px; margin-top: 10px; }
h3 {  font-family: "Lucida Sans Unicode"; font-size: 14px; color: #37527d; margin: 0px 0px 5px 6px; padding: 0px; clear: both; }
em { color: #333; }
ul, ol, li { color: #666;  }


.hr { clear: both; height: 1px; border-top: 1px solid #ddd; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; }
.sponzoring { font-size: 12px; color: #666; }
.definicia { margin-top: 0px; clear: both; }
#search_form { margin-top: 60px; float: right; }

#search_form input[type="text"] {
  float: left; width: 410px; padding: 3px 3px 3px 3px;
}

submit { margin: 0px; padding: 0px; border: 0px; }
#logo { margin-top: 55px; font-family: arial; font-size: 26px; color: white; font-weight: bold; font-style: italic; float: left; width: 200px; }
#logo a { color: #fff; text-decoration: none; }
#logo a:visited { color: #fff; }
#logo a:hover { color: #fff; }

#main { width: 650px; padding-right: 10px; margin-top: 0px; float: left;}
#main p { padding-left: 15px; }

#navigator { height: 30px; float: right; margin-bottom: 15px;}
#navigator a, #navigator a:visited { color: white; }
#navigator .add {
  margin-top: 8px; text-align: left; float: left; padding-left: 0px;
}

#menu { float: right; }
#right { padding-bottom: 15px; padding-left: 15px; border-left: 1px solid #ddd; width: 285px; background-color: #fff; float: right;}
.menu-item, .menu-sel-item { padding: 6px 7px 3px 7px; background-color: #37527d; text-align: right; float: left; margin-left: 3px; font-size: 13px; color: white;  }
.menu-item:hover { background-color: #00e2ff; }
.menu-sel-item { background-color: #00e2ff; font-weight: bold; }

#right h3 { font-size: 14px; color: #37527d; margin: 0px; padding: 0px; }
#footer { clear: both; width: 100%; height: 70px; border-top: 1px solid #eee; margin-top: 15px; margin-bottom: 20px; margin-top: 10px; }
#copyright { padding-top: 5px; font-size: 10px; color: #999; text-align: left; }
#copyright p {
  font-size: 11px; 
  color: #999;
}

.slovnik-csl {
  float: left; 
  width: 450px;
}
    
.index-csl {
  float: right; 
  width: 160px; 
  height: 140px;
}

.slovny-index { list-style: none; padding: 0px; padding-left: 2px; margin: 0px 0px 20px 0px; float: left; width: 160px; }
.half-blok { height: 100px; padding-right: 10px; text-align: left; float: left; }
#obsah { width: 50%; float: left; border-right: 1px solid #ddd; margin-bottom: 15px;  }
#test { width: 44%; padding-right: 10px; padding-left: 15px; float: left; }
#test h3 { font-size: 14px; color: #37527d; margin-bottom: 5px; padding: 0px; }
#test form { margin-bottom: 5px; }
#diskusia { width: 50%; float: left; border-right: 1px solid #ddd; margin-bottom: 15px; }
#novinky { width: 44%; padding-right: 10px; padding-left: 15px; float: left; margin: 0px; }
#novinky li { list-style: none; padding: 0px; }
#novinky ul { margin: 0px; padding: 0px; }


.pismeno-vo-stvorci { width: 90px; height: 70px; float: left; border: 1px solid #ddd; text-align: center; padding-top: 20px;  margin: 15px 15px 0px 0px; }
.pocet-slov { font-size: 10px;  }

.lavy-stlpec { width: 305px; border-right: 1px solid #ddd; float: left; }
.pravy-stlpec { width: 305px; padding-right: 10px; padding-left: 10px; float: left; }
.sugescia { margin: 0px; padding: 0px; list-style: none; }
.sugescia li { list-style: none; margin-left: 15px; }

#diskusia-info { margin: 0px; padding: 0px;  }
#diskusia-info li { list-style: none; padding: 0px; margin: 0px; }

.slovnik { float: left; width: 310px; }
.slovo-a-definicia { text-align: left; }
.slovo-a-definicia p { margin: 0px 0px 10px 0px; padding: 0px; font-size: 13px;  }
.slovo-a-definicia h2 { margin: 0px; padding: 0px; float: left; font-size: 13px;  }

.klucove-slova { font-size: 11px; padding-bottom: 30px; }

.alternativa { float: right; margin-bottom: -10px; font-size: 13px; height: 20px; vertical-align: top; }
.alternativa img { border: 0px; margin-right: 5px; margin-left: 5px; }
.alternativa a { text-decoration: none; }

.otazka { background-color: #f5f5f5; border-bottom: 5px solid #ffffff; }
.odpoved {  }

#partneri {
  margin: 10px 0px 10px 0px;
}

#partneri img {
  width: 140px; 
  height: 35px;
  border: 1px solid #ccc;
}

#partneri img:hover {
  border: 1px solid #aaa;
}

                                                                  
.test { margin: 10px 0px 15px 10px; padding-bottom: 15px; }
.test-otazka { margin-bottom: 10px; }  
.test-otazka h2 { margin: 0px 0px 5px 0px; }
.test-otazka input { float: left; margin-right: 5px; margin-top: 2px; cursor: pointer; }
.test-otazka .moznost { clear: left; margin: 0px 0px 3px 0px;  }

.test input[type="submit"] {
	background: #0071BC;
	border: 1px solid cyan;
	padding: 2px;
	color: #ffffff;
	cursor: pointer;
	width: 120px;
	margin-right: 5px;
}

.test input[type="submit"]:hover {
	background: #37527d; 
	cursor: pointer;
}

.test .vsetky-testy {
  margin-top: 5px;
}

.novinky-datum {
  width: 250px;
  height: 15px;
  background:  url("http://www.cudzieslova.sk/obrazky/kalendar.gif") no-repeat;
  padding-left: 25px;
  padding-top: 1px;
}

.novinky-text {
  margin: 0px 0px 7px 25px;
}

.nevhodne {
  text-decoration: line-through;
  color: #777;
}