


/* Resetowanie CSSa */

html, body, div, span, 
h1, h2, h3, h4, h5, h6,
p, blockquote, img,
a, abbr, cite, q, strong, sub, sup, 
dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}






/* Podstawowy CSS */

body {
  background-color: white;
  font-family: serif;
  font-size: 1em;
  color: black;
  line-height: 1.5em;
}

/* linki */

a:link {
  color: #377693;
  text-decoration: none;
}
a:visited {
  color: #377693;
  text-decoration: none;
}
/* a:visited {
  color: #808080;
  text-decoration: none;
} */
a:hover {
  background-color: #1E4262;
  color: #808080;
  text-decoration: none;
}
a:active {
  background-color: transparent;
  color: black;
  text-decoration: none;
}
a:focus {
  background-color: #ADD4E3;
}


.linkimg:hover {
  background-color: transparent;
}


/* model pudelkowy */


#margintop {
  height: 10px;
}

/* ustawienie bloczkow na srodku */

.block_div_mother {
  margin: 0 auto;
  width: 800px;
}


/* trzy czesciowe tlo bloczkow */

.topdiv {
  background-image: url(/images/topbg.png);
  width: 800px;
  height: 25px;
}

.middlediv {
  background-image: url(/images/middlebg.png);
  width: 800px;
}

.contentdiv {
  width: 775px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  padding-top: 9px;
  float: left;
}

.bottomdiv {
  background-image: url(/images/bottombg.png);
  width: 800px;
  height: 31px;
  margin-top: -6px;
}

/* bloczek ze slownikiem */

#dictionary {
  color: black;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  font-family: Helvetica;
}

#jap {
  float: left;
  width: 50%;
  padding-left: 15px;
  padding-bottom: 3px;
}

#jap p {
  font-weight: normal;
  font-size: 0.65em;
  line-height: 1.2em;
  width: 440px;
}

/* bloczek z tabelami kanji */

.break {
  height: 7px;
  width: 800px;
}

#kanjitables {
  color: black;
  font-size: 1.5em;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 65px;
}

#linki {
  font-size: 0.7em;
  text-align: left;
  line-height: 1.7em;
}

.clear {
 clear: both;
}

#kanjitablepreview {
  background-image: url(/images/kanjitablepreview.png);
  width: 370px;
  height: 315px;


float: right;
  text-align: right;
  margin-top: -234px;
  margin-bottom: -90px;
  margin-right: 2px;
}


/* bloczek z toolsami do kanji */

#kanjitools {
  color: black;
  font-size: 1em;
}

#kan, #kanji {
  float: left;
  width: 50%;
}

#kanopis, #kanjiopis {
  padding-top: 20px;
  padding-right: 40px;
}

/* bloczek z toolsami do kany */

#kanatools {
  color: black;
  font-size: 1em;
}

#kat, #kata {
  float: left;
  width: 50%;
}

#kat {
  padding-bottom: 7px;
}

#katopis, #kataopis {
  padding-top: 20px;
  padding-right: 40px;
}


/* bloczki z toolsami */

#kanjitools, #kanatools {
  text-align: center;
}

.title {
  text-align: left;
  padding-left: 20px;
  font-size: 0.9em;
}


/* linki w toolsach */

.tools_link {
  font-size: 0.9em;
} 


/* bloczek z footerem */

#footer {
  text-align: center;
  font-size: 0.8em;
  line-height: 1.3em;
  margin: 0 auto;
  padding: 10px;
  padding-top: 5px;
  width: 780px;
}


/* Upiększanie */

body {
  background: #1E4262;
}

strong {
  font-weight: bold;
}

em {
  font-style:italic;
}

h1 {
  font-size: 1.7em;
  font-weight: bold;
  padding: 10px;
}

h2 {
  font-size: 1.3em;
  font-weight: bold;
}

#fcards, #fcardsdownl, #ktables, #ktablesdownl, .result_block {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}


/* podstrona z FCards'ami */

#forma, #forpc, #ktrain, #hirdata, #katdata{
  float: left;
  width: 33%;
}


/* podstrona z tabelkami do treningu kanji */

#l1_5 {
  float: left;
  width: 50%;
}


/* elementy podstron - bloczki z tekstem */

.text {
  padding: 10px;
  font-size: 0.8em;  
}

.text p {
  margin-top:1em;
}

/* elementy podstron - bloczki z downloadsami */

.downl {
  padding: 10px;
  font-size: 0.9em;
  text-align: center;
}

.downl a {
  font-size: 1.3em;
}


/* wyniki slownika */

#transla .result_block {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px;
}

.result_block_01 {
    background: #53fd53;
}
.result_block_02 { background: #0bfbfb; }
.result_block_03 { background: #9f9fff; }
.result_block_04 { background: #e69bff; }
.result_block_05 { background: #fda6a6; }
.result_block_06 { background: #fdfd45; }

.result_block_07 { background: #33cc66; }
.result_block_08 { background: #01cccc; }
.result_block_09 { background: #7474ff; }
.result_block_10 { background: #d147ff; }
.result_block_11 { background: #ff7676; }
.result_block_12 { background: #e34234; }
.result_block_13 { background: #fde910; }

.result_block_14 { background: #a8ffa8; }
.result_block_15 { background: #8dffff; }
.result_block_16 { background: #d7d7ff; }
.result_block_17 { background: #f4d4ff; }
.result_block_18 { background: #ffcccc; }
.result_block_19 { background: #ffffaa; }

.result_block_20 { background: #c0c0c0; }
.result_block_21 { background: #c19a6b; }
.result_block_22 { background: #; }

.result_block_23 { background: #; }
.result_block_24 { background: #; }
.result_block_25 { background: #; }

.result_block_26 { background: #; }
.result_block_27 { background: #; }
.result_block_28 { background: #; }

.result_block_29 { background: #; }
.result_block_30 { background: #; }
.result_block_31 { background: #; }



/* przyklady uzycia */

.example {
  font-size: 0.9em;
  padding-bottom: 10px;
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
}

#example span{
  background-color: #f4f64e;
}

/* menu do tabelek */

#hf, #hg, #hs, #hr, #hj {
  float: left;
  width: 132px;
  text-align: center;
  font-size: 0.8em;
}

#hf {
  padding-left: 10px;
}

.current {
  background: #dee9f8;
}

/* podstronka z opisem kanji */

#ogolny_opis_kanji {
  padding: 10px;
  font-size: 0.9em;
}
#kanji_description {
  margin-left: 10px;
}

.question_mark_and_close {
  height: 15px;
  width: 15px;
  padding-right: 5px;
  padding-top: 2px;
}

.kanji_info_explanation {
  background-color: #b5def6;
  margin-left: 20px;
  padding-left: 5px;
  font-size: 0.8em;
  color: #1a5e9d;
  border-width: 1px;
  border-style:solid;
  border-color:#1a5e9d;
}

#general, #detailed {
  list-style-position: outside;
}

#details {
  padding-top: 10px;
  padding-left: 11px;
}

#space {
  height: 12px;
}


/* domek home */

#dictionary_home {
  position: relative;
  left:712px;
  top:-50px;
  width: 30px;
  height: 30px;
}

#kanji_table_home {
  float: right;
  text-align: right;
  margin-left: -20px;
  margin-top: -3px;
  margin-bottom: -12px;
  margin-right: 25px;
}

#kanji_home {
  float: right;
  text-align: right;
  margin-left: -20px;
  margin-top: -37px;
  margin-bottom: -20px;
  margin-right: 28px;
}

#kanji_tools_1_home {
  float: right;
  text-align: right;
  margin-top: 14px;
  margin-right: 28px;
}

#kanji_tools_2_home {
  float: right;
  text-align: right;
  margin-top: 17px;
  margin-right: 28px;
}

#kana_tools_1_home {
  float: right;
  text-align: right;
  margin-top: 14px;
  margin-right: 28px;
}

#kana_tools_2_home {
  float: right;
  text-align: right;
  margin-top: 14px;
  margin-right: 28px;
}



/* rozmiar czcionki do słów zawierających dane kanji i do tlumaczeń słownika */

.translations {
  font-size: 0.9em;
}

/* obrazki w podstronach kanji tools */

.center {
 text-align: center;
}
