html {
    margin:0;    padding:0;    border:0;}

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,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    margin: 0;    padding: 0;    border: 0;    font-size: 100%;    font: inherit;    vertical-align: baseline; line-height: normal;}

article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;}

body {
    line-height: 1.5;    background: white;}

table {
    border-collapse: separate;    border-spacing: 0;}
caption, th, td {
    text-align: left;    font-weight: normal;    float:none !important;}
table, th, td {
    vertical-align: middle;}

blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

:focus { outline: 0; }
/* ------------------------------------------------------------------------------------*/


label    { 
    font-weight: bold; }
fieldset { 
    padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend   { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }

fieldset, #IE8#HACK { padding-top:1.4em; }
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }

input[type=text], input[type=password], input[type=url], input[type=email],
input.text, input.title,
textarea {
    background-color:#fff;    border:1px solid #bbb;    color:#000;}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus,
input.text:focus, input.title:focus,
textarea:focus {
    border-color:#666;}
select { background-color:#fff; border-width:1px; border-style:solid; }

input[type=text], input[type=password], input[type=url], input[type=email],
input.text, input.title,
textarea, select {
    margin:0.5px 0;}

input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea    { width: 390px; height: 250px; padding:5px; }

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


.error,
.alert,
.notice,
.success,
.info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice        { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success       { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info          { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a          { color: #514721; }
.success a         { color: #264409; }
.info a            { color: #205791; }




/* --------------------------------------------------------------*/

body { text-align: center; }
.container { text-align: left; }

* html .column, * html .span-1, * html .span-2,
* html .span-3, * html .span-4, * html .span-5,
* html .span-6, * html .span-7, * html .span-8,
* html .span-9, * html .span-10, * html .span-11,
* html .span-12, * html .span-13, * html .span-14,
* html .span-15, * html .span-16, * html .span-17,
* html .span-18, * html .span-19, * html .span-20,
* html .span-21, * html .span-22, * html .span-23,
* html .span-24 { display:inline; overflow-x: hidden; }



* html legend { margin:0px -8px 16px 0; padding:0; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }

hr  { margin:-8px auto 11px; }

img { -ms-interpolation-mode:bicubic; }


.clearfix, .container { display:inline-block; }
* html .clearfix,
* html .container { height:1%; }


fieldset { padding-top:0; }
legend { margin-top:-0.2em; margin-bottom:1em; margin-left:-0.5em; }

textarea { overflow:auto; }

label { vertical-align:middle; position:relative; top:-0.25em; }

input.text, input.title, textarea { background-color:#fff; border:1px solid #bbb; }
input.text:focus, input.title:focus { border-color:#666; }
input.text, input.title, textarea, select { margin:0.5em 0; }
input.checkbox, input.radio { position:relative; top:.25em; }

form.inline div, form.inline p { vertical-align:middle; }
form.inline input.checkbox, form.inline input.radio,
form.inline input.button, form.inline button {
    margin:0.5em 0;}
button, input.button { position:relative;top:0.25em; }


/* --------------------------------DEFAULT----------------------------------------------*/

#clear{
    clear: both; height: 0px;}
.clear{
    clear: both; height: 0px;}  
.bShadow{
    -moz-box-shadow: 0px 0px 5px   #666;
    -webkit-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#000000');zoom: 1;}
.bShadow2{
    -moz-box-shadow: 0px 0px 1px   #999;
    -webkit-box-shadow: 0px 0px 1px #999;
    box-shadow: 0px 0px 1px #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#000000');zoom: 1;}

.tShadow1 {
    text-shadow: 0px 1px 0px #111;;
    overflow: hidden;}
.tShadow2{
    text-shadow: 0px 1px 0px #555;;
    overflow: hidden;}
.tShadow3 {
    text-shadow: 0px 1px 0px #aaa;;
    overflow: hidden;}
.tShadow4{
    text-shadow: 0px 1px 0px #ccc;;
    overflow: hidden;}
.tShadow5{
    text-shadow: 0px 1px 0px #ddd;;
    overflow: hidden;}
.tShadowBlack{
    text-shadow: 0px 1px 0px black;;
    overflow: hidden;}
.tShadowWhite {
    text-shadow: 0px 1px 0px white;;
    overflow: hidden;}
.opacity{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;}
/* ------------------------------------------------------------------------------------*/





body{
    background-image: url('../img/bg.png'); background-repeat: repeat; font-size: 12px; 
    font-family: Tahoma,Calibri, sans-serif;}


#introBox{
    position: absolute;     left: 0px;    bottom: 0px;
    background-color: #eee; 
    width: 100%;     height: 100%;    
    cursor: pointer;    z-index: 999;}
#introLogo{
    width: 1000px;   margin-left: auto; margin-right: auto; margin-top: 0px; font-size: 11px; text-align: right; color: #ccc;}
#introCo{
    text-align: right; color: #999;}
#introA{
    position: absolute;  width: 100%;     height: 100%;    left: 0px;    top: 0px;  
}


#container{
    width: 1000px; height: auto; margin: 0 auto 0 auto;  }

#header{
    width: 100%; height: 180px; }
#header #hLeft{
    width: 340px; height: 180px; float: left; position: relative;   }
#hLogo{
    display: block; height: 300px; width: 800px; position: absolute;  left: -230px; top: 0; z-index: -1;   
    background-image: url('../img/logo.png'); background-repeat: no-repeat; background-position: top center; }
#hLefClick{
    display: block; height: 180px; width: 330px; position: absolute; z-index: 1;  left: 0; top: 0;    }
#header #hRight{
    width: 650px; height: 180px; float: right; }
#hrTop{
    width: 100%; height: 100px; text-align: right;  }
#hrTop ul{
    display: block; width: 220px; height: 10px; padding: 5px 5px 15px 5px;  list-style: none; float: right; 
    background-image: url('../img/htopBg.png'); background-repeat: no-repeat; background-position: top center; }
#hrTop ul li{
    float: left; color: #205791;}
#hrTop ul li a{
    font-size: 11px; text-decoration: none; color: #205791; margin:  0 2px 0 2px;}
#hrTop ul li a:hover{
    text-decoration: underline;}
#phone{
    width: 100%; height: auto; margin: 10px 0 0 0;  text-align: right;}

#hrBot{
    width: 100%; height: 80px; 
}

/* menu styles */
#hrBot #jsddm{
    display: block;margin: 0; float: right;  padding: 0; height: 62px; width: 643px;  
    background-image: url('../img/menuBg.png'); background-repeat: no-repeat; background-position: top right;;  }

#hrBot #jsddm li{
    float: left;
    list-style: none;
    font: 12px Tahoma, Arial}

#hrBot #jsddm li a{
    display: block;    padding: 0 27px 0 27px;     height: 58px; line-height: 60px;    text-decoration: none;    width: 70px;
    color: #296b83; font-size: 15px;     white-space: nowrap}

#hrBot #jsddm li a:hover{
    color: #17546a; }

#hrBot #jsddm li ul{
    margin: 1px 0 0 2px;;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-top: 1px solid white;
    z-index: 99;}

#hrBot #jsddm li ul li{
    float: none;
    display: inline}

#hrBot #jsddm li ul li a{
    font-size: 13px;
    height: 45px;
    line-height: 45px;
    width: auto;
    background-image: url('../img/menuBgOpac.png'); background-repeat: repeat;
    color: #296b83;
    border: 1px solid #8bc4d8; }
#hrBot #jsddm li ul li .last{
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px; }

#hrBot #jsddm li ul li a:hover{

    color:#17546a;
    background: white;;}



#slider{
    width: auto; height: 304px; margin: 10px 0 0 0;  }

#content{
    width: 99%; height: auto; margin: 0 auto 0 auto;  }
#cLeft{
    height: 620px; width: 700px; float: left; }
#cRight{
    height: 620px; width: 280px; float: right;  }
.newsBox{
    width: 343px; height: 304px; float: left;  
    background-image: url('../img/newsBg.png'); background-repeat: no-repeat;; background-position: left top ;}
.newsBox a{
    text-decoration: none;}
.nContainer{
    width: 321px; height: 283px; margin:  10px 0  0 10px; }
.nPic{
    width: 100%; height: 155px; overflow: hidden; border: 1px solid #bbb;;}
.nHeader{
    margin: 15px 0 0 0 ;  font-size: 14px; text-align: left; color: red;}
.nText{
    margin: 2px 0 0 0 ;  font-size: 12px; text-align: left; color: #444;}
.nBtn{
    margin: 10px 0 0 0 ; width: 57px; height: 21px;  line-height: 22px; color: white; font-size: 12px; text-align: right; padding-right: 5px;
    background-image: url('../img/btn.png'); background-repeat: no-repeat;; background-position: left top; }
.space{
    margin-left: 10px;}

.rBox{
    width: 280px; height: 190px; }
.rBox .a{
    display: block; width: 280px; height: 190px;  }
.rBox1Img{
    background-image: url('../img/rBox1.png'); background-repeat: no-repeat;; background-position: left top; }
.rBox2Img{
    background-image: url('../img/rBox2.png'); background-repeat: no-repeat;; background-position: left top; }
.rBox3Img{
    background-image: url('../img/rBox3.png'); background-repeat: no-repeat;; background-position: left top; }

.space2{
    margin: 0 0 18px 0;}



#footer{
    width: 100%; height: 120px; padding:  50px 0 0 0; 
    background-image: url('../img/footerBg.png'); background-repeat: no-repeat;; background-position: top center;;}
#fLeft{
    width: 250px; height: 120px; float: left;
    background-image: url('../img/fLogo.png'); background-repeat: no-repeat;; background-position: top left;;}
#fCenter{
    width: 475px; height: 120px; margin:  0 0 0 10px;  float: left;}
#fCenter ul{
    list-style: none;}
#fCenter ul li{
    float: left; margin:  0 6px 0 6px;}
#fCenter ul li a{
    line-height: 100px; text-decoration: none; color: #6fa4b6;}
#fCenter ul li a:hover{
    color: #1a3a57;  }

#fRight{
    width: 220px; height: 60px; padding: 30px 40px 0 0; text-align: right;    color: #6fa4b6; float: right;}
#fRight a{
    text-decoration: none; color: #6fa4b6;}
#fRight a:hover{
    color: #1a3a57;  }

/* ------------------------------------------SUBPAGE ----------------------------------------------------------------------*/
#cContainer{
    width: 100%; height: auto;  }
#cTop{
    width: 100%; height: 45px;    text-align: left; position: relative;
    background-image: url('../img/cTop.png'); background-repeat: no-repeat;; background-position: top center;}
#cNav{
    font-size: 10px; color: #296B83;position: absolute; left: 10px; top: 35px;}
#cNav a{
    margin: 0 5px 0 5px; color: #296B83;; text-decoration: none; }
#cNav a:hover{
    text-decoration: underline; }


#cCenter{
    width: 100%; height: auto;  text-align: left;
    background-image: url('../img/cCenter.png'); background-repeat: repeat-y;; background-position: top center;}
#cCenterText{
    width: 97%; height:300px; margin: 0 auto 0 auto; padding: 30px 0 0 0; }
#textLeft{
    width: 230px;min-height: 335px; height: auto;  float: left; 
    background-image: url('../img/menuShadow.png'); background-repeat: no-repeat;; background-position: top left;;}
#textLeft h1{
    font-size: 16px; color: #296B83;    margin:  0px 0 0 35px;}
#textLeft ul{
    list-style: circle; margin:  20px 0 0 30px; width: 180px;    }
#textLeft ul li{
    padding:  5px 0 5px 0; border-bottom: 1px dotted #eee; }
#textLeft ul li a{
    font-size: 12px; color: #296B83;  text-decoration: none;  }
#textLeft ul li a:hover{
    color: #060e58; }

#textRight{
    color: #696969; width: 710px; min-height: 335px; height: auto; margin-bottom: 40px; float: right;   }
#textRight h1{
    font-size: 16px; color: #296B83;     }
#txtRightContent{
  font-size: 13px;  margin: 10px 0 0 0px; line-height: 18px; padding-right:10px;}
#txtRightContent .subImg{
    float: right; border: 1px solid #ddd; margin:  0 10px 5px 5px ;}
#txtRightContent p a {
    color: #696969;
}
#cBottom{
    width: 100%; height: 30px ;text-align: left;
    background-image: url('../img/cBottom.png'); background-repeat: no-repeat;; background-position: bottom center;}
/* ------------------------------------------  contact ----------------------------------------------------------------------*/
#textRight2{
    width: 45%; min-height: 335px; height: auto; margin-left: 20px;  margin-bottom: 40px; float: left; border-right: 1px solid #ddd;   }
#textRight2 h1{
    font-size: 16px; color: #296B83;     }
#textRight2 h2{
    font-size: 14px; color: #296B83;  margin: 10px 0 0 0;    }

#textRight3{
    width: 50%; min-height: 335px; height: auto; margin-left: 20px;  margin-bottom: 40px; float: right;    }
#textRight3 h1{
    font-size: 16px; color: #296B83;     }
#textRight3 h2{
    font-size: 14px; color: #296B83;  margin: 10px 0 0 0;    }
#txtRightContent2{
    font-size: 13px;  margin: 0px 0 0 0px; line-height: 18px; }

/* ------------------------------------------ ONLINEKONS. ----------------------------------------------------------------------*/
.okName{
    display: block; width: 200px; padding: 0 50px 0 0;   float: left;}
.txt{
    color: #aaa; padding: 2px 0 2px 3px; width: 200px;}
.txtA{
    padding: 2px 0 2px 3px; height: 100px;}
/* ------------------------------------------  SD SKALASI ----------------------------------------------------------------------*/
.scBox{
    border-bottom:1px solid #296B83;; }
.scBox span{
   display: block;  padding: 20px 0 0 0; margin: 0 0 0 180px; line-height: 18px;;}
.scBoxImg{
    float: left; padding: 0 20px 0 0; border-right:1px solid #296B83;; }
#flashCon{
    margin: 0 0 0 0px;}
    
/*---------------------------------------- karşılaştırma tabloları----------------------------------------------------------------*/
.vsTable{
    float:left; border-bottom : 1px solid #296B83;  border-right: 1px solid #296B83;
}
.vsTableLast{
    float:left; border-bottom : 1px solid #296B83; width:125px; height:50px;
}
.vsTableBottomLast{
    float:left; border-right: 1px solid #296B83;width:125px; height:50px;
}
.vsTableBottomRightLast{
    float:left; width:125px; height:50px;
}
.vsTableTittle{
    height:20px;  padding-top:5px; font-weight:bold; text-align:center; width:125px;
}
.vsTable25{
    height:20px;  padding-top:5px; text-align:center; width:125px;
}
.vsTable50{
    width:115px; height:40px; padding:5px; text-align:center;
}
.vsTable50Tittle{
    width:115px; height:40px; padding:5px;
}
.vsTable50Center{
    width:125px; height:35px; padding-top:15px; text-align:center;
}
.vsTable60{
    width:115px; height:50px; padding:5px; text-align:center;
}
.vsTable60Tittle{
    width:115px; height:35px; padding:20px 5px 5px 5px;
}
.vsTable60Center{
    width:125px; height:40px; padding-top:20px; text-align:center;
}
/*-----------------------------*/
.vs2Table{
    float:left; border-bottom : 1px solid #296B83;  border-right: 1px solid #296B83;
}
.vs2TableLast{
    float:left; border-bottom : 1px solid #296B83;
}
.vs2TableBottomLast{
    float:left; border-right: 1px solid #296B83;
}
.vsTableBottomRightLast{
    float:left;
}
.vs2TableTittle{
    height:45px;  padding: 5px; font-weight:bold; text-align:center; width:150px;
}

.vs2Table50{
    width:150px; height:45px; padding:5px; text-align:center;
}
.vs2Table50Tittle{
    width:150px; height:40px; padding:5px;
}
.vs2Table50Center{
    width:135px; height:35px; padding-top:15px; text-align:center;
}
/*---*/
.vs2Table80{
    width:150px; height:80px; padding:5px; text-align:center;
}
.vs2Table80Tittle{
    width:150px; height:50px; font-weight:bold; padding: 35px 5px 5px 5px;
}
.vs2Table80Center{
    width:150px; height:70px; padding:15px 5px 5px 5px; text-align:center;
}
.vs2Table80Center1{
    width:150px; height:75px; padding:10px 5px 5px 5px; text-align:center;
}
.vs2Table80Center2{
    width:150px; height:60px; padding:25px 5px 5px 5px; text-align:center;
}
.vs2Table80Center3{
    width:150px; height:50px; padding:35px 5px 5px 5px; text-align:center;
}
.vs2Table80Center4{
    width:150px; height:65px; padding:20px 5px 5px 5px; text-align:center;
}
/*---*/
.vs2Table95{
    width:150px; height:95px; padding:5px; text-align:center;
}
.vs2Table95Tittle{
    width:150px; height:55px; font-weight:bold; padding: 45px 5px 5px 5px;
}
.vs2Table95Center{
    width:150px; height:85px; padding:15px 5px 5px 5px; text-align:center;
}
/*---*/
.vs2Table115{
    width:150px; height:115px; padding:5px; text-align:center;
}
.vs2Table115Tittle{
    width:150px; height:65px; font-weight:bold; padding: 55px 5px 5px 5px;
}
.vs2Table115Center{
    width:150px; height:95px; padding:25px 5px 5px 5px; text-align:center;
}

#mVideoBtn{
    display:block; width:140px; height:48px; margin:0 0 0 15px;  text-align:right; float:right;
	background-image: url('../img/mVideo.png'); background-repeat: no-repeat;; background-position: center right;
}
.rBoxL{
    display:block; width:130px; height:190px;     float:left; 
}
.rBoxR{
    display:block; width:130px; height:190px;     float:right; 
}