@charset "UTF-8";
/*  
	IK Formu  CSS
	Hazırlayan: Onur ÜNAL
	www.onurunal.com.tr
	www.rbrdigital.com
*/ 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
ul {list-style:none}
ul li {margin-bottom:5px } 
textarea {
    resize: 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; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


    body {
        margin: 0;
        padding: 0;
        background-color: #FFFF;
		color:#231f20;
        font: 12px  Arial, Helvetica, sans-serif;
		letter-spacing:-0.5px;	
    }
    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .page {
        width: 21cm;
        min-height: 29.7cm;
        padding: 2cm;
        margin: 1cm auto;
        border: 1px #D3D3D3 solid;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }
    .subpage {
        border: 1px red #ccc;
        height: 237mm;
        outline: 2cm #ffff solid; 
    }
    
    @page {
        size: A4;
        margin: 0;
    }
    @media print {
        .page {
            margin: 0;
            border: initial;
            border-radius: initial;
            width: initial;
            min-height: initial;
            box-shadow: initial;
            background: initial;
            page-break-after: always;
        }
    }

/* Genel Kodlar */

input[type="text"] {padding-left:10px;border:1px solid #ccc;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} 
textarea {padding-left:10px;border:1px solid #ccc;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} 

input[type="radio"] {border:1px solid #ccc;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} 

.kutu1 {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#d1d2d4;border:1px solid #ccc;}
.kutu2 {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #ccc;}

.clearfix{clear:both}
.baslik {width:104%; height:14px; padding-bottom:3px; border-bottom:1px solid #ed1c24; font-size:12px; line-height:15px; text-align:left;margin-bottom:10px}
.baslik span {background:#ed1c24; color:#fff; padding-left:10px; padding-right:10px;padding-top:5px; font-size:11px}

.cizgi {height:5px; border-bottom:1px solid #ccc; width:104%;margin-top:5px; margin-bottom:5px; display:block}
/* Bölümler */

/* Üst Bölüm */

.ustBolum{width:100%; height:120px; display:block; clear:both}

.header{width: 21cm;
		background-color: #ed1c24;
		height: 50px;
		position: absolute;
		margin-left: -76px;}
		
.logo{margin-top:29px;
	  margin-left: 70px;}

.ustSag {float:right; line-height:60px; font-size:11px ; width: 60%;margin-top: 25px; visibility:hidden}  
.ustSag ul {list-style:none; visibility:hidden}
.ustSag ul li{float:left;margin-left:5px; height:20px; line-height:20px; width:30%; } 
.ustSag input[type="text"] {width:40%; margin-left:5px;  border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;visibility:hidden}

.ustBasvuru { float:right;margin-top:10px; height:20px; line-height:20px; width:35%}
.ustBasvuru strong{color:#ed1c24; margin-right:20px}
.ustBasvuru span {padding-left: 10px;padding-right: 10px;letter-spacing: 5px;}


/* Görev Bölüm */
.gorevSag{float:left; width:70%; margin-right:50px}
.gorevSol{float:left; width:20%;}

.gorevSag h2 {margin-left:40px;font-size:20px; font-weight:lighter; margin-bottom:5px}
.gorevSag strong {color:#ed1c24;margin-left:40px; font-weight:normal; margin-bottom:10px}
.gorevSecenekler {margin-top:10px}
.gorevSag ul{list-style:none;}
.talepGorev {width:100%; line-height:20px; height:20px}
.talepGorev label { height:20px; line-height:20px; padding-right:12px}
.talepGorev input[type="text"] {width:70%; background-color:#d1d2d4;height:20px; line-height:20px;padding-left:10px}
 
.calismaSekil {margin-top:5px}
.calismaSekil label{float:left; margin-right:5px}
.calismaList {width:70%; height:20px; float:right; height:20px; line-height:20px; padding-left:10px; font-size:11px; font-weight:lighter}
.calismaList li {float:left; width:30%; height:20px}

.kisiFoto {padding:20px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 1px dashed #ccc; width:165px; height:165px;text-align:center}
.kisiFoto span {width:126px; margin:0 auto; display:block; text-align:center; margin-bottom:20px}
.kisiFoto strong {font-weight:lighter; font-size:12px; color:#ed1c24;text-align:center;margin-bottom:20px}
.kisiFoto input[type="file"] {margin-top:20px; margin-left:-18px}


/*Kisisel Bölüm*/
.kisiselBilgi{margin-bottom:10px}
.kisiselSag {float:left; width:70%}
.kisiselSol {float:left; width:30%}
.kisiselSag ul {list-style:none}
.kisiselSag ul li{list-style:none; margin-bottom:5px}

.kisiselSol ul {list-style:none;}
.kisiselSol ul li{margin-bottom:5px;}

.kisiAdSoyad {width:100%; line-height:20px; height:20px}
.kisiAdSoyad label { height:20px; line-height:20px; padding-right:12px}
.kisiAdSoyad input[type="text"] {width:75%; background-color:#d1d2d4;height:20px; line-height:20px;padding-left:10px; margin-left:25px}

.dogumBilgi {width:97%; line-height:20px; height:20px;}
.dogumBilgi span {width:50%}

.dogumBilgi label { height:20px; line-height:20px; padding-right:12px}
.dogumBilgi input[type="text"] {width:27%; background-color:#d1d2d4;height:20px; line-height:20px;padding-left:10px;margin-left:1px}

.cinsiyet {margin-left:40px;font-size:10px;padding:5px;margin-right:15px;padding-right:20px}
.medeniHal {margin-left:12px; font-size:10px;padding:5px;padding-right:16px}

.kisiselSolSatir {width:150%; line-height:20px; height:20px}
.kisiselSolSatir span { height:20px; line-height:20px; padding-right:12px}
.kisiselSolSatir input[type="text"] {width:50%; background-color:#d1d2d4;height:20px; line-height:20px;padding-left:10px; margin-left:10px}

.kisiselBolumIki {width:104%}
.kisiselBolumIki ul {list-style:none}
.bolumIkiSol {width:70%; float:left}
.bolumIkiSol ul li{margin-bottom:5px;} 
.bolumIkiSag {width:30%; float:left; font-size:11px}
.bolumIkiSag ul li{margin-bottom:5px;} 

.askerlik label {margin-right:4px} 
.askerlik input[type="text"] {width:17%;height:20px; line-height:20px;padding-left:10px; margin-left:10px; font-size:10px}
.askerlikSpan {margin-left:35px;font-size:10px;padding:5px;}

.saglik{font-size:11px}
.saglik label {margin-right:4px} 
.saglik input[type="text"] {width:41%;height:20px; line-height:20px;padding-left:10px; margin-left:10px; font-size:10px}
.saglikSpan {font-size:10px;padding:5px;}

.yargi{font-size:10px}
.yargi label {margin-right:4px} 
.yargi input[type="text"] {width:39%;height:20px; line-height:20px;padding-left:10px; margin-left:10px; font-size:10px}
.yargiSpan {font-size:10px;padding:5px;}

.oturduguEv {font-size:10px}
.oturduguEv label {margin-right:4px} 
.oturduguEv input[type="text"] {width:23%;height:20px; line-height:20px;padding-left:10px; margin-left:10px; font-size:10px}
.oturduguEvSpan {margin-left:5px;font-size:10px;padding:5px;}

.ehliyet label {margin-right:1px} 
.ehliyet input[type="text"] {width:11%;height:18px; line-height:18px; margin-left:5px; font-size:10px; padding:0px}
.ehliyetSpan {margin-left:5px;font-size:10px;padding:5px;}

.srcBelge label {margin-right:1px} 
.srcBelge input[type="text"] {width:11%;height:18px; line-height:18px; margin-left:5px; font-size:10px; padding:0px}
.srcBelgeSpan {margin-left:2px;font-size:10px;padding:5px;}

.sigara {font-size:10px}
.sigara label {margin-right:0px} 
.sigara input[type="text"] {width:12%;height:18px; line-height:18px; margin-left:5px; font-size:10px; padding:0px}
.sigaraSpan {margin-left:2px;font-size:10px;padding:5px; padding-left:1px; padding-right:0px}

.alkol {font-size:10px}
.alkol label {margin-right:0px} 
.alkol input[type="text"] {width:12%;height:18px; line-height:18px; margin-left:5px; font-size:10px; padding:0px}
.alkolSpan {margin-left:7px;font-size:10px;padding:5px; padding-left:1px; padding-right:0px}


/*İletişim Bölüm*/
.iletisimBilgi{width:104%;margin-bottom:10px}
.iletisimSol {float:left; width:66%}
.iletisimSag {float:left; width:31%; margin-left:15px}


.iletisimAdres {width:100%; line-height:50px; height:50px}
.iletisimAdres label { height:50px; line-height:50px; padding-right:10px}
.iletisimAdres textarea {width:78%; background-color:#d1d2d4;height:50px; line-height:14px;padding-left:10px; margin-left:25px}

.semtBilgi {width:100%; line-height:20px; height:20px;}
.semtBilgi span {width:50%}
.semtBilgi label { height:20px; line-height:20px; padding-right:12px}
.semtBilgi input[type="text"] {width:32%; background-color:#d1d2d4;height:20px; line-height:20px;padding-left:10px;margin-left:1px}

.iletisimSatir {width:150%; line-height:20px; height:20px}
.iletisimSatir span { height:20px; line-height:20px; padding-right:12px}
.iletisimSatir input[type="text"] {width:47%; background-color:#d1d2d4;height:20px; line-height:20px;padding-left:10px; margin-left:10px}

/*Eğitim Bilgiler*/
.egitimBilgi{width:104%; margin-bottom:10px}
.egitimSol {float:left; width:66%;}
.egitimSag {float:left; width:31%; margin-left:15px;}

.egitimDurum {margin-left:12px; font-size:12px;padding:5px;padding-right:4px}
.egitimDurum input[type="radio"]  {margin-right:17px;margin-bottom:5px}
.egitimDurum label  {margin-right:5px;}

.mezun{font-size:12px}
.mezun label {margin-right:5px} 
.mezun input[type="text"] {width:65%;height:20px; line-height:20px;padding-left:10px; margin-left:10px; font-size:10px}
.mezunSpan {font-size:12px;padding:5px;} 

.egitimSatir {width:150%; line-height:20px; height:20px}
.egitimSatir span { height:20px; line-height:20px; padding-right:12px}
.egitimSatir input[type="text"] {width:52%; background-color:#d1d2d4;height:20px; line-height:20px;padding-left:10px; margin-left:10px; background:#fff}

.bilgisayarBaslik {width:20%; height:50px; line-height:18px !important;display: block;float: left; font-size:11px;}
.bilgisayarBilgi textarea {width:80%; background-color:#d1d2d4;height:50px; line-height:14px;padding-left:10px; display:block}

/*İş Tecrübeleri*/
.baslik strong {color:#ed1c24; float:right; font-weight:lighter; font-size:11px}
.tecrubeSol {float:left; width:70%}
.tecrubeSag {float:left; width:30%}

.ayrilmaNedeni {width:105%; line-height:20px; height:20px;display:block}
.ayrilmaNedeni label { height:20px; line-height:20px; padding-right:12px}
.ayrilmaNedeni input[type="text"] {width:86.8%; background-color:#d1d2d4;height:20px; line-height:20px;padding-left:10px; margin-left:-5px}


/*Referanslar*/
.referansBilgi{margin-bottom:10px}
.referansSol {float:left; width:70%}
.referansSag {float:left; width:30%} 

.referansSag input[type="text"] {width:57.8%; background-color:#d1d2d4;height:20px; line-height:20px;padding-left:10px; margin-left:-5px}

.ucretSol {float:left; width:30%}
.ucretSag {float:left; width:70%} 

.referansUcret {width:104%}
.ucretSol {line-height:20px; height:20px}
.ucretSol span { height:20px; line-height:20px; padding-right:12px}
.ucretSol input[type="text"] {width:35%; background-color:#d1d2d4;height:20px; line-height:20px;padding-left:10px; }

.ucretSag {line-height:20px; height:20px}
.ucretSag span { height:20px; line-height:20px; margin-left:36px}
.ucretSag label { margin-left:28px}

.ucretSag input[type="text"] {width:20%; background-color:#d1d2d4;height:20px; line-height:20px;padding-left:10px; margin-left:10px}
.tanidik {width:50.8% !important}
.oncekiBasvuru{width:50.8% !important}

.iletisimAdres {width:100%; line-height:50px; height:50px}
.iletisimAdres label { height:50px; line-height:50px; padding-right:10px}
.iletisimAdres textarea {width:78%; background-color:#d1d2d4;height:50px; line-height:14px;padding-left:10px; margin-left:25px}

/*Bilgi Kutu */

.bilgiKutu {width:104%; height:auto; padding:10px; text-align:justify; letter-spacing:0.5px; font-size:11px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#ed1c24;border:1px solid #ccc; color:white; margin-bottom:10px}

/* Gonder Buton */

.gonder button {width:104%; text-align:center; font-size:12px; padding:10px; background:#d1d2d4; border:1px solid #ccc; cursor:pointer}
.gonder button:hover { background:#ed1c24; color:white; border:1px solid #d1d2d4}