@charset "UTF-8";
/* CSS Document */

body {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#171717;
	}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

#top {
	background-color: #648f91;
	background-image: -webkit-linear-gradient(top, #1d1d1d, #252525 50%, #1d1d1d);
	background-image: -moz-linear-gradient(top, #1d1d1d, #252525 50%, #1d1d1d);
	background-image: -o-linear-gradient(top, #1d1d1d, #252525 50%, #1d1d1d);
	background-image: -ms-linear-gradient(top, #1d1d1d, #252525 50%, #1d1d1d);
	background-image: linear-gradient(to bottom, #1d1d1d, #252525 50%, #1d1d1d);
	padding-bottom:10px;
	}
#top #some img { float:right; margin:10px 0 0 10px;}
img.logo { margin-top:-35px; float:left; margin-right:30px;}
#top h1 { color:#fff; font-size:50px; font-weight:lighter; letter-spacing:4px; margin-top:20px; float:left;}
span.title2 { color:#fff; font-size:20px; font-weight:lighter; letter-spacing:4px; margin-top:5px; float:left;}

#carousel {
	margin-top:-5px!important;
	}


/* Navigation */
#navbar.navbar-default {
	margin-top:-35px;
    font-size: 14px;
    background-color:#242424;
	min-height:100px;
	border-radius:0!important;
	border:none!important;
	border-bottom:1px solid #353535!important;
}
#navbar.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-size:18px;
	font-weight:300;
	letter-spacing:2px;
    background-color:tranparent;
	padding:50px 30px 40px 30px;
}
#navbar.navbar-default ul { margin-left:-15px;}
#navbar.navbar-default .navbar-nav>li>a:hover,
#navbar.navbar-default .navbar-nav>li>a:focus {
	text-decoration:none;
	color:#f89520;
	-webkit-transition: 0.3s; /* Safari */
    transition: 0.3s;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	background-color:#f89520;
}

#navbar.navbar-default .navbar-toggle {
	border:none;
    border-color:none;
	margin-top:40px;
}
#navbar.navbar-default .navbar-toggle:hover,
#navbar.navbar-default .navbar-toggle:focus {
    background-color:transparent;
	border:none
}
#navbar.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
#navbar.navbar-default .navbar-toggle:hover .icon-bar,
#navbar.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #f89520;
}


#middle { background:#242424; margin-top:-20px!important; padding-bottom:40px;}
#middle h2 { color:#fff; font-size:28px; font-weight:300; letter-spacing:2px; padding-bottom:5px;}
#middle h3 { color:#fff; font-size:28px; font-weight:300; letter-spacing:2px; padding-bottom:15px; border-top:1px solid #434343; margin-top:30px; padding-top:30px;}

#right { background:#2b2b2b; margin-top:20px;}
#right a { display:block; color:#fff; font-size:16px; padding:10px 0 0 0;}
.icon { font-size:16px; color:#ffc314; margin-right:15px;}
#right img { padding-top:30px; border-top:1px solid #434343; display:block; width:100%}


#blogi { overflow-y: auto; height:900px;}

/*uutiskirje*/
#register-form #send {
	display:table;
	width:200px;
	line-height:40px;
	margin-top:20px;
	background-color:#f89520;
	text-transform:uppercase;
	border-radius:0;
	color:#fff;
	font-size:14px;
	letter-spacing:2px;
	margin-bottom:30px;
	border:none;
	}
#register-form #send:hover {
	background-color:#ffc314;
	color:#fff;
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
	 }
input[type="text"], input[type="email"], input[type="tel"] {
    background-color: #fff;
	border-radius:0;
	color:#000;
	padding-left:10px;
	height:40px;
	margin-bottom:-10px;
}	
	

#footer { background:#242424; padding:20px; border-top:1px solid #434343;}
#footer p, #footer a { color:#C5C5C5; font-size:14px;}



/*** AURINKOENERGIAA PAGE STYLE ***/
#palvelutlinks { display:table; margin:40px 0 30px 0;}
#mainlink .active { display:inline-block; line-height:40px; background:#f89520; padding:0 14px; color:#fff;}
#mainlink a { color:#fff; display:inline-block; line-height:40px; padding:0 14px;}
#mainlink a:hover { color:#f89520;}

#left p { color:#fff;}
#left img { border:2px solid #ADADAD;}
#left h2 { color:#f89520;}
#left h3 { font-size:20px; color:#ffc314; border:none!important; margin-top:10px;}
#left h5 { font-size:14px; color:#9B9B9B; font-style:italic;}
#left table {
    border: 0px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
	color:#fff;
  }

#left table tr {
    border: 0px solid #ddd;
    padding: 5px;
  }

#left table th {
    padding: 10px;
    text-align: left;
	color:#ffc314;
  }
table td {
    padding: 10px;
    text-align: left;
  }
#left table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }

.clickable { cursor:pointer!important;}
.clickable:hover { color:#ffc314;}
.table-link { color:#ffc314; margin-left:10px;}

a.yrityksia { color:#f89520; font-size:16px; display:block; padding-top:40px;}
.yrityksiaspan { color:#f89520; font-size:16px;}

p.yrityksiapage { padding-bottom:10px; padding-top:20px;}
a.yrityksialink { border-bottom:1px solid #434343; padding-bottom:30px; color:#f89520!important; display:block;}
.titleh3 { color:#ffc314;}
.titleh3:hover { color:#f89520;}


/********** RESPONSIVE DESIGN *************/
@media (min-width: 1200px) {
	}

@media (min-width: 992px) and (max-width: 1199px) {	
}

@media (max-width: 1023px) {
}

@media (max-width: 991px) {
 .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	#navbar.navbar-default .navbar-nav>li>a {
		margin-top:0px!important;
		padding:10px;
	}
}

@media (max-width: 767px) {
	img.logo { max-height:120px; margin-right:20px;}
	h1 { font-size:30px; margin-top:10px;}
	
	/*TABLE*/
	#left table {
      border: 0;
    }

    #left table thead {
      display: none!important;
    }

    #left table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    #left table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    #left table td:last-child {
      border-bottom: 0;
    }

    #left table td:before {
      content: attr(data-label);
      float: left;
      text-transform: none;
      font-weight: bold;
    }
}

@media (max-width: 576px) {
	}
@media (max-width: 479px) {
}

@media (max-width: 360px) {
	}
	
@media (max-width: 321px) {
	}