
/***************** Yleiset muotoilut *****************/

/**** Etusivun täydennyskoulutus-blockin muotoilut ****/
#block-block-34 p, #block-block-34 ul li, #block-block-56 p, #block-block-56 ul li, #block-block-73 p, #block-block-73 ul li, #block-views-avoimet-ty-paikat-rss-block p, #block-views-avoimet-ty-paikat-rss-block ul li, #block-block-75 p, #block-block-75 ul li {
	list-style-type: none;
	margin-bottom: 10px!important;
	margin-top: 0!important;
	padding-bottom: 7px;
	border-bottom: 1px rgb(239, 239, 239) solid;
	
}
#block-block-56 ul li a{
	font-weight: bold;
}

/**** Sidebarin blockkien välisen yläviivan poisto ***/
.region-right-sidebar .block {
    border-top: 0px;
}

/**** Pudotusvalikoiden muotoilut ****/
optgroup {
	font-weight: bold; /** Pudotusvalikkojen ylätasojen boldaus **/
}

/**** Valokuvien marginaalit ****/
.valokuva-vasemmalle {
	float: left;
	margin-right: 8px;
	border: 1px solid #ccc;
}
.valokuva-oikealle, .julkaisukuva{
	float: right;
	margin-left: 10px;
	margin-bottom: 8px;
	border: 1px solid #ccc;
}
.mainoskuva {
	border: 1px solid #ccc;
}

/***************** Savonian omien moduulien *****************/

/**** Taulukot ****/
table#hakijalle-taulukko, table#opiskelijalle-taulukko, table#tki-taulukko, table#tutustu-savoniaan-taulukko, table#yhteystiedot-taulukko{
	text-align: left!important;
	margin: 0!important;
	padding: 0!important;
	vertical-align: top!important;
}
table#hakijalle-taulukko tr, table#opiskelijalle-taulukko tr, table#tki-taulukko tr, table#tutustu-savoniaan-taulukko tr, table#yhteystiedot-taulukko tr {
	text-align: left!important;
	margin: 0!important; /** Ylimääräiset marginaalit pois **/
	padding: 0!important;
}
#hakijalle-taulukko td, #tki-taulukko td, table#tutustu-savoniaan-taulukko td, #yhteystiedot-taulukko td {
	text-align: left!important;
	padding-right: 5px; /** Väliä sarakkaiden väliin **/
	vertical-align: top;
}

/**** Viivoilla eroteltu taulukko ****/
table#hakijalle-taulukko-viivoilla, table#opiskelijalle-taulukko-viivoilla, table#tki-taulukko-viivoilla, table#tutustu-savoniaan-taulukko-viivoilla, table#yhteystiedot-taulukko-viivoilla {
	text-align: left !important;
}

/** Alaviiva riveille **/
#hakijalle-taulukko-viivoilla tr, #opiskelijalle-taulukko-viivoilla tr, #tki-taulukko-viivoilla tr, #tutustu-savoniaan-taulukko-viivoilla tr, #yhteystiedot-taulukko-viivoilla tr {
	text-align: left!important;
	margin-bottom: 2px !important;
	margin-top: 2px !important;
	padding-bottom: 2px !important;
	padding-top: 2px !important;
	border-bottom: 1px solid #ccc;
}
/** Pystyviiva sarakkaiden väliin **/
#hakijalle-taulukko-viivoilla td, #opiskelijalle-taulukko-viivoilla td, #tki-taulukko-viivoilla td, #tutustu-savoniaan-taulukko-viivoilla td, #yhteystiedot-taulukko-viivoilla td   {
	text-align: left!important;
	padding: 5px;
	border-right: 1px solid #ccc;
	vertical-align: top;
}
/** Ei pystyviivaa viimeisen sarakkeen reunaan **/
#hakijalle-taulukko-viivoilla td:last-child, #opiskelijalle-taulukko-viivoilla td:last-child, #tki-taulukko-viivoilla td:last-child, #tutustu-savoniaan-taulukko-viivoilla td:last-child, #yhteystiedot-taulukko-viivoilla td:last-child {
	border-right: 0 !important;
}
/***************** Kaikkien osioiden yhteiset tekstimuotoilut ********************/

/** Otsikko h3 **/
#hakijalle-taulukko h3, #hakijalle-taulukko-viivoilla h3, #opiskelijalle-taulukko h3, #opiskelijalle-taulukko-viivoilla h3, #tki-taulukko h3, #tki-taulukko-viivoilla h3, #tutustu-savoniaan-taulukko h3, #tutustu-savoniaan-taulukko-viivoilla h3, #yhteystiedot-taulukko h3, #yhteystiedot-taulukko-viivoilla h3{
	color: #333;
	font-size: 16px !important;
	font-family: 'newjunesemiboldregular';
	font-weight: normal;
	text-align: left !important;
	margin-top: 20px;
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	border-bottom: 1px solid #333;
}

/** Otsikko h4 **/
#hakijalle-taulukko h4, #hakijalle-taulukko-viivoilla h4, #opiskelijalle-taulukko h4, #opiskelijalle-taulukko-viivoilla h4, #tki-taulukko h4, #tki-taulukko-viivoilla h4, #tutustu-savoniaan-taulukko h4, #tutustu-savoniaan-taulukko-viivoilla h4, #yhteystiedot-taulukko h4, #yhteystiedot-taulukko-viivoilla h4{
	color: #333;
	font-size: 12px !important;
	font-weight: normal;
	font-family: 'newjunesemiboldregular';
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px!important;
	padding-bottom: 0!important;
}

/** Sarakkeiden alaotsikkoteksti **/
.alaotsikko {
	color: #666;
	font-size: 8pt;
	text-transform: uppercase;
	width: 200px;
}

/** Pienet lisätekstit **/
.pieniteksti {
	font-size: 8pt;
	font-family: 'newjunesemiboldregular';
	font-weight: normal;
	padding-bottom: 0!important;
}
.pieniteksti img {
	padding-bottom: 4px!important;
}

/**** Linkkien värit ****/

/** Hakijalle **/ 
table#hakijalle-taulukko a, table#hakijalle-taulukko-viivoilla a, table.hakijalle a{
	color: #52aa16;
	text-align: left !important;}
table#hakijalle-taulukko a:hover, table#hakijalle-taulukko-viivoilla a:hover, table.hakijalle a:hover {
	color: #266726;
	text-decoration: underline; }
/** Opiskelijalle **/ 
table#opiskelijalle-taulukko a, table#opiskelijalle-taulukko-viivoilla a, table.opiskelijalle a {
	color: #00ACBD;
	text-align: left !important; }
table#opiskelijalle-taulukko a:hover, table#opiskelijalle-taulukko-viivoilla a:hover, table.opiskelijalle a:hover{
	color: #006772;
	text-decoration: underline; }

	/** Tki **/ 
table#tki-taulukko a, table#tki-taulukko-viivoilla a, table.tki a {
	color: #D2256E;
	text-align: left !important; }
table#tki-taulukko a:hover, table#tki-taulukko-viivoilla a:hover, table.tki a:hover{
	color: #A51E5B;
	text-decoration: underline; }

/** Tutustu Savoniaan **/ 
table#tutustu-savoniaan-taulukko a, table#tutustu-savoniaan-taulukko-viivoilla a, table.tutustu-savoniaan a {
	color: #EC7D20;
	text-align: left !important; }
table#tutustu-savoniaan-taulukko a:hover, table#tutustu-savoniaan-taulukko-viivoilla a:hover, table.tutustu-savoniaan a:hover{
	color: #C4651E;
	text-decoration: underline; }

/** Yhteystiedot **/ 
table#yhteystiedot-taulukko a, table#yhteystiedot-taulukko-viivoilla a, table.yhteystiedot a {
	color: #D2256E;
	text-align: left !important;
}
table#yhteystiedot-taulukko a:hover, table#yhteystiedot-taulukko-viivoilla a:hover, table.yhteystiedot a:hover{
	color: #A51E5B;
	text-decoration: underline;
}

/***************** Taulukoiden pääotsikkopalkkien muotoilut **********************/

/**** Hakijalle-osio: Vihreä otsikko-palkki (moduulin päänavi) ****/
#vihrea-palkki {
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	font-family: 'newjunesemiboldregular';
	text-transform: uppercase;
	text-align: left!important;
	height: 20px;
	background-color: #52aa16;
	margin-bottom: 0px;
	border-bottom: 1px solid #333;
	vertical-align: middle;
}
#vihrea-palkki td {
	height: 20px;
	display: inline-block;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
td#vihrea-palkki{
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 5px!important;
	padding-right: 5px!important;
	vertical-align: middle;
}
#vihrea-palkki td a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left!important;
	height: 20px;
	display: block;
}
#vihrea-palkki a:hover{
	text-decoration: underline;
}
#vihrea-palkki td#valittu-tab{
	color: #333;
	text-transform: uppercase;	
	height: 20px;
	background-color: #fff;
}
#vihrea-palkki td#valittu-tab a{
	color: #333;
}

/**** Opiskelijalle-osio: Turkoosi otsikko-palkki (moduulin päänavi) ****/
#turkoosi-palkki {
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	font-family: 'newjunesemiboldregular';
	text-transform: uppercase;
	height: 20px;
	width: 100%;
	background-color: #00ACBD;
	border-bottom: 1px solid #333;
	vertical-align: middle;
}
#turkoosi-palkki td {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0!important;
	vertical-align: middle;
}
td#turkoosi-palkki {
	padding-left: 5px!important;
	padding-right: 5px!important;
	vertical-align: middle;
}
#turkoosi-palkki a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left!important;
	height: 20px;
	display: block;
}
#turkoosi-palkki a:hover {
	text-decoration: underline;
}
#turkoosi-palkki td#valittu-linkki, #liila-palkki td#valittu-tab{
	color: #333;
	text-transform: uppercase;	
	height: 30px;
	display: block;
	background-color: #fff;
}
#turkoosi-palkki td.ei-aktiivinen{
	color: #333 !important;
	background-color: #ccc !important;
}

/**** Student-osio: Turkoosi otsikkopalkki (moduulin päänavi) ****/
#s-turkoosi-palkki {
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	font-family: 'newjunesemiboldregular';
	text-transform: uppercase;
	height: 30px;
	background-color: #00ACBD;
	border-bottom: 1px solid #333;
	vertical-align: middle;
}
#s-turkoosi-palkki td {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0!important;
	vertical-align: middle;
}
td#s-turkoosi-palkki {
	padding-left: 5px!important;
	padding-right: 5px!important;
	vertical-align: middle;
}
#s-turkoosi-palkki a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left!important;
	height: 20px;
	display: block;
}
#s-turkoosi-palkki a:hover {
	text-decoration: underline;
}
#s-turkoosi-palkki td#valittu-linkki{
	color: #333;
	text-transform: uppercase;	
	height: 30px;
	display: block;
	background-color: #fff;
}
#s-turkoosi-palkki td.ei-aktiivinen{
	color: #333 !important;
	background-color: #ccc !important;
}

/**** Tki-osio: Liila otsikko-palkki (moduulin päänavi) ****/
#liila-palkki {
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	font-family: 'newjunesemiboldregular';
	text-transform: uppercase;
	height: 20px;
	background-color: #A042AB;
	border-bottom: 1px solid #333;
	vertical-align: middle;
}
td#liila-palkki {
	padding-left: 5px!important;
	padding-right: 5px!important;
	vertical-align: middle;
}
td#liila-palkki#liila-palkki a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left!important;
	height: 20px;
	display: block;
}
#liila-palkki a:hover {
	text-decoration: underline;
}
#liila-palkki td#valittu-linkki, #liila-palkki td#valittu-tab{
	color: #333;
	text-transform: uppercase;	
	height: 20px;
	display: block;
	background-color: #fff;
}
#liila-palkki td.ei-aktiivinen{
	color: #333 !important;
	background-color: #ccc !important;
}

/**** Tutustu Savoniaan -osio: Oranssi otsikko-palkki (moduulin päänavi) ****/
#oranssi-palkki {
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	font-family: 'newjunesemiboldregular';
	text-transform: uppercase;
	height: 20px;
	background-color: #EC7D20;
	border-bottom: 1px solid #333;
	vertical-align: middle;
}
td#oranssi-palkki {
	padding-left: 5px!important;
	padding-right: 5px!important;
	vertical-align: middle
}
#oranssi-palkki a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left!important;
	height: 20px;
	display: block;
}
#oranssi-palkki a:hover {
	text-decoration: underline;
}
#oranssi-palkki td#valittu-linkki, #oranssi-palkki td#valittu-tab{
	color: #333;
	text-transform: uppercase;	
	height: 20px;
	display: block;
	background-color: #fff;
}
#oranssi-palkki td.ei-aktiivinen{
	color: #333 !important;
	background-color: #ccc !important;
}

/**** Yhteystiedot-osio: Pinkki otsikko-palkki (moduulin päänavi) ****/
#pinkki-palkki {
	color: #fff;
	font-size: 10px;
	line-height: 20px;
	font-family: 'newjunesemiboldregular';
	text-transform: uppercase;
	height: 20px;
	background-color: #D2256E;
	border-bottom: 1px solid #333;
	vertical-align: middle; }
td#pinkki-palkki {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle; }
#pinkki-palkki a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left!important;
	height: 20px;
	display: block;
}
#pinkki-palkki a:hover {
	text-decoration: underline;
}
#pinkki-palkki td#valittu-linkkim ##pinkki-palkki td#valittu-tab{
	color: #333;
	text-transform: uppercase;	
	height: 20px;
	display: block;
	background-color: #fff;
}
#pinkki-palkki td.ei-aktiivinen{
	color: #333 !important;
	background-color: #ccc !important;
}

/****************** Valkoinen alapalkki ****************/
#hakijalle-valkoinen-palkki, #opiskelijalle-valkoinen-palkki, #tki-valkoinen-palkki, #tutustu-savoniaan-valkoinen-palkki, #yhteystiedot-valkoinen-palkki{
	font-family: 'newjunesemiboldregular';
	font-size: 9pt;
	line-height: 90%;
	margin-bottom: 20px;
	border-bottom: 1px solid #333;
	padding-right: 2px;
	padding-left: 2px;
}
#hakijalle-valkoinen-palkki tr, #opiskelijalle-valkoinen-palkki tr, #tki-valkoinen-palkki tr, #tutustu-savoniaan-valkoinen-palkki tr, #yhteystiedot-valkoinen-palkki tr{
	padding-bottom: 5px;
}
#hakijalle-valkoinen-palkki td, #opiskelijalle-valkoinen-palkki td, #tki-valkoinen-palkki td, #tutustu-savoniaan-valkoinen-palkki td, #yhteystiedot-valkoinen-palkki td{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
	border-right: 1px solid #333;
}
#hakijalle-valkoinen-palkki a{
	color: #52aa16;
}
#hakijalle-valkoinen-palkki a:hover {
	color: rgb(38, 103, 38);
	text-decoration: underline;
}
#hakijalle-valkoinen-palkki .valittu-linkki {
	color: rgb(38, 103, 38);
	font-weight: bold;
}
#opiskelijalle-valkoinen-palkki a{
	color: #00ACBD;
}
#opiskelijalle-valkoinen-palkki a:hover {
	color: #006772;
	text-decoration: underline;
}
#opiskelijalle-valkoinen-palkki .valittu-linkki {
	color: #006772;
	font-weight: bold;
}
#tki-valkoinen-palkki a{
	color: #A042AB; 
}
#tki-valkoinen-palkki a:hover {
	color: #73357C;
	text-decoration: underline;
}
#tki-valkoinen-palkki .valittu-linkki {
	color: #73357C;
	font-weight: bold;
}
#tutustu-savoniaan-valkoinen-palkki a{
	color: #EC7D20; 
}
#tutustu-savoniaan-valkoinen-palkki a:hover {
	color: #C4651E;
	text-decoration: underline;
}
#tutustu-savoniaan-valkoinen-palkki .valittu-linkki {
	color: #C4651E;
	font-weight: bold;
}
#yhteystiedot-valkoinen-palkki a{
	color: #D2256E;
}
#yhteystiedot-valkoinen-palkki a:hover {
	color: #A51E5B;
	text-decoration: underline;
}
#yhteystiedot-valkoinen-palkki .valittu-linkki {
	color: #A51E5B;
	font-weight: bold;
}

/***************** Hakijalle-osion omat muotoilut ****************/

/** Valkoinen otsikko-palkki hakijalle-osiossa(moduulin alanavi)**/
#valkoinen-palkki {
	font-family: 'newjunesemiboldregular';
	font-size: 9pt;
	line-height: 90%;
	height: 20px;
	margin-bottom: 20px;
	padding-right: 2px;
	padding-left: 2px;
	border-bottom: 1px solid #333;
	vertical-align: middle;
}
#valkoinen-palkki tr {
	padding-bottom: 5px;
}
#valkoinen-palkki td {
	height: 20px;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid #333;
	vertical-align: middle;
}
#valkoinen-palkki a{
	color: #52aa16;
}
#valkoinen-palkki a:hover {
	color: rgb(38, 103, 38);
	text-decoration: underline;
}
#valkoinen-palkki .valittu-linkki {
	color: rgb(38, 103, 38);
	font-weight: bold;
}
#valkoinen-palkki #form {
	margin-top: 0!important;
	padding-top: 0!important;
	padding-bottom: 5px !important;
}
/** Värillinen alaotsikkopalkki hakijalle-osiossa **/
tr.alaotsikko-palkki, td.alaotsikko-palkki {
	color: #52aa16 !important;
	font-size: 12px;
	font-family: 'newjunesemiboldregular';
	font-weight: bold;
	text-align: left!important;
	text-transform: uppercase;
	padding-top: 15px;
	border-bottom: 1px solid #ccc;
}

/** Hakijalle-osiossa listat **/
#hakijalle-taulukko ul, #hakijalle-taulukko-viivoilla ul {
	color: #52aa16;
	margin: 0!important; 
	padding: 0!important;
	text-align: left!important;
}
#hakijalle-taulukko ul li, #hakijalle-taulukko-viivoilla  ul li{
	line-height: 14pt;
	text-align: left!important;
	list-style-type: circle;
	list-style-position: outside;
	margin-right: 0px!important;
	margin-top: 0px!important;	
	margin-left: 15px!important;
	margin-bottom: 0px!important;	
	padding: 0px!important;
}
#hakijalle-taulukko img {
	padding-bottom: 4px!important;
}

/***************** Opiskelijalle-osion omat muotoilut *****************/

/**OPSin opintojaksotaulukon tekstimuotoilut **/

td.ops-otsikko-1, td.ops-otsikko-1:hover{
	font-family: 'newjunesemiboldregular';
	font-size: 13pt;
	text-align: left !important; }
tr.ops-teksti {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;}
td.ops-teksti-2 {
	color: #333;
	font-weight: bold;
	text-align: left !important;
	margin-top: 5px;
	margin-bottom: 3px;
	padding: 2px; }

/**PDF OPSin opintojaksotaulukon tekstimuotoilut **/
td.pdf-ops-otsikko-1, td.pdf-ops-otsikko-1:hover{
	font-family: 'newjunesemiboldregular';
	font-size: 13pt;
	text-align: left !important;
	border-bottom: 1px solid #ccc; }
tr.pdf-ops-teksti {
	padding: 5px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;  }
td.pdf-ops-teksti-2 {
	color: #333;
	font-weight: bold;
	text-align: left !important;
	margin-top: 5px;
	margin-bottom: 13px;
	padding: 2px; }

/**** Koulutusohjelmakuvauksen oikean reunan linkit -palsta ****/
.hakijalle_oikea_palsta{width:18%; height:710px; float:right; padding:0 0 0 2%;}
.hakijalle_oikea_palsta_tausta1 {background-color:#90c336;}
.hakijalle_oikea_palsta_tausta2 {background-color:#5a850e;}
.hakijalle_oikea_palsta_tausta3 {background-color:#ffffff;}
.hakijalle_oikea_palsta_teksti1 {padding:6px 0px 0px 9px;}
.hakijalle_oikea_palsta_teksti2 {padding:6px 0px 0px 9px;}

.hakijalle_oikea_palsta2{width:18%; height:640px; float:right; padding:0 0 0 2%;}
.hakijalle_oikea_palsta2_tausta1 {background-color:#90c336;}
.hakijalle_oikea_palsta2_tausta2 {background-color:#5a850e;}
.hakijalle_oikea_palsta2_tausta3 {background-color:#ffffff;}
.hakijalle_oikea_palsta2_teksti1 {padding:6px 0px 0px 9px;}
.hakijalle_oikea_palsta2_teksti2 {padding:6px 0px 0px 9px;}

/**** Laatikkoleikin tyylit ****/
#laatikko_x {
	border-collapse: separate;
    border-spacing: 4px; /* cellspacing */
    *border-collapse: expression('separate', cellSpacing = '10px');
	color: #fff;
	font-size: 14px;
        /* Edited by VeM */
	line-height: 17px;
	font-family: 'newjunesemiboldregular';
	background-color: #fff;
	width: 650px;
	margin-bottom: 0px;
	border-bottom: 0px;
}
#laatikko_x td {
	vertical-align: bottom;
	font-size: 14px;
	height: 77px;
	width: 198px;
	font-family: 'newjunesemiboldregular';
	line-height: 17px;
	display: inline-block;
	padding-top: 10px;
	padding-left: 10px;
	background-color: #fff;
	background-image:url(/amk/sites/default/files/laatikot/tausta/tausta_214x100_4.gif);
}
#laatikko_x td a {
	color: #eee;
	text-decoration: none;
	text-align: left;
	display: block;
	height:5em;
}
#laatikko_x a:hover{
	color: #fff;
	text-decoration: underline;
	text-align: left;
}

/**** Materiaali uudelle opiskelijalle -taulukko ****/
#uusi-opiskelija {
	text-align: left !important;
}

/** Pystyviiva sarakkaiden väliin **/
#uusi-opiskelija td {
	text-align: left!important;
	padding: 5px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}


#palvelulaatikko {
    border-radius: 3px;
    background: #a042ab;
	text-align: center;
	margin: 5px;
	padding: 10px;
	width: 195px;
    height: 130px;
	float: left;
	}

#palvelulaatikko h5 {
	color: white;
	text-shadow: 2px 2px 4px #000000;
	}
	
#palvelulaatikko a {
	display: block;
	}

#palvelulaatikko:hover {
    background: #4e0d56;
}

/*** Kirjaston etusivun hakuvälilehdet ***/
.libsearcharea {
	box-sizing: border-box;
	height: 180px;
	padding-top: 20px;
	text-align: center;
	background-image: url("/amk/sites/default/files/kuvat/kirjasto/hakutausta.jpg");
}
.libtabs {
	float: none;
	list-style: outside none none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 75%;
}
.libtabs li {
	float: left;
	width: 33%;
}
.libtabs label {
	border-radius: 2px 2px 0 0;
	color: #333;
	cursor: pointer;
	display: block;
	font-weight: normal;
	padding: 10px 0;
	position: relative;
	text-transform: uppercase;
	top: 3px;
	transition: all 0.2s ease-in-out 0s;
}
.ktab-content-search {
/*	animation-duration: 0.5s;*/
	box-sizing: border-box;
	display: none;
	font-size: 16px;
	left: 0;
	line-height: 140%;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 53px;
	width: 100%;
	z-index: 2;
}
[id^="ktab"]:checked + label {
	border-bottom: 3px solid #00acbd;
	border-top: 3px solid #00acbd;
	color: #222;
	margin: 6px 0;
	padding: 5px 0;
	text-transform: uppercase;
}
[id^="ktab"]:checked ~ [id^="ktab-content"] {
	display: block;
}
.libtabs input[type="radio"] {
	display: none;
}
.btn.btn-valkea,
.bg-colorvalkea {
  border-color: #ccc !important;
  background-color: #fff;
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#fff),to(#eee));
  background-image: -webkit-linear-gradient(top,#fff,0%,#eee,100%);
  background-image: -moz-linear-gradient(top,#fff,#eee);
  background-image: -ms-linear-gradient(top,#fff 0%,#eee 100%);
  background-image: -o-linear-gradient(top,#fff,#eee);
  background-image: linear-gradient(to bottom,#fff 0%,#eee 100%);
  color: #000;
  margin: 8px 0 0 8px;
}
.btn.btn-valkea:hover {
  border-color: #ccc !important;
  background-color: #fff;
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#fff),to(#ddd));
  background-image: -webkit-linear-gradient(top,#fff,0%,#ddd,100%);
  background-image: -moz-linear-gradient(top,#fff,#ddd);
  background-image: -ms-linear-gradient(top,#fff 0%,#ddd 100%);
  background-image: -o-linear-gradient(top,#fff,#ddd);
  background-image: linear-gradient(to bottom,#fff 0%,#ddd 100%);
  color: #000;
}

/**** Hakijalle -sivun Flickr -blockin pientä piilotusta ****/
span.flickr-credit.flickr-no-title, h2.flickr-album-heading, div.flickr-album-counter { 
  display: none;
}

img.flickr-photo-img:hover {
  opacity: 0.6;
}

img.flickr-photo-img {
  margin-bottom: 4px
}


/**** ACCORDION määrittelyt ****/

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: inherit;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-widget {
        font-family: 'Droid Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #656565;
}

.ui-widget-content {
    border: none;
     color: #656565;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #CCC;
	border-radius:0;
    background: #EFEFEF;
    font-weight: normal;
	font-size:1.5em;
    color: #555555;
}
.ui-state-active, ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #CCC;
	border-radius:0;
    background: #EFEFEF;
    font-weight: normal;
    color:#E83882;
}

.ui-accordion .ui-accordion-header {
    padding: 1em 1em 1em 2em;
	font-size:120%;
	font-weight:400;
	font-family:"droid sans", sans-serif;
}


/**** Lyytin JSON-feedin muotoiluja ****/

#lyyti-taulu td {
	border-bottom:1px solid #efefef;
}

#lyyti-taulu p {
	margin:4px 0px 3px 0px;
}

#lyyti-taulu img {
	margin:0px 0px 0px 7px;
	border:0;
}


/*** Tyylit blokeille alkaa tästä ***/

.main_point {
	font-family: newjunesemiboldregular, "droid sans";
	margin:25px 0;
}

.main_point span {
	 position:absolute;
	 width:89%;
	 height:99%;
	 top:0px;
	 left:10;
	 z-index:1;
}

.main_point span:hover {
	opacity: 0.8;
}


.main_point .section-1 {
	position:relative;
	 min-height:100px;
	 padding-left:30px;
	 padding-right:30px;
}


.main_point .section-number {
	text-align:right;
	float:left;
	margin-right:10px;
}



@media (min-width: 768px) {
.main_point .section-number {
	text-align:center;
	float:none;
}

.main_point .section-text h3 {
	text-align:center !important;
}

}

@media (min-width: 992px) {
.main_point .section-number {
	text-align:right;
	float:left;
}

.main_point .section-text h3 {
	text-align:left !important;
}
}

.main_point .section-image {
	margin-top:20px;
}

.main_point {
	background-color:#EFEFEF;
	min-height:300px;
	padding-bottom:25px;
	padding-left:15px;
	padding-right:15px;
}

@media (min-width: 768px) {
	.main_point {
	min-height:420px;
	}
}

@media (min-width: 992px) {
	.main_point {
	min-height:350px;
	}
}

@media (min-width: 1200px) {
	.main_point {
	min-height:300px;
	}
}

.main_point h2, .main_point h3 {
		font-family: newjunesemiboldregular, "droid sans";
		
}
 .main_point h2 {
			font-size:60px;
}

.main_point h3 {
	    border-bottom: none;
		font-size:20px;
}

.main_point h2.pink {

	color:#E83882;

}
.main_point h3.pink {
color:#E83882;
}
.main_point h2.green {

	color:#90C336;

}
.main_point h3.green {
color:#90C336;
}

.main_point h2.blue {

	color:#00B4CD;

}
.main_point h3.blue {
color:#00B4CD;
}

.header_hakijoille {
	position:relative;
}

.header_hakijoille_caption {
	display:inline-block;
	position:absolute;
	bottom:0px;
		left:0px;
	  background: rgb(232, 56, 130); /* Fallback for older browsers without RGBA-support */
    background: rgba(232, 56, 130, 0.5);
}

.header_hakijoille_caption h2 {
	display:inline-block;
	padding:15px 35px;
	color:#FFF;
	font-family: newjunesemiboldregular, "droid sans";
	font-size:14px
}



@media (min-width: 546px) {
.header_hakijoille_caption h2 {
	font-size:20px
}

.header_hakijoille_caption {

	bottom:10px;
}

}

@media (min-width: 768px) {
.header_hakijoille_caption h2 {
	font-size:30px
}

.header_hakijoille_caption {

	bottom:30px;
}

}
@media (min-width: 768px) {
.sub_title_hakijoille {
	margin-top:0px;
}

}

.sub_title_hakijoille h2 {
		font-family: newjunesemiboldregular, "droid sans";
		color:#7E7777;
		font-size:20px;
}





.header_hakijoille_caption2 {
	display:inline-block;
	position:absolute;
	bottom:0px;
	left:0px;
}

.header_hakijoille_caption2 h2 {
	display:inline-block;
	padding:5px 45px;
	color:#FFF;
	font-family: newjunesemiboldregular, "droid sans";
	font-size:14px
	
}

@media (min-width: 546px) {
.header_hakijoille_caption2 h2 {
	font-size:20px
}
.header_hakijoille_caption2 {
	bottom:10px;
}
}

@media (min-width: 768px) {
.header_hakijoille_caption2 h2 {
	font-size:30px
}

.header_hakijoille_caption2 {
	bottom:30px;
}
}






.btn-orange-savonia {
	color:#FFF;
	background-color:#FF6633;	
	border-color:#FF6633;	
	padding:20px 30px;
}

.bannerfw .btn.btn-orange-savonia {
    margin-top: 0px;
}



.header_hakijoille img {
	width:100%;
}


.Studying_in_Finland {
  height: 205px;
  width: 263px;
  font-size: 20px;
  font-family: "NewJuneBold";
  color: rgb(232, 51, 126);
  line-height: 1.6;
  text-align: center;
  padding-top:1px;
  background-image: url(/amk/sites/default/files/kuvat/eng/Applying/suomi-boxi.png); height: 205px; width: 263px;

}


.read_more {
  font-size: 17px;
  font-family: "NewJuneBold";
  color: rgb(101, 101, 101);
  line-height: 1.882;
  text-align: center;
  background-color:#fff;
  position: absolute;
}

.tyhjaspan { 
  position:absolute;
  width:100%;
  height:30%;
  top:1;
  left: 0;

  z-index: 0;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif 
  background-image: url('empty.gif');*/
}   

.iframe-video-container {
    position: relative;
    padding-bottom: 46%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.iframe-video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


.Student_Experiences {
  font-size: 34px;
  font-family: "NewJuneBold";
  color: rgb(255, 255, 255);
  line-height: 0.941;
  text-align: center;
  background-image: url(/amk/sites/default/files/kuvat/eng/Applying/student_experiences_box2.jpg);
  height: 200px;
  margin:25px 0;
}


@media (min-width: 768px) {
.Student_Experiences {
  height: 136px;
  font-size: 20px;
  margin:0px;
}

}
@media (min-width: 992px) {
.Student_Experiences {
  height: 170px;
  font-size: 34px;
}

}

@media (min-width: 1200px) {
.Student_Experiences {
  height: 202px;
}

}

/**** Etusivun someseinän napit ****/

#somewall_somebuttons img {
margin-right: 4px;
margin-bottom: 10px;
margin-top: -10px;
}

#somewall_somebuttons img:hover {
 opacity: 0.6;
}


/**** Etusivun uudet laatikot ****/
@media screen and (min-width: 991px) and (max-width: 1199px) {
  .etusivun_uudet_laatikot img{width:49%!important; height:auto;}
}

@media screen and (max-width: 991px) {
  .etusivun_uudet_laatikot img{ width:49%!important; height:auto;}
}

@media screen and (max-width: 550px) {
  .etusivun_uudet_laatikot img{width:auto!important; margin-top:10px; height:auto;}
}

#flockler_container {
 margin-left: -7px;
 margin-right: -7px;
} 

#block-block-223.block.block-block h2.block-title.no-subtitle {
 margin-top: 0px;
}

/*** Tyylit blokeille loppuu ***/


/*** Youtube-nauhan tyylit ***/
.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.84%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 42px;
    height: 30px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.4 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}

.youtube .play-button:hover {
    background-color: #c0171c;
	opacity: 1;
}


.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 6px 0 6px 12.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}



/*** Kirjaston oikean reunan laatikot ****/

.kirjasto_oikea_laatikko {
	font-family: newjunesemiboldregular, "droid sans";
	margin:25px 0;
}

.kirjasto_oikea_laatikko span {
	 position:absolute;
	 width:89%;
	 height:79%;
	 top: 0px;
	 left:10px;
	 z-index:1;
}

.kirjasto_oikea_laatikko span:hover {
	opacity: 0.8;
}

.kirjasto_oikea_laatikko  .section-number {
	text-align:right;
	float:left;
	margin-right:10px;
}



@media (min-width: 768px) {
.kirjasto_oikea_laatikko  .section-number {
	text-align:center;
	float:none;
}

.kirjasto_oikea_laatikko  .section-text h3 {
	text-align:center !important;
}

}

@media (min-width: 992px) {
.kirjasto_oikea_laatikko  .section-number {
	text-align:right;
	float:left;
}

.kirjasto_oikea_laatikko  .section-text h3 {
	text-align:left !important;
}
}

.kirjasto_oikea_laatikko  .section-image {
	margin-top:0px;
}

.kirjasto_oikea_laatikko  {
	background-color:#EFEFEF;
	min-height:150px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:15px;
	padding-right:15px;
}

@media (min-width: 768px) {
	.kirjasto_oikea_laatikko  {
	min-height:150px;
	}
}

@media (min-width: 992px) {
	.kirjasto_oikea_laatikko  {
	min-height:150px;
	}
}

@media (min-width: 1200px) {
	.kirjasto_oikea_laatikko  {
	min-height:150px;
	}
}

.kirjasto_oikea_laatikko {
	display:inline-block;
	width:100%;
	margin:0px;
}

.kirjasto_oikea_laatikko  h2, .kirjasto_oikea_laatikko  h3 {
		font-family: newjunesemiboldregular, "droid sans";
		padding-top:0px;
		margin-top: 10px;
		margin-bottom: 5px;
}
 .kirjasto_oikea_laatikko  h2 {
			font-size:60px;
}

.kirjasto_oikea_laatikko  h3 {
		border-bottom: none;
		font-size:20px;
}

.kirjasto_oikea_laatikko  h2.pink {

	color:#E83882;

}
.kirjasto_oikea_laatikko  h3.pink {
color:#E83882;
}
.kirjasto_oikea_laatikko  h2.green {

	color:#90C336;

}
.kirjasto_oikea_laatikko  h3.green {
color:#90C336;
}

.kirjasto_oikea_laatikko  h2.blue {

	color:#00B4CD;

}
.kirjasto_oikea_laatikko  h3.blue {
color:#00B4CD;
}



.kirjasto_button {
	vertical-align: middle;
	display: inline-block;
	width:100%;
	background-color: rgba(0, 0, 0, 0.2);
	filter: alpha(opacity=20);
	filter: progid: DXImageTransform.Microsoft.Alpha(opacity=20);
	-moz-opacity: 0.20;
	opacity: 1;
	zoom: 1;
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom:15px;
}

.kirjasto_button_txt {
	border-width:3px;
	border-style:solid;
	border-color:#ffffff;
}

.kirjasto_button_txt h3 {
	color:#ffffff;
	text-align:center;
	opacity:1.0;
}


@media (max-width: 992px) {
.kirjasto_button_txt h3 {
	font-size: 20px !important;
	
	text-align:center;
	float:none;
}
}

/**** KMG:n lisäyksiä avoimen amk:n kursseihin liittyen ****/
.view-id-lyyti .view-content {
	background-color: #EFEFEF;
	padding-top: 50px;
}
.view-id-lyyti .views-field-title {
	margin-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
}
.view-id-lyyti .views-field-title {
	text-transform: none;
	font-family: newjunesemiboldregular, sans-serif;
	font-size: 16px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
	-webkit-hyphens: auto;
	color: #D1256E;
}
.view-id-lyyti .dexp-masonry-item[style] {
	height: auto !important;
	padding-bottom: 80px;
}
.view-id-lyyti .dexp-masonry-item {
	text-align: center;
	background-color: #FFF;
	box-shadow: 0px 3px 8px #DFDFDF;
}
.view-id-lyyti .dexp-masonry-item > div:not(.ui-resizable-handle) {
	height: auto;
}
.view-id-lyyti .view-header .node-lyyti-koulutustarjontasivun-kuva {
	position: relative;
}
.view-id-lyyti .view-header .field-name-body {
	font-family: newjunesemiboldregular, sans-serif;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	font-size: 50px;
	color: #FFF;
}
.view-id-lyyti .view-header .field-name-body .field-item {
        /* Edited by VeM:50 */
	width: 70%;
	margin: auto;
	line-height: 50px;
}

.node-lyyti-koulutustarjontasivun-kuva h2 {
        color: white;
}


@media (max-width: 768px) {
.view-id-lyyti .view-header .field-name-body .field-item {
        /* Edited by VeM:50 */
	width: 95%;
}
}

@media (max-width: 1920px) {
.node-lyyti-koulutustarjontasivun-kuva .field-item h2 {
        font-size: 40px;
}
}

@media (max-width: 1200px) {
.node-lyyti-koulutustarjontasivun-kuva .field-item h2 {
        font-size: 40px;
}
}

@media (max-width: 992px) {
.node-lyyti-koulutustarjontasivun-kuva .field-item h2 {
        font-size: 30px;
        line-height: 90%;
}
}

@media (max-width: 768px) {
.node-lyyti-koulutustarjontasivun-kuva .field-item h2 {
        font-size: 26px;
}
}

/*.view-id-lyyti .views-field-view-node.btn.btn-primary:hover,
.view-id-lyyti .views-field-view-node {*/
.view-id-lyyti .views-field-nothing:hover,
.view-id-lyyti .views-field-nothing {
    background-color: #FFF;
    background-image: none;
    border: none;
    text-shadow: none;
    box-shadow: none;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    height: 35px !important;
}
.view-id-lyyti .views-field-view-node .dexp-masonry-item > div:not(.ui-resizable-handle) {
    overflow: initial;
    width: auto;
    float: none;
}
.view-id-lyyti .views-field-lyyti-event-address .field-content {
	padding: 2px 5px;
}
/*.view-id-lyyti .views-field-view-node a {*/
.view-id-lyyti .views-field-nothing a {
    font-family: newjunesemiboldregular;
    font-size: 14px;
    padding: 5px 15px;
    border: 2px solid #D1256E;
    color: #D1256E;
    border-radius: 30px;
    background-color: #FFF;
    line-height: 32px;
}
/*.view-id-lyyti .views-field-view-node a:hover {*/
.view-id-lyyti .views-field-nothing a:hover {
	background-color: #D1256E;
	color: #FFF;
}

.node-type-lyyti-event .node-lyyti-event h3.info {
	background-color: #D1256E;
	color: #FFF;
	padding: 50px 30px;
	margin: 0;
}
.node-type-lyyti-event .node-lyyti-event h3.info > div,
.node-type-lyyti-event .node-lyyti-event h3.info > div > div,
.node-type-lyyti-event .node-lyyti-event h3.info > div > div > div {
	display: inline;
}
.node-type-lyyti-event .node-lyyti-event .course-content-block {
	font-size: 15px;
	color: #FFF;
	background-color: #01090C;
	padding: 50px 30px;
}
.node-type-lyyti-event .node-lyyti-event h3 {
	color: #D1256E;
}
.node-type-lyyti-event .node-lyyti-event .lyyti-event-col {
    float: left;
    width: 50%;
    padding: 30px;
}

.node-type-lyyti-event .node-lyyti-event .lyyti-event-reg-link-wrap {
	clear: both;
	width: 100%;
	padding: 50px;
	background-color: #EFEFEF;
}

.node-type-lyyti-event .node-lyyti-event .lyyti-event-reg-link-wrap a {
	fontfamily: newjunesemiboldregular, sans-serif;
	font-size: 18px;
	background-color: #D1256E;
	padding: 10px 30px;
	border-radius: 30px;
	border: 2px solid #D1256E;
	color: #FFF;
}

#edit-submit-lyyti {
    margin-top: 0em;
}


/*** Kevään/syksun haun hakunapin koko  ***/

.46_kesken {
	height: 46px!important;
}

/**** Täällä säädetään vielä pudotusvalikon etäisyyttä ja tämä on viimeisenä, jotta sääntö jää voimaan ****/
#form{
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}

.image-slide-views-row {
  margin: 0;
  padding: 0;
  border: 0;
}
