* { margin: 0; padding: 0; outline-style: none; font-family: Arial, Helvetica, sans-serif; border: 0px; box-sizing: border-box; -moz-box-sizing: border-box;}
html {overflow-y: scroll;}
html,body {
    margin:0;
    padding:0;
    background: #d8eff7 url('/static/site/img/makoni.png') top center repeat-x;
}
div,td { color: #000; font-size: 12px;}
img { border: 0px;}
a { color: #67c5e1; text-decoration: none;}
a:hover { color: #703635; text-decoration: none;}

#main { margin: 0 auto; width: 952px;}
#main #head { position: relative; width: 952px; height: 280px; background: url('/static/site/img/head.png') no-repeat;}
#main #head #logo { position: absolute; width: 333px; height: 228px; top: 0; left: -62px; background: url('/static/site/img/logo.png') no-repeat;}
#main #head #logo a.logo { margin: 30px 0 0 60px; width: 200px; height: 150px; display: block; }
#main #head #zilonis { position: absolute; width: 137px; height: 135px; top: 163px; right:150px; background: url('/static/site/img/zilonis.png') no-repeat; z-index: 22;}
#main #head #title { position: absolute; width: 300px; height: 70px; top: 275px; left: 260px; z-index: 33;}
#main #content { position: relative; width: 920px; float: left; background: url('/static/site/img/bg.png') repeat-y; z-index: 11;}
#main #content #left { width: 198px; height: 687px; float: left; background: url('/static/site/img/menu_bg.png') no-repeat; margin-left: 9px;}

#main #content #left ul li { list-style: none; width: 271px; height: 27px; padding: 5px 10px 5px 50px; margin: 0 0 5px -14px; font-size: 14px; font-weight: bold;}
#main #content #left ul li a { width: 100%; height: 100%; display: block; color: #363435;}
#main #content #left ul li a:hover { color: #703635;}
#main #content #left ul li.active { background: url('/static/site/img/menu_sel.png') no-repeat;}
#main #content #left ul li.active a { color: #703635;}

#main #content #left ul ul li { margin: 0 0 2px 0; width: 233px; height: 22px; padding: 3px 0 3px 36px; background: url('/static/site/img/submenu.png') no-repeat; font-weight: normal;}
#main #content #left ul ul li:hover { background: url('/static/site/img/submenu_hover.png') no-repeat;}
#main #content #left ul ul li.active { background: url('/static/site/img/submenu_sel.png') no-repeat;}

#main #content #left .orange { width: 207px; height: 16px; padding: 2px 0 0 10px; margin: 25px 0 10px 0; background: url('/static/site/img/orange.png') no-repeat; float: left; font-size: 11px;}
#main #content #left #kontakti { width: 197px; padding: 0 0 0 10px; float: left; font-size: 14px;}
#main #content #left #numbers { width: 197px; padding: 20px 0 0 30px; float: left;}
#main #content #left #numbers img { float: left; margin: 0 5px 0 0;}
#main #content #left #numbers img.zime { margin-top: 15px;}

#main #content #center { width: 705px; margin-top: 50px; padding: 20px 60px 20px 60px; float: left; background: #fff; text-align: justify; line-height: 19px;}
#main #content #center ul, #main #content #center ol { margin: 10px 0 10px 40px;}
#main #content #center .article { width: 585px; border-bottom: 1px #67c5e1 dotted; margin-bottom: 15px; float: left; padding-bottom: 10px;}
#main #content #center .article img.side { float: left; padding: 8px; margin: 0 10px 5px 0; background: url('/static/site/img/img_bg2.png') no-repeat;}
#main #content #center .article .title { font-size: 14px; color: #703635;}
#main #content p { margin: 0 0 10px 0; text-align: justify;}

#main #content #center table { margin: 5px 0; width: 100%;}
#main #content #center table th { background: #fef3be; color: #363435; padding: 3px 10px; text-align: left; border-right: 1px solid #fff;}
#main #content #center table td { padding: 3px 10px; text-align: left; border-right: 1px solid #fff; border-bottom: 1px solid #fff; cursor: pointer;}
#main #content #center table td a { width: 100%; height: 100%; display: block;}
#main #content #center table tr.fill td { background: #fffce6;}
#main #content #center table tr:hover td { background: #fef3be;}

#main #footer { position: relative; width: 920px; color: #68c6e0; font-size: 11px; padding: 30px 0 40px 340px; background: url('/static/site/img/foot.png') no-repeat; float: left;}
#main #footer #cuska { position: absolute; width: 32px; height: 42px; top:-50px; right: 50px; background: url('/static/site/img/cuska.png'); z-index: 22;} 

/*INPUT FIELDS*/
#main #content .notice { color: #363435; margin: 0 0 10px 0; font-weight: bold;}
#main #content h4 { width: 100%; padding: 3px 10px; background: #ec001a; color: #fff; margin:10px 10px 10px 0; float: left;}
#main #content ul.form { border: none; padding: 0; width: 100%; float: left; margin: 0 !important;}
#main #content .form li { padding: 0 10px 3px 0; list-style: none; margin: 0; }
#main #content .form li ul { display: none;}
#main #content .form .last { border: none;}
#main #content .form li input, #main #content .form li textarea , #main #content .form li select { width: 260px; background: #fef3be; padding: 2px 5px; color: #363435; font-size: 12px;}
#main #content .form li textarea { width: 300px; height: 120px;}
.error input, .error textarea { border: 1px #ec001a solid;}
#main #content .form li input.button { width: auto; padding: 3px 10px; margin-left: 110px;}
#main #content .form li input.button:hover { color: #703635;}
#main #content .form li label { width: 110px; display: block; float: left; padding: 0px 10px 0 0; color: #363435;}
#main #content .form li .error { width: auto; padding: 3px; margin: 2px 0px; border: 1px solid #ea5656; color: #ea5656; background: none; font-weight: bold;}



/*GALLERY*/
#main #content #center .image, #main #content #left #minigal { position: relative;  width: 187px; height: 130px; float: left; background: url('/static/site/img/img_bg.png') no-repeat; margin: 0 7px 6px 0;}
#main #content #left #minigal { margin: 0px 0 0 5px;}
#main #content #center .image img, #main #content #left #minigal img { margin: 8px 0 0 8px; cursor: pointer;}
#main #content #center .image .topic {position: absolute; width: 171px; bottom: 8px; left: 8px; text-align: center; color: #fff; background: url('/static/site/img/cover_bg.png'); line-height: 15px; font-size: 11px; padding: 3px 0;}

/*CALENDAR*/
#main #content #center #calendar { width: 100%; float: left;}
#main #content #center #calendar .month { width: 100%; margin: 10px 0;}
#main #content #center #calendar .month span { font-size: 16px; color: #67c5e1; font-weight: bold; display: inline-block; width: 40%; text-align: center;}
#main #content #center #calendar .month a { display: inline-block; width: 30%; float: left; font-size: 14px;}
#main #content #center #calendar .month a.next { float: right; text-align: right;}
#main #content #center #calendar .day { position: relative; width: 100%; float: left; border-bottom: 1px solid #67c5e1;}
#main #content #center #calendar .day .date { position: absolute; bottom: 0; left: 0; color: #67c5e1;}
#main #content #center #calendar .day .date span { font-size: 20px;}
#main #content #center #calendar .day .info { padding: 15px 0 0 70px; width: 99%; float: left;}
#main #content #center #calendar .day .info hr { border-top: 1px solid #eee; width: 100%;}