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



@font-face {
    font-family: 'DiavloLight';
    src: url('../fonts/diavlo_light-diavlo.eot');
    src: url('../fonts/diavlo_light-diavlod41dd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/diavlo_light-diavlo.html') format('woff'),
         url('../fonts/diavlo_light-diavlo.ttf') format('truetype'),
         url('../fonts/diavlo_light-diavlo-2.html#DiavloLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DiavloMedium';
    src: url('../fonts/diavlo_medium-diavlo.eot');
    src: url('../fonts/diavlo_medium-diavlod41dd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/diavlo_medium-diavlo.woff') format('woff'),
         url('../fonts/diavlo_medium-diavlo.ttf') format('truetype'),
         url('../fonts/diavlo_medium-diavlo.html#DiavloMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DiavloBold';
    src: url('../fonts/diavlo_bold-diavlo.eot');
    src: url('../fonts/diavlo_bold-diavlod41dd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/diavlo_bold-diavlo.html') format('woff'),
         url('../fonts/diavlo_bold-diavlo.ttf') format('truetype'),
         url('../fonts/diavlo_bold-diavlo-2.html#DiavloBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('font/League_Gothic-webfont.html');
	src: local('☺'), url('font/League_Gothic-webfont-2.html') format('woff'), url('font/League_Gothic-webfont-3.html') format('truetype'), url('font/League_Gothic-webfont-4.html#webfontpm5EArBj') format('svg');
	font-weight: normal;
	font-style: normal;
}


	body {
 background: url("../images/ustbg.png") no-repeat scroll center 0 #ffffff;
    font-family: arial;
    font-size: 11px;
    margin: 0;
}

p{
    margin: 0;
}
div#ustust {
  background: url("../images/ust.png") no-repeat scroll center 0 transparent;
    height: 154px;
    position: absolute;
    width: 100%;
    z-index: 10;
}
div#ana {
   float: left;
    height: 100%;
    left: 50%;
    margin-left: -505px;
    margin-top: 17px;
    position: relative;
    width: 1009px;
    }
div#ust {
 float: left;
 margin-top: -7px;
    position: relative;
    width: 100%;
	z-index: 100;}
div#logo {
border: medium none;
    float: left;
    height: 97px;
    margin-left: 9px;
    position: relative;
    width: 288px;	}

div#sagust {
  background: url("../images/sagust.png") no-repeat scroll center 0 transparent;
    float: right;
    height: 65px;
    margin-right: 4px;
    position: relative;
    width: 277px;}
div#sagust h1 {
 color: #00739E;
    float: right;
    font-family: "Century Gothic",Arial,Helvetica,sans-serif;
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    margin-right: 8px;
    margin-top: 2px;
    position: relative;}
div#sagust h2 {
  color: #FFFFFF;
    float: right;
    font-family: "Century Gothic",Arial,Helvetica,sans-serif;
    font-size: 29px;
    font-style: italic;
    font-weight: bold;
    margin-right: 7px;
    margin-top: -27px;
    position: relative;}
	div#ustmenu {
 float: right;
    margin-right: 1px;
    margin-top: 9px;
    position: relative;
    z-index: 1000;		}

	div#slide {
 float: left;
    margin-top: -21px;
    position: relative;
    width: 1003px;
		}
	div#altbg {
 background: url("../images/altbg.png") no-repeat scroll center 0 transparent;
    float: left;
    height: 337px;
    margin-top: -68px;
    position: relative;
    width: 100%;
    z-index: 1000;
		}
	div#alt {
  float: left;
    height: 84%;
    left: 50%;
    margin-left: -477px;
    margin-top: 63px;
    position: relative;
    width: 961px;	
	}
	div#altust {
float: left;
    height: 124px;
    position: relative;
    width: 100%;	}
	div#altsol {
 float: left;
    height: 124px;
    width: 483px;	}
		div#altsol h1 {
 color: #4B4B4B;
    float: left;
    font-family: "Century Gothic",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    margin-left: 9px;
    margin-top: -12px;	}
	div#altsag {
 float: right;
    height: 100%;
    width: 478px;	}
	div#altsag h1 {
  color: #FFFFFF;
    float: right;
    font-family: "Century Gothic",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    margin-right: 7px;
    margin-top: -8px;	}
	div#altsag h2 {
color: #FFFFFF;
    float: right;
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    width: 367px;	}
	div#altsag h3 {
  color: #FFFFFF;
    float: right;
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    margin-right: 37px;
    margin-top: 0;	}
		div#altsag h3:hover {
  color: #000;
	}
	div#altsag img {
 float: left;
    height: 79px;
    margin-left: 9px;
    margin-top: 14px;
    width: 102px;	}
		div#altalt  {
 float: left;
    margin-left: 14px;
    margin-top: 0;
    position: relative;	}
	
	
	
	
	div#f1 {
background: url("../images/footeryancizgi.png") no-repeat scroll right 0 transparent;
    float: left;
    margin-left: 51px;
    margin-top: 23px;
    position: relative;
    width: 127px;
	}
	
	div#f1baslik {
 color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: -14px;
    position: relative;
	}
	div#f1link {
 color: #FFFFFF;
    font-family: arial;
    position: relative;
		}
	div#f1link li {
    color: #fff;
    font-family: arial;
    font-size: 12px;
    position: relative;
}

	div#f1link a {
 color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    position: relative;
    text-decoration: none;
	}
		div#f1link a:hover {

color: #000;
    font-family: arial;
    font-size: 12px;
    position: relative;
    text-decoration: none;
	}

	div#f2 {
	 background: url("../images/footeryancizgi.png") no-repeat scroll right 0 transparent;
    float: left;
    margin-left: 33px;
    margin-top: 23px;
    position: relative;
    width: 152px;
	}
	
		div#f2baslik {
		
 color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: -14px;
    position: relative;
	}
	div#f2link {
		color: #fff;
    font-family: arial;
    font-size: 12px;
    position: relative;

	}
	div#f2link li {
    color: #fff;
    font-family: arial;
    font-size: 12px;
    position: relative;
}

	div#f2link a {

 color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    position: relative;
    text-decoration: none;
	}
		div#f2link a:hover {

color: #000;
    font-family: arial;
    font-size: 12px;
    position: relative;
    text-decoration: none;
	}
	
		div#f3 {
background: url("../images/footeryancizgi.png") no-repeat scroll right 0 transparent;
    float: left;
    height: 124px;
    margin-left: -18px;
    margin-top: 17px;
    position: relative;
    width: 200px;
	}
		div#f3icerik {
float: left;
    left: 51px;
    position: relative;
    top: 32px;
	}
	
			div#f4 {
  color: #FFFFFF;
    float: left;
    font-family: arial;
    font-size: 12px;
    margin-left: 26px;
    margin-top: 68px;
    position: relative;
    width: 376px;	}
	div#twiticon {
float: left;
    height: 49px;
    margin-top: 6px;
    width: 50px;

		}	div#faceicon {
float: left;
    height: 49px;
    margin-left: 16px;
    margin-top: 6px;
    width: 50px;

		}
		
		div#sayfaicerik {
 float: left;
    list-style: none outside none;
    margin-bottom: 46px;
    margin-top: 0;
    position: relative;

	}
div#sol {
  background: url("../images/icsayfagolge.png") no-repeat scroll right 118px transparent;
    float: left;
    margin-left: 14px;
    margin-top: -29px;
    width: 279px;
	}
div#solbaslik {
 background: url("../images/solmenubg.png") no-repeat scroll center 0 transparent;
    float: left;
    height: 69px;
    width: 259px;
	}
	div#solbaslik li{
 color: #FFFFFF;
    float: left;
    font-family: "Century Gothic",Arial,Helvetica,sans-serif;
    font-size: 21px;
    font-style: italic;
    margin-left: 21px;
    margin-top: 34px;

	}
div#solmenu {
 float: left;
    margin-top: 5px;
    width: 262px;

	}
			div#solmenu li{
  background: url("../images/menubutton.png") no-repeat scroll center 0 transparent;
    height: 42px;
    margin-left: 5px;
    margin-top: 7px;
    position: relative;
    width: 258px;
			}
				div#solmenu li:hover{
 background: url("../images/menubuttonhover.png") no-repeat scroll center 0 transparent;

			}
div#solmenu a{
 background: url("../images/menuicon.png") no-repeat scroll -2px 5px transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: "Century Gothic",Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-style: italic;
    margin-left: 10px;
    padding: 7px 10px;
    position: relative;
    text-decoration: none;
    text-indent: 14px;
    top: 2px;			}
div#solmenu a:hover{
   color: #FFFFFF;
}

div#sag {
  float: left;
    margin-left: -12px;
    margin-top: -39px;
    width: 724px;
	}
div#sagbaslik {
 background: url("../images/sagmenubg.png") no-repeat scroll center 0 transparent;
    float: left;
    height: 77px;
    width: 724px;
	}
	div#sagbaslik li{
color: #FFFFFF;
    float: left;
    font-family: "Century Gothic",Arial,Helvetica,sans-serif;
    font-size: 21px;
    font-style: italic;
    margin-left: 21px;
    margin-top: 43px;
	}
div#sagfoto {
 float: left;
    height: 216px;
    margin-left: 16px;
    margin-top: 15px;
    width: 694px;
	border:none;
	}
div#sagicerik {
  color: #467780;
    float: left;
    font-family: "Century Gothic",Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-left: 16px;
    margin-top: 15px;
    width: 694px;	}
div#urunbaslangic {
 float: left;
    margin-left: -4px;
    margin-top: 10px;
    position: relative;
		
		}
		
		div#cziaurun1 {
   overflow: hidden;
    position: relative;
}
/* line 322, ../sass/screen.sass */

div#cziaurunimg1 {
 background-position: center 25%;
    background-repeat: no-repeat;
    border-radius: 8px 8px 8px 8px;
    display: block;
    height: 114px;}

div#urunler55 {
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 5px #333333;
    float: left;
    margin: 10px 3px 11px 19px;
    padding: 5px;
}


div#referans55 {
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 5px #333333;
    float: left;
    margin: 10px 7px 12px 15px;
    padding: 5px;
}
div#omerb {
margin-left:7px;
}
div#galeri {
  float: left;
    margin-left: 17px;
    margin-top: -8px;
    position: relative;
	
	}
div#footersol55 {
    color: #FFFFFF;
    float: left;
    font-family: tahoma;
    left: 50%;
    margin-left: -485px;
    margin-top: 19px;
    position: relative;
	font-size:11px;
}
div#footersag55 {
 float: right;
    height: 36px;
    margin-right: -452px;
    position: relative;
    right: 50%;
    top: 7px;
    width: 83px;
}
					div#urun{
 background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 5px #CCCCCC;
    float: left;
    height: 114px;
    margin-bottom: 5px;
    overflow: hidden;
    width: 143px;				}
								div#urunisim{
    color: #333333;
    float: none;
    font-family: tahoma;
    font-size: 12px;
    text-align: center;
    width: 144px;
				}
				div#urunsayfa {
 float: left;
    margin-left: 17px;
    margin-top: -8px;
    position: relative;	
		}	
		div#yaziurun {
 color: #333333;
    float: none;
    font-family: tahoma;
    font-size: 12px;
    text-align: center;
    width: 149px;
		}
			div#yaziurun h1 {
color: #333333;
    float: none;
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    width: 151px;
		}
			div#yaziurun h1:hover {
 color: #fff;

		}
		div#urunbaslikalan {
  border-bottom: 1px dotted #0d859c;
    color: #0d859c;
    float: left;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    position: relative;
    width: 699px;
		}
			div#urunyazialan {
   color: #666666;
    float: left;
    font-family: tahoma;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 17px;
    position: relative;
    top: 11px;
    width: 694px;
		}
				div#footer {
 background: url("../images/footerbg.png") repeat scroll center 0 transparent;
    float: left;
    height: 40px;
    width: 100%;		}
	
	div#footeric {
float: left;
    height: 100%;
    left: 50%;
    margin-left: -477px;
    position: relative;
    width: 961px;
	}
	div#footersol {
 color: #A1A1A1;
    float: left;
    font-family: arial;
    font-size: 11px;
    margin-left: 10px;
    margin-top: 16px;
}
div#footersag {
   float: right;
    height: 36px;
    margin-right: 10px;
    width: 83px;
	}