/* autors: Uldis Mikelsons */

html { }

body{ 
margin:0; 
padding:0;
background-color:#FFFBF2;
background-image:url("a_2.png"); background-position: top left; background-repeat: no-repeat;
font-family:"Palatino Linotype"; 
text-align:justify;
color:#111F00;
} 

#header{
position:absolute;
top:0;
left:0;
height:170px;  
width:100%;
overflow:hidden;
background-color:#FFFBF2;
background-image:url("a_1.png"); background-position: right; background-repeat: no-repeat;
padding:0;
} 

#wrapper {
position:absolute;
top:162px;
left:0;
margin:0;
padding:0;
height:100px;
width:100%;
}
 
#pamats {
position:absolute;
top:270px;
left:0;
width:100%;
padding:0;
margin:0;
}

#divi {
position:absolute;
top:0px;
width:85%
}

#leftcol{
position:absolute;
top:15px;
left:0;
width:240px;
padding-left:20px;
}
 
 #leftcol_2{
position:absolute;
top:15px;
left:240;
width:40px;
padding-left:20px;
}
 
#maincol{
position:absolute;
top:0px;
left:280px;
padding-left:50px;
padding-right:100px;
overflow:hidden;
}

#rightcol{
width:15%; 
float:right; 
padding-right:25px;
height:1100px
}

#footer{   
position:fixed;
width:100%; 
height:25px;
bottom:0;
background-color:#FFFBF2;
clear: both;
text-align:center;
z-index:auto;
}

.footer-text{
font-size:0.75em;
font-weight: bold; 
text-align:center;
position:relative;
bottom:0;
color:#111F00;
z-index:1;
}

img {
border-style: none;
z-index: 2;
}

/* img */
.img {
padding-top:10px;
}

#switcher-panel {
height:auto;
}

/* button */
.button {
position:relative;
width:170px;
height:20px;
background-color:#FFFBF2;
border:solid 1px;
border-color:#FFFBF2;
border-radius:8px;
padding:2px 2px 2px 10px;
text-align:left;
font-family:"Palatino Linotype";
font-size: 14px;
font-weight:bold;
z-index: 4;
}

.button:hover {

border: solid 1px;
border-color: #C4B700;
box-shadow: 4px 4px 4px #C4B700;
color: #111F00;
text-decoration:underline;
z-index: 4;
}

.button:active {
background-color:#FFE9AA;
border: solid 1px;
border-color: #C4B700;
box-shadow: 4px 4px 4px #C4B700;
color: #0026FF;
text-decoration: blink;
z-index: 4;
}

.nav_buttons {
position: relative;
}

.nav_buttons a { }

/* em */
em {
font-style: normal;
font-weight:bold;
text-decoration:underline;
}

/* text */
#text {
color: #E9FFD3
}

/* txt */
.txt {
color: #777777;
font-family:"Bookman Old Style";
font-size:0.75em;
}

#no {
position:relative;
left:50px;
color:#FF1111; 
}

/* info */
.info {
position:relative;
z-index: auto; 
color: #111FDD;
}

.info:hover {
}

.info span {
display:block;
position:fixed;
bottom:30px;
left:300px;
visibility:hidden;
opacity:0;
z-index: auto;
}

.info:hover span {
display:block;
width:30em;
position:fixed;
bottom:100px;
left:330px;
visibility:visible;
opacity:1;
transition:opacity 1s linear;
-webkit-transition:opacity 1s linear;
-o-transition:opacity 1s linear;
-ms-transition:opacity 1s linear;
border: 3px solid #C4B700;
box-shadow: 4px 4px 4px #C4B700;
border-radius: 8px;
background-color: #E5F9C2;
padding: 10px;
color:  #C4B700;
z-index: 7;
}

/* info2 */
.info2 {
position:relative;
z-index: auto; 
}

.info2:hover {
z-index: 7; 
}

.info2 span {
display:none;
}

.info2:hover span {
display:block;
position:absolute;
top:1em; left:1em; width:18em;
border: 3px solid #C4B700;
box-shadow: 4px 4px 4px #C4B700;
border-radius: 8px;
background-color: #ECFFE5;
padding: 10px;
color:  #C4B700;
text-align: justify;
font-size: 13px;
font-weight:bold;
z-index: 7;
}

/* info3 */
.info3 {
position:relative;
z-index: auto; 
}

.info3:hover {
z-index: 2; 
}

.info3 span {
display:none;
}

.info3:hover span {
display:block;
position:absolute;
top:-7em; left:7em; width:27em;
border: 3px solid #C4B700;
box-shadow: 4px 4px 4px #C4B700;
border-radius: 8px;
background-color: #ECFFE5;
padding: 10px;
color:  #C4B700;
text-align: justify;
font-size: 13px;
font-weight:bold;
}

/* pic1 */
.pic1 {
position:relative; 
z-index: 1;
}

.pic1:hover {
z-index: 2; 
}

.pic1 span {
display:block;
position:absolute;
visibility:hidden;
opacity:0;
}

.pic1:hover span {
display:block;
position:fixed;
top:10px;
left:31%;
border: 0px;
z-index: 2;
visibility:visible;
opacity:.80;
-webkit-opacity:0.8;
-o-opacity:0.8;
-moz-opacity:0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-ms-filter:"alpha(opacity=80)";
-ms-opacity:0.8; 
transition:opacity 1s linear;
-webkit-transition:opacity 1s linear;
-o-transition:opacity 1s linear;
-moz-transition:opacity 1s linear;
clear: both;
}

/* pic2 */
.pic2 {
position:relative;
z-index: 1;
}

.pic2:hover {
z-index: 2; 
}

.pic2 span {
display:block;
position:absolute;
visibility:hidden;
opacity:0;
}

.pic2:hover span {
display:block;
position:fixed;
top:10px;
left:22%;
border: 0px;
z-index: 2;
visibility:visible;
opacity:.80;
-webkit-opacity:0.8;
-o-opacity:0.8;
-moz-opacity:0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-ms-filter:"alpha(opacity=80)";
-ms-opacity:0.8;
transition:opacity 1s linear;
-webkit-transition:opacity 1s linear;
-o-transition:opacity 1s linear;
-moz-transition:opacity 1s linear;
clear: both;
}

.italic {font-style:italic}

a, a:visited, a:hover {
cursor: pointer;
}
.switcher-content {
display: none;
}


/* printer */ 
@media print{ 
img {display: none;}
#header{display:none;} 
#leftcol{display:none;} 
#rightcol{display:none;} 
#maincol{width:100%; float:none;}
}