/* stilfolio

	deksesumaj numeroj tawgaj por rete sekuraj koloroj:
		00 33 66 99 cc ff
	
	ordo de chirkawliniaj larghoj:
		supra dekstra malsupra maldekstra

    malhelverda por titoloj kaj ligoj: color: #94c43a;
    mezverda por vizititaj ligoj: color: #9aba96;
    palverda fono: color: #e3ecc5;
*/

img {
  border: 0;
  max-width: 100%;
}

/* gheneralaj stiloj */

body {
	font-family: Verdana, sans-serif;
  margin-left : 3%;
  margin-right : 3%;
  margin-top : 1%;
  margin-bottom : 3%;
  background-color: #ffffff;  
}

p {
  text-align: left;
}

p.dekstren {
  text-align: right;
}

p.adapto {
  text-align: left;
  color: #94c43a;
  font-style: italic;
}

p.P4 {
    font-weight: bold;
	font-size: 120%;
    text-align: left;
}

ul { 
list-style-image : url(v_p.gif);  
}

pre {
  white-space: pre-wrap;
}

table {
  border-collapse:collapse;
}

table.palakesto {
	text-decoration: none;
    color: #000000;
	background-color: #e3ecc5;
    align: center;
    border: 0;
    cellspacing: 0;
    cellpadding: 4;
}

ul.gr {
font-style : italic;
font-weight: normal;
margin-top : 1em;
margin-bottom : 2em;
}

ul.pligr {
list-style-image : url(v_p.gif);  
font-size : 120%; 
font-style : normal;
font-weight: bold;
margin-top : 2em;
margin-bottom : 3em;
} 

/* titoloj */

h1 {
	font-size: 200%;
	text-align: center;
  margin-top: 0px;
	padding: 7px 7px 7px 7px;
    color: #94c43a;
    font-style: italic;
}
h2 {
	font-size: 130%;
	text-align: center;
	padding: 25px 0px 15px 0px;
    color: #94c43a;
}
h3 {
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	padding: 3px 7px 3px 7px;
}

h4 {
	font-weight: bold;
	font-size: 110%;
	text-align: left;
}

h4.aut {
    text-align: right;
    color: #94c43a;
}
h5 {
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	color: #94c43a;
}
h6.bib { 
    font-style: italic; 
    font-size: 90%; 
    color: #94c43a;
    margin-right: 1in; 
    margin-left: 1in; 
}
h6.pied { 
    font-style: italic; 
    font-size: 90%; 
    color: #951025; 
    font-weight: normal; 
    text-align: justify; 
    margin-left: 2em; 
}
h6 { 
    font-size : 100%; 
}



/* ligiloj */

a:link {
	color: #c6db00;
    font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #9aba96;
    font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #c6db00;
    font-weight: bold;
    text-decoration: underline;
}
a:active {
	color: #c6db00;
    font-weight: bold;
	text-decoration: underline;
}

table.menuo a {
	text-decoration: none;
    color: #000000;
	font-weight: bold;
    background-color: #e3ecc5;
}
table.menuo a:hover {
	text-decoration: underline;
    color: #000000;
    font-weight: bold;
    background-color: #e3ecc5;
}
table.menuo a:visited {
	text-decoration: none;
    color: #666666;
    font-weight: bold;
    background-color: #e3ecc5;
}

table.palakesto a {
	text-decoration: none;
    color: #000000;
	font-weight: bold;
    background-color: #e3ecc5;
}
table.palakesto a:hover {
	text-decoration: underline;
    color: #000000;
    font-weight: bold;
    background-color: #e3ecc5;
}
table.palakesto a:visited {
	text-decoration: none;
    color: #666666;
    font-weight: bold;
    background-color: #e3ecc5;
}

/* bildmontrado */
ul.ppt {
  position: relative;
  list-style-image: none;
  height: 202px;
}

.ppt li {
  list-style-type: none;
  position: absolute;
  top: 0;
  left: 0;
}

.ppt img {
  border: none;
}

/* retbutiko */
.retbutiko {
  background-color: LemonChiffon;
  /*font-size: 9pt;*/
}
.retbutiko a:link, .retbutiko a:hover, .retbutiko a:active {
	color: maroon;
}
.retbutiko input[type=submit] {
  color: darkgreen;
  font-weight: bold;
  margin: 3px 0px;
}
.retbutiko input[type=button], .retbutiko button {
  color: darkgreen;
  font-weight: bold;
}
.retbutiko input[type=reset] {
  color: darkgreen;
  font-weight: bold;
}
.retbutiko a:visited {
	color: goldenrod;
}
.kvanto, .kvantoInput {
  border-style: solid;
  border-color: green;
  border-width: 2px;
  background-color: white;/*Moccasin;*/
}
.kvantoInput {
  font-weight: bold;
}
.aliaMalantauo {
  background-color: Moccasin;/*#E3ECC5;*/
}
.faldiga:before {
  content : url(gif/suprenmalsupren.gif) " ";
}
div.lingvoelekto {
  width: 100%;
  text-align: center;
}
div.lingvoelekto img {
  padding: 0px 5px;
}
form.user {
  margin-bottom: 0px;
}
form.user:last-of-type {
  margin-bottom: 15px;
}
.user table {
  border-width: 1px;
  border-style: solid;
}
.user tr:first-child td {
  padding-top: 5px;
}
.user td:first-child {
  text-align: right;
  padding-left: 5px;
}
.user td:last-child {
  padding-right: 5px;
}

/* Ero (retbutiko.net/ero/[FEL-kodo])*/
.ero .faldiga {
  margin-top: 9px;
}
.ero .faldebla {
  padding-left: 5px;
  margin-bottom: 9px;
}
.ero textarea {
  vertical-align: top;
}
.ero .sxangxita {
  background-color: lawngreen;
}
.ero .kolumnoMeza h1 {
  background-color: royalblue;
}
.ero .acxeti, .ero .recenzoEnhavo, .ero .recenzoEnhaveto, .ero .recenzoKapo, .ero .kolumnoMeza img {
  border-color: royalblue;
}
.ero .recenzoKapo, .ero .recenzoKapo h2 {
  background-color: #5179F1;
}
/*.ero h1, .ero h2 {
  background-color: royalblue;
}
.ero .acxeti {
  border-color: royalblue;
}
.ero .recenzoKapo, .ero .recenzoKapo h2 {
  background-color: #5179F1;
}
.ero .recenzoEnhavo {
  border-color: #5179F1;
}*/
.ero h1 {
  padding-top: 5px;
  margin-top: 0;
}
.ero h2 {
  width: 100%;
  text-align: left;
  padding: 3px 0px 3px 5px;
  margin-top: 0;
  margin-bottom: 0;
}
.ero .cxirkauH2 {
  margin: 0 5px 0 0px; /* kontraui la 'padding' cxe h2 */
}
.ero ul {
  list-style-type: disc;
  list-style-image : none;
}
.eroMenuo td {
  padding: 1px 5px;
}
.ero td.kolumnoMaldekstra {
  padding: 0px 20px 0px 0px ;
}
.ero td.kolumnoMeza {
  width: 100%;
  margin: 0px 0px;
  text-align: left;
}
.ero .kolumnoMeza ul {
  list-style-image : url(v_p.gif);
  padding-left: 0px;
  margin-left: 20px;
}
.ero .kolumnoMeza ul ul {
  margin-left: 20px;
}
.ero .kolumnoMeza pre {
  margin-top: 0;
  margin-bottom: 0;
}
.ero .kolumnoMeza img {
  float: right;
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
}
@media not (max-width: 493px) {
  .ero .kolumnoMeza img {
    border-width: 0 0 0 10px;
    border-style: solid;
    border-color: LemonChiffon;
    max-width: 300px;
  }
}
@media (max-width: 493px) {
  .ero .kolumnoMeza img {
    max-width: 100%;
  }
}
@media (max-width: 300px) {
  .ero td.kolumnoMaldekstra {
    display: none;
  }
}
.ero td.kolumnoDekstra {
  padding: 0px 0px 0px 20px ;
}
.ero .kolumnoDekstra img {
  max-width: 68px;
  padding-bottom: 7px;
}
@media (max-width: 599px) {
  .ero td.kolumnoDekstra {
    display: none;
  }
}
.ero .eroBildo {
}
.ero .pritakso {
  margin-left: 10px;
  text-indent: -10px;
}
.ero .steloj {
  color: green;
  font-size: 16px;
  background-color: white;
}
.ero .acxeti {
  width: 100%;
  margin-right: 10px;
  margin-bottom: 15px;
  text-align: center;
  border-width: 2px 0px 2px 0px;
  border-style: solid;
}
/*.ero .acxeti input {
  font-weight: bold;
  font-size: 140%;
  color: green;
}*/
.ero .recenzoEnhaveto {
  border-width: 0px 0px 0px 5px;
  border-style: solid;
  padding: 0 0 0 5px;
  margin-bottom: 5px;
  *zoom:1;
}
.ero .recenzoKapo {
  width: 100%;
  max-width: 100%;
  margin:10px 0px 0px;
  border-width: 5px 5px 0px 5px;
  border-style: solid;
  border-spacing: 10px;
}
.ero .recenzoKapo td:nth-child(1) {
  padding-right: 5px;
  vertical-align: middle;
  text-align: left;
}
.ero .recenzoKapo h2 {
  padding-left: 0;
  word-wrap: break-word;
  hyphens: auto;
}
.ero .recenzoKapo td:nth-last-child(1) {
  text-align: right;
}
.ero .recenzoEnhavo {
  border-width: 0px 5px 5px 5px;
  border-style: solid;
  padding: 5px;
  margin-bottom: 15px;
  *zoom:1;
}
.ero .recenzoEnhavo:before,
.ero .recenzoEnhavo:after {
  content:".";
  display:table;
  height: 0;
  font-size:0;
  line-height:0;
  visibility:hidden;
}
.ero .recenzoEnhavo:after {
  clear:both;
}
.ero .recenzoEnhavo p {
  margin-top: 0;
}
.ero .recenzoEnhavo img {
  vertical-align: top;
  padding: 10px;
  max-width: 95%;
}
.ero .recenzoEnhavo h4 {
  padding: 0px;
  margin: 0px;
}
.ero .recenzoVerkisto {
  padding: 8px 0 0 0;
  text-align: right;
}
.ero textarea {
  max-width: 100%;
}
@media only screen and (max-width: 600px) {
  .listoj a {
    line-height: 200%;
  }
}