html { margin:0;  padding:0;  border:0;  height: 100%; }

body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,blockquote,pre,acronym,del,code,dfn,em,img,q,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,dialog,figure,footer,header, hgroup,nav,section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/*
form,fieldset,input,textarea,hr { margin: 0;  padding: 0; }
input, textarea, select { font-family: inherit;  font-size: inherit;  font-weight: inherit; }
*/
article,aside,dialog,figure,footer,header,hgroup,nav,section { display:block; }  /* HTML5 elements behave like DIVs in older browers */

body {
  line-height: 1.5;  /* Line-height always unitless! */
/*  background: white; */
  height: 100%;
/*
  text-align: center;
  background: #fff url('/img/bg.jpg') repeat left top;
  background-attachment: fixed;
*/
}

/* Tables still need 'cellspacing="0"' in the markup.   table { border-collapse: collapse; }*/
table { 
  border-collapse: separate; 
  border-spacing: 0; 
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td { 
  text-align: left; 
  font-weight: normal; 
  float:none !important; 
}
table, th, td { 
  vertical-align: middle; 
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }

/* --------------------------------------------------------------
  			 typography.css
-------------------------------------------------------------- */

/* Default font.   The font-size percentage is of 16px. (0.75 * 16px = 12px)  */

html { font-size: 100.01%; }
body {
  font-size: 75%;
  color: #222;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 1.5em; line-height: 1;  margin-bottom: 0.5em;  color: #fff; }
h2 { font-size: 1.5em; margin-bottom: 0.35em;  color: #000; }
h2 span { color: #00b6f1; }
h3 { font-size: 1.2em; line-height: 1;  color: #fff;  text-align: center; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/* 
  These can be used to pull an image at the start of a paragraph, so 
  that the text flows around it (usage: <p><img class="left">Text</p>) 
*/
.left        { float: left !important; }
p .left      { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right       { float: right !important; }
p .right     { margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a:focus, a:hover { color: #09f; }
a           { color: #06c; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn  { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, li ol { margin:0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

/* 
  Because of the need for padding on TH and TD, the vertical rhythm 
  on table cells has to be 27px, instead of the standard 18px or 36px 
  of other elements. 
*/ 

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th     { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
/*
  You can zebra-stripe your tables in outdated browsers by adding 
  the class "even" to every other table row. 
*/
tbody tr:nth-child(even) td, 
tbody tr.even td  { 
  background: #e5ecf9; 
}
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 0 0 1.9em 0;
  border: none;
}

.clear { clear:both; }

.darkgrey   { color: #666; }
.black      { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* --------------------------------------------------------------

   forms.css
   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

/*  a special hack is included for IE8 since it does not apply padding correctly on fieldsets  */ 
label       { font-weight: bold; }
fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }

fieldset, #IE8#HACK { padding-top:1.4em; } 
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }

/* Form fields -------------------------------------------------------------- */

/*   Attribute selectors are used to differentiate the different types 
  of input elements, but to support old browsers, you will have to 
  add classes for each one. ".title" simply creates a large text  
  field, this is purely for looks.  */

input[type=text], input[type=password], input.text, input.title, textarea {
/*  background-color: #fff;
  border: 1px solid #bbb;
 height: 20px; */
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {
  border-color:#666;
}
select { background-color:#fff; border-width:1px; border-style:solid; }

input[type=text], input[type=password], input.text, input.title, textarea, select {
  margin: 0.4em 0;
}

/*   This is to be used on forms where a variety of elements are placed side-by-side. Use the p tag to denote a line.  */
form.inline { line-height: 3; }
form.inline p { margin-bottom: 0; }


/* Success, info, notice and error/alert boxes -------------------------------------------------------------- */

.error, .alert, .notice, .success, .info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info       { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a      { color: #205791; }


/*---------------------------------- ADM --------------------------------------*/

a.admin {
 color: #fff;
 text-decoration: none;
 background-color: #3b65ff;
 padding: 0 2px;
}
.error { color: #F60909; }
.blue { color: #3b65ff; }

.menutop_adm { position: absolute;  left: -75px;  top: 3px; }
.menu_adm { position: absolute;  right: 1px;  bottom: 0px;  text-align: right; }
.menusub_adm { position: absolute;  right: 1px;  top: -13px; }
.prece_adm { position: absolute;  right: 0px;  top: 1px; }
.menu_adm a, .menutop_adm a, .prece_adm a {
  display: inline;
  padding: 0;
  margin: 0;
}
span.pogas img { margin: 0;  padding: 0; }

#forms, #formstop, #formp {
	background-color: #eee;
	color: #000;
	margin: 5px 2px 10px 0px;
	border: 1px solid #3b65ff;
	z-index: 11;
}
#forms form, #formstop form, #formp form {
	padding: 14px 0px 14px 20px;
}
#formstop { position: absolute;  top: 0px;  right: 250px;  width: 414px; }
#forms { position: absolute;  top: 150px;  left: 400px;  width: 374px; }
#formp { position: absolute;  top: 50px;  left: 400px;  width: 500px; }

/*---------------------------------- ADM --------------------------------------*/




/*---------------------------------- CONTAINERS, SCROLL --------------------------------------*/

#container {
 position: relative;
 width: 100%;
 height: 100%;
 overflow: hidden; 
}
.stretch {
 width: 100%;
 height: 100%;
}

#contentcontainer {
 position: absolute;
 right: 0px;
 bottom: 0px;
 width: 100%;
 height: 100%;
}

#content{
	position:relative;
overflow: hidden;
 width: 100%;
 height: 100%;
	float:left;
}

#scrollcontainer {
 width: 200%; /*width:1900px;*/
 height: 100%;
	position:relative;
}
#scrollcontainer100 {
 width: 50%;
 height: 100%;
 position: relative;
}
#scrollcontainer200 {
 width: 92%;
 height: 100%;
 position: absolute;
 left: 0px;
 bottom: 0px;
}

#menucontainer {
 position: absolute;
 left: 0px;
 bottom: 38px;
 width: 80%;
}
#logo2 {
 position: absolute;
 right: -4px;
 bottom: 38px;
}
#nav {
 position: absolute;
 right: -20px;
 bottom: 38px;
}
#datacontainerOMOSS, #datacontainerKONTAKT {
 position: absolute;
 right: 0px;
 bottom: 38px;
 width: 540px;
 background: #fff url('/img/bgdata.jpg') repeat-x left bottom;
 background-attachment: fixed;
 border: 1px solid #cbcac9;
}
#datacontainerOMOSS { height: 87%; }
#datacontainerKONTAKT { height: 460px; }
#datacontainerPROJ { position: absolute;  right: 0px;  bottom: 38px; }

#dataKONTAKT {
 position: absolute;
 left: 23px;
 width: 100%;
 top: 54px; /* Om Oss šis pārcelts uz jscrollpane.css*/
}
#dataOMOSS {
 position: absolute;
 left: 23px;
 width: 100%;
 height: 82%;
 overflow: auto;
}
#data2 { width: 485px; }

/*---------------------------------- ^ CONTAINERS, SCROLL ^ --------------------------------------*/

/*---------------------------------- CONTENT --------------------------------------*/

/*---------------------------------- 1 lapa */

#logo {
 position: absolute;
 left: 0px;
 top: 45px;
 z-index: 4;
}
#slogan {
 position: absolute;
 left: 280px;
 top: 50px;
 width: 450px;
 z-index: 3;
}
#slogan p, a.pop {
 line-height: 1.1;
 font-size: 1.4em;
 color: #555;
 text-decoration: none;
 margin: 0;
 padding-bottom: 4px;
 text-shadow:1px 1px rgb(255, 255,255);
}
a.pop:hover { padding-left: 10px; }


#menucontainer2 {
 position: absolute;
 left: 0px;
 top: 1px;
}
ul#menu { list-style-type: none;  padding: 0;  margin-left: 12px;  height: 39px; }
ul#menu li { float: left; }
ul#menu li.sep { width: 2px;  background: url('/img/sep.gif') no-repeat center top;  height: 100%;  margin: 0 9px; }
a.menu, a.menuactive {
 display: inline-block;
 line-height: 2.8;
 height: 100%;
 font-size: 1.2em;
 text-decoration: none;
 text-transform: uppercase;
 color: #5f5f5f;
/*border: 1px solid #f0f;*/
}
a.menuactive { background: url('/img/menuactive.gif') repeat-x center top;  }
a.menu:hover { background: url('/img/menuhover.gif') repeat-x center top;  }

/*---------------------------------- ^ 1 lapa ^ */


/*----------------------------------  om oss, kontakt lapa  */

#ljipa {
 position: absolute;
 left: -106px;
 top: -1px;
}
#ljipatitle {
 position: absolute;
 left: 0px;
 top: 10px;
 width: 106px;
 text-align: center;
}

.persona { margin-bottom: 36px; }
.persona img { margin: 0 16px 8px 0; }
.persona p { line-height: 1.2; }

#dataKONTAKT #data2 h2 { margin-bottom: 0px;  line-height: 1.1; }
#data2 a { text-decoration: none; }


fieldset { padding: 10px 0 0 0;  border: none; }
fieldset p { margin: 0; }
fieldset p label { width: 98%;  float: left;  line-height: 2em;  margin-right: 3%;  width: 15%; }
fieldset p label span { color: #00b6f1; }
fieldset p input { width: 40%; }
fieldset p textarea { width: 80%;  height: 120px; }
fieldset input.button { float: right;  margin: 4px 5px 0 0; }

/*---------------------------------- ^ om oss, kontakt lapa ^ */


/*----------------------------------  PROJ lapa  */
/*
#ljipatitlePROJ {
 position: absolute;
 left: 0px;
 top: 9px;
 width: 89px;
 text-align: center;
}
#ljipatitlePROJ h1 { font-size: 1.4em; }
*/
#slidecaption {
 position: absolute;
 line-height: 1.1;
 top: 2px;
 left: 2px;
}
#slidecaption table { width: 623px;  height: 35px; }
/*#slidecaption table td { border: 1px solid red; }*/




#prevslide, #nextslide { position: absolute;  width: 24px;  height: 22px;     top:75%; margin-top:-21px; }
#prevslide { left: -35px; background:url('/img/arrowl.png'); }
#nextslide { right: -35px; background:url('/img/arrowr.png'); }
#prevslide:active, #nextslide:active { margin-top:-19px; }
#prevslide:hover, #nextslide:hover { cursor:pointer; }

/*---------------------------------- ^ PROJ lapa ^ */