html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, strong,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea{ margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; outline:none; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section				{ display:block; }
body													{ line-height:1; }
ol, ul 													{ list-style:none; }
blockquote, q											{ quotes:none; }
blockquote:before, blockquote:after, q:before, q:after 	{ content:''; content:none; }
table 													{ border-collapse:collapse; border-spacing:0; }
a 														{ color:inherit; text-decoration:none; }
textarea												{ resize:none; }
input[type='submit'], a 								{ cursor:pointer; }
strong, b													{ font-weight:bold; }
em 														{ font-style:italic; }
body { font-size: 100%;background:url(../resimler/bg.png) #f3f3f3 repeat-x;font:12px 'NeoSansPro-Regular'; font-weight:400; color:#000;-webkit-font-smoothing: antialiased;}a:link, a:visited {text-decoration:none !important; color:#2786c2;}a:hover, a:active {text-decoration:none; }h1, h2, h3, h4, h5, h6{font-weight:bold; margin:15px 0;}h1{font-size:25px;}h2{	font-size:23px; letter-spacing:-1px;}			h3{font-size:18px;}h4{font-size:15px;}h5{font-size:15px; font-weight:normal; color:#333}.left {float:left}		.right{float:right}		.clearleft{clear:left}		.clearright{clear:right}		.temizle{clear:both}.ortala
{
width:948px;
margin:0 auto;
position:relative;
}
.header
{
height:186px;
position:relative;
}
.logo
{
position:absolute;
top:60px;
left:0;
}
.duyurular
{
background:url(../resimler/duyurular.png) no-repeat;
width:676px;
height:67px;
position:absolute;
right:0;
}
.duyurular .bx-wrapper
{
margin-top:23px;
margin-left:93px;
}
.duyurular a
{
color:#000;
}
.header-iletisim
{
background:url(../resimler/header-iletisim.png) no-repeat;
width:240px;
height:86px;
position:absolute;
top:65px;
left:360px;
}
.header-iletisim > span.telefon
{
margin-top:35px;
margin-left:77px;
display:block;
font-size:16px;
font-weight:600;
color:red;
}

.header-iletisim > span.fmail
{
margin-top:5px;
margin-left:77px;
display:block;
font-size:15px;
font-weight:500;
}
.diller
{
width:256px;
height:23px;
right: 0;
position: absolute;
top: 68px;
}
.diller img
{
display:inline-block;
}
.arama
{
background:url(../resimler/arama.png) no-repeat;
right: 10px;
position: absolute;
bottom: 0px;
width:299px;
height:55px;
}
.menu-bg
{
background:url(../resimler/menu.png) no-repeat;
width:948px;
height:121px;
}
.menu-bg > ul
{
width:825px;
height:45px;
margin-left:7px;
}
.menu-bg > ul > li
{
float:left;
display:block;
font-size:14px;
position:relative;
}
.menu-bg > ul > li a
{
color:#e3e3e3;
text-shadow: 0px 0px 10px rgba(150, 150, 150, 0.83);
display:block;
padding-right:15px;
padding-left:15px;
height:45px;
line-height:45px;
background:url(../resimler/menu-ayrac.png) no-repeat top left;
}
.menu-bg > ul > li:first-child a
{
background:transparent;
}
.menu-bg > ul > li:hover
{
background:rgba(0, 0, 0, 0.16);
}

.menu-bg ul > li > ul						{ -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;opacity:0;top:45px;border-radius:0px 0px 3px 3px;margin-top:0px;z-index:9999; background:rgba(0, 0, 0, 0.59); position:absolute; width:204px; overflow:hidden;}
.menu-bg ul > li:hover > ul					{ opacity:1;max-width:999px;max-height:999px;overflow:hidden;height:auto;width:204px;}	
.menu-bg ul > li > ul > li					{ height:34px; line-height:34px; color:#eee;display:block;width:100%;float:left;}
.menu-bg ul > li > ul > li > a				{ font:12px 'NeoSansPro-Regular';display:block; padding-left:10px; height:34px; line-height:34px; color:#fff;}
.menu-bg ul > li > ul > li:hover > a			{border-left:4px solid #ffff00;background:#000;padding-left:6px;}

.manset
{
background:url(../resimler/manset-bg.png) no-repeat;
width:948px;
height:343px;
margin-top:-60px;
position:relative;
}
.manset img
{
width:905px;
height:302px;
}
a.iletisim-link
{
display:block;
height:45px;
line-height:45px;
width:110px;
text-align:center;
font-size:14px;
color:#fff;
text-shadow: 0px 0px 10px rgba(150, 150, 150, 0.83);
}
a.iletisim-link:hover
{
background:rgba(0, 0, 0, 0.16);
}
.yazi-baslik
{
border-bottom:1px solid #bdbdbd;
}
.yazi-baslik h2
{
font-size:20px;
color:#f3f3f3;
}
.hizmetlerimiz
{
margin-top:10px;
margin-bottom:10px;
}
.hizmetlerimiz li
{
width:202px;
height:230px;
float:left;
margin-right:46px;
}
.hizmetlerimiz li:nth-child(4n)
{
margin:0;
}
.hizmetlerimiz img
{
width:200px;
height:125px;
border:1px solid #cfcfcf;
}
.hizmetlerimiz h3
{
font-size:14px;
color:#3b3636;
}
.hizmetlerimiz span
{
font-size:12px;
color:#887e7e;
}
.hakkimizda{
margin-top:10px;
}
.hakkimizda p
{
font-size:12px;
color:#3b3636;
margin-bottom:8px;
}
.anasayfa-haberler
{
width:460px;
height:175px;
}
.anasayfa-haberler ul, .anasayfa-haberler p
{
margin-top:10px;
}
.anasayfa-referanslar
{
width:460px;
height:175px;
}
a.devamini-oku
{
background:url(../resimler/devam.png) no-repeat;
display:block;
text-indent:-9999px;
margin-top:5px;
width:95px;
height:25px;
}
.anasayfa-referanslar ul
{
margin-top:10px;
}
.anasayfa-referanslar li
{
width:142px;
height:100px;
float:left;
margin-right:17px;
}
.anasayfa-referanslar li:nth-child(3n)
{
margin:0;
}
.anasayfa-referanslar img
{
width:140px;
height:98px;
border:1px solid #cfcfcf;
}
.footer-ust
{
background:#3a3a3a;
height:135px;
margin-top:10px;
}
.footer-alt
{
background:#303030;
height:35px;
}
.footer-alt span
{
font:11px/35px Arial;
color:#989494;
}
.manset .bx-wrapper
{
padding-top: 20px;
padding-left: 21px;
}
.hizmet-ileri a
{
background:url(../resimler/jq-sag.png) no-repeat;
width:15px;
height:15px;
display:inline-block;
text-indent:-9999px;
margin-top:15px;
margin-left:10px;
}
.hizmet-geri a
{
background:url(../resimler/jq-sol.png) no-repeat;
width:15px;
height:15px;
display:inline-block;
text-indent:-9999px;
margin-top:15px;
}

.ref-ileri a
{
background:url(../resimler/jq-sag.png) no-repeat;
width:15px;
height:15px;
display:inline-block;
text-indent:-9999px;
margin-top:15px;
margin-left:10px;
}
.ref-geri a
{
background:url(../resimler/jq-sol.png) no-repeat;
width:15px;
height:15px;
display:inline-block;
text-indent:-9999px;
margin-top:15px;
}

.manset-ileri a
{
background:url(../resimler/mansetsag.png) no-repeat;
width:56px;
height:49px;
display:inline-block;
text-indent:-9999px;
margin-top:15px;
margin-left:10px;
position:absolute;
top:150px;
z-index:999;
right:0;
}
.manset-geri a
{
background:url(../resimler/mansetsol.png) no-repeat;
width:58px;
height:49px;
display:inline-block;
text-indent:-9999px;
margin-top:15px;
position:absolute;
top:150px;
z-index:999;
left:0;
}

.kategori-list
{
margin-top:10px;
margin-bottom:10px;
}
.kategori-list li
{
width:202px;
height:230px;
float:left;
margin-right:46px;
}
.kategori-list li:nth-child(4n)
{
margin:0;
}
.kategori-list img
{
width:200px;
height:125px;
border:1px solid #cfcfcf;
}
.kategori-list h3
{
font-size:14px;
color:#3b3636;
}
.kategori-list span
{
font-size:12px;
color:#887e7e;
}
.footer-sol
{
float:left;
width:565px;
padding-top:20px;
}
.footer-sol ul
{
padding-bottom:15px;
border-bottom:1px solid #464646;
margin-bottom:10px;
}
.footer-sol ul li
{
display:inline-block;
}

.footer-sol ul li a
{
display:inline-block;
padding-right:5px;
margin-right:5px;
border-right:1px dotted #989494;
font:11px Arial;
color:#989494;
}
.footer-bilgiler span
{
display: inline-block;
padding-left: 20px;
color: #989494;
font: 11px Arial;
margin-right: 20px;
}
.footer-bilgiler span.f1
{
background:url(../resimler/f3.png) no-repeat;
}
.footer-bilgiler span.f2
{
background:url(../resimler/f2.png) no-repeat;
}
.footer-bilgiler span.f3
{
background:url(../resimler/f1.png) no-repeat;
}

.sosyal-ikonlar
{

}
.sosyal-ikonlar li
{
float:left;
margin-left:5px;
}
.sosyal-ikonlar li a
{
display:block;
text-indent:-9999px;
-webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.sosyal-ikonlar li a:hover
{
background-position-y:0px !important;
}
#s_twitter
{
	background: url('../resimler/sosyal.png') no-repeat 0px -16px;
	width: 20px;
	height: 16px;
}

#s_facebook
{
	background: url('../resimler/sosyal.png') no-repeat -19px -16px;
	width: 18px;
	height: 16px;
}
#s_youtube
{
	background: url('../resimler/sosyal.png') no-repeat -36px -16px;
	width: 20px;
	height: 16px;
}

.footer-sag
{
float:right;
width:350px;
padding-top:20px;
}
.footer-sag h4
{
font:Bold 11px Arial;
padding-bottom:10px;
padding-bottom:16px;
border-bottom:1px solid #464646;
margin-top:0;
margin-bottom:10px;
color:#989494;
}
.arama input
{
margin-top: 20px;
width: 270px;
margin-left: 14px;
height: 34px;
background: transparent;
color:#006666;
}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	background:#efefef;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}

#pagination{
    margin-top: 10px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
#pagination a,
#pagination span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
    margin: 0;
}
#pagination a:hover,
#pagination a:focus,
#pagination .current{
    background-color: #f5f5f5;
}
#pagination .current{
    color: #999999;
    cursor: default;
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
    margin: 0;
}
#pagination .pages {
    border-left-width: 1px;
}
.pagination-centered {
    text-align: center;
}

#pagination li
{
display:inline-block;
}



#contact-form {  
    background-color:rgba(255, 255, 255, 0.21);  
    width:465px;  
    padding:20px;        
    border: 6px solid rgba(88, 88, 88, 0.09);  
    -moz-border-radius:15px;  
    -webkit-border-radius:15px;  
    border-radius:15px;  
    position:relative; 
font-family:'NeoSansPro-Regular';	
float:left;
}  
  
#contact-form h1 {  
    font-size:42px;  
}  
  
#contact-form h2 {  
    margin-bottom:15px;  
    font-style:italic;  
    font-weight:normal;  
}  
  
#contact-form input,   
#contact-form select,   
#contact-form textarea,   
#contact-form label {  
    font-size:13px;  
    margin-bottom:2px;  
}  
  
#contact-form input,   
#contact-form select,   
#contact-form textarea {  
    width:450px;  
    border: 1px solid #d6d6d6;  
    margin-bottom:20px;  
    padding:4px;  
}  
  
#contact-form input:focus,   
#contact-form select:focus,   
#contact-form textarea:focus {  
    border: 1px solid #AFCDD8;  
    background-color: rgba(255, 255, 255, 0.21);  
}  
  
#contact-form textarea {  
    height:150px;  
    resize: none;  
}  
  
#contact-form label {  
    display:block;  
}  
  
#contact-form .required {  
    font-weight:bold;  
    color:#F00;      
}  
  
#contact-form #submit-button {  
    width: 100px;  
    background-color:#333;  
    color:#FFF;  
    border:none;  
    display:block;  
    float:right;  
    margin-bottom:0px;  
    margin-right:6px;    
    -moz-border-radius:8px;  
	border-radius:5px;
}  
  
#contact-form #submit-button:hover {  
    background-color: #5c5c5c;  
}  
  
#contact-form #submit-button:active {  
    position:relative;  
    top:1px;  
}  
  
#contact-form #loading {  
    width:32px;  
    height:32px;  
    background-image:url(../img/loading.gif);  
    display:block;  
    position:absolute;  
    right:130px;  
    bottom:16px;  
    display:none;  
}  
  
#errors {  
    border:solid 1px #E58E8E;  
    padding:10px;  
    margin:25px 0px;  
    display:block;  
    width:437px;  
    -webkit-border-radius:8px;  
    -moz-border-radius:8px;  
    border-radius:8px;  
    background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;  
    display:none;  
}  
  
#errors li {  
    padding:2px;  
    list-style:none;      
}  
  
#errors li:before {  
    content: ' - ';      
}  
  
#errors #info {  
    font-weight:bold;  
}  
  
#errors #info:before {  
    content: '';      
}  
  
#success {  
    border:solid 1px #83D186;  
    padding:25px 10px;  
    margin:25px 0px;  
    display:block;  
    width:437px;  
    -webkit-border-radius:8px;  
    -moz-border-radius:8px;  
    border-radius:8px;  
    background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;  
    font-weight:bold;  
    display:none;  
}  
  
#errors.visible, #success.visible {  
    display:block;      
}  
  
#req-field-desc {  
    font-style:italic;  
}  
  
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */  
input:required, textarea:required {  
    -moz-box-shadow:none;  
    -webkit-box-shadow:none;  
    -o-box-shadow:none;  
    box-shadow:none;  
}  
  
/* Normalize placeholder styles */  
  
/* chrome, safari */  
::-webkit-input-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
  
/* mozilla */  
input:-moz-placeholder, textarea:-moz-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
  
/* ie (faux placeholder) */  
input.placeholder-text, textarea.placeholder-text  {   
    color:#CCC;  
    font-style:italic;  
}  
.adres-bilgileri
{
float:right;
width:415px;
}
.adres-bilgileri p
{
border-left:4px solid #a63841;
display:block;
padding-left:5px;
font:15px/15px Arial;
margin-top:5px;
margin-left:20px;
}
.iletisim-harita
{
padding:1px;
border:1px solid #b2b2b2;
}