@charset "utf-8";
 @import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,900,300&subset=latin,latin-ext);
 @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,latin-ext,cyrillic,cyrillic-ext);
 
* { outline:none;  text-decoration:none; padding:0px; margin:0px; font-size: 15px; line-height: 20px; font-family: 'PT Sans', sans-serif;}

#icerik ul { padding: 30px; }
#icerik li { list-style-type: disc; }

.temizle { clear:both}
a { -webkit-transition: color 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: color 0.3s ease-out; /* Firefox 4+ */ -ms-transition: color 0.3s ease-out; /* IE10+ */ -o-transition: color 0.3s ease-out; /* Opera 10.5+ */ transition: color 0.3s ease-out; text-decoration: none; color:#000  }
a:hover, a:focus {color: #000;}

  
header, footer, article, section, nav, menu, hgroup { display: block;}
body { font-family: Calibri; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: center top; background-attachment:fixed }

/*table { margin-top:10px; margin-bottom:10px;  !important;}
td { padding:6px;  border: 1px dashed #D3E1F1; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
 
tr:nth-child(even) {background: #eaf1fb;  font-size: 12px; font-family:Arial}
tr:nth-child(odd) {background: #f6f9fc;  font-size: 12px; font-family:Arial}
tr:first-child {background: #b8d3df;  font-size: 12px; font-family:Arial; } */

table { margin-top:10px; margin-bottom:10px; width:100%;  !important;}
td { padding:6px;  border: 0px dashed #D3E1F1}
  
 
.site, section { width: 980px; margin-right: auto; margin-left: auto; position:relative}

#logo { display: block; float:left    }
 
 
#ustsag { display: block; height: 100px; width: 750px; right: 0px; top: 0px; position: absolute; text-align: right;  }


#ustsag p { font-size: 20px; font-weight: bold; color: #FF0004; text-decoration: none; padding: 5px }

.golge {
	
-o-box-shadow: 1px 1px 1px #555;/*Opera tarayıcı için*/
-icab-box-shadow: 1px 1px 1px #555;/*iCab tarayıcı için*/
-khtml-box-shadow: 1px 1px 1px #555;/*Konqueror tarayıcı için*/
-moz-box-shadow: 1px 1px 1px #555;/*Firefox tarayıcı için*/
-webkit-box-shadow: 1px 1px 1px #555;/*Safari tarayıcı için*/
box-shadow: 1px 1px 1px 0px #989898;
 }
 
h1 { font-size: 20px; color: #000; text-decoration: none; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC;  font-weight: bold; padding: 8px;

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 );

 }
h2 { font-size: 19px; color: #000; text-decoration: none; } 	
h3 { font-size: 18px; color: #000; text-decoration: none; font-weight: 100; }
h4 { color: #000; text-decoration: none; margin: 0px; padding: 0px; font-size: 14px; font-weight: 100; }
h5 { color: #000; text-decoration: none; font-size: 14px; }

p { font-size: 15px; line-height: 20px; font-family: 'PT Sans', sans-serif; }

.haberbaslik { font-size: 14px; color: #000; text-decoration: none; font-weight: bold; margin-bottom: 5px; background-color: #fff; display: block; padding: 5px; }

a.hablink { font-size: 14px; color: #000; text-decoration: none; display: block; padding: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; background-color: #F5F5F5; margin-bottom:5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  }
a.hablink:hover { color:#fff; background-color:#333} 
  
.degrade2 { 

background-image: linear-gradient(bottom, #E6E6E6 24%, #F3F3F3 82%);
background-image: -o-linear-gradient(bottom, #E6E6E6 24%, #F3F3F3 82%);
background-image: -moz-linear-gradient(bottom, #E6E6E6 24%, #F3F3F3 82%);
background-image: -webkit-linear-gradient(bottom, #E6E6E6 24%, #F3F3F3 82%);
background-image: -ms-linear-gradient(bottom, #E6E6E6 24%, #F3F3F3 82%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.24, #E6E6E6),
	color-stop(0.82, #F3F3F3)
);

}


.degradeyatay {
	background: #e5e5e5; /* Old browsers */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #e5e5e5 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #e5e5e5 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
	
}

.degradegri {background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 );}

.degradered {
background: rgba(199,29,2,1);
background: -moz-linear-gradient(top, rgba(199,29,2,1) 0%, rgba(135,9,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(199,29,2,1)), color-stop(100%, rgba(135,9,0,1)));
background: -webkit-linear-gradient(top, rgba(199,29,2,1) 0%, rgba(135,9,0,1) 100%);
background: -o-linear-gradient(top, rgba(199,29,2,1) 0%, rgba(135,9,0,1) 100%);
background: -ms-linear-gradient(top, rgba(199,29,2,1) 0%, rgba(135,9,0,1) 100%);
background: linear-gradient(to bottom, rgba(199,29,2,1) 0%, rgba(135,9,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c71d02', endColorstr='#870900', GradientType=0 );
	}

.oval { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; overflow:hidden;  }
.oval2 { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; }

.pad10 { padding:10px}

.ustbar { width: 980px; height: 110px; margin:auto;} 

.sag { float:right}

.menum { background-color:#056caf; height:40px}

.solblok { background-color: #F0F0F0; width: 300px; float: left; margin-right: 20px; border: 0px solid #CCC; padding:10px }
.sagblok { background-color: #F0F0F0; width: 610px; float: left; border: 0px solid #CCC; padding: 10px }

.projead{ position: absolute; left: 300px; top: 40px; font-size: 24px; color: #333; text-decoration: none; font-weight: bold; }

a.katbas { font-size: 14px; font-weight: bold; color: #000; display: block;   padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 5px; margin-bottom:4px; 
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 

background: rgba(245,245,245,1);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(209,209,209,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(209,209,209,1)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(209,209,209,1) 100%);
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(209,209,209,1) 100%);
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(209,209,209,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(209,209,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d1d1d1', GradientType=0 );

}

a.katlink { font-size: 14px; font-weight: bold; color: #000; display: block; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; margin-bottom: 5px; }

a.katbas:hover,a.katlink:hover { color:#C00}

a.link2 { font-size: 11px; font-family: tahoma; color: #FFF; text-decoration: none; background-color: #333; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; }
a.link2:hover { background-color: #C00; }

.footer { background-color: #056caf;   border-top-width: 1px; border-top-style: solid; border-top-color: #fff; width: 100%; padding-top:8px; padding-bottom:8px; margin-top:20px }

a.fotlink { font-size: 14px; text-decoration: none; display: block; float: left; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; color:#FFF }
.fotlink i { margin-right:5px}
a.fotlink:hover,.fotlink i:hover { color:#000}

a.indirmelink:link, a.indirmelink:active, a.indirmelink:visited  { border: 1px solid #CAD7DB; display: block; padding: 5px; clear: both; height: 37px; margin-bottom: 5px; font-family: Arial; font-size: 14px; line-height: 37px; color: #333; text-decoration: none; }
a.indirmelink:hover { border: 1px solid #BCBCBC; color: #F00; }



a.albumlinkm:link, a.albumlinkm:active, a.albumlinkm:visited { height: 200px; width:200px; display: block; background-color: #f5f4f4; float: left; border: 1px solid #EEE; position: relative; overflow: hidden; margin: 20px;  }

.albumlinkm .baslik {  font-family: Arial; font-size: 14px; font-weight: bold; color: #000; text-decoration: none;   padding: 4px; }








a.albumlink:link, a.albumlink:active, a.albumlink:visited { height: 330px; width: 300px; display: block; background-color: #f5f4f4; float: left; border: 1px solid #FFA5A7; position: relative; overflow: hidden; margin: 10px; }
.albumlink .resim { top:30px; position:absolute; left:0px; z-index:3 }

.albumlink .baslik { top: 0px; position: absolute; left: 0px; z-index: 4; font-family: Arial; font-size: 18px; font-weight: bold; color: #fff; text-decoration: none;/* [disabled]overflow: hidden; */ width: 300px;  padding: 7px; height:auto }

.albumlink .icerik { top: 100px; position: absolute; left: 0px; z-index: 1; font-family: Arial; font-size: 14px; font-weight: bold; color: #000; text-decoration: none; width: 100%; text-align: center; }

a.fotogalerilink:link, a.fotogalerilink:active, a.fotogalerilink:visited { float: left; margin: 1px; position: relative; overflow: hidden; padding: 1px; background-color: #E8E8E8; border: 0px solid #CCC; opacity: 1; z-index:1} 

.fotogalerilink .mercek { background-image: url(../images/transparannokta.png); height: 140px; width: 300px; position: absolute; text-align: center; padding-top: 60px;  opacity: 1; z-index:3 }
  
  
a.gerilink { background: rgba(232,229,232,1); background: -moz-linear-gradient(top, rgba(232,229,232,1) 0%, rgba(240,240,240,1) 50%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(232,229,232,1)), color-stop(50%, rgba(240,240,240,1)), color-stop(51%, rgba(235,235,235,1)), color-stop(100%, rgba(254,254,254,1))); background: -webkit-linear-gradient(top, rgba(232,229,232,1) 0%, rgba(240,240,240,1) 50%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%); background: -o-linear-gradient(top, rgba(232,229,232,1) 0%, rgba(240,240,240,1) 50%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%); background: -ms-linear-gradient(top, rgba(232,229,232,1) 0%, rgba(240,240,240,1) 50%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(232,229,232,1) 0%, rgba(240,240,240,1) 50%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e5e8', endColorstr='#fefefe', GradientType=0 );
-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.35); box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.35); color: #056caf; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; right: 5px; position: absolute; top: 3px }

.gerilink i { margin-right:10px; color:#900;}

a.gerilink:hover {background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );}
  
.cerceve { background-color: #FFFFFF; padding-top: 0px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; width: 980px; margin-left: auto; margin-right:auto; margin-top:20px; margin-bottom:20px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; overflow:hidden; 

 -o-box-shadow: 1px 1px 1px #555;/*Opera tarayıcı için*/
-icab-box-shadow: 1px 1px 1px #555;/*iCab tarayıcı için*/
-khtml-box-shadow: 1px 1px 1px #555;/*Konqueror tarayıcı için*/
-moz-box-shadow: 1px 1px 1px #555;/*Firefox tarayıcı için*/
-webkit-box-shadow: 1px 1px 1px #555;/*Safari tarayıcı için*/
box-shadow: 0px 3px 3px 1px #989898;}