body 
{
 max-width: 1024px;
 margin:auto;
 border: 1px solid #cecece; 
 
 background: #fff; /* Old browsers */
 background-image:url('verkosto_full.jpg');
 background-attachment: fixed;
 background-position:left center;
 background-repeat:no-repeat;
 background-size: auto
}

img {  
  -ms-interpolation-mode: bicubic;
}

@media screen and (max-width: 768px) 
{
  body{ background: none; }
}

.text_hl
{
  background: #ccff11;
}

.allbright_1 { color:#99cc33;  }

.allbright_2 { color:#cc3399; }

.allbright_3 { color:#ffcc00; }

.allbright_4 { color:#0099cc; }

.container
{
 background-color: #ececec;
 max-width: 1024px;
 margin:auto;
}

.btn-papustyle
{
color: #fff !important;
background-color: #79A371 !important;
height: 30px;
margin: 0px;
padding: 3px !important;
padding-left: 6px  !important;
padding-right: 6px !important;
}

select
{
  height: auto;
  border-radius: 5px;
  padding: 5px;
}

.btn-papustyle:hover
{
color: #fff !important;

}

.sticky {
    /* General */
    margin: 0 auto;
    padding: 8px 24px;
    width: 380px;
    /* Font */
    font-family: 'Nothing You Could Do', Arial;
    font-size: 1.4em;
    /* Border */
    border:1px #E8Ds47 solid;
    /* Shadow */
    -moz-box-shadow:0px 0px 6px 1px #333333;
    -webkit-box-shadow:0px 0px 6px 1px #333333;
    box-shadow:0px 0px 6px 1px #333333;
    /* Background */
    background: #fefdca; /* Old browsers */
    background: -moz-linear-gradient(top, #fefdca 0%, #f7f381 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefdca), color-stop(100%,#f7f381)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefdca 0%,#f7f381 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefdca 0%,#f7f381 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fefdca 0%,#f7f381 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefdca', endColorstr='#f7f381',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #fefdca 0%,#f7f381 100%); /* W3C; A catch-all for everything else */
}
 
.sticky ol {
    margin: 12px;
}
 
.sticky p {
    text-align: center;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #fff;
background-color: #0099cc;
}

/* Bubble with an isoceles triangle
------------------------------------------ */

.triangle-isosceles {
  position: relative;
  padding: 15px;
  margin: 1em 0 3em;
  color: #000;
  background: #f3961c;
  border-radius: 10px;
  background: linear-gradient(top, #f9d835, #f3961c);
}

/* creates triangle */
.triangle-isosceles:after {
  content: "";
  display: block; /* reduce the damage in FF3.0 */
  position: absolute;
  bottom: -15px;
  left: 50px;
  width: 0;
  border-width: 15px 15px 0;
  border-style: solid;
  border-color: #f3961c transparent;
}

.under-line
{
  text-decoration:underline;
  font-weight: bolder;
}

.centered
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

div.eva
{
cursor: pointer;
margin:10px; 
float:left;
height:50px; 
width: 50px;
background: url('images/eki5_50x.png') no-repeat center center; 
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
content: url('images/eki5_50x.png');
}



div.eva_static
{
margin:10px; 
float:left;
height:40px; 
width: 40px;
background: url('images/eki5_50x.png') no-repeat center center; 
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;

content: url('images/eki5_50x.png');
}

div.eva_static_30
{
margin:10px; 
float:left;
height:40px; 
width: 40px;
background: url('images/eki5_30x.png') no-repeat center center; 
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;

content: url('images/eki5_30x.png');
}

span.eva_text
{
padding-top: 10px;
display:inline-block; 
vertical-align:middle;
height: 60px;
font-size: 125%;
}

.teacher_only {}
.trainee_only {}

.application
{
 -webkit-box-shadow: 2px 2px 2px 2px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:    2px 2px 2px 2px rgba(50, 50, 50, 0.75);
 box-shadow:         2px 2px 2px 2px rgba(50, 50, 50, 0.75);
 height: 700px auto;
 width: 600px;
}

button.main_button {
border-radius: 5px;
//background: #66c2e0;
border: 0px solid #000;
color: #fff;
font-size: 150%;
background: #70b0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #70b0e0 0%, #66c2e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70b0e0), color-stop(100%,#66c2e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #70b0e0 0%,#66c2e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #70b0e0 0%,#66c2e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #70b0e0 0%,#66c2e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #70b0e0 0%,#66c2e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b0e0', endColorstr='#66c2e0',GradientType=0 ); /* IE6-9 */
}

button.main_button:hover
{ 
  background:#4AACCC;
  //box-shadow: 1px 1px 0px #000;
}


button.secondary_button
{
border-radius: 5px;
//background: #66c2e0;
border: 0px solid #000;
color: #fff;
font-size: 18px;
background: #70b0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #70b0e0 0%, #66c2e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70b0e0), color-stop(100%,#66c2e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #70b0e0 0%,#66c2e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #70b0e0 0%,#66c2e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #70b0e0 0%,#66c2e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #70b0e0 0%,#66c2e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b0e0', endColorstr='#66c2e0',GradientType=0 ); /* IE6-9 */
}

button.secondary_button:hover
{
 background:#4AACCC;
  //box-shadow: 1px 1px 0px #000;
}

button.active_button 
{ 
  //background: #ffcc00 !important;
  border: 0px solid #000 !important;
  //box-shadow: 1px 1px 0px #000;
background: #f4bf00; /* Old browsers */
background: -moz-linear-gradient(top,  #f4bf00 0%, #ffcc00 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4bf00), color-stop(100%,#ffcc00))!important;!important /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4bf00 0%,#ffcc00 100%)!important;!important /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4bf00 0%,#ffcc00 100%)!important;!important /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4bf00 0%,#ffcc00 100%)!important;!important /* IE10+ */
background: linear-gradient(to bottom,  #f4bf00 0%,#ffcc00 100%)!important; !important/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bf00', endColorstr='#ffcc00',GradientType=0 )!important; !important/* IE6-9 */

}

button.active_sub_button 
{ 
  //background: #ffcc00 !important;
  border: 0px solid #000 !important;
  //box-shadow: 1px 1px 0px #000;
background: #f4bf00 !important;; /* Old browsers */
background: -moz-linear-gradient(top,  #f4bf00 0%, #ffcc00 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4bf00), color-stop(100%,#ffcc00))!important;!important /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4bf00 0%,#ffcc00 100%)!important;!important /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4bf00 0%,#ffcc00 100%)!important;!important /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4bf00 0%,#ffcc00 100%)!important;!important /* IE10+ */
background: linear-gradient(to bottom,  #f4bf00 0%,#ffcc00 100%)!important; !important/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bf00', endColorstr='#ffcc00',GradientType=0 )!important; !important/* IE6-9 */

}

:focus
{
 border: 0px solid #000 !important;
 outline: -webkit-focus-ring-color auto 0px;
}

.round-10 { border-radius: 10px; }
.shadow-2 { box-shadow: 2px 2px 0px #B9B9B9; }

.hiddenflow { overflow:hidden; }