html { 
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
font-smoothing: antialiased; 
}


 

@media only screen {

    body {
        font-family: Arial, Verdana, sans-serif;
        background: #ffffff;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    
    p { 
        padding-bottom: 20px;
        margin: 0;
		font-family: Arial, Verdana, sans-serif;
		font-size: 18px;
		font-weight: 400;
		color: #000;
        line-height: 24px;
    }
	
	a:link, a:visited {
		color: #000;
	}
	
	
	sup {
		font-size: 10px;
	}
	
	span.black {
		color: #000000
	}
	
	
	h1 {
		font-family: Arial, Verdana, sans-serif;
		font-size:2.8em;
		line-height: 1.2em;
		font-weight: 900;
		color: #fff;
		margin: 0;
		padding: 0 0 20px 0;
		letter-spacing: 0;
		text-align: center;
	}
	
	h2 {
		font-family: Arial, Verdana, sans-serif;
		font-size: 1.2em;
		line-height: 1.2em;
		font-weight: 800;
		color: #fff;
		margin: 0;
		padding: 0 0 20px 0;
		text-align: center;
	}
	
	h3 {
		font-family: Arial, Verdana, sans-serif;
		font-size: 32px;
		font-weight: 900;
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		margin: 0 auto;
		width: 840px;
		padding: 16px 0;
		letter-spacing: 0.5px;
		display: block;
		background: #cd3030;
	}
	
	ul {
		margin: 24px 0 24px 0; 
		}
	
	ul.level-2 {
		margin: 0 0 24px -8px; 
		}
	
	ul.level-3 {
		margin: 24px 0 0 0; 
		}

	li {
		padding: 0 0 0 0;
		line-height: 24px;
	}
	
	table {
		border-collapse: collapse;
		margin-left: 12px;
	}
	
	table.tbfoot {
		border-collapse: collapse;
		margin: 0 0 0 28px;
		padding: 0;
	}
	
	td.thfoot {
		border-collapse: collapse;
		vertical-align: top;
		padding: 0;
		margin: 0;
		font-family: Arial, Verdana, sans-serif;
		font-size: 16px;
		color: #fff;
        line-height: 24px;
		text-align: left;
	}
	
	
	td.tdfoot {
		border-collapse: collapse;
		vertical-align: top;
		padding: 0;
		margin: 0;
		font-family: Arial, Verdana, sans-serif;
		font-size: 16px;
		color: #fff;
        line-height: 22px;
	}
	
	td.td-left {
		border-collapse: collapse;
		display: block;
		float: left;
		font-family: Arial, Verdana, sans-serif;
		font-size: 16px;
		color: #000;
        line-height: 24px;
		vertical-align: top;
		padding: 0 0 0 0;
		margin: 0;
	}
	
	td.td-right {
		border-collapse: collapse;
		display: block;
		float: left;
		font-family: Arial, Verdana, sans-serif;
		font-size: 16px;
		color: #000;
        line-height: 24px;
		vertical-align: top;
		padding: 0;
		margin: 0;
	}
	
	.holder {
		width: 100%;
		height: auto;
		padding: 40px 0;
		background: #3f9d5e;
	}
	
	.wrapper {
		width: 1366px;
		height: auto;
		margin: 0 auto;
	}
	
	.header {
		width: 1318px;
		height: auto;
		margin: 0 auto;
	}
	
	.column-1 {
		width: 170px;
		height: 170px;
		float: left;
		margin: 0;
	}
	
	.column-2 {
		width: 928px;
		height: 170px;
		float: left;
		margin: 0;
	}
	
	.column-3 {
		width: 220px;
		height: 170px;
		float: left;
		margin: 0;
	}
	
	.cleaner {
		clear: both;
		margin: 0;
		padding: 0;
		
	}
	
	.inner-2 {
		padding: 0 24px;
	}
	
	.img-logo {
		display: block;
		width: 170px;
		height: 170px;
	}
	
	.img-skola {
		display: block;
		width: 220px;
		height: 165px;
		border: 4px solid white;
	}
	
	.container {
		width: 1336px;
		padding: 0;
		margin: 0 auto;
	}
	
	.row {
		padding: 30px 0 0 0;
	}
	
	.banner-1  {
		width: 100%;
		padding: 30px 0;
		margin-bottom: 24px;
		text-align: center;
		background-color: #ffff00;
		display: block;
	}
	
	.banner-inner a {
		display: block;
		font-family: Arial, Verdana, sans-serif;
		font-size: 28px;
		line-height: 36px;
		font-weight: 900;
		letter-spacing: -1px;
		color: #000;
		text-decoration: none;
	}
	
	.banner-2  {
		width: 100%;
		padding: 30px 0;
		margin: 18px 0 18px 0;
		margin-bottom: 24px;
		text-align: center;
		background-color: #fff;
		display: block;
	}
	
	.banner-2-inner a {
		display: block;
		font-family: Arial, Verdana, sans-serif;
		font-size: 28px;
		line-height: 36px;
		font-weight: 900;
		letter-spacing: -1px;
		color: #595959;
		text-decoration: none;
	}
	
	
	.section {
		padding: 0 60px 40px 60px;
		background: #b7d8c2;
		height: auto;
	}
	
	.spacer {
		width: 100%;
		height: 35px;
	}
	
	
	.button-row {
		width: 100%;
		height: 180px;
		position: relative;
	}
	
	.button-left {
		display: block;
		width: 560px;
		height: 60px;
		background: #ffff;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		padding: 40px 0;
	}
	
	.button-right {
		display: block;
		width: 560px;
		height: 60px;
		background: #ffff;
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
		padding: 40px 0;
		}
	
	a.red:link, a.red:visited {
		font-size: 24px;
		font-weight: bold;
		color: #cd3030;
	}
	
	span.lang {
		display: block;
		font-size: 16px;
		color: #000;
		text-decoration: none;
		padding: 8px 0;
	}
	
	a.course:link, a.course:visited {
		font-size: 24px;
		line-height: 30px;
		font-weight: bold;
		color: #cd3030;
		display: block;
		margin: 0 auto;
	}
	

	a.ftlink:link, a.ftlink:visited {
		color: #fff;
		text-decoration: none;
	}
	
	a.btn {
		width: 60px;
		display: block;
		padding: 12px 24px;
		margin: 12px auto;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-size: 18px;
		text-transform: uppercase;
		text-align: center;
		background-color: #c91818;
	}
	
	.footer {
		padding: 30px 60px;
		background-color:#3f9d5e;
	}
	
	.footer-inner {
		
	}
	
    .footer-inner p.first {
		font-family: Arial, Verdana, sans-serif;
		text-align: left;
		font-size: 16px;
		line-height: 22px;
		padding: 0 24px 0 0;
		color: white;
	}
	
	.footer-inner p {
		font-family: Arial, Verdana, sans-serif;
		font-size: 16px;
		line-height: 22px;
		text-align: left;
		padding: 0 28px;
		color: white;
	}
	
	.column-4 {
		width: 309px;
		display: block;
		float: left;
		margin: 0;
		border-right: 1px solid white;
		border-bottom: none;
	}
	
	.column-5 {
		width: 279px;
		display: block;
		float: left;
		margin: 0;
		border-right: 1px solid white;
		border-bottom: none;
	}
	
	.column-6 {
		width: 259px;
		display: block;
		float: left;
		margin: 0;
		border-right: 1px solid white;
		border-bottom: none;
	}
	
	.column-7 {
		width: 366px;
		display: block;
		float: left;
		margin: 0;
	}
	
}



/**************************************************************** max-width: 1366px *******************************************************************/

@media only screen and (max-width: 1365px) {
	
	.wrapper {
		width: 100%;
	}
	
	.header {
		width: auto;
		padding: 0 24px;
	}
	
	.column-2 {
		width:calc(100% - 390px);
		
	}
	
	h1 {
		font-size:2em;
		line-height: 1.2em;
		}
	
	h2 {
		font-size:1em;
		line-height: 1.2em;
		}
	
	h3 {
		width: 100%;
	}
	
	.container {
		width: 100%;
		padding: 0 ;
	}
	
	.container-inner-1 {
		padding: 0 24px;
	}
	
	.container-inner-2 {
		padding: 0 24px;
	}
	
	.row {
		padding: 30px 0;
		border: solid 0 blue;
	}
	
	.section {
		padding: 0 18px 18px 18px;
	}

	.banner-1 a {
		width: 100%;
		margin-bottom: 0; 
	}
	
	.banner-inner {
		padding: 0 18px;
	}
	
	.banner-2-inner {
		padding: 0 18px;
		font-size: 24px;
		line-height: 32px;
	}
	
	.column-4, .column-5, .column-6 {
		width: 100%;
		border-right: none;
		border-bottom: solid 1px white;
	}
	
	.column-7 {
		width: 100%;
		border-right: none;
	}
	
	
	.footer-inner p {
		text-align: center;
		padding: 24px 0;
	}
	
	.footer-inner p.first {
		text-align: center;
		padding: 24px 0;
	}
	
	table {
		margin-left: 12px;
	}
	
	table.tbfoot {
		margin: 24px auto;
	}
	
	td.thfoot {
		text-align: center;
		
	}

}


/**************************************************************** max-width: 1230px *******************************************************************/

@media only screen and (max-width: 1229px) {
	
	.container-inner-1 {
		padding: 24px 18px 0 18px;
	}
	
	.container-inner-2 {
		padding: 0;
	}

	.row {
		padding: 12px 0 0 0;
	}
	
	.footer {
		padding: 30px 18px;
		
	}
	
}


/**************************************************************** max-width: 1180px *******************************************************************/

@media only screen and (max-width: 1179px) {
	
	
	.section {
		height: auto;
		padding: 0 24px 24px 24px;
	}
	
	.button-row {
		width: 100%;
		height: auto;
		position: relative;
		padding-bottom: 0;
	}
	
	.button-left, .button-right {
		display: block;
		width: 100%;
		height: auto;
		background: #ffff;
		position: relative;
		margin-bottom: 24px; 
	}
}


/**************************************************************** max-width: 1024px *******************************************************************/

@media only screen and (max-width: 1023px) {

	
	.holder {
		width: 100%;
		padding: 0 0 24px 0;

	}
	
	.column-1, .column-2, .column-3 {
		width: 100%;
		height: auto;

	}
	
	.inner-1 {
		width: 100%;
		padding: 24px 0;
	}
	
	
	.inner-3 {
		width: 100%;
		padding: 0;
	}
	
	
	.img-logo {
		width: 120px;
		height: 120px;
		margin: 0 auto;
	}
	
	.img-skola {
		display: block;
		width: 400px;
		height: auto;
		margin: 0 auto;
	}
	
	h1 {
		font-size:2.2em;
		line-height: 1.2em;
	}
	
	.section {
		padding: 0 18px 18px 18px;
	}
	
}


/**************************************************************** max-width: 765px *******************************************************************/

@media only screen and (max-width: 764px) {

	td.td-left {
		width: 100%;
	}
	
	td.td-right {
		width: 100%;
		padding: 4px 0 0 10px;
	}
}





/**************************************************************** max-width: 480px *******************************************************************/

@media only screen and (max-width: 479px) {
	
	
	h1 {
		font-size:1.8em;
		line-height: 1.2em;
	}
	
	.img-logo {
		width: 80px;
		height: 80px;
	}
	
	.img-skola {
		width: 100%;
	}
	
	span.headline {
		font-size: 24px;
		line-height: 32px;
	}
	
	h3 {
		font-size: 26px;
		padding: 24px 0;
	}
	
	ul {
		margin: 24px 0 24px -14px; 
		}
	
	ul.level-2 {
		margin: 0 0 24px -14px; 
		}
	
	ul.level-3 {
		margin: 24px 0 0 -14px; 
		}
	

	.banner-inner a {
		font-size: 24px;
		line-height: 30px;

	}
	
	.column-9 {
		padding-left: 24px;
	}
	
	table {
		margin-left: 0;
	}

	td.td-right {
		padding: 4px 0 0 20px;
	}

}