@charset "UTF-8";

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #333; background: url(../img/odemebg.png) no-repeat center top #f8f8f8;}
html, body {height:100%;}
#kapsul:before, #kapsul:after {display: table; content: " ";}
#kapsul:after {clear: both;}

.container {width:100%;}
.nopadding {padding:0 !important;}
.nomargin {margin:0 !important;}
.ovalkenar {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;}
.ovalkenarsol {border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px;}
.ovalkenarsag {border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0;}
.arabosluk {margin-bottom:20px !important;}

#kapsul { min-height:100%; background:#FFF; margin:0 auto; position:relative;}
#kapsul::before {width:5px; border-right:1px solid #dadada; background:#efefef; height:100%; position:absolute; left:-5px; top:0; bottom:0; content:""; display:block;}
#kapsul::after {width:5px; border-left:1px solid #dadada; background:#efefef; height:100%; position:absolute; right:-5px; top:0; bottom:0; content:""; display:block;}

/* tema üst */
#odemeust {background:#fafafb; position:relative; padding:1px 40px;}
#odemeust::before {border:2px solid #333333; display:block;  width:100%;}
#odemeust::after {display:block; content:" "; width:100%; height:4px; position:absolute; bottom:-4px; left:0; border-bottom:1px solid #dadada; background:#efefef;}
#odemeust .logomenu {padding:20px 0;}
#odemeust .logomenu .logo {width:184px; height:42px; display:block; text-indent:-99999px; background:url(../img/webolizma-logo.png) no-repeat;}
#odemeust .aciklama {}

.baslik {background:#fafafb; border-bottom:1px solid #e6e6e6; padding:20px;}
.baslik h4, .baslik h5 {margin:0;}
.icerik {padding:30px;}
.icerik blockquote {margin-bottom:0;}

#odemeorta {padding:40px;}
#odemeorta .odemetutarbilgi {border:1px solid #e6e6e8;}

#odemeorta .odemekisibilgi {border-right:1px solid #a5dbef; background:#f3fdff;}
#odemeorta .odemekisibilgi .baslik {background:#f1fdff; border-bottom:1px solid #a5dbef;}

#odemeorta .odemekartbilgi {}
#odemeorta .odemekartbilgi .baslik {background:#ebfcff; border-bottom:1px solid #a5dbef;}

.formlar {border:1px solid #a5dbef; background:#ebfcff;}

.kisibilgitablosu th {text-align:right;}
.formmavi .form-control {border-color:#a5dbef;}
.formmavi .ccvnedirbtn {border-color:#a5dbef;}

.blockquoteust {margin-bottom:0; padding-bottom:0;}
.blockquoteust footer {font-size:12px;}

.btnlogo {padding:15px 12px;}

.taksittablo {border:1px solid #e6e6e8;}



/* tema reponsive */
@media screen and (max-width: 859px) {
	#kapsul {width:100%;}
	#kapsul::before {display:none !important;}
	#kapsul::after {display:none !important;}
	
	#odemeust {padding:1px 20px;}
	
	.odemekartbilgi {min-height:inherit !important;}
	.odemekisibilgi {min-height:inherit !important; border:none !important;}
}

@media screen and (max-width: 450px) {
	
	#odemeorta {padding:15px 10px 10px 10px;}
	.icerik {padding:20px;}
}