@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { margin: 0; padding: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; line-height: 100%; font-family: 'Open Sans', sans-serif; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
input, textarea { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; }
.saver { clear: both !important; height: 0px !important; line-height: 0px !important; float: none !important; display: block !important; padding: 0 !important; margin: 0 !important; }
.hiddenText { font-size: 0px !important; text-indent: -9999px !important; }
.hide { display: none; }
a img { border: 0; }
a { outline: 0; cursor: pointer; text-decoration: none; }
p { padding: 0; margin: 0; }
img { border: none; }
.leftContainer { float: left; }
.rightContainer { float: right; }
.noMargin { margin: 0 !important; }
.noMarginRight { margin-right: 0 !important; }
.noMarginLeft { margin-left: 0 !important; }
body { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; color: #838381; background: #fffffa; width: 100%; margin: 0; padding: 0; }
/**/



.leftContainer.guvenlik { background: rgba(0, 0, 0, 0) url("/images/guvenlikbg.jpg") no-repeat scroll center center; height: 100%; position: relative; width: 50%; }
.rightContainer.temizlik { background: rgba(0, 0, 0, 0) url("/images/temizlikbg.jpg") no-repeat scroll center center; height: 100%; position: relative; text-align: center; width: 50%; }
.logo { padding: 16px; width: 25%; position: relative;  margin:auto;}
.logo img { width: 100%; }
.hoverBoard { background: rgba(0, 0, 0, 0) url("/images/hoverbg.png") repeat scroll 0 0; height: 100%; position: absolute; width: 100%; }