/*LETÖLTÉSEK*/
/*MARGÓK*/
a.downloads.m1{margin: 0px;}
a.downloads.m2{margin: 1px;}
a.downloads.m3{margin: 2px;}
a.downloads.m4{margin: 5px;}
a.downloads.m5{margin: 10px;}
a.downloads.m6{margin: 15px;}
a.downloads.m7{margin: 20px;}
a.downloads.m8{margin: 25px;}
a.downloads.m9{margin: 30px;}
a.downloads.m10{margin: 35px;}

@media screen and (max-width: 600px) {
a.downloads.m1,
a.downloads.m2,
a.downloads.m3,
a.downloads.m4,
a.downloads.m5,
a.downloads.m6,
a.downloads.m7,
a.downloads.m8,
a.downloads.m9,
a.downloads.m10{
	margin: 0px 5px 5px 0px;
}
} 


a.downloads,
a.downloads.b1{-webkit-border-radius:0px; border-radius: 0px;}
a.downloads.b2{-webkit-border-radius:1px; border-radius: 1px;}
a.downloads.b3{-webkit-border-radius:2px; border-radius: 2px;}
a.downloads.b4{-webkit-border-radius:3px; border-radius: 3px;}
a.downloads.b5{-webkit-border-radius:4px; border-radius: 4px;}
a.downloads.b6{-webkit-border-radius:5px; border-radius: 5px;}
a.downloads.b7{-webkit-border-radius:11px; border-radius: 10px;}
a.downloads.b8{-webkit-border-radius:20px; border-radius: 20px;}

a.downloads,
a.downloads.sh1.sc1,
a.downloads.sh1.sc2,
a.downloads.sh1.sc3{box-shadow: 0 0 0px rgba(0,0,0,0.0);}

a.downloads.sh2.sc1{box-shadow: 0 0 3px #000;}
a.downloads.sh2.sc2{box-shadow: 0 0 3px #444;}
a.downloads.sh2.sc3{box-shadow: 0 0 3px #fff;}

a.downloads.sh3.sc1{box-shadow: 0 0 5px #000;}
a.downloads.sh3.sc2{box-shadow: 0 0 5px #444;}
a.downloads.sh3.sc3{box-shadow: 0 0 5px #fff;}

a.downloads.sh4.sc1{box-shadow: 0 0 10px #000;}
a.downloads.sh4.sc2{box-shadow: 0 0 10px #444;}
a.downloads.sh4.sc3{box-shadow: 0 0 10px #fff;}



.st-accordion ul li a.downloads.t1,
a.downloads.t1{
	position: relative; float: left;
	width: 120px;
	height: 150px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	background: #777;
}

a.downloads.t1 span{
	padding: 10px;
	text-align: center;
}
a.downloads.t1 span.type{
	position: absolute;
	height: 60px;
	padding: 0;
	left: 0; bottom: 0;
	width: 100%;
	font-size: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 60px;
	color: #fff;
	overflow: hidden;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a.downloads.t1 span.type span.siz,
a.downloads.t1 span.type span.typ{
	position: absolute;
	left: 50px;
	font-size: 13px;
	line-height: 14px;
	height: 14px;
	width: auto;
	text-align: left;
	text-indent: 0;
	padding: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a.downloads.t1 span.type span.siz{
	top: 30px;
}
a.downloads.t1 span.type span.typ{
	top: 15px;
}


a.downloads.t1 span.title{
	line-height: 14px;
	width: auto;
	width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}


a.downloads.t1 span.type span.dow{
	position: absolute;
	height: 30px; width: 100%;
	padding: 0;
	line-height: 30px;
	left: 0;
	bottom: -41px;	
	background: rgba(255,255,255,0.2);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a.downloads.t1 span.type span.dow .txt{
	width: 90px; height: 30px;
	text-align: left;
	font-size: 13px;
	padding: 0;
	text-indent: 10px;
}

a.downloads.t1 span.type > .ics{
	width: 30px; height: 30px;
	position: absolute;
	top: 0; left: 15px;
	text-align: center;	
	text-indent: 0px;
	padding: 0;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	font-size: 30px;
	font-family: 'Icon';
}


a.downloads span.type.t_PDF{background: #bb0000;}
a.downloads span.type.t_PDF > .ics:before{content:'\f016';}

a.downloads span.type.t_DOC{background: #36C;}
a.downloads span.type.t_DOC > .ics:before{content:'\f0f6';}

a.downloads span.type.t_XLS{background: #2ab17a;}
a.downloads span.type.t_XLS > .ics:before{content:'\f0ce';}

a.downloads span.type.t_PPT{background: #bd0055;}
a.downloads span.type.t_PPT > .ics:before{content:'\f080';}

a.downloads span.type.t_ZIP{background: #999;}
a.downloads span.type.t_ZIP > .ics:before{content:'\f07b';}



a.downloads.t1 span.type .tit{
	width: 100%; height: 70px;
	position: absolute;
	bottom: -70px; left: 0;
	text-align: center;	
	line-height: 14px;
	text-indent: 0px;
	margin: 0;
	font-size: 14px;
	padding: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}


a.downloads.t1 span.type span.dow .ics{
	width: 30px; height: 30px;
	position: absolute;
	top: 0; right: 0;
	text-align: center;	
	text-indent: 0px;
	padding: 0;
}
a.downloads.t1 span.type span.dow .ics:before{
	font-size: 20px;
	font-family: 'Icon';
	content:'\f019';
}
a.downloads.t1:hover .type{
	height: 80px;
}
a.downloads.t1:hover span.type > .ics{
	top: -5px;
}

a.downloads.t1:hover span.type .tit{
	bottom: 25px;
}

a.downloads.t1:hover span.type span.siz{
	top: 25px;
}
a.downloads.t1:hover span.type span.typ{
	top: 10px;
}
a.downloads.t1:hover span.type span.dow{
	bottom: 0px;	
}













.st-accordion ul li a.downloads.t2,
a.downloads.t2{
	position: relative; float: left;
	width: 150px;
	height: 150px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	background: #777;
}



a.downloads.t2 .title{
	display: none;
}

a.downloads.t2 .type{
	padding: 10px;
	width: 130px;
	height: 130px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a.downloads.t2 .ics{
	width: 130px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 40px;
	font-family: 'Icon';
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a.downloads.t2 .tit{
	position: absolute;
	top: 70px; left: 10px;
	width: 130px;
	height: auto;
	line-height: 14px;
	text-align: center;
	font-size: 13px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a.downloads.t2 .typ,
a.downloads.t2 .siz{
	position: absolute; bottom: 10px;
	left: 40px;
	font-size: 12px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a.downloads.t2 .siz{
	left: 70px;
}
a.downloads.t2 .dow{
	display: none;
}



a.downloads.t2:hover .type{
	padding: 10px;
	width: 110px;
	height: 110px;
	margin: 10px;
}
a.downloads.t2:hover .ics{
	width: 110px;	
	height: 50px;
	line-height: 50px;
	font-size: 34px;
}
a.downloads.t2:hover .tit{
	top: 60px;
	width: 150px;
	left: -10px;
	line-height: 13px;
	font-size: 11px;
}
a.downloads.t2:hover .typ,
a.downloads.t2:hover .siz{
	bottom: 7px;
	left: 38px;
	font-size: 10px;
}
a.downloads.t2:hover .siz{
	left: 64px;
}










.st-accordion ul li a.downloads.t3,
a.downloads.t3{
	position: relative; float: left;
	width: auto;
	height: 50px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	background: #777;
	margin: 0;
}

.st-accordion ul li a.downloads.t3 .title,
a.downloads.t3 .title{
	position: absolute;
	width: 80%;
	width: -moz-calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
	height: 40px; padding: 5px 0;
	left: 60px; top: 0;
	line-height: 14px;
	font-size: 13px;
	color: #fff;
	overflow: hidden;
	text-align: left;
}

a.downloads.t3 span.type.t_PDF{
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
    background: none;
}
a.downloads.t3 span.type > .ics{
	position: absolute;
	top: 0; left: 0;
	width: 50px; height: 50px;
    line-height: 50px;
	font-size: 30px;
	text-align: center;
	font-family: 'Icon';
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a.downloads:hover.t3 span.type > .ics{
	font-size: 0px;
}
a.downloads.t3 span.type.t_PDF > .ics{
	background: #bb0000;
}
a.downloads.t3 span.type.t_PDF > .ics:before{content:'\f016';}


a.downloads.t3 span.type > .siz,
a.downloads.t3 span.type > .typ{
	position: absolute;
	bottom: 0; right: 5px;
	width: 50px; height: 20px;
    line-height: 20px;
	font-size: 12px;
	text-align: right;
}
a.downloads.t3 span.type > .typ{
	right: 50px;	
}

a.downloads.t3 span.type > .dow{
	position: absolute;
	top: 0px; left: 0;
	width: 50px; height: 50px;
}

a.downloads.t3 span.type > .dow > .ics{
	position: absolute;
	top: 50px; left: 0;
	width: 50px; height: 50px;
	line-height: 50px;
	font-size: 30px;
	text-align: center;
	font-family: 'Icon';
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a.downloads.t3 span.type > .dow > .txt{
	display: none;
}

a.downloads.t3:hover span.type > .dow > .ics{
	top: 0px;
}

a.downloads.t3 span.type > .dow > .ics:before{
	content:'\f019';
}


.st-accordion ul li a.downloads.a2,
a.downloads.a2{
	width: 100%;
}


.st-accordion ul li a.downloads.t3.m1, a.downloads.t3.m1{margin-bottom: 0px;}
.st-accordion ul li a.downloads.t3.m2, a.downloads.t3.m2{margin-bottom: 1px;}
.st-accordion ul li a.downloads.t3.m3, a.downloads.t3.m3{margin-bottom: 2px;}
.st-accordion ul li a.downloads.t3.m4, a.downloads.t3.m4{margin-bottom: 5px;}
.st-accordion ul li a.downloads.t3.m5, a.downloads.t3.m5{margin-bottom: 10px;}
.st-accordion ul li a.downloads.t3.m6, a.downloads.t3.m6{margin-bottom: 15px;}
.st-accordion ul li a.downloads.t3.m7, a.downloads.t3.m7{margin-bottom: 20px;}
.st-accordion ul li a.downloads.t3.m8, a.downloads.t3.m8{margin-bottom: 25px;}
.st-accordion ul li a.downloads.t3.m9, a.downloads.t3.m9{margin-bottom: 30px;}
.st-accordion ul li a.downloads.t3.m10, a.downloads.t3.m10{margin-bottom: 35px;}

a.downloads.t3.c2{background: #bb0000; color: #fff;}
a.downloads.t3.c2 .title{color: #fff;}
a.downloads.t3.c2 span.type > .ics{background: rgba(255,255,255,0.1);}

a.downloads.t3.c3{background: #fcbd00; color: #333;}
a.downloads.t3.c3 .title{color: #333;}
a.downloads.t3.c3 span.type > .ics{background: rgba(0,0,0,0.1);}

a.downloads.t3.c4{background: #eee; color: #444;}
a.downloads.t3.c4 .title{color: #444;}
a.downloads.t3.c4 span.type > .ics{background: rgba(0,0,0,0.1);}

a.downloads.t3.c5{background: #962261; color: #fff;}
a.downloads.t3.c5 .title{color: #fff;}
a.downloads.t3.c5 span.type > .ics{background: rgba(255,255,255,0.1);}

a.downloads.t3.c8{background: #666;}
a.downloads.t3.c8 span.type > .ics{background: #777;}