* {
    outline: none;
}
body {
    font-family: arial;
}
a {
    text-decoration: none;
}
.clr {
    clear: both;
}
.wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
header {
    width: 100%;
}
header .border {
    border-top: 4px solid #4C82BB;
}
header #logo {
    width: 300px;
    height: 220px;
    border: 4px solid #001E42;
    background: #1B4E81;
    background: -webkit-linear-gradient(#5188C1, #255890); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5188C1, #255890); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5188C1, #255890); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5188C1, #255890); /* Standard syntax */
    transform: rotate(35deg) scale(1) skew(1deg) translate(10px);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -webkit-box-shadow: inset 0px 0px 11px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    inset 0px 0px 11px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         inset 0px 0px 11px 0px rgba(50, 50, 50, 0.75);
    position: absolute;
    top: -130px;
    z-index: 100;
}
header #logo .logo {
    margin-left: 100px;
    margin-top: 80px;
    width: 180px;
    height: 103px;
    display: block;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
}
header .tel {
    background: url(../images/tel_bg.png) no-repeat;
    width: 231px;
    height: 86px;
    right: 0px;
    top: -28px;
    position: absolute;
}
header .tel span {
    color: #fff;
    font-size: 14px;
    margin-top: 30px;
    margin-left: 100px;
    display: inline-block;
}
header nav {
    height: 52px;
    width: 100%;
    display: block;
    margin-top: 71px;
    background: #EBEBEB;
    background: -webkit-linear-gradient(#F9F9F9, #EBEBEB); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F9F9F9, #EBEBEB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F9F9F9, #EBEBEB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F9F9F9, #EBEBEB); /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9F9F9', endColorstr='#EBEBEB');
}
header nav ul {
    float: right;
}
header nav ul li {
    float: left;
    position: relative;
}
header nav ul li:hover a {
    color: #3D74AE;
}
header nav ul li a {
    display: block;
    padding: 19px 20px;
    color: #4D4D4D;
    font-size: 14px;
}
header nav ul li:hover ul {
    visibility: visible;
}
header nav ul ul {
    position: absolute;
    z-index: 200;
    background-color: #EBEBEB;
    border-bottom: 4px solid #23568D;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    visibility: hidden;
}
header nav ul ul li {
    width: 160px;
}
header nav ul ul li a {
    color: #4D4D4D !important;
}
header nav ul ul li a:hover {
    color: #fff !important;
    background-color: #3D74AE;
}
header nav ul ul li a {
    padding: 6px 20px;
}
header .kampanya {
    background-color: #07355F;
    height: 43px;
    float: right;
    width: 766px;
    border-bottom: 1px solid #CED6DF;
    margin-right: 20px;
}
header .kampanya:after {
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 44px 19.5px 0 19.5px;
    border-color: #07355f transparent transparent transparent;
    position: relative;
    left: 747px;
    top: 2px;
}
header .kampanya .inner {
    height: 43px;
    width: 700px;
    margin-left: 30px;
    position: relative;
}
header .kampanya .inner h5 {
    color: #fff;
    font-size: 13px;
    line-height: 43px;
    font-weight: bold;
    width: 90px;
    float: left;
}
header .kampanya .inner .mini-sld .flex-prev {
    background: url(../images/mini-sld-bottom-arrow.png) no-repeat;
    display: block;
    text-indent: -9999px;
    width: 28px;
    height: 24px;
    position: absolute;
    top: 18px;
    right: -56px;
    z-index: 120;
    outline: none;
}
header .kampanya .inner .mini-sld .flex-prev:hover {
    background: url(../images/mini-sld-bottom-arrow-hvr.png) no-repeat;
}
header .kampanya .inner .mini-sld .flex-next {
    background: url(../images/mini-sld-top-arrow.png) no-repeat;
    display: block;
    text-indent: -9999px;
    width: 28px;
    height: 24px;
    position: absolute;
    top: 3px;
    right: -60px;
    z-index: 120;
    outline: none;
}
header .kampanya .inner .mini-sld .flex-next:hover {
    background: url(../images/mini-sld-top-arrow-hvr.png) no-repeat;
}

header .kampanya .inner ul li {
    line-height: 43px;
}
header .kampanya .inner ul li a {
    color: #5D80A6;
    display: block;
}
aside {
    width: 252px;
    float: left;
    margin-top: 16px;
}
aside .online_islem {
    background: url(../images/online-islem.jpg) no-repeat;
    width: 252px;
    height: 240px;
    text-align: center;
}
aside .online_islem h4, aside .online_islem h4 a {
    color: #9F0400;
    font-size: 18px;
    padding-top: 150px;
}
aside .online_islem p {
    color: #323233;
    font-size: 12px;
    padding-top: 5px;
}
aside .harita {
    position: relative;
    width: 252px;
    margin-top: 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
}
aside .harita .harita_alt {
    background: url(../images/maps-bottom.png) no-repeat;
    width: 252px;
    height: 49px;
    position: absolute;
    bottom: 0px;
    
}
aside .harita iframe {
    width: 252px !important;
    height: 245px !important;
}
section#main {
    float: right;
    width: 740px;
    margin-top: 16px;
}
section#main .main-sld {
    width: 739px;
    height: 229px;
    overflow: hidden;
}
section#main .main-sld ul li a img {
    border-radius: 6px;
}
section#main .box-sol {
    background: url(../images/box-sol.jpg) no-repeat;
    width: 344px;
    height: 259px;
    margin-top: 20px;
    float: left;
}
section#main .box-sol h4 {
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding-top: 18px;
}
section#main .box-sol hr {
    background: url(../images/hr-bg.png);
    border: none;
    width: 282px;
    height: 1px;
}
section#main .box-sol ul {
    padding-left: 24px;
    padding-top: 4px;
    width: 344px;
    overflow: auto;
}
section#main .box-sol ul li {
    float: left;
    width: 146px;
    padding-left: 12px;
    position: relative;
}
section#main .box-sol ul li:before {
    content: ' ';
    background: url(../images/li-arrow.png) no-repeat;
    width: 7px;
    height: 13px;
    display: block;
    position: absolute;
    left: 0px;
    top: 11px;
}
section#main .box-sol ul li a {
    color: #fff;
    font-size: 12px;
    display: block;
    padding: 12px 0;
}
section#main .box-sol ul li a:hover {
    text-decoration: underline;
}
section#main .box-sag {
    background: url(../images/box-sag.jpg) no-repeat;
    width: 383px;
    height: 259px;
    margin-top: 20px;
    float: right;
    position: relative;
}
section#main .box-sag h4 {
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding-top: 18px;
}
section#main .box-sag hr {
    background: url(../images/hr-bg.png);
    border: none;
    width: 282px;
    height: 1px;
}
section#main .box-sag .resim {
    float: left;
    margin: 10px;
}
section#main .box-sag .icerik {
    margin-top: 14px;
    margin-right: 10px;
}
section#main .box-sag .icerik p {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
}
section#main .box-sag a.detay {
    position: absolute;
    bottom: 45px;
    right: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
footer {
    position: relative;
    overflow: hidden;
    width: 1000px;
    height: 200px;
    margin-top: 16px;
}
footer #footer-logo {
    width: 300px;
    height: 220px;
    border: 4px solid #001E42;
    background: #1B4E81;
    background: -webkit-linear-gradient(#5188C1, #255890); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5188C1, #255890); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5188C1, #255890); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5188C1, #255890); /* Standard syntax */
    transform: rotate(35deg) scale(1) skew(1deg) translate(10px);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -webkit-box-shadow: inset 0px 0px 11px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    inset 0px 0px 11px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         inset 0px 0px 11px 0px rgba(50, 50, 50, 0.75);
    position: absolute;
    top: -126px;
    z-index: 100;
    left: 28px;
}
footer #footer-logo .logo {
    margin-left: 100px;
    margin-top: 80px;
    width: 180px;
    height: 103px;
    display: block;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
}
footer .logo-top-border {
    border-top: 4px solid #001E42;
    width: 354px;
    position: relative;
    z-index: 110;
    margin-left: 5px;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 11px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 11px 0px rgba(50, 50, 50, 0.75);
}
footer .inner {
    float: right;
    height: 60px;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    width: 682px;
    margin-top: -4px;
    background: #EBEBEB;
    background: -webkit-linear-gradient(#F9F9F9, #EBEBEB);
    background: -o-linear-gradient(#F9F9F9, #EBEBEB);
    background: -moz-linear-gradient(#F9F9F9, #EBEBEB);
    background: linear-gradient(#F9F9F9, #EBEBEB);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9F9F9', endColorstr='#EBEBEB');
}
footer .inner .cr {
    line-height: 60px;
    margin-left: 40px;
    font-size: 12px;
    color: #585858;
    width: 175px;
    float: left;
}
footer .inner .yetkili {
    float: left;
    font-size: 12px;
    color: #585858;
    width: 300px;
}
footer .inner .yetkili img {
    line-height: 60px;
    margin-top: 20px;
    float: left;
}
footer .inner .yetkili span {
    font-size: 12px;
    color: #585858;
    width: 300px;
    line-height: 62px;
    padding-left: 10px;
}
footer .inner .social {
    float: right;
    overflow: auto;
    margin-top: 18px;
    margin-right: 10px;
}
footer .inner .social .facebook {
    background: url(../images/facebook.png) no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    display: block;
    text-indent: -9999px;
}
footer .inner .social .twitter {
    background: url(../images/twitter.png) no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    display: block;
    text-indent: -9999px;
    margin-left: 4px;
}
section#main .content {
    border: 1px solid #D2D2D2;
    background-color: #FBFBFB;
    border-radius: 6px;
    padding: 10px;
}
section#main .content h3 {
    color: #9F0400;
    background: url(../images/baslik-border.png) no-repeat left bottom;
    padding: 10px;
}
section#main .content .firma-resim {
    float: left;
    margin: 20px 20px 10px 0;
}

section#main .content p {
    color: #6E6E6E;
    font-size: 12px;
    line-height: 17px;
    margin-top: 20px;
}
aside .side-menu {
    margin-top: 16px;
}
aside .side-menu .inner {
    border: 1px solid #C4C4C4;
    border-bottom: none;
    background-color: #FDFDFD;
    border-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
aside .side-menu .bottom {
    background: url(../images/side-bar-menu-bg.jpg) no-repeat;
    width: 252px;
    height: 50px;
}
aside .side-menu .inner h3 {
    color: #9F0400;
    background: url(../images/baslik-border.png) no-repeat left bottom;
    padding: 10px 0;
    text-align: center; 
    width: 227px;
    margin: 0 auto;
}
aside .side-menu ul {
    padding: 20px 0;
}
aside .side-menu ul li a:hover {
    background-color: #326DAC;
}
aside .side-menu ul li a {
    background-color: #23568D;
    display: block;
    padding: 6px;
    color: #fff;
    margin: 5px 10px;
    font-size: 11px;
}
.maps {
    width: 700px;
    height: 250px;
    border: 1px solid #D2D2D2;
    background-color: #fff;
    margin-top: 10px;
    padding: 8px;
    
}
.maps iframe {
    width: 700px !important;
    height: 250px !important;
}
.form {
    padding: 10px 0;
    margin-bottom: 20px;
}
.form input[type="text"] {
    padding: 8px;
    border: 3px solid #e1e1e1;
    width: 214px;
}
.form textarea {
    padding: 8px;
    border: 3px solid #e1e1e1;
    margin-top: 5px;
    width: 694px;
    height: 80px;
}
.form button {
    background-color: #457AB3;
    padding: 8px 16px;
    border: none;
    color: #fff;
    margin-top: 5px;
    float: right;
    margin-right: 2px;
    cursor: pointer;
}
.form button:hover {
    background-color: #5C8FC6;
}

.pagenavi {
	clear:both;
	padding:10px 0 10px 0;
	position:relative;
	font-size:12px;
	line-height:32px;
	overflow: hidden;
	float:left;
}

.pagenavi span, .pagenavi a {
	margin: 0 0px;
	display:inline-block;
	padding:0 10px;
	background:url(../images/button-tail.gif) repeat-x 0 0 #f7f7f7;
	color:#3e61c7;
	font-weight: bold;
	font-size:12px;
	line-height:25px;
	height:25px;
	text-decoration:none;
	border:none;
	text-transform:none !important;
	border-radius: 0;
	border-radius: 2px;
	box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
	border: 1px solid #e1e1e1;
}
	
.pagenavi .pagenavi_prev {
	margin:0 5px 0 0;
}
.pagenavi .pagenavi_next {
	margin:0 0 0 5px;
}
.pagenavi a:hover, .pagenavi .current {
	background:url(../images/button-tail.gif) repeat-x 0 bottom #606c56;
	color:#fff !important;
	text-decoration:none;
	border: 1px solid #606c56;
	box-shadow: none;
}


#tablo {border:1px solid #dbdbdb; margin-bottom:8px;  font-size:12px; font-weight:bold;}
#tablo th { padding:6px 4px 6px 10px; margin:0px; color:#333; text-align:left; background-color: #efefef; background-image: -moz-linear-gradient(top, #ffffff, #efefef); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background-image: -webkit-linear-gradient(#ffffff, #efefef);
background-image: -o-linear-gradient(#ffffff, #efefef); background-image: linear-gradient(top, #ffffff, #efefef); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef'); border-bottom:1px solid #dbdbdb;font-size:12px;}
#tablo td { padding:6px 5px 6px 10px; margin:0px; color:#333333; text-align:left; background-color: #ffffff;border-bottom:1px solid #dbdbdb}
#tablo td a {color:#333; text-decoration:none; font-size:12px;}
#tablo td a:hover {color:#FF0000; text-decoration:none;}

form input[type=text], form input[type=password], form textarea, form select {  color: #555555;font-size: 12px;width: 300px;padding: 3px; margin: 3px 0;text-shadow: 0 1px 1px #FFFFFF;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;  font-family: Arial, Helvetica, sans-serif;}
form input[type=text]:focus, form input[type=password]:focus, form textarea:focus { background-color: #FFFFFF;background-image: -moz-linear-gradient(top, #FFFFFF, #F6F6F6); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F6F6));background-image: -webkit-linear-gradient(#FFFFFF, #F6F6F6);
    background-image: -o-linear-gradient(#FFFFFF, #F6F6F6); background-image: linear-gradient(top, #FFFFFF, #F6F6F6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F6F6');border: 1px solid #999999;}
form select { display: inline;  padding: 0;text-shadow: none;}
form option { padding: 3px; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
form textarea { vertical-align: top;}
form input.small,form select.small,form textarea.small{width:130px}
form input.medium,form select.medium,form textarea.medium{width:300px}
form input.medium1,form select.medium1,form textarea.medium1{width:200px}

form input.big,form select.big,form textarea.big{width:440px}
form label.error{font:10px Tahoma,sans-serif;color:#ED7476;margin-left:5px}
form input.error,form input.error:hover,form input.error:focus,form select.error,form textarea.error{border:1px solid #ED7476;background:#FFEDED}
button, form input[type=submit] { cursor:hand; padding: 5px 10px;margin: 2px; font-size: 12px;text-align: center;text-shadow: 0 1px 1px #c49b0f;-webkit-box-shadow: 0 0 3px #c49b0f;
	-moz-box-shadow: 0 0 3px #c49b0f;	box-shadow: 0 0 3px #c49b0f;    -webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;    display: inline;
	color: #FFFFFF;	text-shadow: 0 0 1px #b3a47d;	border: 1px solid #666;	background-color: #c49b0f;	background-image: -moz-linear-gradient(top, #c49b0f);    background-image: -webkit-gradient(linear, left top, left bottom, from(#c49b0f), to(#c49b0f)); background-image: -webkit-linear-gradient(#c49b0f);
    background-image: -o-linear-gradient(#c49b0f);     background-image: linear-gradient(top, #8dc63f, #161445);     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dc63f', endColorstr='#161445');}
button:hover, form input[type=submit]:hover {cursor:hand; background-color: #585d87;background-image: -moz-linear-gradient(top, #161445, #f8dc63f);background-image: -webkit-gradient(linear, left top, left bottom, from(#161445), to(#8dc63f));background-image: -webkit-linear-gradient(#161445, #8dc63f);background-image: -o-linear-gradient(#161445, #8dc63f);background-image: linear-gradient(top, #161445, #8dc63f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161445', endColorstr='#8dc63f'); }

.urundiv { height: 219px; width: 221px; float: left; background-image: url(../images/urunbg.png); background-repeat: no-repeat; margin: 1px; }
.baslik3 { font-family: Calibri; font-size: 17px; font-weight: bold; color: #BD0704; text-decoration: none; }
.urun-box {
	float:left;
	width:200px;
	border:solid 0px #ccc;
}
.urun-box2 {
	float:left;
	margin-left:9px;
}
.urun-baslik {
	height:30px;
	font-weight:bold;
	font-size:12px;
	text-align:center
}
.urun-baslik p {
	margin:0;
	padding:0;
	padding-top:7px;
	color:#C00;
}

.urun-resim {
	text-align:center;
	margin-left:15px;
 
}