* { box-sizing: border-box; } body { font-family: "Trebuchet MS", Helvetica, sans-serif;}

body{
	
}

section {
	display: -webkit-flex;
	display: flex;
	float: left;
	white-space: nowrap;
	position: fixed;
	height: 100%;
	-ms-overflow-style: none;
}
article {
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
	background-color: #fefbf7;
	float: left;
	min-width: max-content;
	width: 70%;

	margin-top: 90px;
	margin-left: 330px;
	position: absolute;
	z-index: -1;
	overflow: scroll;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;

	min-height: 90%;
}

.ozellikTablosu TR td { border: 0px; }
.komutLI { list-style-type: none; }

.sagMenuUL li { padding: 0px 0px 0px 10px; font-size: 12px; }
.sagMenuUL span { font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-indent: 30px; }
.sagMenuUL b { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: blue; }
.sagMenuA { padding: 0px 0px 0px 15px; font-size: 12px; }

nav {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-color: #efefef;
	padding: 2px;
	width: auto;
	border-radius: 5px;
	height: auto;
	margin-top: 89px;
	overflow: scroll;
	

}
/*****************************************************************************************************************************************************************************************************************************************/
.menuKucukResim {width: 25px;  vertical-align: middle;}
.sagMenuKucukResim {width: 15px;}
.solListAnaBaslik {color: black;  padding: 15px 0px;}
.cizimBaslik {text-align: left;font-size: 27px;font-weight: bold;color: white;padding: 20px 0px 15px 20px;background-color: #003049;border-radius: 7px;}
.gorselLink {text-decoration: none;color: #003049;}
.gorselLink:hover {text-decoration: underline;font-weight: bold;color: navy;}
.slideshow-container {position: relative;margin: auto; border-radius: 7px; width: 100%; height: 500px;}
.mySlides { display: none; padding: 35px 35px 0px 35px; width: 100%; height: 100%; }
.fade { animation-name: fade; animation-duration: 1.5s; }
.noktalarDIV { text-align: center; width: fit-content; margin: auto; margin-top: 20px; }
.numbertext { color: black; font-size: 16px; padding: 5px; margin: 0px; position: absolute; top: 0 }
.sketchfab-embed-wrapper iframe { border: 3px solid #003049; border-radius: 7px; height: 460px; width: 460px; }
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 5px 9px; margin-top: -22px; color: black; font-weight: bold; font-size: 25px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; }
.next { right: 0; border-radius: 3px 0 0 3px; }
.prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); }
.cizimBilgileri { float: right; background-color: #efefef; padding: 0px 0px 15px 15px; border-radius: 7px; margin: 10px; width: 220px; }
.gdtTablo, .gdtTablo tr, .gdtTablo tr td  {text-align: center; }
.gdtTablo{ width: 1050px; }
.cizimBilgileriGDT { float: right; background-color: #efefef; padding: 0px 0px 15px 15px; border-radius: 7px; margin: 10px; width: 220px; border: 1px;}
.cizimTaslakResmiGDT { border: 1px solid #003049; border-radius: 7px; } /*width: 350px; max-height: 460px; */




.cizimBilgileriIzdusum { float: right; background-color: #efefef; padding: 0px 0px 30px 15px; border-radius: 7px; margin: 10px; }
.cizimTaslakResmi { width: 350px; max-height: 460px; border: 3px solid #003049; border-radius: 7px; }
.dot { cursor: pointer; height: 25px; width: 25px; margin: 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; padding: 2.5px 0px; text-align: center; }
.active, .dot:hover { background-color: black; color: white; }
@media (max-width: 600px) {section { -webkit-flex-direction: column; flex-direction: column; } }
/*****************************************************************************************************************************************************************************************************************************************/
table, tr, td { border-collapse: collapse; }
.aciklamaTablosu{width: 1075px ;}
.aciklamaTablosu, .aciklamaTablosu tr, .aciklamaTablosu tr td{border: 0px; font-size: 13px; vertical-align: top;}
.aciklamaTablosu tr td b {color: green; font-size: 14px; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0; padding: 0; }
hr { border: none; border-top: 1px solid #CCCCCC; height: 1px; margin-bottom: 25px; }
#tabs { float: left; width: 100%; background: #efefef; font-size: 93%; line-height: normal; border-bottom: 1px solid #666; position: fixed; margin-top: 42px; z-index: 1; }
#tabs ul { margin: 0; padding: 10px 10px 0 50px; list-style: none; }
#tabs li { display: inline; margin: 0; padding: 0; }
#tabs a { float: left; background: url("tableft.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
#tabs a span { float: left; display: block; background: url("tabright.gif") no-repeat right top; padding: 5px 15px 4px 6px; color: #FFF; }
#tabs a span { float: none; }
#tabs a:hover span { color: #FFF; }
#tabs a:hover { background-position: 0% -42px; }
#tabs a:hover span { background-position: 100% -42px; }
@keyframes fade { from { opacity: .4 } to { opacity: 1 } }
/*****************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 300px) { .prev, .next, .text { font-size: 11px } }
.classAntetImg { border: solid 2px; height: 500px; }
.classAntetImg2 { border: solid 4px black; border-radius: 10px; width: 1000px; }
.classAntetBaslik { color: blue; font-size: 40px; }
.tableAntetler tr td { padding: 10px; text-align: center; width: 00px; }
.tableAntetTerimler tr td { font-size: 14px; text-align: left; vertical-align: top; }
.geoCizimler .geoCizimlerBaslik { font-size: 20px; padding: 20px 0px 20px 0px; text-align: center; }
.geoCizimler img { width: 250px; border-radius: 5px; }
.geoCizimler tr td { width: 240px; font-size: 14px; vertical-align: top; padding: 11px; }
.geoCizimler { margin: 40px; }
.kesitAlmaTablo {text-align: center;}
.kesitAlmaTablo button { width: 180px; height: 35px; border: solid 2px gray; border-radius: 4px; font-size: 12px; }
.kesitAlmaTablo button:hover { width: 180px; height: 35px; background-color: darkseagreen; }
/*****************************************************************************************************************************************************************************************************************************************/
nav ul { list-style-type: none; }
nav ul li { padding: 15px; font-size: 93%; line-height: normal; border-radius: 0px; }
nav ul li a {text-decoration: none;}
ul#navmenu, ul#navmenu li, ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width: 310px; list-style: none; }
ul#navmenu:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
ul#navmenu li { float: left; display: block !important; display: inline; position: relative; }
ul#navmenu a { border: 1px solid #FFF; border-right-color: #CCC; border-bottom-color: #CCC; padding: 6px; display: block; background: #EEE; color: black; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; }
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: #CCC; color: #FFF; }
ul#navmenu li:hover li a, ul#navmenu li.iehover li a { background: #EEE; color: #666; }
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background: #CCC; color: #FFF; }
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { background: #EEE; color: #666; }
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF; }
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a { background: #EEE; color: #666; }
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF; }
ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 160px; }
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; }
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; }
