/*

TASARIM :Uzman PaneL

WEB MASTER : Harun CANBUGA

WEB : WWW.UzmanPanel.COM

TARÄ°H : 15.03.2022

*/






@import url(https://fonts.googleapis.com/css?family=Khand:400,500,600,700,300&subset=latin,latin-ext);







/* GENEL AYALAR */

html {width:980px; height:760px;}

body {

	width:980px;

	height:760px;

	overflow:hidden;

	font-family:"Khand", Arial, Helvetica, sans-serif;

	background:#fbfbfb url('../images/bg.jpg') no-repeat top center;

	font-weight:100;

}

.temizle {clear:both;}

.kapsayici {width:980px; position:relative; margin:auto;}









/* SOL BLOK TASARIM */

.sol_blok {width:240px; height:760px; position:relative; float:left; left:0;}

.logo {position:absolute; margin:7px 0 0 50px;}



.sol_blok ul {position:absolute;margin: 200px 0 0 25px;}

.sol_blok ul li {list-style:none; float:none; width:155px;}

.sol_blok ul li a {

	position:relative;

	padding:6px;

	display:block;

	color:#fff;

	padding-left:40px;

	font-weight:500;

}

.sol_blok ul li:hover a, .sol_blok ul li.aktif a {color:#f87030;}

.sol_blok ul li:nth-child(1) a {background:url('../images/menu/icon1.png') no-repeat 10px center;}

.sol_blok ul li:nth-child(2) a {background:url('../images/menu/icon2.png') no-repeat 10px center;}

.sol_blok ul li:nth-child(3) a {background:url('../images/menu/icon3.png') no-repeat 10px center;}

.sol_blok ul li:nth-child(4) a {background:url('../images/menu/icon4.png') no-repeat 10px center;}

.sol_blok ul li:nth-child(5) a {background:url('../images/menu/icon5.png') no-repeat 10px center;}

.sol_blok ul li:nth-child(6) a {background:url('../images/menu/icon6.png') no-repeat 10px center;}

.sol_blok ul li:nth-child(7) a {background:url('../images/menu/icon7.png') no-repeat 10px center;}

.sol_blok ul li:nth-child(8) a {background:url('../images/menu/icon8.png') no-repeat 10px center;}

.sol_blok ul li:nth-child(9) a {background:url('../images/menu/icon9.png') no-repeat 10px center;}

.sol_blok ul li:nth-child(10) a {background:url('../images/menu/icon10.png') no-repeat 10px center;}

.sol_blok ul li:nth-child(11) a {background:url('../images/menu/icon11.png') no-repeat 10px center;}

.sol_blok ul li:nth-child(12) a {background:url('../images/menu/icon12.png') no-repeat 10px center;}

.sol_blok ul li:nth-child(13) a {background:url('../images/menu/icon13.png') no-repeat 10px center;}



.sol_blok ul li:hover:nth-child(1) a, .sol_blok ul li.aktif:nth-child(1) a {background:url('../images/menu/icon1-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}

.sol_blok ul li:hover:nth-child(2) a, .sol_blok ul li.aktif:nth-child(2) a {background:url('../images/menu/icon2-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}

.sol_blok ul li:hover:nth-child(3) a, .sol_blok ul li.aktif:nth-child(3) a {background:url('../images/menu/icon3-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}

.sol_blok ul li:hover:nth-child(4) a, .sol_blok ul li.aktif:nth-child(4) a {background:url('../images/menu/icon4-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}

.sol_blok ul li:hover:nth-child(5) a, .sol_blok ul li.aktif:nth-child(5) a {background:url('../images/menu/icon5-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}

.sol_blok ul li:hover:nth-child(6) a, .sol_blok ul li.aktif:nth-child(6) a {background:url('../images/menu/icon6-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}

.sol_blok ul li:hover:nth-child(7) a, .sol_blok ul li.aktif:nth-child(7) a {background:url('../images/menu/icon7-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}

.sol_blok ul li:hover:nth-child(8) a, .sol_blok ul li.aktif:nth-child(8) a {background:url('../images/menu/icon8-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}

.sol_blok ul li:hover:nth-child(9) a, .sol_blok ul li.aktif:nth-child(9) a {background:url('../images/menu/icon9-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}

.sol_blok ul li:hover:nth-child(10) a, .sol_blok ul li.aktif:nth-child(10) a {background:url('../images/menu/icon10-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}

.sol_blok ul li:hover:nth-child(11) a, .sol_blok ul li.aktif:nth-child(11) a {background:url('../images/menu/icon11-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}

.sol_blok ul li:hover:nth-child(12) a, .sol_blok ul li.aktif:nth-child(12) a {background:url('../images/menu/icon12-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}

.sol_blok ul li:hover:nth-child(13) a, .sol_blok ul li.aktif:nth-child(13) a {background:url('../images/menu/icon13-hover.png') no-repeat 10px center, url('../images/menu/hover.png') no-repeat center center;}










/* ORTA BLOK TASARIM */

.orta_blok {width:740px; height:760px; position:relative; float:right; right:0;}

.orta_blok h1 {width:100%; height:75px; position:relative; line-height:75px; color:#fff; font-weight:300; padding-left:90px; font-size:1.20em; letter-spacing:-0.03em;}

.orta_blok h1 span {font-weight:600;}



.footer {width:100%; height:90px; position:absolute; bottom:0;}

.footer p {color:#ccc; width:100%; padding:7px; font-size:.80em; font-weight:300; text-align:center; display:block;}

.footer ul {width:100%; margin-top:15px; display:table; text-align:center;}

.footer ul li {

	list-style:none;

	padding:0 5px;

	display:inline-block;

	*display:inline; /*IE7*/

	*zoom:1; /*IE7*/

	background:url('../images/footer_ayrac.png') no-repeat right center;

}

.footer ul li a {color:#fff; font-weight:500; font-size:.90em; padding:3px 7px; display:block;}

.footer ul li a:hover {text-decoration:underline; color:#fc0;}

.footer ul li:last-child {background:none;}





.orta_tasarim {width:710px; height:545px; margin:40px 10px 0 20px; display:block;}

.orta_info {

	border-radius: 5px;

	background-image: -moz-linear-gradient( 90deg, rgb(251,145,207) 0%, rgb(233,148,246) 100%);

	background-image: -webkit-linear-gradient( 90deg, rgb(251,145,207) 0%, rgb(233,148,246) 100%);

	background-image: -ms-linear-gradient( 90deg, rgb(251,145,207) 0%, rgb(233,148,246) 100%);

	position:relative;

	width: 680px;

	padding:15px;

	

	color:#fff;

	text-align:justify;

	line-height:150%;

	font-size:.90em;

}



.butonlar {position:relative; margin-top:80px;}

.butonlar div:nth-child(1),

.butonlar div:nth-child(2),

.butonlar div:nth-child(3),

.butonlar div:nth-child(4) {

	position:relative;

	width:172px;

	height:66px;

	display:inline-block;

	margin:0 4px -1px 0;

}

.butonlar div:nth-child(4) {margin-right:0;}

.butonlar div:nth-child(1) a {background:url('../images/butonlar.png') no-repeat left top;}

.butonlar div:nth-child(2) a {background:url('../images/butonlar.png') no-repeat -172px top;}

.butonlar div:nth-child(3) a {background:url('../images/butonlar.png') no-repeat -344px top;}

.butonlar div:nth-child(4) a {background:url('../images/butonlar.png') no-repeat -516px top;}



.butonlar div:nth-child(5),

.butonlar div:nth-child(6),

.butonlar div:nth-child(7),

.butonlar div:nth-child(8),

.butonlar div:nth-child(9),

.butonlar div:nth-child(10),

.butonlar div:nth-child(11),

.butonlar div:nth-child(12) {

	position:relative;

	width:172px;

	height:133px;

	display:inline-block;

	margin:0 4px -1px 0;

}

.butonlar div:nth-child(8), .butonlar div:nth-child(12) {margin-right:0;}

.butonlar div:nth-child(5) a {background:url('../images/butonlar.png') no-repeat left -66px;}

.butonlar div:nth-child(6) a {background:url('../images/butonlar.png') no-repeat -172px -66px;}

.butonlar div:nth-child(7) a {background:url('../images/butonlar.png') no-repeat -344px -66px;}

.butonlar div:nth-child(8) a {background:url('../images/butonlar.png') no-repeat -516px -66px;}

.butonlar div:nth-child(9) a {background:url('../images/butonlar.png') no-repeat left -199px;}

.butonlar div:nth-child(10) a {background:url('../images/butonlar.png') no-repeat -172px -199px;}

.butonlar div:nth-child(11) a {background:url('../images/butonlar.png') no-repeat -344px -199px;}

.butonlar div:nth-child(12) a {background:url('../images/butonlar.png') no-repeat -516px -199px;}



.butonlar a {overflow:hidden; display:block; width:100%; height:100%;}

.butonlar a span {

	position:absolute;

	width:152px;

	height:46px;

	line-height:140%;

	padding:10px;

	text-align:right;

	color:#fff;

}

.butonlar a span b {font-size:2em;}

.butonlar div:hover a {

	-webkit-animation-duration: 0.75s;

	animation-duration: 0.75s;

	-webkit-animation-name: bounceIn;

	animation-name: bounceIn;

}













/* BÄ°LDÄ°RÄ°MLER */

.message {

	padding:10px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    border-radius: 5px;

    margin-bottom: 10px;

    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

	font-size:1em !important;

	font-weight:normal !important;

}

.message.info {

    border: 1px solid #cadcea;

    background: #e1f2fc;

    color: #225b86 !important;

    text-shadow: 0 1px 0 #fff;

	margin:10px 0;

}

.message.error {

    border: 1px solid #eeb7ba;

    background: #fae2e2;

    color: #be4741 !important;

    text-shadow: 0 1px 0 #fff;

	margin:10px 0;

}

.message.success {

    border: 1px solid #b8c97b;

    background: #e5edc4;

    color: #3f7227 !important;

    text-shadow: 0 1px 0 #fff;

	margin:10px 0;

}

.message.warning {

    border: 1px solid #e5dbaa;

    background: #ffffc0;

    color: #6d7829 !important;

    text-shadow: 0 1px 0 #fff;

	margin:10px 0;

}