@import url('https://fonts.googleapis.com/css?family=Montserrat');

@font-face
{
    font-family: 'Amaze';
    src: url('../fonts/Amaze-Normal.eot');
    src: url('../fonts/Amaze-Normal.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amaze-Normal.woff2') format('woff2'),
         url('../fonts/Amaze-Normal.woff') format('woff'),
         url('../fonts/Amaze-Normal.ttf') format('truetype'),
         url('../fonts/Amaze-Normal.svg#Amaze-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
	font-family:Titilium Regular;
	src: url(../fonts/TitilliumText22L002.otf);
	
	
}
@font-face{font-family:Titilium Light; src: url(../fonts/TitilliumText22L001.otf);}
@font-face{font-family:Titilium Bold; src: url(../fonts/TitilliumText22L003.otf);}

body
{
	background-color:#C4D8EE;
	font-family: 'Montserrat', sans-serif;
	color:#505aff;
}
.logobox
{
	position:relative;
	width:850px;
	margin:0 auto;
	height:75px;
	text-align:left;
}

.logo
{
	height:50px;
	font-family: 'Amaze', sans-serif;
	font-size:3em;
	color: red;
}

.motto
{
	font-size: 75%;
}

.dipmenu
{
	position:absolute;
	bottom:0px;
	text-align:center;
	width:100%;
	height:25px;
	background:url(../img/menu_hover_no.png);
	color:rgb(200, 200, 200);
	line-height:20pt;
	border-right:1px solid #777;
}
.dipmenu:hover {background:url(../img/menu_hover.png);height:25px;}
.dipmenu:link {text-decoration:none;color:white;font-weight:600;}
.dipmenu:visited {text-decoration:none;color:white;}
/*************************************************************/
.kutu
{
	position:relative;
	top:20px;
	width:850px;
	margin:0 auto;
	height:410px;	
}
/*************************************************************/
.kutu1
{
	position: absolute;
	top:0px;
	width:25%;
	height:100%;
	left:0%;
}
.kutu1:hover .kay11
{
	width:300px;
}
.kutu1:hover .kay55
{
	width:300px;
}
.kay11
{
	position: absolute;
	top:0px;
	left:0%;
	width:100%;
	height:100%;
	transition:width .125s steps(20, end);
	background: url(../img/11.jpg) no-repeat scroll 0%;
}
/*************************************************************/
.kay55
{
	position: absolute;
	top:0px;
	left:0%;
	width:100%;
	height:100%;
	transition:width .125s steps(20, end);
	background: url(../img/55.jpg) no-repeat scroll 0%;
}
/*************************************************************/
.kutu2
{
	position: absolute;
	top:0px;
	width:25%;
	height:100%;
	left:25%;
}
.kutu2:hover .kay22
{
	width:300px;
}
.kutu2:hover .kay66
{
	width:300px;
}
.kay22
{
	position: absolute;
	top:0px;
	left:0%;
	width:100%;
	height:100%;
	transition:width .125s steps(20, end);
    background: url(../img/22.jpg) no-repeat scroll 0%;
}
.kay66
{
	position: absolute;
	top:0px;
	left:0%;
	width:100%;
	height:100%;
	transition:width .125s steps(20, end);
    background: url(../img/66.jpg) no-repeat scroll 0%;
}
/*************************************************************/
.kutu3
{
	position: absolute;
	top:0px;
	width:25%;
	height:100%;
	left:50%;
}
.kutu3:hover .kay33
{
	width:300px;
}
.kutu3:hover .kay77
{
	width:300px;
}
.kay33
{
	position: absolute;
	top:0px;
	left:0%;
	width:100%;
	height:100%;
	transition:width .125s steps(20, end);
    background: url(../img/33.jpg) no-repeat scroll 0%;
}
.kay77
{
	position: absolute;
	top:0px;
	left:0%;
	width:100%;
	height:100%;
	transition:width .125s steps(20, end);
    background: url(../img/77.jpg) no-repeat scroll 0%;
}
/*************************************************************/
.kutu4
{
	position: absolute;
	top:0px;
	width:25%;
	height:100%;
	left:75%;
}
.kutu4:hover .kay44
{
	width:300px;
}
.kutu4:hover .kay88
{
	width:300px;
}
.kay44
{
	position: absolute;
	top:0px;
	left:0%;
	width:100%;
	height:100%;
	transition:width .125s steps(20, end);
    background: url(../img/44.jpg) no-repeat scroll 0%;
}
.kay88
{
	position: absolute;
	top:0px;
	left:0%;
	width:100%;
	height:100%;
	transition:width .125s steps(20, end);
    background: url(../img/88.jpg) no-repeat scroll 0%;
}
/********** aşağısı diğer hizmetlere yol *********/
.duyuru
{
	position:relative;
	width:800px;
	height:100px;	
	margin:0px auto;
	padding:25px;
	display: flex;
	align-items: center;
	justify-content: center;

}
.duyuru a:link		{text-decoration:none;}
.duyuru a:hover		{text-decoration:none;}
.duyuru a:visited	{text-decoration:none;}
.duyuru:hover .seonyan {
	animation-name:seonyan2;
	animation-duration:.0125s;
	animation-iteration-count:15;
	animation-direction:alternate;
	animation-timing-function: ease;
	font-size:120%;
}
@keyframes seonyan2{0%{color:blue;background-color:yellow;}100%{color:yellow;background-color:blue;}}

.seonyan
{
	width:100%;
	text-align:center;
	animation-name:seonyan;
	animation-duration:1s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-timing-function: ease;
}
/*
*/
@keyframes seonyan
{
	0%
	{
		color:#000;
		background-color:#fff;
	}
	100%
	{
		color:white;
		background-color:#000;
	}
}
/********** yukarısı diğer hizmetlere yol *********/

/** Aşağısı tdhb metinli sayfaların üst menüsünün ana kutusudur **/
.menu
{
	position:relative;
	width:850px;
	height:25px;
	margin:0px auto;
	margin-bottom:-16px;
	padding:0px;
	background:url(../img/menu_hover_no.png);
	color:white;
	font-weight:;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
#a1
{
	width:20%;
	display: flex;
	align-items: center;
	justify-content: center;
	background:url(../menu_hover_no.png);
	height:25px;
}
#a1 a:hover {background:url(../img/menu_hover.png);height:25px;}
#a1 a:link {text-decoration:none;color:white;font-weight:600;}
#a1 a:visited {text-decoration:none;color:white;}
#a2
{
	width:20%;
	display: flex;
	align-items: center;
	justify-content: center;
	background:url(../menu_hover_no.png);
	height:25px;
}
#a2 a:hover {background:url(../img/menu_hover.png);font-weight:600;height:25px;}
#a2 a:link {text-decoration:none;color:white;font-weight:600;}
#a2 a:visited {text-decoration:none;color:white;}
#a3
{
	width:20%;
	display: flex;
	align-items: center;
	justify-content: center;
	background:url(../menu_hover_no.png);
	height:25px;
}
#a3 a:hover {background:url(../img/menu_hover.png);font-weight:600;height:25px;}
#a3 a:link {text-decoration:none;color:white;font-weight:600;}
#a3 a:visited {text-decoration:none;color:white;}
#a4
{
	width:20%;
	display: flex;
	align-items: center;
	justify-content: center;
	background:url(../menu_hover_no.png);
	height:25px;
}
#a4 a:hover {background:url(../img/menu_hover.png);font-weight:600;height:25px;}
#a4 a:link {text-decoration:none;color:white;font-weight:600;}
#a4 a:visited {text-decoration:none;color:white;}
#a5
{
	width:20%;
	display: flex;
	align-items: center;
	justify-content: center;
	background:url(../menu_hover_no.png);
	height:25px;
}
#a5 a:hover {background:url(../img/menu_hover.png);font-weight:600;height:25px;}
#a5 a:link {text-decoration:none;color:white;font-weight:600;}
#a5 a:visited {text-decoration:none;color:white;}
.tdhb_ana_metin_kutusu
{
	position:relative;
	width:810px;
	margin:16px auto;
	padding:20px;
	background-color:#EDEEF5;
	border-top:10px solid #4D5259;
	border-bottom:5px solid #5783B5;
}
.tdhb_ana_metin_kutusu a:link{font-size:11pt;color:#1581b5;text-decoration:none;}
.tdhb_ana_metin_kutusu a:hover{font-size:11pt;color:#6E98D4;text-decoration:underline;}
.tdhb_ana_metin_kutusu a:visited{font-size:11pt;color:#676E78;text-decoration:none;}

.tdhb_ana_metin_kutusu h1
{
	font-size:16pt;
	font-family:Tahoma, Georgia;
	color:#666666;
	padding-bottom:10px;
	text-shadow:0.5px 0.5px 0.1em #ccd0d9;
}
.tdhb_ana_metin_kutusu h2
{
	padding:0px 0px 10px 0px;
	font-family:Tahoma, Georgia;
	font-size:14pt;
	color:#717A8A;
	text-shadow:0.5px 0.5px 0.1em #ccd0d9;
}
.tdhb_ana_metin_kutusu h3
{
	padding:0px 0px 10px 0px;
	font-family:Tahoma, Georgia;
	font-size:12pt;
	color:#717A8A;
	text-shadow:0.5px 0.5px 0.1em #ccd0d9;
}
.tdhb_ana_metin_kutusu h4
{
	padding:0px 0px 10px 0px;
	font-family:Tahoma, Georgia;
	font-size:10pt;
	color:#717A8A;
	text-shadow:0.5px 0.5px 0.1em #ccd0d9;
}
.tdhb_ana_metin_kutusu p
{
	font-family:Helvetica, Arial;
	font-size:10pt;
	color:#4b544e;
	text-align:justify;
	line-height:20px;
	text-shadow:0.5px 0.5px 0.1em #e2e4e9;
}
.tdhb_ana_metin_kutusu ul
{
	font-family:Helvetica, Arial;
	font-size:11pt;
	color:#4b544e;
	text-align:justify;
	line-height:20px;
	text-shadow:0.5px 0.5px 0.1em #e2e4e9;
}
.tdhb_ana_metin_kutusu ol
{
	font-family:Helvetica, Arial;
	font-size:10pt;
	color:#4b544e;
	text-align:justify;
	line-height:20px;
	text-shadow:0.5px 0.5px 0.1em #e2e4e9;
}
.ozel_bilgi
{
	border-top:1px dotted #6e78ff;
	border-bottom:1px dotted #6e78ff;
	width:95%;
	margin:2.5% auto;
}
#copyrightLine
{
	position:relative;
	width:850px;
	margin:30px auto;
	color:#6d8192;
	font-family:Helvetica, Arial;
	font-size:8pt;
	text-shadow:0.1em 0.1em #e2e6e9;
}
#langLine
{
	float:right;
}
#langLine a:link{color:#4771A8;text-decoration:none;	font-size:8pt;}
#langLine a:hover{color:#75B3FF;}
#langLine a:visited{color:#969EA8;text-decoration:none;}
.contact{
	position:relative;
	width:810px;
	margin:16px auto;
	padding:20px;
	background-color:#EDEEF5;
	border-top:10px solid #4D5259;
	border-bottom:5px solid #5783B5;
	text-align:center;
}
.iletposta_e{
	width:20%;
	margin:0 auto;	
}
.ilettel{
	width:20%;
	margin:0 auto;	
}
.iletfaks{
	width:20%;
	margin:0 auto;	
}
.cert_main
{
	position:relative;
	width:810px;
	margin:16px auto;
	padding:0px 20px 30px 20px;
	background-color:#EDEEF5;
	border-top:10px solid #4D5259;
	border-bottom:5px solid #5783B5;
}
.cert_main h2
{
	font-family:Tahoma, Georgia;
	font-size:14pt;
	color:#717A8A;
	font-weight:100;
	text-shadow:0.5px 0.5px 0.1em #ccd0d9;
	margin:30px 0px 16px 0px;
}
.cert_main p
{
	text-align:right;
	color:#3F749F;
	margin:-15px 0px 0px 0px;
}
.cert_main ul
{
	color:#3F749F;
	font-size:10pt;
	margin:25px auto;
}
.cert_header
{
	position:relative;
	width:100%;
	margin:0px auto;
	background-color:#4B84BC;
	color:#ffffff;
	font-weight:600;
	display: flex;
	align-items: center;
	justify-content: start;
}
.appr_header
{
	width:38%;
	margin:5px 1% 5px 1%;
}
.valid_header
{
	width:38%;
	margin:5px 1% 5px 1%;
}
.check_header
{
	width:18%;
	margin:5px 1% 5px 1%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cert_1
{
	position:relative;
	width:100%;
	margin:0px auto;
	background-color:#C8D9EA;
	display: flex;
	align-items: center;
	justify-content: start;
}
.cert_2
{
	position:relative;
	width:100%;
	margin:0px auto;
	background-color:#EEEEEE;
	display: flex;
	align-items: center;
	justify-content: start;
}
.appr
{
	width:38%;
	margin:4px 1% 4px 1%;
	color:#3F749F;
	font-size:14px;
	font-weight:400;
}
.valid
{
	width:38%;
	margin:4px 1% 4px 1%;
	color:#3F749F;
	font-size:14px;
	font-weight:400;
}
.check
{
	width:18%;
	margin:4px 1% 4px 1%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.check a:link	{color:#3F749F;font-size:14px;font-weight:600;text-decoration:none;}
.check a:hover	{color:#3F749F;font-size:12px;font-weight:100;text-decoration:none;background-color:#999;}