/* ________________ BRRF STYLES __________________________________________ */


/* -------------- Centered Single Column Layout Template: ---------------- */

html, body {
 margin: 0;
 padding: 0;
 border: 0;
 }
 body {font-size:100%; background-color: #bdf; }
 
#main {
 width: 800px;
 background-color: #aef;
 border: solid blue thin; 
 border-radius:1em;
 -moz-border-radius:1em;
 -webkit-border-radius:1em;
 margin: 2em auto;
 padding: 1em;
 } 



#header {
font-family:Arial,Helvetica,sans-serif;
float: left;
color: blue;
width: 100%;
}
#header h1{font-size: 3.3em; text-align:center; 
text-shadow: 2px 3px 2px #48f, -0.4em 0.5em 0.15em #7bc; /* shadow shift right, down, width, colour */
}
#logo {float: left; border: 0;}

#bodytext {
font-family:Arial,Helvetica,sans-serif;
font-size: 0.8em; 
margin-left: 2em;
margin-right: 2em;
text-align:justify;
color: #05f;
min-height: 100% /* at least 730px (for IE8 and Firefox), for recent lenght of the links page; value 100% instead of 730px works, when there is something after the columns (text/pic/div...). Solve it! 
Zatial som pouzil prazdny <div class="clear"> za linkami, ale to zrejme nie je spravne riesenie, i ked funguje. Preto som tu vytvoril class .clear, vid o 2 riadky nizsie*/ 
}
.clear {clear: both;} /* toto je vytvorene len pre ucel spomenuty 2 riadky vyssie */ 

/* ------ navigation bar - whole stripe -------- */


ul#navigation {  
  padding: 0; 
  margin: 1em 2em 1em 1.5em; 
  color: #fff; 
  float: left;  
  width: 100%; 

}
/* ul#subnavigation { display: none; }
ul#subnavigation li a:hover { display: inline; }
*/
/* ------ navigation button ------------------------*/

ul#navigation li { display: inline; }

ul#navigation li a { 
  margin-left:0.2em;
  padding: .25em 0.97em; 
  background-color: #039;
  color: #fff;
  display: block; 
  float: left;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-transform:uppercase;
  text-decoration: none; 
  border: solid 3px #39f; 
  border-style:outset;
  border-radius:1em 0em 1em 0em;
  -moz-border-radius:1em 0em 1em 0em;
  -webkit-border-radius:1em 0em 1em 0em;
  
} 

a#navigation:link, a#navigation:visited { color: #fff; } 

/* ------ navigation button with hovering cursor ---------*/

ul#navigation li a:hover { 
  background-color: #acf; 
  color: #028; 
}


/* ------ current page navigation button -------*/

ul#navigation li#current a {
  background-color: #069;
  border-style:inset;
}




#footer {
 position: relative;
 width: 800px;
 font-family:Arial,Helvetica,sans-serif;
 background-color: #aef;
 border: solid blue thin; 
 border-radius:1.43em;
 -moz-border-radius: 1.43em;
 -webkit-border-radius:1.43em;
 text-align:center;
 margin: 1em auto;
 padding: 1.5em;
 font-size: 0.7em; 
} 

big {display: block; margin-top:1em; font-size: 2em;}
h2 {margin-top: 2em; } 
h3 {margin-top: 2em; font-size: 1.3em; } 
h4 {margin-bottom:0.3em;}
ul.none {list-style-type:none;}
div.news {clear:left; }
.news_img {float: left; margin-right: 1.6em; border: 0; height:180px; padding-bottom:3em;}
.news_img2 {float: left; border: 0; height:180px; padding-bottom:3em;}
.bold {font-weight:bold;}
.margin-top {margin-top: 1.5em;}
.br {margin-bottom:1em;}
a {outline:none;} /* no dotted line around buttons when pressed in IE or Firefox */
img {border: none;} /* no line around pictures, buttons in IE or Firefox */


/* -------------- 2 Columns Layout Template: ---------------- */

#leftcolumn {
position:relative; 
width:380px; 
left: 0px; 
top: 0em; 
float: left;
}

#rightcolumn {
position:relative; 
width:350px; 
left: 0px; 
top: 0em; 
float: right;
}

/* ------------- Form Submit Button --------------- */

.form_btn {
    background: #039;
    color: #fff;
    cursor: pointer;

    border: solid 3px #39f; 
    border-style:outset;
    border-radius:1em 0em 1em 0em;
    -moz-border-radius:1em 0em 1em 0em;
    -webkit-border-radius:1em 0em 1em 0em;
  
}

/* ----- Scrollbar in the Contact Form (contacts.php) - Works just for IE and Konqueror ------*/

.scrollbar {
scrollbar-base-color : #039;
scrollbar-face-color: #069;
scrollbar-track-color: #acf;
scrollbar-3dlight-color: #39f;
scrollbar-highlight-color: #028;
scrollbar-darkshadow-color: #393;
scrollbar-shadow-color: #399;
scrollbar-arrow-color: #fff;
}


/* ------------- AddThis.com Share Button --------------- */
            
.addthis_share_btn a, .addthis_share_btn a:visited {
    background: #039 url(btn-overlay.png) repeat-x;
    display: inline-block; 
    margin-top: 2em;
    padding: 6px 12px; 
    font-family: arial,helvetica,lucida,verdana,sans-serif;
    font-size: 12px;
    line-height: 1em;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}
.addthis_share_btn a:hover { background-color: #028; color: #fff; }
.addthis_share_btn a:active { top: 1px; }

.addthis_share_btn a span, .addthis_share_btn:visited a span {
    background: url(icon-addthis.gif) no-repeat left;
    padding: 1px 0 1px 18px;
}       
 
iframe.recaptcha_frame {height:300px; width:500px; frameborder:0;}

/* --------- other buttons: Facebook, Validator ------------ */

.fb_butn {
 border:0px;
 margin-right:1em;
 margin-top:2em; 
}
/* class .validator is for W3C Validator and PageRank Checker buttons -- */
.validator {margin-left: 6em; border:0px; position:absolute; z-index:3;  }