@charset "utf-8";
/* CSS Document */

*
{
 margin:0;
}
html, body
{
 height:100%;
}
.genel
{
 min-height:100%;
 height:auto !important;
 height:100%;
 margin:0 auto -4em;/*altalan yukseklikdegeri ile ayni olmali*/
}

#icerikalani
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
}
#footer, .tampon
{
 height:4em;/*.tampon ile altlan yuksekligi ayni olmali*/
}
#footer
{
	height:250px;
background-color: #4c5b58;
}



#header{
	
	background-color: #FFF;
	background-image:url(../images/gorsel.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:988px;
}


body
{
	background-color: #f7f7f7;
	background-repeat: repeat-y;
	background-position: left top;
}

#headergenel
{
	width:1150px;
	margin-left:auto;
	margin-right:auto;
}
#headerortahizala
{
	width:630px;
	margin-left:auto;
	margin-right:auto;
}
#hiki
{
	width:469px;
	height:169px;
	margin-left:auto;
	margin-right:auto;
    padding-top: 30px;
}
#hbir
{
	padding-top:50px;
    
}
#hbirsol
{
	float:left;
	width:53px;
	height:28px;
	background-image:url(../images/tik.jpg);
	background-repeat:no-repeat;
}
#hbirorta
{
	float:left;
	width:450px;
	height:15px;
	margin-top: 5px;
	
}
#hbirsag
{
	float:left;
	width:72px;
	height:18px;
	margin-top: 3px;
}
#hbirsagyedek
{
	float:left;
	width:72px;
	height:18px;
	margin-top: 3px;
    display:none;
}
#hbirsagsil
{
	clear:left;
}
#yatay
{
	
	padding: 290px;
    background: #b02b22; /* For browsers that do not support gradients */
 	background: -webkit-radial-gradient(#ec3d20, #b02b22); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#ec3d20, #b02b22); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#ec3d20, #b02b22); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#ec3d20, #b02b22); /* Standard syntax */
    -webkit-transform: skewY(0deg);
    -moz-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    -o-transform: skewY(-5deg);
    transform: skewY(-5deg);
    transform: skew(0deg, -12deg);
    margin-top: 440px;
    margin-left: 0px;
    margin-right: 0px;
}
#yatayic
{
	width:1150px;
	height:530px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-580px;
	position:relative;
	z-index:10;
}
#icerikalanigenel
{
	width: 1150px;
    margin-left: auto;
    margin-right: auto;
    background: #efefef;
    position: relative;
    z-index: 20;
    margin-top: 350px;
    height: 100%;
    min-height: 800px;
	
	 
	
}
#icerikalanigenel:after
{
   position: absolute;
    top: -290px;
    content: "";
    height: 100px;
    left: 0;
    width: 0px;
    border-right: 1150px solid #f0f0f0;
    border-top: 230px solid transparent;
}
#icerikalanigenelicbir
{
	width: 1150px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10;
}
#icerikalanigenelicbiric
{
	float:right;
	width:500px;
}
#icerikalanigenelicbiricsil
{
	clear:right;
}
#icerikalanigenelicbiricsol
{
	float:left;
	width:200px;
	height:200px;
    margin-top: -128px;
	
	
}
#onlinekatalog {
    float:left;
    width: 150px;
    
    font-family: 'latoregular';
    color: #fff;
    border: 1px solid #b02b22;
    border-radius: 20px;
    background-color: #b02b22;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-left: 490px;
    position: relative;
    z-index: 10;
}
#onlinekatalogsil 
{
    clear:left;
}
#onlinekatalog a
{
    text-decoration:none;
    color:#fff;
    height: 30px;
    line-height: 30px;

}

#icerikalanigenelicbiricorta
{
	float:left;
	width:10px;
	height:10px;
	background-image:url(../images/nokta.png);
	background-repeat:no-repeat;
	margin-left: 15px;
    margin-right: 15px;
    margin-top: -18px;
}
#icerikalanigenelicbiricsag
{
	width:275px;
	height:300px;
	float:left;
	margin-top: -165px;
	
}
#icerikalanigenelicbiricsagsil
{
	clear:left;
}
#icerikalanigenelicbiricsolust
{
	width:1px;
	height:100px;
	background-color:#000;
	margin-left: auto;
    margin-right: auto;
	
}

#icerikalanigenelicbiricsagust
{
	width:1px;
	height:140px;
	background-color:#000;
	margin-left: auto;
    margin-right: auto;
}
#icerikalanigenelicbiricsolorta
{
	text-align:center;
}
#icerikalanigenelicbiricsagorta
{
	text-align:center;
}
#icerikalanigenelicbiricsagorta a
{
	font-family: 'latoregular';
	font-size:12pt;
	color:#9c9c9c;
	text-decoration:none;
}
#icerikalanigenelicbiricsolorta a
{
	font-family: 'latoregular';
	font-size:12pt;
	color:#9c9c9c;
	text-decoration:none;
}
#icerikalanigenelicbiricsolalt
{
	width:1px;
	height:50px;
	background-color:#000;
	margin-left: auto;
    margin-right: auto;
}
#icerikalanigenelicbiricsagalt
{
	width:1px;
	height:100px;
	background-color:#b02b22;
	margin-left: auto;
    margin-right: auto;
}
.kalin
{
	font-family: 'latobold';
	font-size:12pt;
	color:#454545;
}
#icerikalaniiki
{
	width:640px;
	margin-left:auto;
	margin-right:auto;
}
#icerikalaniikibir
{
	float:left;
	width:180px;
	height:140px;
	margin-right: 30px;
}
#icerikalaniikiiki
{
	float:left;
	width:180px;
	height:140px;
	margin-right: 30px;
}
#icerikalaniikiuc
{
	float:left;
	width:180px;
	height:140px;
}
#icerikalaniikiucsil
{
	clear:left;
}
#icerikalaniikibiralt
{
	font-family: 'latoregular';
	font-size:12pt;
	color:#9c9c9c;
	text-align: center;
	margin-top:10px;
	
}
#icerikalaniikiikialt
{
	font-family: 'latoregular';
	font-size:12pt;
	color:#9c9c9c;
	text-align: center;
	margin-top:10px;
}
#icerikalaniikiucalt
{
	font-family: 'latoregular';
	font-size:12pt;
	color:#9c9c9c;
	text-align: center;
	margin-top:10px;

}
#icerikalaniikibirust
{
	width:88px;
	height:88px;
	background-image:url(../images/ikon/merkezilokasyon.png);
	background-repeat:no-repeat;
	margin-left: auto;
    margin-right: auto;
}
#icerikalaniikiikiust
{
	width:88px;
	height:88px;
	background-image:url(../images/ikon/hayaledilen.png);
	background-repeat:no-repeat;
	margin-left: auto;
    margin-right: auto;
}
#icerikalaniikiikiust:hover
{
	width:88px;
	height:88px;
	background-image:url(../images/ikon/hayaledilenhover.png);
	background-repeat:no-repeat;
	margin-left: auto;
    margin-right: auto;
}
#icerikalaniikibirust:hover
{
	width:88px;
	height:88px;
	background-image:url(../images/ikon/merkezilokasyonhover.png);
	background-repeat:no-repeat;
	margin-left: auto;
    margin-right: auto;
}
#icerikalaniikiucust
{
	width:88px;
	height:88px;
	background-image:url(../images/ikon/dogruyatirim.png);
	background-repeat:no-repeat;
	margin-left: auto;
    margin-right: auto;
}
#icerikalaniikiucust:hover
{
	width:88px;
	height:88px;
	background-image:url(../images/ikon/dogruyatirimhover.png);
	background-repeat:no-repeat;
	margin-left: auto;
    margin-right: auto;
}
.icerikalaniuc
{
	width:840px;
	border:1px solid #6e7474;
	margin-left:auto;
	margin-right:auto;
}
#icerikalanidort
{
	width:1130px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 30px;
}
#icerikalanidortbir
{
	float:left;
	width:340px;
	margin-left: 25px;
    margin-right: 25px;
}
#icerikalanidortiki
{
	float:left;
	width:340px;
	 margin-right: 25px;
}
#icerikalanidortuc
{
	float:left;
	width:340px;
}
#icerikalanidortucsil
{
	clear:left;
}
#icerikalanidortbirust
{
	width:126px;
	height:139px;
	background-image:url(../images/ikon/insaattahud.png);
	background-repeat:no-repeat;
	margin-left: auto;
    margin-right: auto;
}
#icerikalanidortbirorta
{
	font-family: 'latobold';
	color:#b02b22;
	font-size:14pt;
	text-align: center;
    margin-top: 10px;
}
#icerikalanidortbiralt
{
	 font-family: 'latoregular';
	 font-size:11pt;
	 color:#4e5a58;
	 text-align:justify;
	
}
#icerikalanidortikiust
{
	width:126px;
	height:139px;
	background-image:url(../images/ikon/proje.png);
	background-repeat:no-repeat;
	margin-left: auto;
    margin-right: auto;
}
#icerikalanidortikiorta
{
	font-family: 'latobold';
	color:#b02b22;
	font-size:14pt;
	text-align: center;
    margin-top: 10px;
}
#icerikalanidortikialt
{
	 font-family: 'latoregular';
	 font-size:11pt;
	 color:#4e5a58;
	 text-align:justify;
}
#icerikalanidortucust
{
	width:126px;
	height:139px;
	background-image:url(../images/ikon/kentsel.png);
	background-repeat:no-repeat;
	margin-left: auto;
    margin-right: auto;
}
#icerikalanidortucorta
{
	font-family: 'latobold';
	color:#b02b22;
	font-size:14pt;
	text-align: center;
    margin-top: 10px;
}
#icerikalanidortucalt
{
	 font-family: 'latoregular';
	 font-size:11pt;
	 color:#4e5a58;
	 text-align:justify;
}
#icerikalanibes
{
	width:1085px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:90px;
}
#icerikalanibesust
{
	font-family: 'latoregular';
	 font-size:40pt;
	 color:#4c5b58;
     text-align:center;
}
.digerkalin
{
	font-family: 'latobold';
	color:#4c5b58;
}
#icerikalanibesalt
{
	font-family: 'latoregular';
	font-size:11pt;
	color:#4e5a58;
}
#footergenel
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#f1
{
	float:left;
	width:268px;
	height:42px;
	background-image:url(../images/altlogo.png);
	background-repeat:no-repeat;
	margin-top:30px;
	margin-right:15px;
}
#f2
{
	float:left;
	width:1px;
	height:50px;
	background-color:#000;
	margin-top:30px;
	margin-right:15px;
}
#f3
{
	float:left;
	width:420px;
	font-family: 'latoregular';
	font-size:10pt;
	color:#fff;
	margin-top:30px;
}
.linkler a
{
	text-decoration:none;
	color:#fff;
}
.beyaz
{
	font-family: 'latobold';
}
.beyaziki
{
	font-family: 'latobold';
	font-size:15pt;
}
#f4
{
	float:left;
	width:1px;
	height:50px;
	background-color:#000;
	margin-top:30px;
	margin-right:15px;
}
#f5
{
	float:left;
	width:79px;
	height:79px;
	margin-top:17px;
	margin-right:15px;
}
#f6
{
	float:left;
	width:1px;
	height:50px;
	background-color:#000;
	margin-top:30px;
	margin-right:15px;
}
#f7
{
	float:left;
	height:18px;
}
#f7sil
{
	clear:left;
}
#footeralt
{
	width: 390px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
#footeraltbir
{
	 float: left;
    color: #778180;
    font-family: 'latoregular';
    font-size: 10pt;
    line-height: 50px;
    margin-right: 15px;
}
#footeraltiki
{
	float:left;
	width:1px;
	height:50px;
	background-color:#778180;
	margin-right: 15px;
}
#footeraltuc
{
	width:110px;
	height:auto;
	float:left;
}
#footeraltuc img 
{
     width:70%;
    height:auto;
}
#footeraltucsil
{
	clear:left;
}
#yukari
{
    z-index:100;   
    position:fixed;    
    bottom:20px;   
    right:50px;    
    display:none;    
}
#yukari_boyut
{
    width:50px;    
    height:50px  
}




@media screen and (max-width: 480px) 
{
#header {
    background-color: #FFF;
    background-image:inherit;
    background-repeat:inherit;
    background-position:inherit;
    width: 100%;
    height: auto;
}
#footeraltuc img {
    width: 20%;
    height: auto;
}

#headergenel {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -25px;
}

#headerortahizala {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -70px;
    float:left;
}
#hbir {
    margin-top: -80px !important;
    -webkit-animation:inherit !important;
    transition:inherit !important;
    box-sizing:inherit !important;
   height:50px !important;
   top:-40px !important;
   padding-top: 100px;
   
}
.scrollayar
{
    width:100% !important;
    margin: 15px 0px 0px 0px !important;
   background-color: #b62e22;
    
}
#hbirsol {
    float: left;
    width: 53px;
    height: 28px;
    background-image: url(../images/tik.jpg);
    background-repeat: no-repeat;
    display:none;
}
#hbirorta {
    float: left;
    width: 100%;
    height: 15px;
    margin-top: 25px;
}
#hbirsag {
    float: left;
    width: 72px;
    height: 18px;
    margin-top: 3px;
    display:none !important;
}
#hbirsagyedek {
    float: left;
    width: 72px;
    height: 18px;
    margin-top: 3px;
    display: none !important;
}
#hiki {
    width: 100%;
    height: 169px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 30px;
    position: absolute;
    z-index: 10;
    margin-top: -180px !important;
    text-align:center;
   
}
#hiki img 
{
    width:80%;
    height:auto;
    margin-top:15px;
}

#yatay {
    padding: 290px;
    background: #b02b22;
    background: -webkit-radial-gradient(#ec3d20, #b02b22);
    background: -o-radial-gradient(#ec3d20, #b02b22);
    background: -moz-radial-gradient(#ec3d20, #b02b22);
    background: radial-gradient(#ec3d20, #b02b22);
    -webkit-transform: skewY(0deg);
    -moz-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    -o-transform: skewY(-5deg);
    transform: skewY(-5deg);
    transform: skew(0deg, -12deg);
    margin-top: 440px;
    margin-left: 0px;
    margin-right: 0px;
    display:none;
}
#yatayic {
    width: 1150px;
    height: 530px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -580px;
    position: relative;
    z-index: 10;
    display:none;
}
#icerikalanigenel:after {
    position: absolute;
    top: -290px;
    content: "";
    height: 100px;
    left: 0;
    width: 0px;
    border-right: 1150px solid #f0f0f0;
    border-top: 230px solid transparent;
    display:none !important;
}
#icerikalanigenel {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    background: #efefef;
    position:inherit;
    z-index: 20;
    margin-top: 190px;
    height: 100%;
    min-height: 0px;
}
#icerikalanigenelicbir {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10;
    display:none;
}
#icerikalaniiki {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top:100px;
    text-align:center;
}
#icerikalaniikibir {
    float: left;
    width: 100%;
    height: 140px;
    margin-right: 30px;
    margin-top: 50px;
}
#icerikalaniikiiki {
    float: left;
    width: 100%;
    height: 140px;
    margin-right: 30px;
}
#icerikalaniikiuc {
    float: left;
    width: 100%;
    height: 140px;
}

.icerikalaniuc {
    width: 90%;
    border: 1px solid #6e7474;
    margin-left: auto;
    margin-right: auto;
}
#icerikalanidort {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

#icerikalanidortbir {
    float: left;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
#icerikalanidortbiralt {
    font-family: 'latoregular';
    font-size: 11pt;
    color: #4e5a58;
    text-align: justify;
    width:90%;
    margin-left:15px;
}
#icerikalanidortiki {
    float: left;
    width: 100%;
    margin-right: 0px;
    margin-top:25px;
}
#icerikalanidortikialt {
    font-family: 'latoregular';
    font-size: 11pt;
    color: #4e5a58;
    text-align: justify;
    width:90%;
    margin-left:15px;
}
#icerikalanidortuc {
    float: left;
    width: 100%;
    margin-top:25px;
}
#icerikalanidortucalt {
    font-family: 'latoregular';
    font-size: 11pt;
    color: #4e5a58;
    text-align: justify;
    width:90%;
    margin-left:15px;
}
#icerikalanibes {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 90px;
}
#icerikalanibesust {
    font-family: 'latoregular';
    font-size: 20pt;
    color: #4c5b58;
    text-align: center;
}
#icerikalanibesalt {
    font-family: 'latoregular';
    font-size: 11pt;
    color: #4e5a58;
    width:90%;
    margin-left:15px;
    text-align:justify;
    margin-top:15px;
}


#kategoriBaslik {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    font-family: 'latobold';
    color: #4e5a58;
    font-size: 30pt;
    text-align:center;
}

#footer {
    height: auto;
    background-color: #4c5b58;
}
#footergenel {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#f1 {
    float: left;
    width: 100%;
    height: 42px;
    background-image: url(../images/altlogo.png);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-right: 0px;
    background-position:center;
}

#f2 {
    float: left;
    width: 1px;
    height: 50px;
    background-color: #000;
    margin-top: 30px;
    margin-right: 15px;
    display:none;
}

#f3 {
    float: left;
    width: 100%;
    font-family: 'latoregular';
    font-size: 10pt;
    color: #fff;
    margin-top: 30px;
    text-align:center;
}
#f4 {
    float: left;
    width: 1px;
    height: 50px;
    background-color: #000;
    margin-top: 30px;
    margin-right: 15px;
    display:none;
}

#f5 {
    float: left;
    width: 79px;
    height: 79px;
    margin-top: 17px;
    margin-right: 15px;
    display:none;
}
#f6 {
    float: left;
    width: 1px;
    height: 50px;
    background-color: #000;
    margin-top: 30px;
    margin-right: 15px;
    display:none;
}
#f7 {
    float: left;
    width: 100%;
    height: 18px;
    margin-top: 45px;
    text-align:center;
}
#footeralt {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

#footeraltbir {
    float: left;
    color: #778180;
    font-family: 'latoregular';
    font-size: 10pt;
    line-height: 50px;
    margin-right: 15px;
    width:100%;
    text-align:center;
}
#footeraltiki {
    float: left;
    width: 1px;
    height: 50px;
    background-color: #778180;
    margin-right: 15px;
    display:none;
}
#footeraltuc {
    width: 100%;
    height: 54px;
    float: left;
    text-align:center;
    margin-bottom:20px;
}

#iletisim 
{
    height:225px !important;
}

#Kurumsal 
{
    height:230px !important;
}
#Tamamlananiki 
{
    height:305px !important;

}
#Devamedeniki 
{
    height:265px !important;
}
#onlinekatalog {
    float: left;
    width: 90%;
    margin-top: 225px;
    font-family: 'latoregular';
    color: #fff;
    border: 1px solid #b02b22;
    border-radius: 20px;
    background-color: #b02b22;
    text-align: center;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 10;
    margin-left: 15px;
}


}