body {
                padding-top: 51px;
}

.features .glyphicon {
                font-size: 32px;
}

/*-- navbar --*/
.navbar-default .navbar-brand {
                color: #345573;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
                color: #298fa6;
}
.navbar-default .navbar-text {
                color: #345573;
}
.navbar-default .navbar-nav > li > a {
                color: #345573;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
                color: #298fa6;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
                color: #298fa6;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
                color: #298fa6;
}
.navbar-default .navbar-toggle .icon-bar {
                background-color: #345573;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
                border-color: #345573;
}
.navbar-default .navbar-link {
                color: #345573;
}
.navbar-default .navbar-link:hover {
                color: #298fa6;
}            
/*-- //navbar --*/
/*-- banner --*/
.banner{
                background:url(../images/banner.jpg) no-repeat 0px 0px;
                background-size:cover;
                width:100%;
                min-height:500px;
}
.banner-info{
		text-align:center;
		width:100%;
		margin-top: 14em;
}
.banner-info h1{
                color:#345573;
                /*-- jos banner-kuva vaatii tekstin ympärille reunat erottuakseen --*/
                /*--text-shadow: -1px 0 #f2f2f2, 0 1px #f2f2f2, 1px 0 #f2f2f2, 0 -1px #f2f2f2; --*/
		font-weight:700;
		margin:0px;
		}
.banner-info p{

		color:#298fa6;
		/*-- jos banner-kuva vaatii tekstin ympärille reunat erottuakseen --*/
	        /*-- text-shadow: -1px 0 #f2f2f2, 0 1px #f2f2f2, 1px 0 #f2f2f2, 0 -1px #f2f2f2; --*/
		font-size:20px;
		margin:1em 0px 8em;
		}
/*-- //banner --*/
/*-- subbanner --*/
.subbanner {
		background:#298fa6;
		padding: 4em 0px;
}
.subbanner h3 {
		margin: 0.5em 0px 0.4em;
		color:#f2f2f2;
		text-align:center;
		font-size: 32px;
}
.subbanner p {
		color:#f2f2f2;
		text-align:center;
		width:100%;
		margin:0px;
		font-size: 18px;
}
/*-- //subbanner --*/

.yhdistys{

		background: #f2f2f2;
                padding: 2em 0px;
}

.tapahtumat{
                background: #fff;
                padding: 3em 0px;
}

.meniere{

                background: #fff;
		padding: 2em 0px;
}

.meniere li{

}

.tapahtumat-lista {
		list-style: none;
		margin: 0px;
		padding: 0px;
}
.tapahtumat-lista > li {
		background-color: #fff;
		box-shadow: 0px 0px 2px #345573;
		box-shadow: 0px 0px 2px #345573;
		padding: 0px;
		margin: 20px 0px 20px;
}
.tapahtumat-lista > li > time {
		display: inline-block;
		width: 100%;
		color: #fff;
		background-color: #298fa6;
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
}
.tapahtumat-lista > li:nth-child(even) > time {
		background-color: #58a6a6;
}
.tapahtumat-lista > li > time > span {
		display: none;
}
.tapahtumat-lista > li > time > .day {
		display: block;
		font-size: 56pt;
		font-weight: 100;
		line-height: 1;
}
.tapahtumat-lista > li time > .month {
		display: block;
		font-size: 24pt;
		font-weight: 900;
		line-height: 1;
}
.tapahtumat-lista > li > .info {
		padding-top: 5px;
		text-align: center;
}
.tapahtumat-lista > li > .info > .title {
		font-size: 17pt;
		font-weight: 700;
		margin: 0px;
}
.tapahtumat-lista > li > .info > .desc {
		font-size: 13pt;
		font-weight: 300;
		margin: 0px;
}
.tapahtumat-lista > li > .info > ul {
		display: table;
		list-style: none;
		margin: 10px 0px 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
}

.image{
		display: inline-block;
}

.image img{
		display: block;
		width: 100%;
		border-radius: 5px;
	        -webkit-border-radius: 5px;
	        -moz-border-radius: 5px;
	        -o-border-radius: 5px;
}

.image.album{
                display: block;
                width: 100%;
                margin-bottom: 2em;
                opacity: 1.0;
                /* Koska IE8, css validoija antaa erroria */
                filter: alpha(opacity=100); /* For IE8 and earlier */
}

.image.album:hover{
                opacity: 0.9;
                /* Koska IE8, css validoija antaa erroria */
                filter: alpha(opacity=90); /* For IE8 and earlier */
}

/*-- yhteystiedot --*/

.yhteystiedot{
                background: #dddada;
}

.yhteystiedot .glyphicon {
  	        float: left;
                font-size: 30px;
	        margin-right: 6%;
	        margin-top: 2%;
}

ul.yhteys{
	        padding:0;
	        margin:0;
	        list-style:none;
}

ul.yhteys li.yhteys-tiedot{
	        overflow: hidden;
}
ul.yhteys li.yhteys-tiedot p{
	        font-weight: 600;
}

.yhteystiedot-1{
	        padding:1em 2% 1em;
	        margin: 0 auto;
}

.yhteystiedot-2{
	        padding:1em 2% 1em;
}
.yhteystiedot-2 p{
	        margin-top:1em;
}

.yhteystiedot-2 h4{
	        font-weight: 600;
	        border-bottom:1px solid #545454;
	        padding-bottom: 1em;
}

.yhteystiedot-3{
	        padding:1em 2% 1em;
}
.yhteystiedot-3 p{
	        margin-top:1em;
}

.yhteystiedot-3 h4{
	        font-weight: 600;
}

/*-- //yhteystiedot --*/

/*-- footer --*/
.footer {
                background-color: #345573;
}

.footer p {     
                color: #f2f2f2;
}

.footer h4 {
                color: #f2f2f2;
}

.footer a {
                color: #f2f2f2;
}

/*-- //footer --*/


/*-- saannot-sivu --*/
.pykala-1{
		background: #fff;
                padding: 1em;
}

.pykala-2{
                background: #f2f2f2;
                padding: 1em;
}

.pykala-3{
                background: #fff;
                padding: 1em;
}

.pykala-4{
                background: #f2f2f2;
                padding: 1em;
}

.pykala-5{
                background: #fff;
                padding: 1em;
}

.pykala-6{
                background: #f2f2f2;
                padding: 1em;
}

.pykala-7{
                background: #fff;
                padding: 1em;
}

.pykala-8{
                background: #f2f2f2;
                padding: 1em;
}
/*-- //saannot-sivu --*/
/*-- meniere-sivu --*/
.men-historia{
		background: #fff;
                padding: 1em;
}

.men-historia p{
                text-align: left;
}

.men-oireet{
		background: #f2f2f2;
                padding: 1em;
}

.men-oireet p{
                text-align: left;
}

.men-hoito{
		background: #fff;
                padding: 1em;
}

.men-hoito p{
                text-align: left;
}

.men-hoito p{
                text-align: left;
}

.men-faq{
		background: #f2f2f2;
                padding: 1em;
}

.men-faq p{
                text-align: left;
}

.men-linkkeja{
		background: #fff;
                padding: 1em;
}
/*-- //meniere-sivu --*/
/*-- ruokavalio-sivu --*/
.ruoka-ruokavalio{
		background: #fff;
                padding: 1em;
}

.ruoka-ruokavalio p{
                text-align: left;
}

.ruoka-toteutus{
		background: #f2f2f2;
                padding: 1em;
}

.ruoka-toteutus p{
                text-align: left;
}

.ruoka-toteutus td {
                padding: 3px;
}

.ruoka-toteutus table, td, th {
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 2em;
                border: 1px solid #61605f;
}

.ruoka-suolat{
		background: #fff;
                padding: 1em;
}

.ruoka-suolat p{
                text-align: left;
}

.ruoka-hoito {
                background: #f2f2f2;
                padding: 1em;
}

.ruoka-hoito p{
                text-align: left;
}

/*-- //ruokavalio-sivu --*/
/*-- //tinnitus-sivu --*/
.tinnitus{
		background: #fff;
                padding: 1em;
}

.tinnitus p{
               text-align: left;
}

.tinnitus-kuvaus{
		background: #f2f2f2;
                padding: 1em;
}

.tinnitus-kuvaus p{
               text-align: left;
}

.tinnitus-hoito{
		background: #fff;
                padding: 1em;
}

.tinnitus-hoito p{
                text-align: left;
}

.tinnitus-center p{
                text-align: center;
}
/*-- //tinnitus-sivu --*/
/*-- kuvagalleria --*/

.galleria{
                padding: 2em 0em 2em 0em;
}

.image.gallery{
                display: block;
                width: 100%;
                margin-bottom: 2em;
}

/*-- //kuvagalleria --*/

.tummin {
                color: #345573;
}

.milteiharmaa {
                color: #9fb0bf;
}

.vaalea {
                color: #f2f2f2;
}

.turkoosi {
                color: #298fa6;
}

.vihrea {
                color: #58a6a6;
}