@import url(http://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext);

body {
  font-family: 'Arial', sans-serif;
  color: #000;
background:#fff url(../images/bg.jpg) top repeat-x;
  font-size:15px;
  padding:0;
  margin:0;
  letter-spacing:-0.1px;  
}
 

body > header,
body > section,
body > footer {
  display: block;
  width: 100%;
  clear: both;
  float: left;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {
  margin-top: 0px;
}
 
h1,
.h1 {
   font-size: 28px;
 
}

h2,
.h2 {
   font-size:18px;
 line-height:24px; 
 margin-top:0px;
}

h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {
   font-size: 16px;
}
 

a {
  color: #000;
  text-decoration: none; 
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
 

section, footer {
  padding:0;
}

header h1 a {
  color: #333;
  border-bottom: none;
}

header p {
  margin: 2em 0;
}

.lead {
  font-size: 1.5em;
}
 

.button {
  border-radius: 5px;
  background: #efefef;
  background-image: -moz-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -webkit-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -ms-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: linear-gradient(#FCFCFC, #EFEFEF);
  border: 1px solid #DDDDDD;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  padding: 8px 16px;
  text-shadow: 0 1px 0 #fff;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: .5em;
}

.button:hover, .button:focus {
  outline: none;
  border: 1px solid rgba(255,0,0,.5);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 0 10px rgba(255,0,0,.3);
}

footer p {
  margin: 0;
  font-size: 1em;
}

 
 

.section p {
  margin: 0;
}

.section .unit pre {
  margin: 0;
  padding: 10px 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.section .unit pre:hover {
  background: #fc0;
}

.grid, .unit {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.section .unit .grid {
  overflow: hidden;
 
}

 



 
::-moz-selection { background: #f9e96a; color: #000; text-shadow: none; }
::selection { background: #f9e96a; color: #000; text-shadow: none; }

 
 
	#table table { 
		width: 100%; 
		border-collapse: collapse; 
	}
 
	#table table > tr:nth-of-type(odd) { 
		background-color:#f9f9f9;
	}
	#table table >th { 
		background: #fff; 
		 
		font-weight: bold; 
	}
	#table table > tr > td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	
 #table table > tr:hover{
	background-color:#ddffe3;
}


 
		.brdbot1eee:nth-of-type(odd) { 
		background-color:#f9f9f9;
	}


h1#sayfa {
 
 
    font-weight: bold;
    font-size: 50px;
 
    color: #222;
    letter-spacing: -1px;
    border-bottom: 1px solid #D8D8D8;
	margin-bottom:5px;
}
 
input, textarea {
    float: left;
    width: 100%;
 
    margin: 5px 0px 0px;
    padding: 10px 0px 10px 5px;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-sizing: border-box;
}


.webtalep{  background: url(../images/webtalep.png) right no-repeat; }
.ulasim{  background: url(../images/ulasim.png) right no-repeat; }
.onlinedestek{  background: url(../images/onlinedestek.png) right no-repeat; }
.ik{  background: url(../images/ik.png) right no-repeat; }


.skutu { 
box-shadow: 0px 2px 2px 0px #ECECEC;
background: none repeat scroll 0% 0% #FFF;
border-radius: 3px;
margin-bottom: 15px;
border: 1px solid #DCDCDC; 
}
.skutu:hover { 
border-bottom: 1px solid #900; 
}
 
 
 
 
 .mavirenk { 
 
 color:#0b427b;
 
 } 
 
 
 .kutubg { 
 width:100%;
opacity: 0.3;
   filter: alpha(opacity=30);
 } 
 .kutubg:hover { 
opacity: 1;
    filter: alpha(opacity=100);
 }
 
.kutubaslik{ 
position:absolute;
top:40px;
left:-20px;
z-index:99;
text-align:center;
width:110%;
background:#0b427b;
padding:15px 10px;
font-size:16px;
display:block;
color:#fff;
opacity:1;
border-right:1px solid #eee;
}
 
 .kutubaslik:hover + .kutubg { 
 
 opacity: 1;
    filter: alpha(opacity=100);
 }
 

.circle{
color: #fff;
display: inline-block;
text-align: center;
margin: 3px 1.5px 20px 3px;
}



 
.kucuk {
width: 36px;
height: 36px;
line-height: 36px; 
} 
.orta {
width: 46px;
height: 46px;
line-height: 46px; 
}

.buyuk {
width: 62px;
height: 62px;
line-height: 62px; 
}

.yesil{
background-color: #58B25E;
border-color: #58B25E;
color: #FFFFFF;
}

.mor {
background-color: #A085C6;
border-color: #A085C6;
color: #FFFFFF;
}

.kirmizi {
background-color: #e60001;
border-color: #e60001;
color: #FFFFFF;
}
.ckirmizi {
color: #790004;
}

.mavi {
background-color: #02A1DB;
border-color: #02A1DB;
color: #FFFFFF;
}
 
.turuncu {
background-color: #EF7B45;
border-color: #EF7B45;
color: #FFFFFF;
} 
 
.right { float:right;} 
.left { float:left;} 
 
 .p10 { padding:15px;}
 .p5 { padding:10px;}
 .br5px { border-radius:5px;}
 .bgf5 { background:#f5f5f5;}
 .be8 { border:1px solid #e8e8e8;}
 .h50ovhid { height:70px; overflow:hidden;}
 .h40ovhid { height:44px; overflow:hidden;}
 .h30ovhid { height:30px; overflow:hidden;}
 .h20ovhid { height:20px; overflow:hidden;}
 
 .dfb { margin-top:20px; margin-bottom:10px; display:block; color:#ccc; font-size:12px;}
 .dfb:hover{ color:#000; }
 .fs12 { font-size:12px;}
 .fs14 { font-size:14px;}
 .fs18 { font-size:18px;}
 .color666 { color:#666;}
 .tac { text-align:center;}
 .tar { text-align:right;}
 .tal { text-align:left;}
 
 
 
 #refresim {
height:150px; overflow:hidden; border-radius:0 0 5px 5px;
}

.bbkirmizi { border:1px solid #eee; }
 
 blockquote{
    margin:10px;
    font-size: 16px;
    padding:20px;
	color:#fff;
}
blockquote p{
    margin-bottom: 10px;
}

blockquote:before {
content: "\f10d";
font-size: 30px;
font-family: FontAwesome;
position: absolute;
top: -4px;
left: 20px;
}


hr {
background:url(../images/hrbg.png) center no-repeat;
border-width:0;
height:17px;
text-align:center;
width:100%; 
}

#naviler { float:right; }


#site_alti {
padding-top:120px;
 color:#cebfa6;
background:url(../images/bgalt.jpg) top no-repeat;
}


#site_alti .one-quarter{  border-left:1px solid #cebfa6; }
#site_alti .one-quarter:first-child{  border-left:0; }

 ul.altlist  { margin:2px; padding:2px; }

 ul.altlist li { list-style-type:none; border-bottom:1px solid #cebfa6; }
 ul.altlist li a { color:#cebfa6; font-size:14px; padding:2px; display:block; 	white-space: nowrap; 	overflow: hidden;
	text-overflow: ellipsis;  }
 ul.altlist li a:hover{ color:#0b4e93; }
 
 
.cfff { color:#fff;}  
a.ashver i:hover{ color:#fff;}


a#aktifmenu {  background:#02923a; color:#fff; border-bottom:1px solid #ddd;  border-radius:3px; display:block;  padding:10px;}
a#pasifmenu {  border-bottom:1px solid #ddd;  margin:1px 0;  display:block; color:#000; padding:10px;   }
a#pasifmenu:hover {   background:#02923a; color:#fff;  border-bottom:1px solid #ddd;     display:block; padding:10px;}


#listemenudu a { display:block; padding:10px;}


#blok { padding-left:145px; padding-top:40px; font-size:16px;}

#blokbg2  { background:url(../images/blok_02.png) no-repeat; height:160px; }
#blokbg2:hover  { background:url(../images/blok_02hover.png) no-repeat;}

#blokbg1  { background:url(../images/blok_01.png) no-repeat; height:160px; }
#blokbg1:hover  { background:url(../images/blok_01hover.png) no-repeat;}


#blokbg3  { background:url(../images/blok_03.png) no-repeat; height:160px; }
#blokbg3:hover  { background:url(../images/blok_03hover.png) no-repeat;}


a[rel^="galeri"] {
    cursor: zoom-in;
}

 

#osmaniye-web-tasarim {
 
 
text-align:right;
padding-right:20px;
height:50px;
clear:both;

}
#osmaniye-web-tasarim a{
width:101px; height:40px;
display: inline-block;
background:url(../osmaniye-web-tasarim-bw.png) no-repeat;
}
#osmaniye-web-tasarim a span{
display:none;
}
#osmaniye-web-tasarim a:hover{ 
background:url(../osmaniye-web-tasarim.png) no-repeat;
}


   ul.pagination {

        font-family: "Arial", "Helvetica", sans-serif;
        font-size: 13px;
        height:auto;
        list-style-type: none;
        margin: 20px 0;
        overflow: hidden;
        padding: 0; 

    }
    ul.pagination li.details {

        background-color: white;
        border-color: #C8D5E0;
        border-image: none;
        border-style: solid;
        border-width: 1px 1px 2px;
        color: #1E598E;
        font-weight: bold;
        padding: 6px 10px;
        text-decoration: none; 

    }
    ul.pagination li.dot {

        padding: 3px 0; 

    }
    ul.pagination li {

        float: left;
        list-style-type: none;
        margin: 0 3px 0 0; 

    }
    ul.pagination li:first-child {

        margin-left: 0; 

    }
    ul.pagination li a {

        color: black;
        display: block;
        line-height:normal;
        padding: 7px 10px;
        text-decoration: none; 

    }
    ul.pagination li a img {

        border: medium none; 

    }
    ul.pagination li a.current {

        background-color:#08569D;
        color:#fff;

    }
    ul.pagination li a.current:hover {

        /*background-color: white;
        color: #333333; */

    }
    ul.pagination li a:hover {

        /*background-color: #C8D5E0; */
        background-color:#08569D;
        color:#fff;

    }
    ul.pagination li a {

        background-color: #F6F6F6;
        border-color: #C8D5E0;
        border-image: none;
        border-style: solid;
        border-width: 1px ;
        color: #1E598E;
        display: block;
        font-weight: bold;
        padding: 8px 10px;
        text-decoration: none; 

    }
    ul.pagination li.details {
        border: 1px solid #DDDDDD;
        color: #999999;
    }