/* =========================================================
   ArtCamp - stila lapa
   Krāsu palete:
     zils tumšs   #1c4f7c    zils gaišs   #2c6ba3
     oranžs tumšs #e07000    oranžs gaišs #ffb14d
     saite        #0066cc    teksts       #333333
     apmale       #d5d5d5    fons         #eef2f5
   Platums: 960px fiksēts. Izkārtojums: float + clearfix.
   ========================================================= */

/* ---------- reset ---------- */
* { margin: 0; padding: 0; }
img { border: 0; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

html { height: 100%; }

body {
	font: 12px/1.6 Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #eef2f5;
	background-image:
		repeating-linear-gradient(135deg, rgba(255,255,255,.30) 0px, rgba(255,255,255,.30) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 4px),
		linear-gradient(#c2d2de 0, #eef2f5 100%);
	background-repeat: repeat, no-repeat;
	background-size: auto, 100% 420px;
	background-position: 0 0, 0 0;
	background-attachment: scroll, scroll;
}

.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.hidden { display: none; }
.off { position: absolute; left: -9999px; }
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.sprite symbol { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.skip { position: absolute; left: -9999px; top: 0; z-index: 99;
	background: #1c4f7c; color: #fff; padding: 8px 14px; text-decoration: none; font-weight: bold; }
.skip:focus { left: 0; }

#ie-warning { background: #ffe9a8; border-bottom: 2px solid #e0b000; color: #6b4b00;
	padding: 8px; text-align: center; font-weight: bold; }

/* ---------- typography ---------- */
h1, h2, h3, h4, h5 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #1c4f7c; }
h1 { font-size: 26px; line-height: 1.2; }
h2 { font-size: 21px; line-height: 1.25; }
h3 { font-size: 15px; line-height: 1.3; }
p { margin: 0 0 12px; }
a { color: #0066cc; text-decoration: underline; }
a:hover { color: #e07000; }
strong { font-weight: bold; }

.intro { font-size: 13px; color: #555; }
.note { font-size: 11px; color: #777; }
.small { font-size: 11px; }

.hr { height: 1px; background: #d5d5d5; border-bottom: 1px solid #fff; margin: 8px 0 14px; }

/* =========================================================
   LAYOUT
   ========================================================= */
#page { padding: 18px 0 40px; }

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #b9c6d1;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0,0,0,.18);
}

/* ---------- header ---------- */
#header { padding: 18px 20px 14px; }
#logo { float: left; display: block; text-decoration: none; }
#logo img { display: block; width: 300px; height: 64px; }

#header-right { float: right; text-align: right; padding-top: 6px; }
#header-right .since { font-size: 11px; color: #8a8a8a; margin: 0 0 6px; }

/* ---------- navigation ---------- */
#nav {
	background: linear-gradient(#4b87bd, #2c6ba3 48%, #245d92 52%, #1c4f7c);
	border-top: 1px solid #6ea8d8;
	border-bottom: 1px solid #12395c;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}
#nav ul { padding: 0 12px; }
#nav li { float: left; }
#nav a {
	display: block;
	padding: 0 16px;
	height: 38px;
	line-height: 38px;
	font: bold 12px/38px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #eaf2f9;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.45);
	border-right: 1px solid rgba(0,0,0,.18);
	border-left: 1px solid rgba(255,255,255,.12);
}
#nav li:first-child a { border-left: 0; }
#nav a:hover {
	background: linear-gradient(rgba(255,255,255,.20), rgba(255,255,255,.02));
	color: #fff;
}
#nav a.current {
	background: linear-gradient(#ffb14d, #e07000);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.35);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
}

/* =========================================================
   BANNER (rotējošais)
   ========================================================= */
#banner {
	position: relative;
	margin: 20px 20px 0;
	height: 290px;
	border: 1px solid #b9c6d1;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
}
#slides { position: relative; height: 290px; }
.slide {
	position: absolute; top: 0; left: 0; width: 100%; height: 290px;
	opacity: 0; transition: opacity .6s ease;
}
.slide.on { opacity: 1; }

.slide.s1 { background: linear-gradient(135deg, #2c6ba3, #12395c); }
.slide.s2 { background: linear-gradient(135deg, #2f8f7a, #14544a); }
.slide.s3 { background: linear-gradient(135deg, #e08a1e, #9c4f06); }
.slide:after {
	content: ""; position: absolute; right: -60px; top: -70px;
	width: 340px; height: 340px; border-radius: 50%;
	background: rgba(255,255,255,.09);
	box-shadow: 0 0 0 40px rgba(255,255,255,.05);
}

.slide .cap {
	position: absolute; left: 26px; bottom: 26px; width: 520px;
	background: rgba(0,0,0,.42);
	border: 1px solid rgba(255,255,255,.22);
	border-radius: 4px;
	padding: 16px 18px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}
.slide .cap h2 { color: #fff; font-size: 22px; margin: 0 0 6px; text-shadow: 0 1px 2px rgba(0,0,0,.5); }
.slide .cap p { color: #e6eef5; font-size: 12px; margin: 0 0 12px; text-shadow: 0 1px 1px rgba(0,0,0,.4); }

#pager { position: absolute; right: 16px; bottom: 18px; }
#pager a {
	float: left; width: 12px; height: 12px; margin-left: 6px;
	background: linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.25));
	border: 1px solid rgba(0,0,0,.35);
	border-radius: 50%;
	text-indent: -9999px; overflow: hidden; cursor: pointer;
}
#pager a.on { background: linear-gradient(#ffb14d, #e07000); border-color: #8a4400; }

/* =========================================================
   MAIN / CONTENT / SIDEBAR
   ========================================================= */
#main { padding: 20px; }
#content { float: left; width: 600px; }
#sidebar { float: right; width: 280px; }

#main.solo #content { float: none; width: auto; }
#main.solo #content h2 { margin-top: 22px; font-size: 17px; }
#main.solo #content ul { list-style: disc; padding-left: 22px; margin-bottom: 12px; }
#main.solo #content li { margin-bottom: 4px; }
.draftbox { background: #fffbe8; border: 1px solid #e8d48a; border-radius: 4px;
	padding: 10px 12px; margin-bottom: 18px; font-size: 11px; color: #6b5a20; }

#breadcrumb {
	font-size: 11px; color: #888;
	background: #f6f8fa; border: 1px solid #e2e8ed; border-radius: 3px;
	padding: 5px 9px; margin-bottom: 18px;
}
#breadcrumb a { color: #5a7fa3; text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; }
#breadcrumb .sep { color: #b6bfc7; }

.sec { margin-bottom: 28px; }

/* ---------- buttons ---------- */
.btn {
	display: inline-block;
	padding: 6px 14px;
	font: bold 12px/1.35 Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.35);
	background: linear-gradient(#ffb14d, #e07000);
	border: 1px solid #b45a00;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 2px rgba(0,0,0,.2);
	cursor: pointer;
}
.btn:hover { background: linear-gradient(#ffc06d, #f07c00); color: #fff !important; }
.btn:active { background: linear-gradient(#e07000, #ffb14d); box-shadow: inset 0 2px 3px rgba(0,0,0,.25); }
.btn.alt {
	margin-left: 6px;
	background: linear-gradient(#7fa8cc, #2c6ba3);
	border-color: #1c4f7c;
}
.btn.alt:hover { background: linear-gradient(#95bade, #3878b0); }
.btn.alt:active { background: linear-gradient(#2c6ba3, #7fa8cc); }
.btn.big { padding: 9px 20px; font-size: 13px; }
.btn.small { padding: 3px 9px; font-size: 11px; }
input.btn { font-family: Arial, Helvetica, sans-serif; }

/* ---------- darbības jomas: feature boxes ---------- */
#areas-grid .box {
	float: left;
	width: 288px;
	margin: 0 20px 20px 0;
	padding: 14px;
	background: linear-gradient(#ffffff, #f7f9fb);
	border: 1px solid #dde4ea;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,.06);
	box-sizing: border-box;
}
#areas-grid .box:nth-child(2n) { margin-right: 0; }
#areas-grid .box:hover { border-color: #b9c6d1; background: linear-gradient(#ffffff, #eff4f8); }
#areas-grid .ico {
	display: block; float: left; width: 38px; height: 38px; margin: 0 10px 6px 0;
	background: linear-gradient(#4b87bd, #1c4f7c);
	border: 1px solid #12395c; border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
	text-align: center; color: #fff;
}
#areas-grid .ico svg { width: 20px; height: 20px; margin-top: 9px; }
#areas-grid .box h3 { margin: 2px 0 4px; font-size: 14px; }
#areas-grid .box p { clear: both; margin: 0; font-size: 11px; color: #666; }

/* ---------- akordeons ---------- */
.accordion { border: 1px solid #dde4ea; border-radius: 4px; overflow: hidden; }
.acc + .acc { border-top: 1px solid #dde4ea; }
.acc h3 { font-size: 13px; }
a.acc-h {
	display: block; position: relative;
	padding: 9px 34px 9px 12px;
	font-family: Georgia, "Times New Roman", serif; font-size: 14px;
	color: #1c4f7c; text-decoration: none;
	background: linear-gradient(#fbfcfd, #eef2f6);
	text-shadow: 0 1px 0 #fff;
}
a.acc-h:hover { background: linear-gradient(#ffffff, #e6edf3); color: #e07000; }
a.acc-h:after {
	content: "+"; position: absolute; right: 12px; top: 50%; margin-top: -9px;
	width: 17px; height: 17px; line-height: 16px; text-align: center;
	font-family: Arial, sans-serif; font-size: 14px; font-weight: bold;
	color: #fff; background: linear-gradient(#7fa8cc, #2c6ba3);
	border: 1px solid #1c4f7c; border-radius: 3px; text-shadow: none;
}
.acc.open a.acc-h { background: linear-gradient(#2c6ba3, #1c4f7c); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.4); }
.acc.open a.acc-h:after { content: "\2013"; background: linear-gradient(#ffb14d, #e07000); border-color: #b45a00; }
.acc-b { display: none; padding: 12px; background: #fff; border-top: 1px solid #dde4ea; }
.acc.open .acc-b { display: block; }
.acc-b p { margin: 0; color: #555; }

/* ---------- dokumentu tabi + tabula ---------- */
.tabs { margin-bottom: 10px; border-bottom: 2px solid #2c6ba3; padding-left: 2px; }
.tabs a {
	display: inline-block; margin-right: 3px; padding: 5px 12px;
	font-size: 11px; font-weight: bold; color: #45607a; text-decoration: none;
	background: linear-gradient(#f6f8fa, #e2e8ee);
	border: 1px solid #ccd5dd; border-bottom: 0;
	border-radius: 4px 4px 0 0;
	text-shadow: 0 1px 0 #fff;
	cursor: pointer;
}
.tabs a:hover { background: linear-gradient(#ffffff, #edf2f6); color: #1c4f7c; }
.tabs a.on {
	background: linear-gradient(#4b87bd, #2c6ba3); color: #fff;
	border-color: #1c4f7c; text-shadow: 0 -1px 0 rgba(0,0,0,.35);
}

table.grid { width: 100%; font-size: 12px; border: 1px solid #ccd5dd; }
table.grid th {
	text-align: left; padding: 7px 9px;
	font: bold 11px Arial, Helvetica, sans-serif; color: #fff;
	background: linear-gradient(#4b87bd, #2c6ba3);
	border-right: 1px solid rgba(255,255,255,.2);
	text-shadow: 0 -1px 0 rgba(0,0,0,.35);
}
table.grid th.c-fmt { width: 70px; }
table.grid th.c-date { width: 95px; }
table.grid th.c-act { width: 115px; }
table.grid td { padding: 8px 9px; border-bottom: 1px solid #e3e9ee; vertical-align: top; }
table.grid tbody tr:nth-child(odd) { background: #f7f9fb; }
table.grid tbody tr:hover { background: #fdf3e4; }
table.grid .d-name { font-weight: bold; color: #1c4f7c; font-size: 12px; }
table.grid .d-desc { display: block; font-weight: normal; color: #777; font-size: 11px; margin-top: 2px; }
table.grid .d-icon { float: left; width: 15px; height: 15px; margin: 1px 6px 0 0; color: #8fa6b8; }
table.grid .fmt {
	display: inline-block; padding: 1px 6px; font-size: 10px; font-weight: bold;
	color: #7a4a00; background: linear-gradient(#fff3dd, #ffe3b3);
	border: 1px solid #e8c184; border-radius: 3px;
}
table.grid .muted { color: #999; font-size: 11px; }
table.grid .soon { display: inline-block; padding: 4px 9px; font-size: 11px; color: #999;
	background: #f2f2f2; border: 1px dashed #ccc; border-radius: 3px; }

/* ---------- projekti ---------- */
#projects-grid .proj {
	float: left; width: 290px; margin: 0 20px 20px 0; box-sizing: border-box;
	background: linear-gradient(#ffffff, #f7f9fb);
	border: 1px solid #dde4ea; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
#projects-grid .proj:nth-child(2n) { margin-right: 0; }
#projects-grid .proj img { display: block; width: 100%; border-bottom: 1px solid #dde4ea; border-radius: 3px 3px 0 0; }
#projects-grid .pbody { padding: 12px; }
#projects-grid h3 { font-size: 14px; margin-bottom: 4px; }
#projects-grid .pmeta { font-size: 11px; color: #8a6d3b; margin-bottom: 6px; }
#projects-grid p { font-size: 11px; color: #666; }

/* ---------- callout ---------- */
.callout {
	padding: 20px 22px;
	background: linear-gradient(#fdfaf3, #f6ecd9);
	border: 1px solid #e4d3ae;
	border-radius: 5px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.callout h2 { color: #8a5a00; text-shadow: 0 1px 0 #fff; margin-bottom: 8px; }
.callout p { color: #6b5836; }

/* ---------- kontakti ---------- */
#kontakti .col-l { float: left; width: 290px; }
#kontakti .col-r { float: right; width: 290px; }

dl.details { margin-bottom: 14px; }
dl.details dt { float: left; clear: left; width: 70px; color: #777; font-size: 11px; padding: 2px 0; }
dl.details dd { margin-left: 70px; padding: 2px 0; font-weight: bold; }
.org {
	font-size: 11px; color: #666; line-height: 1.7;
	background: #f6f8fa; border: 1px solid #e2e8ed; border-radius: 4px; padding: 10px 12px;
}
.org strong { display: block; color: #1c4f7c; font-family: Georgia, serif; font-size: 13px; font-weight: normal; margin-bottom: 3px; }


/* ---------- social ---------- */
.social a {
	display: inline-block; width: 26px; height: 26px; margin-left: 4px;
	background: linear-gradient(#5b93c6, #1c4f7c);
	border: 1px solid #12395c; border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
	text-align: center; color: #fff;
}
.social a:hover { background: linear-gradient(#ffb14d, #e07000); border-color: #b45a00; }
.social a svg { width: 14px; height: 14px; margin-top: 6px; }
#sidebar .social a, #footer .social a { margin: 0 4px 4px 0; }

/* =========================================================
   SIDEBAR WIDGETS
   ========================================================= */
.widget {
	margin-bottom: 16px;
	border: 1px solid #ccd5dd;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.06);
	overflow: hidden;
}
.widget h4 {
	padding: 7px 11px;
	font-size: 13px; color: #fff;
	background: linear-gradient(#4b87bd, #2c6ba3 50%, #245d92 51%, #1c4f7c);
	border-bottom: 1px solid #12395c;
	text-shadow: 0 -1px 0 rgba(0,0,0,.35);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}
.widget .wbody { padding: 11px; }
.widget p { margin-bottom: 8px; }
.widget p:last-child { margin-bottom: 0; }
.widget .more { font-size: 11px; margin: 8px 0 0; }
.widget .more a { text-decoration: none; font-weight: bold; }
.widget .more a:hover { text-decoration: underline; }

ul.links li, ul.docs li { border-bottom: 1px dotted #dde4ea; }
ul.links li:last-child, ul.docs li:last-child { border-bottom: 0; }
ul.links a, ul.docs a {
	display: block; padding: 5px 0 5px 13px; font-size: 11px;
	text-decoration: none; color: #45607a;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2 1l3 3-3 3' fill='none' stroke='%23e07000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 1px 8px;
}
ul.links a:hover, ul.docs a:hover { color: #e07000; text-decoration: underline; }
ul.docs .meta { color: #aaa; font-size: 10px; }

/* =========================================================
   FOOTER
   ========================================================= */
#footer {
	padding: 20px;
	background: linear-gradient(#f4f7f9, #e7edf2);
	border-top: 1px solid #d0d8df;
	color: #5a6a78;
	font-size: 11px;
}
#footer .fcol { float: left; width: 200px; margin-right: 40px; }
#footer .fcol.last { margin-right: 0; }
#footer h5 {
	font-size: 13px; color: #1c4f7c; margin-bottom: 8px;
	padding-bottom: 5px; border-bottom: 1px solid #d6dee5;
	text-shadow: 0 1px 0 #fff;
}
#footer p { margin-bottom: 8px; }
#footer li { border-bottom: 1px dotted #d6dee5; }
#footer li:last-child { border-bottom: 0; }
#footer li a { display: block; padding: 4px 0; color: #5a6a78; text-decoration: none; }
#footer li a:hover { color: #e07000; text-decoration: underline; }
#footer a { color: #45607a; }

#footer-bottom {
	padding: 10px 20px 14px;
	background: linear-gradient(#e2e8ee, #d3dce4);
	border-top: 1px solid #c3ccd4;
	border-radius: 0 0 5px 5px;
	font-size: 11px;
	color: #5a6a78;
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
}
#footer-bottom .left { float: left; margin: 0; }
#footer-bottom .right { float: right; margin: 0; }
#footer-bottom a { color: #45607a; }

/* =========================================================
   COOKIE
   ========================================================= */
#cookie {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
	padding: 10px 20px;
	background: #1c4f7c;
	border-top: 2px solid #12395c;
	color: #dceaf5; font-size: 11px;
	box-shadow: 0 -2px 6px rgba(0,0,0,.2);
	text-align: center;
}
#cookie p { display: inline; margin: 0 12px 0 0; }
#cookie a { color: #ffd08a; }

/* ---------- focus ---------- */
a:focus, input:focus, textarea:focus, button:focus { outline: 2px solid #e07000; outline-offset: 1px; }

@media print {
	body { background: #fff; }
	#nav, #banner, #sidebar, #cookie, .skip, .tabs { display: none; }
	#wrapper { width: auto; border: 0; box-shadow: none; }
	#content { float: none; width: auto; }
}