/* -------------------------------------
22.07.2014
Paraf Bilişim - http://www.parafbilisim.net/
Author: Mehmet SARIKAHRAMAN 
Email:  sarikahraman@windowslive.com
------------------------------------- */

/* CSS RESET ------------------------------------------------------------------------------------------------------------- */
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, strong, sub, sup, tt, var, 
b, u, i, center, 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-size: 100%; text-decoration: none;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

:focus, a:focus, a:active{ outline: 0; }

ins{ text-decoration: none; }
del{ text-decoration: line-through; }

::-moz-selection { background : #8CCDF8; text-shadow : none; }
::selection { background : #8CCDF8; text-shadow : none; }

/* GENEL TANIMLAMALAR ---------------------------------------------------------------------------------------------------- */
html, body { width: 100%; }
html { height: 100%; background-image: url(../images/bg.png); background-position: fixed; }
body { min-width: 1026px; font: 13px 'Open Sans', sans-serif; color: #444; }
p { padding: 5px 0; }
strong { font-weight: 600; }

h1 { font-size: 38px; } h2 { font-size: 34px; } h3 { font-size: 30px; }
h4 { font-size: 26px; } h5 { font-size: 22px; } h6 { font-size: 16px; }
h1, h2, h3, h4, h5, h6 { margin: 5px 0; font-weight: 600; }

hr { border:0; border-top:1px solid #DDD; border-bottom:1px solid #FFF; margin:5px 0 10px; }

a {
	color: inherit;
	-webkit-transition: color .2s ease-out;
			transition: color .2s ease-out;
}
a:hover { color: #0497DA; }

::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }
::-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }

small { font-size: 75%; }

header, nav, body > section,  body > footer { width: 950px; margin: 0 auto; position: relative; }

.sol { float: left; }
.sag { float: right; }

.uyari { text-align: center; }
.uyari h1 { color: #DDD; font-size: 200px; padding-top: 30px; }
.uyari div { font-size: 16px; padding-bottom: 30px; }

header:after, nav:after, footer:after, body > section:after, article:after {
	content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;
}


/* UST ------------------------------------------------------------------------------------------------------------------- */
.logo {
	float: left; width: 325px; height: 110px; margin: 20px 0 0;
	background: url(../images/logo.png) center center no-repeat;
}

.ust { margin-top: 10px; }

.tel {
	background: url(../images/tel.png) left center no-repeat;
	padding: 7px 20px 7px 24px; font-size: 20px; font-style: italic;
}

/* MENU ------------------------------------------------------------------------------------------------------------------ */
nav { padding: 6px 0; box-shadow: 0 2px 5px 0 rgba(0,0,0,.4); border-radius: 8px; }
nav a {
	float: left; padding: 10px 20px; margin: 0 6px; border-radius: 5px;
	font: 16px 'Roboto Condensed', sans-serif; font-weight: 400;
	-webkit-transition: background-color .1s ease-out;
			transition: background-color .1s ease-out;
}
nav a:hover { color: #FFF; background-color: rgba(0,0,0,.3); }
nav a.aktif {
	background-color: rgba(0,0,0,.3);
	box-shadow: inset 0 3px 10px 0 rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.3);
}

/* ORTA ------------------------------------------------------------------------------------------------------------------ */
body > section { min-height: 300px; padding: 20px 0; }
body > section > article { width: inherit; min-height: inherit; }

aside.sol, .icerik { background-color: #F5F5F5; border: 1px solid #CCC; }
aside.sol, .bolum, .icerik { border-radius: 5px; }

aside.sol { width: 222px; min-height: inherit; padding: 8px; }
aside.sol h6, article.sag section > h6 { padding: 5px 10px; border-radius: 5px; }
aside.sol h6 { font-style: italic; }
aside article { margin: 10px 0; }
aside ul li { padding: 5px; background-color: #EEE; margin-bottom: 6px; }

article.sag { width: 700px; }
article.sag section > h6 { width: 320px; margin: 0 auto; padding: 5px 0; text-align: center; }
.icerik { padding: 20px; margin-bottom: 20px; min-height: 276px; }
.icerik p { text-align: justify; }
.icerik img { max-width: 660px; }
.icerik ul { list-style: outside square; margin-left: 15px; }
.icerikBaslik { margin: 0 0 15px 0; border-bottom: 1px solid #CCC; padding-bottom: 10px; }

.bolum {
	float: left; text-align: center; margin: 18px 9px 0; padding: 6px;
	background-color: #EEE; border: 1px solid #999; box-shadow: 0 1px 8px 0 rgba(0,0,0,.3);
}
.bolum figure {
	width: 123px; height: 123px; border: 10px solid #FFF;
	box-shadow: 0 0 0 1px #BBB; background-position: center center;
	background-repeat: no-repeat; background-size: contain; background-color: #FFF;
}
.bolum:hover figure { box-shadow: 0 0 0 1px #0D88C0; }
.bolum footer { width: 143px; height: 40px; display: table-cell; vertical-align: middle; color: #666; font-weight: 600; }
.bolum:hover footer { color: #0D88C0; }

.clear { clear: both; }
.btn {
	font-size: 12px; border-radius: 3px; padding: 4px 8px; text-indent: 0;
	background-color: #EEE; box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
	-webkit-transition: background-color .2s ease-out;
			transition: background-color .2s ease-out;
}
.btn:hover { background-color: #F5F5F5; }

/*// MARKA SLIDER ------------------- //*/
#markaSlider {
	width: 700px; height: 436px; overflow: hidden; position: relative;
	top: -50px; margin-bottom: -50px; padding-top: 50px;
}
#markaSlider .onceki, #markaSlider .sonraki {
	position: absolute; top: 17px; display: block; width: 25px; height: 32px;
	background-position: center center; background-repeat: no-repeat; opacity: .5;
	-webkit-transition: opacity .2s ease-out;
			transition: opacity .2s ease-out;
}
#markaSlider .onceki { left: 190px; background-image: url(../images/okl.png); }
#markaSlider .sonraki { right: 190px; background-image: url(../images/okr.png); }
#markaSlider .onceki:hover, #markaSlider .sonraki:hover { opacity: 1; }

/*// SLIDER ------------------------- //*/
.slider {
	position: relative; margin-bottom: 15px; border-radius: 3px;
	overflow: hidden; box-shadow: 0 1px 5px 0 rgba(0,0,0,.5);
}
.slider ul { width: 700px; height: 352px; }
.slider li { display: none; position: absolute; width: inherit; height: inherit; overflow: hidden; }
.slider li:first-child { display: block; }

/*// ALT ---------------------------- //*/
body > footer { font-size: 13px; background-color: #444; border-radius: 5px; color: #FFF; margin-bottom: 20px; }
body > footer > div { padding: 10px 15px; }
body > footer a { color: #EEE; }
body > footer a:hover { color: #FFF; }

/* ----------------------------------------------------------------------------------------------------------------------- */
nav, aside.sol h6, article.sag section > h6 {
	text-shadow: 0 1px 3px rgba(0,0,0,.4); color: #FFF; border-bottom: 1px solid #1B465A;
	background: #0497DA url(../images/menu.png) left bottom repeat-x; background-size: 1px 100%;
}