/*GENEL*/
body, div, span, applet, h1, h2, h3, h4, h5, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, ul, li, table, tr, th, td {margin:0px;padding:0px;border:0px;outline:0px;}
body {font-family: 'Roboto', sans-serif; background:url(../img/bgg.png) repeat top center; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
a{text-decoration:none; color:#666;}
input, textarea, button, select{outline:none;}
p{font-size:12px; color:#666;}
.clear { clear:both;}

/*************************HEADER****************************/
.wrapper{width: 960px;
margin: 28px auto;
position: relative;
padding: 22px 9px 10px 10px;
background: rgba(240, 240, 240, 0.65);
box-shadow: 0px 0px 26px -2px #660033;
border-radius: 5px;
transition:all 0.3s ease;}
.wrapper:hover{
box-shadow: 0px 0px 26px -2px #333;
transition:all 0.3s ease;
}

/*.header-text{background:#660033; padding:20px 25px; margin:15px 0 0 0; border:1px solid #f79400; color:#fff; font-size:15px; text-align:center; line-height:30px; font-weight:300;}*/
.header-text img{width:958px; margin:15px 0 0 0; border:1px solid #ddd;}

.menu{margin:40px 0 0 0;}
.logo {text-align:center; position:relative; margin:30px 0 20px 0;}
.logo img{ width:400px;   }
.menuust {width:960px; margin:15px 0 75px 0; position:relative;}
.menuust a {background:#3d4386; padding:15px 13px;  color:#fff; width:282px; text-align:center; font-size:12px; transition:all 0.3s ease;  }
.menuust a:hover {background:#1f234e; color:#eee; transition:all 0.3s ease; }
.menuust a:nth-child(1){float:left; left:0; position:relative; transition:all 0.3s ease; }
.menuust a:nth-child(2){float:left; left:15px; position:relative; transition:all 0.3s ease; }
.menuust a:nth-child(3){float:right; right:0; position:relative; transition:all 0.3s ease; }

.menualt {width:960px; margin:0 0 0 0; position:relative;}
.menualt a {background:#3c4188; padding:15px 13px;  color:#fff; width:282px; text-align:center; font-size:12px; transition:all 0.3s ease;  }
.menualt a:hover {background:#1f234e; color:#eee;  transition:all 0.3s ease; }
.menualt a:nth-child(1){float:left; left:0; position:relative; transition:all 0.3s ease; }
.menualt a:nth-child(2){float:left; left:15px; position:relative; transition:all 0.3s ease; } 
.menualt a:nth-child(3){float:right; right:0; position:relative ; transition:all 0.3s ease; }


.menu5{background:#6c0147 !important; border:1px solid #6c0147 !important;}

center { margin:80px 0 0 0;}
center img { margin:25px 0 0 0;}
.homecontent{margin:50px 0 0 0; position:relative; }
.video1{float:left;width:240px;}
.video1 img{width:240px;}
.video1 p{width:250px; font-size:15px; text-align:center; line-height:20px; margin:10px 0 0 0; color:#333;}
.video2{float:right; right:0;}
.video2 img{width:250px;width:240px;}
.video2 p{width:250px; font-size:15px; text-align:center; line-height:20px; margin:10px 0 0 0; color:#333;}
.content-text{float:left; width:900px; padding:0 30px; pasition:relative; margin:0 auto 50px auto;}
.content-text h3{text-align:center;}
.content-text p{text-align:justify; font-size:13px; line-height:18px; margin:10px 0 0 0;}


.content {margin:100px 0 0 0; position:relative; padding:0 10px;}
.content p{font-size:13px; color:#555; line-height:20px; margin:10px 0 0 0; text-align:justify;}

.content .form{width:450px; min-height:200px; float:left; margin:0 30px 50px 0; border-right:1px solid #ddd;}
.content .form img {width:100px; float:left;}
.content .form a {margin:10px 0 0 20px; color:#333; position:absolute; font-size:18px;}
.content .form a:hover {color:#666;}
.content .kayit{margin:0 0 50px 0; width:450px; float:left;}
.content .kayit h4{color:#333; margin:10px 0 10px 0; font-weight:500; font-size:18px;}


.content table tr{background:#f6f6f6; color:#555; font-size:13px; height:50px;}
.content table tr:hover{background:#ddd; color:#555; font-size:13px; height:50px;}
.content table td{padding:15px;}

.contact{  float:left; width:335px; margin:0 0 50px 0;}
.contact p { margin:10px 0 0 0;}
.contact-form { float:right;width:400px; margin:0 0 20px 0;}
.contact-form span { display:block; margin:0 0 2px 0;}
.contact-form input { width:230px; height:20px; border:1px solid #ddd; padding:10px;}
.contact-form textarea { width:230px; height:70px; border:1px solid #ddd; padding:10px;}
.contact-form .button { background:#878787; width:100px; height:35px; border-bottom:1px solid #666; color:#fff;}
.contact-form .button:hover { cursor:pointer; background:#ea973d; border-bottom:2px solid #d98225}
.maps {margin:20px 0 0 0; float:right;}


.footer{height:auto; background:#3c4188; width:100%; padding:40px 0; margin: 50px 0 0;}
.footer-menu { width:100%;}
.footer-menu ul { margin:auto; display:table; width:auto;}
.footer-menu ul li { float:left; list-style-type:none; list-style:none;}
.footer-menu ul li a{ background:#fff; color:#111; font-size:14px; font-weight:500; padding:10px 15px;}

.abc-logolar img{width:114px; height:70px;}
div.active{background-color:#c1a36c !important; color:#fff !important;}
div.active a{ color:#fff !important;}

.ui-state-active { background:#c1a36c !important;}
.ui-state-active a{ color:#fff !important;}