@import url(http://fonts.googleapis.com/css?family=Play:400,700&subset=latin,latin-ext);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, 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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* -------------------------------------------------------------------------- 
								GENEL CSS
 -------------------------------------------------------------------------- */
html, body {
height: 100%; min-width:960px;
font-family: Arial, Helvetica, sans-serif;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px;
}
.footer, .push {
height: 50px;
}
.footer {
background:#1a8ac5;
}
.wrapper .topline {
position:relative; width:100%; height:53px; background-image:url(../img/topLine.html);
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*  navigation  */
#nav {
	position: relative;
	left: 0px;	bottom: 0px;		
	margin: 0; padding: 60px 0 0 0;		
	width: 100%;
}
#nav ul {
	float: right;	
	list-style: none;	
	margin: 0;
	padding: 0;					
}
#nav ul li {
	float: left;
	margin: 0; padding: 0;			
}
#nav ul li a:link,
#nav ul li a:visited {
	height:28px;
	margin: 0;
	float:left;
	padding: 5px 13px 0px 13px;
	color: #FFFFFF;
	font: bold 16px "Times New Roman", Times, serif;
	text-decoration:none;	
	text-align:center;
}
#nav ul li a:hover, 
#nav ul li a:active {
	border: none;
	color: #02385a;	
	/*border-right: 1px solid #EEE;*/
}
#nav ul li#current a {	
	border: none;
	color: #02385a;	
}
/*  navigation  */



form input { font:12px Arial, Helvetica, sans-serif; color:#333333;}
form select { font:12px Arial, Helvetica, sans-serif; color:#333333;}
form textarea { font:12px Arial, Helvetica, sans-serif; color:#333333;}

.anasayfaFBaslik{ position:relative; float:left; width:220px; font:bold 14px Arial, Helvetica, sans-serif; color:#02385a; padding:3px 7px 3px 2px; margin:6px 0 0 5px; }
.anasayfaInput{ position:relative; width:220px; padding:4px 2px 4px 2px; margin:6px 0 0 5px; border: 1px solid #02385a; }
.anasayfaSelect{ position:relative; width:225px; padding:3px 2px 3px 2px; margin:6px 0 0 5px; border: 1px solid #02385a; }
.anasayfaButton{ position:relative; width:225px; padding:3px 2px 3px 2px; margin:6px 0 0 5px; border: 1px solid #02385a; background-color:#1686c1; color:#FFF; }


.teklifFBaslik{ position:relative; float:left; width:260px; font:bold 12px Arial, Helvetica, sans-serif; color:#02385a; 
padding:7px 0px 7px 3px; background-color:#F0F0F0 }
.teklifInput{ position:relative; float:right; width:410px; padding:4px 2px 4px 2px; margin-right:5px; border: 1px solid #02385a; color:#333; }
.teklifSelect{ position:relative; float:right; width:417px; padding:3px 2px 3px 2px; margin-right:5px; border: 1px solid #02385a; color:#333; }
.teklifTextarea{ position:relative; float:right; width:410px; padding:3px 2px 3px 2px; margin-right:5px; border: 1px solid #02385a; color:#333; }


.hizmet {
	position:relative; float:left; width:220px; height:127px; margin:5px 5px 5px 5px;
	background-repeat:no-repeat; background-size: auto 130px; background-position:center;
	border: 2px solid #a7a7a7;
}
.hizmet:hover { border-color:#02385a; }
.hizmet .baslik {
	position:relative; display:inline-block; width:100%; height:50px; top:45px;
	background: rgba(0, 156, 255, .5);
	font: bold 22px "Times New Roman", Times, serif; color:#FFFFFF;
}
.hizmet .baslik p {
	width:220px;
	height:50px; 
	text-align:center;
    display: table-cell;
    vertical-align:middle;
	line-height:20px;
}


.panel {
	position:relative; width:470px; height:128px; background:url(../img/panelBack.jpg); border: 1px solid #a7a7a7;
}
.panel .duyuruBaslik {
	position:relative; width:100%-10px; 
	margin: 0 5px 5px 5px; padding:5px 5px 0 5px ;
	font: bold 14px Arial, Helvetica, sans-serif; color:#02385a;
	border-bottom: 1px solid #02385a;
}
.panel .duyuru {
	position:relative; width:100%-10px; 
	margin: 0 5px 5px 5px; padding:2px 5px 0 5px ;
	font: 12px Arial, Helvetica, sans-serif; color:#333333;
	border-bottom: 1px dotted #333333;
}


.devam a:link, .devam a:visited{display:block; width:110px; height:51px;text-decoration:none; background-image:url(../img/devamNorm.html); color:#333333;}
.devam a:hover, .devam a:active{display:block; width:110px; height:51px;text-decoration:none; background-image:url(../img/devamHover.html); color:#666666;}




.icerik {
	font-size:14px;
	line-height:18px;
	padding-left:10px;
	padding-right:10px;
	color:#555;
}
.icerik h1{
	position:relative; width:100%; height:32px;
	border-bottom: 1px solid #a7a7a7;
	font: bold italic 20px "Times New Roman", Times, serif; color:#5b5b5b;
}
.icerik h2{
	position:relative; width:710px; height:32px;
	border-bottom: 1px solid #a7a7a7;
	font: bold italic 20px "Times New Roman", Times, serif; color:#5b5b5b;
}
.icerik h3{
	position:relative; float:left; width:700px; display:block;
	padding:5px;
	background-color:#CCC;
	font: bold 15px "Times New Roman", Times, serif;
	color:#333333;
}

.satirBaslik{
	width:710px;
	height:30px; 
	position:relative;
    display: table-cell;
    vertical-align:middle;
	line-height:20px;
	background-color:#CCC;
	font: bold 15px "Times New Roman", Times, serif;
	color:#333333;
	padding-left:5px;
}
.satir{
	width:710px;
	height:30px; 
	position:relative;
    display: table-cell;
    vertical-align:middle;
	line-height:20px;
	background-color:#F0F0F0;
	font: bold 15px "Times New Roman", Times, serif;
	color:#02385a;
	padding-left:5px;
	border-bottom: 1px solid #CCCCCC;
	
}

.icerik img{
	padding:3px;
	margin:3px;
	border-width:1px;
	border-style:solid;
	border-color:#999999;
	position:relative;	
}
.urunMenu {
	padding-left:5px;
	padding-right:5px;
}
.urunMenu a{
	display:block;
	padding-left:2px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#000000;
	padding:5px;
	font: italic 18px "Times New Roman", Times, serif;
	text-decoration:none;
	color:#08a0e1;
}
.urunMenu a:link, .urunMenu a:visited{ color:#08a0e1; }
.urunMenu a:hover, .urunMenu a:active{ color:#000; }


.copyright {
	font: italic 12px "Times New Roman", Times, serif;	
	color:#FFF;
}


.yumusat {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.golge {
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}