/*   
Site Name: İHLAS NET KURUMSAL
Site URL: http://www.ihlasnet.com.tr
Version: 1.0
*/

/* ------------------------------------------------------------------------ */
/* 01. Imports
/* ------------------------------------------------------------------------ */
body { font-family:Arial, Helvetica, sans-serif; }

.clear { clear:both;}
.clear-LT { clear:left;}

a { text-decoration:none; }

.tasiyici { width:940px; margin:0 auto;}

/*----- ÜST MENÜ ---------------*/

.ustmenu { width:100%; height:40px; border-bottom:1px #efefef solid;}

.tarih { float:left;}
.tarih span { display:block; color:#999999; font-size:11px; font-weight:bold; margin-top:15px; }

.sitearaclar {float:right;width: 937px;overflow:hidden;}
.sitearaclar .yeni_tel {float: left;font-size: 18px;color: #7f7f7f;margin-top: 9px;}
.sitearaclar img { float:right; margin-top:4px; }
.sitearaclar ul {float:right; margin-top:7px;}
.sitearaclar ul li { float:left; margin-left:10px; }
.sitearaclar ul li a { display:block; width:120px; height:26px; font-size:13px; color:#fff; font-weight:bold; text-align:center; line-height:26px;}
.sitearaclar ul li a.email { background:#adadae; width:146px; font-weight:normal; }


/*----- BİREYSEL GİRİŞ ---------------*/

#bireysel-giris {background:#5b5c5e;}
#bireysel-giris:hover, #bireysel .active-bireysel {   background: #000; }

#bireysel-form {
display: none; position: absolute; top: 41px; right: 0; z-index: 999; border:1px #E5E5E5 solid; border-top:none; padding: 15px;  
background: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
background-image: -o-linear-gradient(top, #fff, #f5f5f5);
background-image: linear-gradient(top, #fff, #f5f5f5);  
box-shadow: 0 3px 3px -1px rgba(0,0,0,.3);
-moz-box-shadow: 0 3px 3px -1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 3px 3px -1px rgba(0,0,0,.3);
border-radius: 0px 0 3px 3px;
-moz-border-radius: 0px 0 3px 3px;
-webkit-border-radius: 0px 0 3px 3px;
-ms-border-radius:0px 0 3px 3px; 
-o-border-radius:0px 0 3px 3px;

}

#bireysel-form { right: 130px; width: 250px; } 
}

#bireysel #actions { margin: 10px 0 0 0; }

#bireysel #submit {		
border: 1px solid #000; float: right; height: 30px; padding: 0; width: 100px; cursor: pointer; font: bold 13px Arial, Helvetica; color: #fff;
background-color: #333;
background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
background-image: -webkit-linear-gradient(top, #333, #000);
background-image: -moz-linear-gradient(top, #333, #000);
background-image: -ms-linear-gradient(top, #333, #000);
background-image: -o-linear-gradient(top, #333, #000);
background-image: linear-gradient(top, #333, #000);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px; 
-o-border-radius: 3px;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}
#bireysel #submit:hover,
#bireysel #submit:focus {		
background-color: #000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
background-image: -webkit-linear-gradient(top, #000, #333);
background-image: -moz-linear-gradient(top, #000, #333);
background-image: -ms-linear-gradient(top, #000, #333);
background-image: -o-linear-gradient(top, #000, #333);
background-image: linear-gradient(top, #000, #333);
}	
#bireysel #submit:active {
outline: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
#bireysel #submit::-moz-focus-inner { border: none; }

#bireysel label { float: left; line-height: 30px; font-size:13px; }
#bireysel label input { position: relative; top: 2px; right: 2px; }


/*----- KURUMSAL GİRİŞ ---------------*/

#kurumsal-giris {background:#f58220;}
#yeni_tel {background: rgba(173, 173, 174, 0.38);padding:0 5px;}
#kurumsal-giris:hover, #kurumsal .active-kurumsal {  background: #ef500f; }

#kurumsal-form {
display: none; position: absolute; top: 41px; right: 0; z-index: 999; border:1px #E5E5E5 solid; border-top:none; padding: 15px;  
background: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
background-image: -o-linear-gradient(top, #fff, #f5f5f5);
background-image: linear-gradient(top, #fff, #f5f5f5);  
box-shadow: 0 3px 3px -1px rgba(0,0,0,.3);
-moz-box-shadow: 0 3px 3px -1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 3px 3px -1px rgba(0,0,0,.3);
border-radius: 0px 0 3px 3px;
-moz-border-radius: 0px 0 3px 3px;
-webkit-border-radius: 0px 0 3px 3px;
-ms-border-radius:0px 0 3px 3px; 
-o-border-radius:0px 0 3px 3px;

}

#kurumsal-form { right: 0; width: 250px; } 
}

#kurumsal #actions { margin: 10px 0 0 0; }

#kurumsal #submit {		
border: 1px solid #a0410d; float: right; height: 30px; padding: 0; width: 100px; cursor: pointer; font: bold 13px Arial, Helvetica; color: #fff;
background-color: #f58220;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f58220), to(#ef500f));
background-image: -webkit-linear-gradient(top, #f58220, #ef500f);
background-image: -moz-linear-gradient(top, #f58220, #ef500f);
background-image: -ms-linear-gradient(top, #f58220, #ef500f);
background-image: -o-linear-gradient(top, #f58220, #ef500f);
background-image: linear-gradient(top, #f58220, #ef500f);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px; 
-o-border-radius: 3px;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}
#kurumsal #submit:hover,
#kurumsal #submit:focus {		
background-color: #ef500f;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ef500f), to(#f58220));
background-image: -webkit-linear-gradient(top, #ef500f, #f58220);
background-image: -moz-linear-gradient(top, #ef500f, #f58220);
background-image: -ms-linear-gradient(top, #ef500f, #f58220);
background-image: -o-linear-gradient(top, #ef500f, #f58220);
background-image: linear-gradient(top, #ef500f, #f58220);
}	
#kurumsal #submit:active {
outline: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
#kurumsal #submit::-moz-focus-inner { border: none; }

#kurumsal label { float: left; line-height: 30px; font-size:13px; }
#kurumsal label input { position: relative; top: 2px; right: 2px; }

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

#inputs input { background: #f1f1f1; padding: 6px 5px; margin: 0 0 5px 0; width: 238px; border: 1px solid #ccc; 
border-radius: 3px; 
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
-ms-border-radius: 3px; 
-o-border-radius: 3px;
box-shadow: 0 1px 1px #ccc inset; 
-moz-box-shadow: 0 1px 1px #ccc inset; 
-webkit-box-shadow: 0 1px 1px #ccc inset; 

}
#bireysel-form #inputs input:focus { background-color: #fff; border-color: #b7b7b7; outline: none; -moz-box-shadow: 0 0 0 1px #b7b7b7 inset; -webkit-box-shadow: 0 0 0 1px #b7b7b7 inset; box-shadow: 0 0 0 1px #b7b7b7 inset; }

#kurumsal-form #inputs input:focus { background-color: #fff; border-color: #f9b479; outline: none; -moz-box-shadow: 0 0 0 1px #f9b479 inset; -webkit-box-shadow: 0 0 0 1px #f9b479 inset; box-shadow: 0 0 0 1px #f9b479 inset; }

/*--------------------*/
#actions label select {
background: #f1f1f1; padding: 5px 5px; margin: 0 0 5px 0; width: 138px; border: 1px solid #ccc; 
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px; 
-o-border-radius: 3px;
box-shadow: 0 1px 1px #ccc inset;
-moz-box-shadow: 0 1px 1px #ccc inset;
-webkit-box-shadow: 0 1px 1px #ccc inset;

}

/*----- HEADER  ---------------*/

.header { width:100%; height:98px; border-bottom:1px #e4e4e4 solid;}

.sitelogo { float:left; width:220px; margin-top:10px;  }
.sitemenu { float:right; width:636px; position:relative; }

/*----- HİZMELER ---------------*/

.hizmetler { width:100%; border-bottom:1px #e4e4e4 solid; overflow:hidden;}

.hizmetler-baslik { background:url(../images/stripes.png); margin-top:20px;}
.hizmetler-baslik span { display:block; margin:0 auto; width:660px; font-size:20px; color:#666; background:#FFF; padding:0 5px; text-align:center;}

.hizmetler ul { padding-top:20px; padding-bottom:34px; overflow:hidden;}
.hizmetler ul li { float:left; width:220px; margin-right:20px; }
.hizmetler ul li a {display:block; width:218px; height:210px; overflow:hidden; border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border:1px #E5E5E5 solid;}
.hizmetler ul li a img { margin-bottom:6px;}
.hizmetler ul li a div { font-size:16px; color:#0072bc; text-align:center; font-weight:bold; margin-bottom:6px;}
.hizmetler ul li a span { display:block; font-size:12px; color:#666; text-align:center; line-height:14px;}
.hizmetler ul li a:hover { background:#0072bc; }
.hizmetler ul li a:hover div { color:#FFF; }
.hizmetler ul li a:hover span { color:#b3d5eb; }


/*----- ALT HİZMELER ---------------*/

.althizmetler { width:100%;  overflow:hidden;}

.althizmetler ul { padding-top:20px;  padding-bottom:26px; border-bottom:1px #e4e4e4 solid; overflow:hidden;}
.althizmetler ul li { float:left; width:300px; margin-right:20px; }
.althizmetler ul li a {display:block; width:300px; height:96px; overflow:hidden; border:1px #ccc solid; background:url(../images/althizmet_bg.png) no-repeat; }
.althizmetler ul li a img { float:left; margin:15px 10px; width:64px; height:64px;}
.althizmetler ul li a div { float:right; width:210px; margin:20px 0; color:#f58220; font-size:12px; font-weight:bold; }
.althizmetler ul li a div span { display:block; color:#484848; font-size:11px; font-weight:normal; line-height:14px; margin-top:10px;}

.althizmetler ul li a:hover {background: #f58220; border:1px #dc751d solid;}
.althizmetler ul li a:hover div, .althizmetler ul li a:hover div span { color:#FFF; cursor:pointer; }


/*----- ALT MENÜ ---------------*/

.altmenu { width:100%; overflow:hidden;}

.altmenu ul { padding-top:15px;  padding-bottom:15px; border-bottom:1px #e4e4e4 solid; overflow:hidden;}
.altmenu ul li { float:left; font-size:11px; color:#484848; }
.altmenu ul li a { display:inline; font-size:11px; color:#484848; padding: 0 6px; border-right:1px #999 solid;  }
.altmenu ul li a:hover { text-decoration:underline; color:#0072bc}

.altmenu ul li.blok1 { margin-right:50px; margin-top:8px; }

.altmenu ul li.blok2 { margin-right:50px; text-align:center; }
.altmenu ul li.blok2 span { display:block; margin-top:5px; font-weight:bold;}

.altmenu ul li.blok3 { }

.altmenu ul li.blok3 span { float:left; margin-top:8px; }
.altmenu ul li.blok3 a { border:none; }

.altmenu ul li.blok4 { float:right;text-align:right; }
.altmenu ul li.blok4 span {display:block; margin-bottom:5px; }


/*----- SERFİKA  ---------------*/

.sertifika { width:100%;  overflow:hidden;  }
.sertifika span { display:block; text-align:center; font-size:11px; color:#484848; line-height:16px; border-bottom:1px #e4e4e4 solid; padding:15px 0;}


/*----- BREADCRUMB  ---------------*/


.breadcrumb-top {background:url(../images/stripes.png); padding-bottom:10px; margin-bottom:30px;}  
.breadcrumb  { width:100%; background:#FFF; border-bottom:1px #e4e4e4 solid; overflow:hidden;}

.breadcrumb ul {  font: 11px Arial, Helvetica, sans-serif; height:30px; line-height:30px; color:#666; overflow:hidden; margin:0px; padding:0px; }
.breadcrumb li { list-style-type:none; float:left; padding-left:10px; }
.breadcrumb a { height:30px; display:block; background-image:url('../images/bc_separator.png');  background-repeat:no-repeat;  background-position:right; padding-right: 15px; text-decoration: none; color:#0072bc; font-size:11px; } 
.home { border:none; margin: 8px 0px; width:16px; height:16px; } 
.breadcrumb a:hover { color:#0072bc; text-decoration:underline; }


/*----- CONTENT  ---------------*/

.content-title  { width:100%;  border-bottom:1px #e4e4e4 solid; overflow:hidden; padding:20px 0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}

.content-title div  {  font-size:18px; font-weight:bold; color:#666 }

.content { width:100%;  border-bottom:1px #e4e4e4 solid; overflow:hidden; padding-bottom:30px;}

.solblok { float:right; width:220px; }

.solmenu { width:220px; }
.solmenu h3 { display:block; width:220px; overflow:hidden; background:url(../images/stripes.png); font-size:15px; margin-bottom:10px;}
.solmenu h3 span { background:#FFF; color:#666; font-weight:bold;}

.solmenu ul { width:220px;}
.solmenu ul li {}
.solmenu ul li a { display:block; padding:6px 3px; font-size:13px; color:#0072bc; border-bottom:1px #e4e4e4 solid; line-height:16px; }
.solmenu ul li a:hover { background:#F5F5F5;}

.sagblok { float:left; width:680px; line-height:20px; font-size:13px; color:#444; padding-right:20px; border-right:1px #e5e5e5 solid; }
.sagblok p { margin: 1.12em 0; }
.sagblok a { color:#f58220; }

.sagblok ul { list-style:disc;}
.sagblok ul li { margin-left:20px; }

.text-title { font-size: 16px; color: #f58220; font-weight: bold; margin-bottom:10px; }
.text-large { font-size: 13px; color: #444444; font-weight: normal; word-spacing: 1px;}
.text-link { color:#f58220; font-size:13px; font-weight:normal; }
.text-link:hover { text-decoration:underline; }