/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

table.list {
   width: 100%;
   border: 1px solid #06003E;
   border-collapse: collapse;
   border-color: #06003E;
}


body {
    margin: 0;
    padding: 0;
    /*ckground: #FFFFFF url(images/img01.gif) repeat-x left top;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;   
    background: url('/images/bigbg1.JPG') no-repeat fixed center;
    background: url('http://static4.grsites.com/archive/textures/green/green029.jpg');
    
    
    
    
}

#box {
    width: 1014px;
    margin-top: 10px;
    background: url('/images/vsk1v2_02.png') repeat-y;
}

h1, h2, h3 {
    margin: 0;
    /*text-transform: uppercase;*/
    font-weight: normal;
    color: #06003E;
}

h1 { font-size: 44px; }

h2 { font-size: 18px; }

h3 { 
   font-size: 16px; 
   margin: 10px 0px 10px 0px;
}

p, ul, ol {
    margin-top: 0;
    /*line-height: 240%;*/
    text-align: justify;
}

ul, ol { }

blockquote { }

a { color: #000000; outline: none;}

a:hover { text-decoration: none; }

a img {
    border: none;
}

img.left {
    float: left;
    margin: 7px 30px 0 0;
}

img.right {
    float: right;
    margin: 7px 0 0 30px;
}

hr { display: block; }

.list1 {
}

.list1 li {
    float: left;
    line-height: normal;
}

.list1 li img {
    margin: 0 30px 30px 0;
}

.list1 li.alt img {
    margin-right: 0;
}

#wrapper {
}
                      
/* Header */

#header-wrapper {
}

#header {
    width: 980px;
    height: 39px;
    margin: 0 auto;
   background: url('/images/b.gif') bottom repeat-x; 
   text-align: right;
}

#header span  {
   color: #ffffff;
   float: right;
   padding-right: 20px;
   padding-top: 8px;
   font-size: 16px;
}

/** LOGO */

#logo {
    width: 980px;
    height: 160px;
    margin: 0 auto;
    margin-top: 0px;
    background: url('/images/lauki_03.png') no-repeat;
    text-align: left;
   
}

#logo .head-swf {
    float: right;
    position: relative;
    margin: 0px 115px 0px 0px;
    
}

#logo span.h-text {
    float: left;
    margin: 100px 0px 0px 10px;
    width: 440px;
    font-size: 40px;
    color: #ffffff;
    font-family: "Comic Sans MS", cursive, sans-serif; 
}

#left {
    float: left;
    width: 182px;
    border: 0px solid red;
    padding-top: 20px;
}

#right {
    float: left;
    width: 183px;
    padding-top: 20px;
    /*border: 1px solid red;*/
}

#block { 
    margin: 0px 4px 0px 9px;
    background: #f4f5f9;
    border: 1px solid #D0D0D0;
}

#block-body {
    text-align: left;
    padding: 5px;
    
}

#block h3 {
    background: #21b404;
    font-weight: bold;
    font-size: 13px;
    color: #FFFFFF;
    padding: 4px 0 4px 0px;
    margin: 0px;
}


#snavi { 
        
    margin: 0px 7px 0px 7px;
    background: #f4f5f9;
    border: 1px solid #D0D0D0;
}

#snavi h3 {
    background: #21b404;
    font-weight: bold;
    font-size: 13px;
    color: #FFFFFF;
    padding: 4px 0 4px 12px;
    margin: 0px;
}

#snavi .SubLevel {
    display: none;
}

#snavi .sel  a {
    color: #243f6e;
    text-decoration: none;
}

#snavi ul {
    list-style: none;
    margin: 0 6px;
    padding: 0;
    font-size: 13px;
}

#snavi ul li {
    padding: 3px 0;
    border-bottom: 1px dashed #7f8289;
}

#snavi ul a {
    color: #243f6e;
    text-decoration: none;
}

#snavi ul ul {
    list-style: none;
    margin: 0 6px;
}

#snavi ul ul li {
    padding: 2px 0;
    padding-left: 8px;
    border-bottom: 0;
    background: url(/images/tree.jpg) no-repeat left 8px;
}

#snavi ul ul li span {
    color: #243f6e;
}

#snavi ul ul a {
    color: #617495;
    font-weight: none;
    text-decoration: none;
    font-size: 12px;
}


/* Page */

#page {
    float: left;
    width: 980px;
    margin: 0px 0px 0px 17px;
    padding: 0px 0px 0px 0px;
    clear: both;
    border: 0px solid red;
}

#page1 {
    float: left;
    width: 980px;
}


#banner {
    padding-bottom: 20px;
}

/* Content */

#content {
   float: left; 
   width: 600px;
   padding: 10px 5px 0px 10px;
   border: 0px solid red;
   /*background: url('/images/fons_ap.png') no-repeat 445px -5px;*/
   
}

/* Post */

.post {
   clear: both;
   float: left;
   width: 600px;
    margin-bottom: 10px;
    padding-bottom: 5px;
   border-bottom: 1px dotted;
}

.post .title {
    /*height: 44px;*/
    margin: 0px;
    padding: 0px 0px 5px 0px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 24px;
    text-align: left;
    color: #005800;
    border: 0px solid red;
}

.post h3.title {
   /*height: 44px;*/
    margin: 0px;
    padding: 0px 0px 5px 0px;
   text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
    color: #005800;
    border: 0px solid red;
}

.post .title a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 30px;
    color: #005800;
}

.post .date {
}

.post .meta {
    margin-top: -8px;
    margin-left: 2px;
    padding: 0px 30px 2px 15px;
    /*border-bottom: 1px solid #D4D8CB;*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #73513C;
}

.post .meta span {
    display: block;
    margin-top: -10px;
}

.post .meta a { }

.post .entry {
    margin-bottom: 0px;
    padding: 0px;
    border: 0px solid red;
}

.post .links {
    display: block;
    width: 120px;
    height: 20px;
    margin: 0px 0px 0px 0px; 
    padding: 4px 0px 0px 40px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #73513C;
}

.post .r-more {
   float: right;
   
}

.post .r-more a {
   text-decoration: none;
   font-weight: bold;
}

.post .comments {
    display: block;
    width: 120px;
    height: 18px;
    margin: 0px; 
    padding: 3px 0px 0px 40px;
    background: url(images/img07.gif) no-repeat left top;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #73513C;
}


/* Footer */

#footer {
    clear: both;
    width: 1014px;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    padding-top: 0px;
    /*background: url(/images/lauki_09.png) no-repeat;*/
    background: url('/images/vsk1v2_02.png') repeat-y;
    
}

#footer-bgcontent {
}

#footer p {
    margin: 0;
    width: 900px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    line-height: normal;
    font-size: 16px;
    background: white;
    color: green;
}

#footer a {
}

/* ----- Gallery and resource --*/

.g-f {
   float: left;
   width: 150px;
   position: relative;
   display: block;
   font-size: 13px;
   text-align: center;
   margin-left: 25px;
   border: 1px solid #73513C;
}

.g-t {
   float: left;
   clear: left;
   width: 150px;
   font-size: 13px;
   height: 160px;
   text-align: center;
   margin-right: 0px;
   border: 0px solid red;
}

.g-i-text {
   float: left;
   width: 600px;
}

.g-t-n {
   display: inline-block;     
   margin-left: 30px;
   width: 150px;
   font-size: 15px;
   height: 150px;
   text-align: center;
   border: 0px solid red;
}

.g-f-i {
   width: 150px;
   height: 150px;
   text-align: center;
   border: 0px solid red;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-color: #E0E0E0;
}

.g-f-i-i {
   width: 150px;
   height: 150px;
   text-align: center;
   border: 0px solid red;
   background-color: #E0E0E0;
   background-repeat: no-repeat;
   background-position: 50% 50%;
}

.g-f img, .g-t img{
   border: 0px;   
}


.g-f-f a {
   float: left; 
   
   padding: 0px;
   margin: 0px;
} 
.g-f-f {
   width: 150px;
   /*height: 40px;
   overflow: hidden;*/
   border: 0px solid red;
   text-align: left;
   border: 0px solid red;
   font-size: 13px;
}

.g-b-box {
  width: 100%;
}

.g-b-b-i {
  text-align: center;
  vertical-align: middle;
}

.g-b-thum {
   position: relative;
   float: left;
   width: 920px;
   height: 170px;
   overflow-x: scroll; 
   white-space: nowrap;
   margin: 20px;
   border-left: 0px solid #adc77e; 
}

.g-b-com {
   padding-right: 5px;
}

#g-b-image {
clear: left; 
border: 0px solid red;
}

#g-b-image-p {
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

/*-----messages----*/
#msg-error {
   background: #FAD2D2;
   border: 2px solid #F06C6C;
   color: #EC4E4E;
   font-weight: bold;
}

#msg-ok {
   background: #E2F3D9;
   border: 2px solid #9DD880;
   color: #1F7F00;
   font-weight: bold;
    padding-left: 20px;
}

#msg-warn {
   background: #FFEED7;
   border: 2px solid #FFC87A;
   color: #EF7700;
   font-weight: bold;
}

/*toolbox*/
.tooltip { 
    position: absolute; 
    display: none; 
    background-color: #FFFFFF; 
    border-width: 1px; 
    border-style: solid;
    border-color: #000000; 
    padding: 2px; 
    z-index: 2;
    text-align: left;
}
.tooltipHead  { 
    text-align: left; 
    color: white; 
    font-weight: bold; 
    font-size: 11px; 
    background-color: #233f6f; 
    padding: 2px; 
    padding-left: 5px;
}

.price-box {
    border-bottom: 1px solid #99c4db; 
    width: 100%; 
    text-align: left;
}

.lang-switch {
    float: right;
    position: relative;
    margin-right: 5px;
}
 .lang-switch a {
     color: white;
     text-decoration: none;
     font-size: 18px;
 }
 
.lang-switch a.select {
     text-decoration: underline;
 }
 
 .lang-switch a:hover {
     text-decoration: underline;
 }

 .social-net {
    position: relative;
    float:right;
    margin-top: 10px;
}

/* Calendar */

#calendar {
    margin-left: 2px;
}

#calendar span {
    float: left; 
    width: 18px; 
    padding: 0; 
    margin: 1px;
    text-align: center; 
    border: 1px solid silver;
}

.c-title, .c-title a{
    padding-top: 2px; 
    padding-bottom: 2px; 
    text-align: center;
    /*background-color: #50813f;*/
    color: #000080;
    text-decoration: none;
}

.c-title a:hover {
    text-decoration: underline;
}



#calendar a, #calendar a:link, #calendar a:visited, #calendar a:hover {
   color: #000000;
   text-decoration: none;
}

#calendar, .sun {
    clear: left; 
}

#calendar .today {
    float: left; 
    width: 18px; 
    padding: 0; 
    margin: 1px;
    text-align: center; 
    border: 1px solid black;
}

#calendar .sel-date {
    float: left; 
    width: 18px; 
    padding: 0; 
    margin: 1px;
    text-align: center; 
    background: #FFFF80;
    border: 1px solid black;

}

#calendar .cl {
   clear: both;
}

#big-cal {
   width: 100%;
   border: 1px solid #06003E;
   border-collapse: collapse;
   border-color: #06003E;
}

#big-cal td {
    padding: 2px;
    height: 50px;
}

#big-cal .tr-h {
   background: #fdb813;
}

.tr-h-info {
float:right;
position: relative;           
}

.tr-h-info a {
   float: right;
   position: relative;
   width: 100px;
   padding: 2px 0px 2px 0px;
   font-size: 11px;
   font-weight: bold;
   margin-left: 5px;
   text-decoration: none;
   border: 1px solid silver;
   text-align: center; 
   background: #F0F0F0;
    
}

.tr-h-info a:hover {
  background: #E0E0E0;  
}


#big-cal .cal-time {
   text-align: center;
   width: 50px;
   min-width: 50px;
   height: 28px;
   background: #fde413;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
}

#big-cal .cal-text {
   /*width:94%;*/
   border-bottom: 1px solid #000000;
   border-right: 1px solid black;
   height: 28px;
   vertical-align: top;
   background-color: #f8feed;
}

#big-cal .c-cell {
   /*width:94%;*/
   vertical-align: top;
   border-right: 1px solid #C0C0C0;
   border-top: 1px solid #C0C0C0;
   background-color: #f8feed;
}

#big-cal .cal-text-half {
   /*width:94%;*/
   height: 28px;
   border-bottom: 1px solid #C0C0C0;
   border-right: 1px solid black;
}

.cal-event {
   float: left;
   clear: left;
   margin-bottom: 5px;
}

.cal-event-title {
   float: left;
}

.cal-event-title a, .cal-event-title a:link, .cal-event-title a:visited{
   font-weight: bold;
   text-decoration: none;
}

.cal-event-title a:hover {
   text-decoration: underline;
}

/*----- page handler ----*/
.pages { 
    float: left;
    width: 100%;
    list-style: none; 
    text-align: center;
    border: 0px solid red;
}

.pages span {
   display: block;
   float: left;
   line-height: 170%;
   margin-right: 1px;
   font-weight: bold;
   padding: 0px 1px 0px 1px;
   text-align: center;
   /*width: 18px;*/
   height: 20px;
}

.pages span a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

.pages span.name {
   border: 0;
   background: none;
   text-align: left;
   width: auto;
   padding-right: 1px;
   font-weight: normal;
}

.pages span.active { 
   color: #585858;
   text-decoration: underline;
}
/* Footer */