@import url("http://ikso.net/css/animate.css");

/* NULIGO */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
em,strong,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

/* KOLOROJ */

/*
#ff6600 - orangha
#ffb812 - flavorangha
#d3dce6 - helgrizblua
#64748b - grizblua
#26354a - malhelblua
#00aaff - por verkoj
*/

/* TIPARO */

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea{
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #000;
}
a{color:#26354a;text-decoration:underline;outline:none;}
a:hover{color:#ff6600;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}

h1{font-size:18px;line-height:18px;padding-top:9px;padding-bottom:9px;color:#26354a;}
h2{font-size:16px;line-height:18px;padding:9px 0 9px 20px;color:#244963;background:transparent url(/img/baza/titolo.png) no-repeat scroll top left;}
h3{font-size:14px;line-height:18px;color:#ff6600;}

p{margin:0 0 18px 0;}

ul,ol{margin-bottom:18px;padding-left:16px;list-style-type:square;}

strong{font-weight:bold;}
em{font-style:italic;}

.eta{}
.granda{font-size:14px;line-height:18px;}
.ega{font-size:16px;line-height:18px;}

/* STRUKTURO */

html,body{height:100%;}
body{background-color:#64748b;}
#tuta{height:100%;min-height:100%;padding:0;margin:0;border:0;}
html>body #tuta{height:auto;}

#chefa{margin:0 auto;width:850px;background-color:#fff;clear:both;}
/*#piedo{height:62px;}*/
#ombro,#piedo,#piedo2{width:762px;margin:0 auto;}
#ombro{background:#fff url(/img/baza/ombro.png) repeat-y scroll 50% 0pt;}
#piedo,#piedo2{background:#fff url(/img/baza/subombro.png) no-repeat scroll 50% 0pt;}
#ujo{width:750px;margin:0 auto;background-color:#fff;}
.rompo{height:10px;clear:both;}

.clearfix:after{content:".";display:block;height:0;clear:both;line-height:0;font-size:0;visibility:hidden;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

#supro{width:750px;}
#supro #chefatabelo{width:750px;margin-top:2px;}
#supro #chefatabelo td{height:225px;;}
#supro #bloko1{width:238px;background:#64748b url(/img/baza/supro_bloko1.jpg) no-repeat scroll 50% 0pt;}

#supro #chefmenueroj .chefmenuero{margin-right:20px;}
#supro #chefmenueroj .chefmenuero .ena{padding:3px 0;margin-left:20px;border-top:1px dotted #fff;padding-left:30px;background:transparent url(/img/baza/li_bildo.png) no-repeat scroll 10px 50%;}
#supro #chefmenueroj .chefmenuero .ena a{color:#fff;font-weight:bold;text-decoration:none;}
#supro #chefmenueroj .unua .ena{border:0;}
#supro #chefmenueroj .aktiva{background-color:#d3dce6;}
#supro #chefmenueroj .aktiva .ena{background:transparent url(/img/baza/liaktiva_bildo.png) no-repeat scroll 10px 50%;}
#supro #chefmenueroj .aktiva .ena{border:0;}
#supro #chefmenueroj .subaktiva .ena{border:0;}
#supro #chefmenueroj .aktiva .ena a{color:#64748b;}
#supro #chefmenueroj .ena a:hover{color:#ffb812;}

#supro #bloko2{width:238px;border-left:2px solid #fff;background:#ffb812 url(/img/baza/supro_bloko2.png) no-repeat scroll 50% 0pt;text-align:center;vertical-align:middle;}
#supro #bloko3{width:auto;border-left:2px solid #fff;background:#fff url(/img/baza/supro_bloko3.jpg) no-repeat scroll 100% 0pt;}
#supro #ilaro{width:100%;}
#supro #ilaro td{vertical-align:bottom;}
#supro #ilaro #lingvomenuo{text-align:right;}
#supro #ilaro #supramenuo img{margin-left:5px;margin-bottom:5px;}
#supro #ilaro #lingvomenuo select{margin:5px;}

#subsupro{height:7px;margin:2px 0 0 0;background-color:#ff6600;}

#enhavo{margin:10px 7px 0 7px;}
#simplaenhavo{margin:10px 50px 0 50px;}

#novajhoj h2{padding-left:20px;margin-top:0;padding-top:0;background:transparent url(/img/baza/novajheto.png) no-repeat scroll 0px 0px;}
#novajhoj table{width:550px;}
#novajhoj table td{margin:0;padding:0;padding-right:20px;}
#novajhoj table td.novajho{width:50%;}
#novajhoj{}
/*.arkivero {width: 29%; float: left; display:inline;}*/

.grizabloko{}
.grizablokoenhavo{background:#d3dce6 url(/img/baza/novajho.png) no-repeat scroll 570px 50%;padding:10px 20px 0px 20px;}
.grizablokoenhavo .simpla td{height:120px;}

#submenuo .grizablokoenhavo{background:none;background-color:#d3dce6;text-align:center;margin:0;padding:10px;}
#submenuo{}
#submenuo ul{display:inline;padding:0;margin:0;list-style-type:none;}
#submenuo li{display:inline;margin:0 2px;padding:0;padding-left:5px;border-left:1px solid #26354a;}
#submenuo li.aktiva{font-weight:bold;}
#submenuo li.unua{border:0;}
#submenuo ul a{color:#26354a;margin:0;padding:0;}
#submenuo ul a:hover{color:#ff6600;}

.r1,.r2,.r3,.r4,.r5,.r6,.r7{display:block;height:1px;overflow:hidden;font-size:1px;border-width:0px 1px;background-color:#d3dce6;}

.r7{margin:0 7px;}
.r6{margin:0 5px;}
.r5{margin:0 4px;}
.r4{margin:0 3px;}
.r3{margin:0 2px;}
.r2{margin:0 2px;}
.r1{margin:0 1px;}

#piedo{text-align:center;padding-top:15px;}
#piedo p{margin:0;padding:12px;}
#piedo #kopirajto {padding: 12px;}
#piedo #realigo {display:none;}

#piedo2 #piedolinio{height:15px;}
#piedo2 #piedoiloj{margin: 15px 0;}
#piedo2 #kopirajto {text-align:center;}

table.simpla td{margin:0;padding:0;vertical-align:top;}
table.kunkadroj td{padding:5px;border:1px solid #ccc;}
table.kunkadroj td.centrigo{text-align:center;}
table.kunkadroj th{padding:5px;border:1px solid #ccc;background-color:#eee;text-align:center;}

.fotoalbumo{overflow:auto;width:100%;margin:0;padding:0;margin-bottom:10px;height:100px;}
.fotoalbumo td{padding:0 3px;margin:0;}
.fotoalbumotitolo{margin:0;background-color:#CCCCCC;color:#000000;font-weight:bold;padding:5px 0 5px 5px;margin-bottom:3px;width:100%;}

.pli{text-align:right;}
.pli a{padding-right:15px;background:transparent url(/img/baza/ligilo.png) no-repeat scroll 100% 50%;}
.maldekstra{float:left;margin:0 18px 18px 0;}
.dekstra{float:right;margin:0 0 18px 18px;}
.surlinia{margin:0;padding:0;display:inline;}
.rughe{color:red;}

div.superbibl{position:absolute;border:1px solid #26354a;width:auto;height:auto;display:block;background-color:#fff;color:#000;padding:0;z-index:100000;}
div.superbibl div.superbiblenhavo{padding:5px;}
div.superbibl h2{background-color:#333399;color:#fff;font-weight:bold;padding:0.2em;}

div.projekto{overflow: auto; margin: 10px 0px 10px 0px; padding: 10px; border: solid #ff6600 1px; box-shadow: 1px 1px 4px #ffb812 inset;}
div.verko{overflow: auto; margin: 10px 0px 10px 0px; padding: 10px; border: solid  #215FA1 1px; box-shadow: 1px 1px 4px #215FA1 inset;}
div.verko p{margin-bottom: 5px;}
div.verko h3{color: #26354a; margin-bottom: 10px;}
div.verko a{text-decoration: none;}

.butono {
    float: right;
    max-width: 250px;
    padding: 5px 10px 5px 10px;
    border: 1px solid rgb(80, 98, 131);
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    background-image: linear-gradient(rgb(77, 140, 206), rgb(33, 95, 161));
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35) inset, 0px 1px 2px rgba(0, 0, 0, 0.3);
    color: white;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
}

.butono:hover {
    background: #3e7dbe;
    background-image: none;
}
.butono:active {
    background: #3f72a7;
    box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(0,0,0,0.5) 0 1px 1px;
    text-shadow: none;
}

.butonocentra {
    max-width: 150px;
    padding: 5px 10px 5px 10px;
    border: 1px solid rgb(80, 98, 131);
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    background-image: linear-gradient(rgb(77, 140, 206), rgb(33, 95, 161));
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35) inset, 0px 1px 2px rgba(0, 0, 0, 0.3);
    color: white;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
	text-decoration: none;
}

.butonocentra:hover {
    background: #3e7dbe;
    background-image: none;
}
.butonocentra:active {
    background: #3f72a7;
    box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(0,0,0,0.5) 0 1px 1px;
    text-shadow: none;
}

.malsxaltita, .malsxaltita:hover, .malsxaltita:active {
    float: right;
    max-width: 250px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    background-color: #d7d7d7;
    color: #909090;
    cursor: not-allowed;
}

/* Fotogalerioj */

div.galerio {
	width: 160px;
	max-width: 160px;
	min-height: 220px;
	overflow: auto;
	display:inline-block;
	margin: 10px;
	padding: 5px;
	border: 1px solid #215FA1;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(33, 95, 161, 1);
	-moz-box-shadow:    4px 4px 5px 0px rgba(33, 95, 161, 1);
	box-shadow:         4px 4px 5px 0px rgba(33, 95, 161, 1);
    text-align: center;
}

div.galerio p {
	margin-bottom: 3px;
	font-size: 10px;
}

div.klaku a {
	text-decoration: none;
}