/* ------------- ĉi-ties-paĝara stiloj ------------- */

body { font-smooth: always; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; background-color: #74894e;}
body.vortar { font-smooth: always; font-family: Georgia, "Times New Roman", Times, serif; color: #000; background-color: #fff;}
div {background-color: #88a650;}
img {padding: 5px;}
a, a:link, a:visited, a:active { color: #fff; text-decoration: none; border-bottom: dotted 1px; }
a:hover, a:visited:hover { color: #88a650; text-decoration: none;}

/* ------------- 0. komunaj stiloj ------------- */
#cxefa {width:1000px; border-left: 7px solid white; border-right: 7px solid white;}
#kapo, #gratulo, #pensoj, #sendiloj, #fotar, #kvar, #kvin, #pied, #kalendar { 
    width:1000px; 
    vertical-align: top;
    font-size: 18px; float:left; 
}

#kvar, #kvin, #pied {
    margin-left: -7px;
    width: 1001px;
    border-left: 7px solid white;
    border-right: 7px solid white;    
}
#kapo #senkapa, #pensoj .text, #sendiloj #novaĵoj , #kvar #amikoj{ height: 100%; width: 406px; float: right;}
#kapo .text, #pensoj #verdaj, #sendiloj #projektoj, #kvar #mi { height:100%; margin:0px; margin-right:406px;}

/* ------------- 1. kapaj stiloj ------------- */

#kapo { height:400px;}
#kapo #senkapa { background: url(/dizajn/bild/rado_senkapas.jpg) right top no-repeat;}
#kapo .text { background: #88a650 url(/dizajn/bild/pensu.jpg) top right no-repeat; padding-left:10%; padding-right: 50px; font-size: 18px;}
#kapo .text table { height: 400px;}
#kapo .text table td#kapo_salut { height: 330px;}
#kapo .text table td#kapo_link { height: 70px; padding:0px; margin:0px; text-align:center;}
#kapo .text table td#kapo_link a { border: 0px none;}
#kapo .text h1 { text-align:right; padding: 100px 15% 10px 0px;}
#kapo .text p { text-align:center; margin: 15px 20px 5px 20px;}
#kapo .text p span { font-size:11px;}

/* ------------- 1.5.gratulaj stiloj ------------- */

#gratulo { background-color: #9ab965; text-align: center;}
#gratulo .text {padding: 10px 200px; background-color: #9ab965; width: 600px; text-align: center; font-size: 16px;}
#gratulo .text h1 {font-weight: normal; padding: 5px; margin: 6px;font-size: 18px;}

/* ------------- 2.pensaj stiloj ------------- */

#pensoj { height:161px;}
#pensoj #verdaj { background: #aeca78 url(/dizajn/bild/verdaj_pensoj.jpg) center top no-repeat;}
#pensoj .text { font-size: 18px; background: #aeca78 url(/dizajn/bild/rogojka.jpg) center top no-repeat;}
#pensoj .text p { text-align:center; margin: 30px 40px 5px 40px; font-style: italic;}
#pensoj .text p.autoro { text-align: right; margin: 10px 50px 10px 50px; font-size:11px;}

/* ------------- 3. sendilaj stiloj ------------- */

#sendiloj {}
#sendiloj #novaĵoj {padding-bottom:20px; background: #9ab965 url(/dizajn/bild/punto.gif) 33% top no-repeat;}
#sendiloj #novaĵoj h1 { text-align:center; padding: 10px 0px; background: url(/dizajn/bild/punto.gif) 72% center no-repeat;}
#sendiloj #novaĵoj h1 b { padding: 0px 28px; background: url(/dizajn/bild/punto.gif) right center no-repeat;}
#sendiloj #novaĵoj p { font-size: 11px; vertical-align: center; margin-bottom: 5px; margin-left:40px; text-align:left;}
#sendiloj #novaĵoj p a:hover { color: #9ab965; background-color: #fff;}
#sendiloj #novaĵoj ul { text-align:left; margin: 5px 40px;}
#sendiloj #novaĵoj ul li { font-size: 11px; line-height: 15px; vertical-align: center; margin-bottom: 3px; font-weight: bold; text-indent: -10px;}
#sendiloj #novaĵoj ul li b { font-size: 18px;}
#sendiloj #novaĵoj ul li p { margin-left:0px; text-indent:10px;}
#sendiloj #novaĵoj ul li span { font-size: 18px; font-weight: normal;}
#sendiloj #novaĵoj ul li a { font-size: 11px; text-decoration: none; color: #fff;}
#sendiloj #novaĵoj ul li a:hover { color: #9ab965; background-color: #fff;}

#sendiloj #projektoj {}
#sendiloj #projektoj h1 { text-align:center; padding: 10px 0px;}
#sendiloj #projektoj dl { text-align:left; margin: 0px 5%;}
#sendiloj #projektoj dl p { font-size: 11px; vertical-align: center; margin-bottom: 3px;}
#sendiloj #projektoj dl p img {padding: 1px; margin-left: -20px;}
#sendiloj #projektoj dl p a { font-size: 18px; text-decoration: none; color: #fff;}
#sendiloj #projektoj dl p a:hover { color: #88a650; background-color: #fff;}
#sendiloj p.img {text-align:center;}

/* ------------- 4. kvaraj stiloj ------------- */

#kvar { height: 202px;}
#kvar #amikoj { background: url(/dizajn/bild/rado.jpg) left top no-repeat; text-align: center;}
#kvar #amikoj p { margin: 20px 10px 20px 200px; font-size:18px; line-height:20px}
#kvar #amikoj p span { font-size:11px;}

#kvar #mi #mia_mano { background: url(/dizajn/bild/mano.jpg) left top no-repeat; height: 100%; width: 195px; float: left;}
#kvar #mi #nomoj { height: 32px; background-color: #aeca78; vertical-align: center; margin-left: 195px;}
#kvar #mi #nomoj p { padding: 6px 30px; text-align:left;}
#kvar #mi #pri { height: 170px; padding: 5px 30px; margin-left: 195px; text-align:left;}
#kvar #mi #pri p { margin-bottom: 3px; font-size:18px; text-align:left;}
#kvar #mi #pri p a { font-size: 18px; text-decoration: none; color: #fff;}
#kvar #mi #pri p a:hover { color: #88a650; background-color: #fff;}
#kvar #mi #pri p b { text-align:left;}
#kvar #mi #pri p span { font-size:11px;}

#kvin { height: 32px; background-color: #aeca78;}
#kvin p { margin: 10px 80px 0px 0px; text-align: right; font-size: 12px; vertical-align: center;}

#pied { position: relative; z-index: 1000; height: 140px; background: #88a650 url(/dizajn/bild/puntoj1.jpg) right bottom repeat-x; vertical-align: bottom; text-align: right; }
#pied #puntoj { position: absolute; bottom: 7px; right: 0px; padding: 0px; background: url(/dizajn/bild/puntoj2.gif) right bottom no-repeat; width: 26px; height:245px;}
#pied #bannerochki {padding-right: 20px; }
#pied #bannerochki a { border: none 0px;}

#kalendar {padding-bottom: 10px;}
#kalendar h1 {font-size: 50px; font-weight: normal;}
#kalendar p {font-size: 18px; padding: 20px 15px; font-weight: normal;}
#kalendar ul li {display: inline; margin: 5px;}
#kalendar ul li a {font-weight:bold;}
#kalendar a:hover { color: #9ab965; background-color: #fff;}

.monat1 { background-color: #aeca78;}
.monat2 { background-color: #9ab965;}
.monat1, .monat2 {padding: 10px 200px;}
.monat1 p, .monat2 p {text-align: justify; margin-bottom: 12px; text-indent: 15px; line-height: 19px;}
.monat1 img, .monat2 img {text-align: center; margin:10px; padding: 0px; border: #fff 2px dotted;}
.monat1 h2, .monat2 h2 {margin-bottom: 25px;}
.monat1 a, .monat2 a {border: none;}
.monat1 p a, .monat2 p a {color: #fff; text-decoration: none; border-bottom: dotted 1px;}
.monat1 p a:hover, .monat2 p a:hover { color: #9ab965; background-color: #fff;}
.monat1 p.link, .monat2 p.link {text-align:right;}

.epi { padding: 10px 50px 10px 15px; background:none;}
.epi p {text-align: left; font-style: italic; font-size: 12px; text-indent:0px;}
.epi h3 {text-align: left; font-style: italic; font-size: 12px; text-indent:15px; font-weight:bold; margin-bottom:10px;}

#kpied { height: 50px; background: #88a650 url(/dizajn/bild/puntoj1.jpg) right bottom repeat-x; vertical-align: top;}
#kpied p {text-align:center; margin-top:5px;}
#kpied a:hover { color: #9ab965; background-color: #fff;}

div#bees {position:absolute;top:0px;left:0px;z-index:10000; visibility:hidden; background: none;}
div#bees div {position:relative;padding:0px; margin:0px; background: none;}
div#bees div div { position:absolute; top:0px; left:0px; padding:0px; margin:0px; text-align:center; vertical-align:center; background: none;}
div#bees div div p { position:relative; font-family:Courier New; color:#000; padding:1px; margin:0px; text-indent:6px; font-weight:600; background: none;}

div#snow {position:absolute;top:0px;left:0px;z-index:9000; visibility:hidden; background:none;}
div#snow div {position:relative;padding:0px; margin:0px; background:none;}
div#snow div div { position:absolute; top:0px; left:0px; padding:0px; margin:0px; background:none;}

div#fotaro { padding: 15px 0px; background: #74894e url(/dizajn/bild/bok_kartinok.jpg) right no-repeat;}
div#fotaro a {border: 0px none; height:150px;}
div#fotaro a img#nova {margin-left:-130px; margin-bottom:100px;}