/* ----------------------------------- */
/* ~~~~~~~~~~ CSS Document ~~~~~~~~~~~*/
/* --------------------------------- */
/* ~~~~ Coded by Veljo Palanen ~~~~ */
/* ------------------------------- */

body { background-color: #b0d9e6; color:#3d4955; font-family: "Tahoma", Myriad Pro, arial; }
hr { border-top: 1px solid #1c2b32;}
h1 {font-family: "Tahoma", Myriad Pro, arial; color: #3d4955; font-size: 45px;}
h3 { font-size: 24px; margin-top: 0px; margin-bottom: 0px; }
html { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*
.page_1 {
  background: url(../img/taust1.jpg) no-repeat center center fixed; }
.page_2 {
  background: url(../img/taust1.jpg) no-repeat center center fixed; }
.page_3 {
  background: url(../img/taust1.jpg) no-repeat center center fixed; }    
.page_4 {
  background: url(../img/taust1.jpg) no-repeat center center fixed; }
  */

/* Header */
tr p {margin-bottom:  0px;}
.hhover1:hover { background-color: #4abd72; padding: 25px 0px 25px 0px; width: 300px; margin-left: -15px; text-decoration: none; color: #fff; border-radius: 5px 5px 5px 5px; }
.hhover2:hover { background-color: #4abd72; padding: 18px 0px 18px 0px; width: 299px; margin-left: -15px; text-decoration: none; color:#fff; border-radius: 5px 5px 5px 5px; }
.hhover1:focus, .hhover2:focus { text-decoration: none; }
.head1:hover, .head1:focus, .head11:hover, .head11:focus { text-decoration: none; color: #fff; }

.head1 { color: #ffffff; font-size: 20px; }
.head11 { color: #ffffff; font-size: 20px; }
.head2 {background-color:#3d4955; ; width: 299px; height: 106px; text-align: center; border-radius: 5px 5px 5px 5px;}

/* Main box */
.main_border {border: solid; #000; 1px; padding: 30px 10px 10px 10px; border-radius: 5px 5px 5px 5px; background-color: #b0d9e6;}
.m_pad {padding-top: 35px;}

.c_margin { margin-top: 100px; }
.row { font-family: "Tahoma", Myraid Pro, sans-serif !important}
.link-text { font-size:18px; }
.main-box { width: 210px; height: 210px; color:#474747; margin-top: 60px;}

a.thumbnail:hover, a.thumbnail:focus { border-color: #A2162A; }
a.thumbnail:hover, a.thumbnail:focus { color: #A2162A; text-decoration:none; }
a.thumbnail, a.thumbnail { color: #1c2b36; text-decoration:none; }
.email_box { padding: 10px 10px 10px 10px; background-color: #3d4955; color: #FFF; font-size: 19px; font-weight: 500; width: 360px; }
.email_box_xs { padding: 10px 10px 10px 10px; background-color: #3d4955; color: #FFF; font-size: 19px; font-weight: 500; }

/* new nav */
.nav_btn {background-color:#3d4955; ; width: 260px; height: 45px; text-align: center; border-radius: 5px 5px 5px 5px;}
.nav_btn_h:hover { background-color: #4abd72; padding: 10px 0px 10px 0px; width: 260px; text-decoration: none; color: #fff; border-radius: 5px 5px 5px 5px; }
.nav_btn:hover, .nav_btn_h:hover, .nav_btn_h1:hover { text-decoration: none; color: #fff; }
.nav_btn:focus, .nav_btn_h:focus, .nav_btn_h1:focus { text-decoration: none; }
.nav_btn, .nav_btn_h, .nav_btn_h1 { font-size: 18px; text-decoration: none; color: #FFF;  }

.gallery_btn_2 { text-decoration:none; font-size: 35px; color: #ffffff; padding: 24px 24px 24px 24px; background-color: #3d4955; font-weight: 500; width: 583px; }
.gallery_btn_2:focus { text-decoration:none; background-color: #3d4955; color:#ffffff; }
.gallery_btn_2:hover { text-decoration:none; background-color: #4abd72; color:#ffffff; }

.back_btn { text-decoration:none; font-size: 20px; color: #ffffff; padding: 14px 14px 14px 14px; background-color: #3d4955; font-weight: 500; width: 583px; }
.back_btn:focus { text-decoration:none; background-color: #3d4955; color:#ffffff; }
.back_btn:hover { text-decoration:none; background-color: #4abd72; color:#ffffff; }


/* Footer */
.footer { margin-top:38px;color: #000; font-weight: 800; font-size: 11px;}
.footer-a>a { color:#000; text-decoration:none; font-size:14px; font-weight: 800;}
.footer-b>a { color:#000; font-weight: 800; }
.row-cent { text-align:center;}
.col-cent { text-align:center;}


/* All */
body { padding-top:0px; }
.jumbotron { text-align:center; }
.container { max-width:1250px; margin-top: 20px; }
.glyphicon { font-size: 3em; display:block; text-align:center; color:#3a87ad; }
.carousel-indicators { bottom: 0; }
.carousel-indicators .active { background-color: #222; }
.carousel-indicators li { border-color: #222; }


/* Button */
.btn-list {background-color:#FFF;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #5fcf80;display:inline-block;cursor:pointer;color:#5fcf80;font-weight:700;font-size:14px;padding:10px 15px;text-decoration:none;}
.btn-list:hover {background-color:#5fcf80;text-decoration:none;color:#FFF;font-weight:700;}
.btn-listpos {text-align:center; margin-top: 30px;}

X {text-decoration: none;}
X:hover, X:visited, X:active, X:link { text-decoration: none; color: #3d4955; }

ul { list-style-type: none; }
ol { list-style-type: circle;  }