html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; vertical-align:baseline;}
:focus {outline:0;}
.clearfix:after {content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix {display:inline-block} html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%} .dis-none {display:none} .dis-block {display:block} .mauto {margin:auto}
.horizontal{margin:0; padding:0} .horizontal li{list-style-type:none; float:left; display:inline}
.vertical{margin:0; padding:0} .vertical li{list-style-type:none} html {/*overflow-y:scroll*/} *+html html {overflow-y:auto}

body {background:#fff; padding-top:45px; font-size:100%; font-family:Arial, Tahoma, Times, serif; color:#444;}
ol, ul {list-style:none; padding:0; margin:0;}

h2 {font-size:1em; line-height:1.5em;}
.cls {font-size:1px; line-height:1px; display:block; clear:both;}
.cls10 {font-size:1px; line-height:1px; display:block; clear:both; height:10px;}



body.index {padding-top:50px;}

#foo{
background-color:#000f5e;
width:170px;
}
#foo ul li{
	border-bottom:1px solid #fff;
	padding:15px 10px 15px 20px;
	font-weight:bold;
	color:#fff;
}
#foo ul li:last-child{
	border-bottom:0px;
	padding:15px 10px 15px 20px;
	font-weight:bold;
}
#foo ul li a{
	color:#fff;
}
#foo ul li a:hover{
	color:#ffcc00;
}

.header {width:100%; position:fixed; top:0; left:0; z-index:9999;}
	.ps-active .header, .ps-active .header *{display:block!important;}/*galeri detay için*/
.webSite a {display:block; padding:5px 0px; background:#ebebeb; font-family: 'amplitudecondbold'; color:#333; font-weight:bold; text-align:center; text-decoration:none!important;}
.navBar {height:44px; width:100%; margin-bottom:0; background:#000f5e; clear:both;}
	.navBar .MainMenu {float:left; padding-left:2px; display:inline-block; height:44px; width:50px; border-right:1px solid #fff; background:url(../images/mainMenu.png) no-repeat; text-indent:-9999px;}
	.navBar .Back {float:right; display:inline-block; padding:2px 0 2px 0; height:44px; width:50px; border-left:1px solid #fff; background:url(../images/back.png) no-repeat; text-indent:-9999px;}
	.navBar .Refresh {float:right; display:inline-block; padding:2px 0 2px 0; height:44px; width:50px; border-left:1px solid #fff; background:url(../images/Refresh.png) no-repeat; text-indent:-9999px;}
	.navBar .Logo {display:block; position:relative; float:left; margin-left:7px; background:url(../images/itb_mobil_logo.png) left center no-repeat; text-indent:-9999px;}
	.navBar .Logo a {width:188px; height:44px; display:block;}
	.navBar .Logo strong {display:block; position:absolute; bottom:8px; right:0; font-size:0.7em; color:#fff; text-indent:0;}
	.navBar a.inner {display:block; padding:1px 3px; background:#ccc; font-size:12px; color:#333; font-weight:bold; border-radius:3px; float:right; margin: 14px 4px 0 0; text-decoration:none!important; }

.manset {margin-bottom:10px; border-left:1px solid #747070;}
	.manset .title {background:#000f5e; height:30px; line-height:30px; padding:0 0 0 15px; font-family: 'amplitudecondbold'; color:#fff; font-weight:normal;}
	.manset ul li {width:100%; /*height:91px; */ min-height:66px; display:block; padding:5px; border-bottom:1px solid #d5d5d5; overflow:hidden; box-sizing:border-box;}
	.manset ul li:first-child {border-top:1px solid #d5d5d5;}
	.manset ul li {background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background:-moz-linear-gradient(top, #ffffff, #f2f2f2); background:-o-linear-gradient(rgb(255,255,255),rgb(242,242,242));}
	/*.manset ul li:nth-child(2n+0) {background:-webkit-gradient(linear, left top, left bottom, from(#e0dfdf), to(#d1d1d1)); background:-moz-linear-gradient(top, #e0dfdf, #d1d1d1); background:-o-linear-gradient(rgb(224,223,223),rgb(209,209,209));}*/
	.manset ul li a {width:100%; display:table; padding-right:35px; text-decoration:none!important; background:url(../images/arrow2.png) right center no-repeat; box-sizing:border-box; text-shadow:1px 1px 0px rgba(0,0,0,0.12);}
	.manset ul li img {margin-right:0.625em; vertical-align:middle;}
	.manset ul li span {width:100%; display:table-cell; vertical-align:middle;}
	.manset ul li strong {display:block; margin:0.313em 0; font-family: 'amplitudecondbold'; font-size:1.25em; color:#18537d; font-weight:normal; text-shadow:none;}
	.manset ul li strong.sub {color:#ad090f; margin:0;}
	.manset ul li.ok {padding-left:10px; background:url(../images/ok.gif) no-repeat left 10px;}
	.manset ul li.ok a {height:auto;}
	.manset ul li.last {padding-right:10px; background:url(../images/ok.gif) no-repeat right 10px; border:none; text-align:right;}
	.manset ul li.last a {height:auto;}

.detay {width:100%; padding:10px 10px; font-size:0.875em; line-height:1.5em; box-sizing:border-box;}
	.detay img {/*width:100%!important; height:100%!important; */float:left; margin:0 10px 5px 0;}
	.detay.write img {width:100px!important; height:100px!important;}
	.detay strong.title {margin-bottom:8px;  font-family: 'amplitudecondbold'; font-size:1.7em; color:#ad090f; font-weight:normal;}
	.detay.write strong.title {color:#18537d;}
	.detay p {padding:0 0 10px;}
	.detay p.spot {font-family: 'amplitudecondbold'; font-size:1.25em; color:#18537d;}
	.detay.write p.spot {font-family: 'amplitudecondbold'; font-size:1.25em; color:#ad090f;}
	.detay .info { overflow:hidden;}
	.detay .info li { margin-bottom:14px; color:#336699;}
	.detay .info li:first-child {font-weight:bold;}
	
.header {
  -webkit-transition: left 0.4s ease;
  -moz-transition: left 0.4s ease;
  -ms-transition: left 0.4s ease;
  -o-transition: left 0.4s ease;
  transition: left 0.4s ease;
  -webkit-transition-property: left, -webkit-transform;
  -moz-transition-property: left, -moz-transform;
  -ms-transition-property: left, -ms-transform;
  -o-transition-property: left, -o-transform;
  transition-property: left, transform; }
	.mm-header {left:80%;}
@media all and (max-width: 175px) {
	.mm-header{left:140px;} }
@media all and (min-width: 550px) {
	.mm-header {left:440px;} }	
	.footer {height:15px; width:100%; padding:15px 0 15px 0; background:#a7a7a7; clear:both;}