html {
    width:100%;
    height:100%;
}
body {
    width:100%;
    margin:0;
    padding:0;
    font-family:Arial, Tahoma, Verdana;
    font-size:12px;
    height:100%;
    background: url(../images/arkaplan.jpg) no-repeat center top scroll; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
form {
    width:100%;
    height:100%;
}
table
{
    border-spacing:0;
}
td {
    padding:0;
}
img
{
    border:none;
}
a {
   text-decoration:none;
   outline: 0;
}
*
{
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;   
  box-sizing: border-box;   
}
.divSabit { 	-o-text-overflow: ellipsis;    /* Opera */ 	text-overflow:    ellipsis;    /* IE, Safari (WebKit) */ 	overflow:hidden; 	white-space:nowrap; 	cursor:pointer; }
.divSabitKutu2
{
	-o-text-overflow: ellipsis;    /* Opera */ 	
	text-overflow:    ellipsis;    /* IE, Safari (WebKit) */ 	
	overflow:hidden; 	
	white-space:normal; 	
	line-height:12px !important;
	text-align:justify;
	font-size:12px;
    height: 24px;
    display: block;
}
.DisDiv
{
    width: 1000px;
    margin:0 auto;
    background-color: white;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.91);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.91);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.91);
}
.Header
{
    border-bottom:6px solid #bd1828;
    height: 120px;
    width: 1000px;
    margin:0 auto;
}
.Logo
{
    background-color: #fff;
    height: 115px;
    width: 281px;
    float:left;
    background-image: url(../images/endustriyel-kapi-sistemleri-logo.jpg);
    background-repeat: no-repeat;
    background-position: 11px center;
    text-align: right;
    float:left;
}
.HeaderUst
{
    height: 68px;
    float:left;
    width: 700px;
}
.HeaderAlt
{
    height: 47px;
    width: 719px;
    background-image: url(../images/menu-arka.jpg);
    background-repeat: repeat-x;
    float:left;
}
.HeaderAlt .Menu
{
    width: 100%;
height: 47px;
}
.HeaderAlt .Menu td:first-child
{
    padding-left: 15px;
    }
.HeaderAlt .Menu td
{
    text-align: center;
    min-width: 16.6%;
    }
.HeaderAlt .Menu td
{
    border-right: 1px solid #bd1828;
    }
.HeaderAlt .Menu a
{
    color:white;

    }
.HeaderAlt .Menu a:hover
{
    color:Red;
    }

.HeaderUst .Slogan
{
    color:#910105;
    font-size:16px;
    font-family: sans-serif;
    padding-top:15px;
    display: inline-block;
	font-weight:bold;
	float:left;
	margin-left:-30px;
}
.HeaderUst .Izdoor
{
float:left;
text-align:center;
padding-left:15px;
padding-top:5px;

}
.HeaderUst .Telefon
{
    float:right;
    background-color: #c5c5c6;
    font-size:14px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top:15px;
}
.HeaderUst .Telefon td:last-child
{
    padding: 0 10px;
    
}
.HeaderUst .Telefon td:first-child 
{
 border-right: 6px solid white;
width:42px ;
height:38px ;
background-repeat: no-repeat;
font-size:12px;
text-align: center;
padding: 0 5px;
}
.HeaderUst .Telefon td:first-child img
{
    float:right;
    margin:5px;
margin-right: 0;
    }
.Slider
{
    height: 300px;
    width: 1000px;
    margin:0 auto;
    position: relative;
}
.Slider .SliderSiyah
{
    background-color: black;
    height: 35px;
    width: 100%;
position: absolute;
bottom: 0;
z-index:99;
}
.Slider .SliderSiyah .SosyalIkon
{
    float:right;
    margin-top:5px;
    margin-right:5px;
}
.Content
{
    background-image: url(../images/content-golge.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 150px;
    width: 1000px;
    margin:0 auto;
padding-top: 15px;
}
.Content .AnasayfaKutu
{
    width: 30%;
margin: 0 1.5%;
float:left;
}
.Content .AnasayfaKutu.KutuHaber
{

}

.Content .AnasayfaKutu.Son
{
    float:right;
    }
.Content .AnasayfaKutu.Son .GoogleMap
{
    margin:10px 0;
    

}
.Content .AnasayfaKutu.Son b.Baslik
{
    font-size:14px;
    margin:10px 0
    }
.Content .AnasayfaKutu.Son p
{
    margin:0px;
    margin-top:5px;

}
.Content .AnasayfaKutu h2
{
    margin:0;
    color:#910105;
margin-top: 5px;
    }
.Content .AnasayfaKutu p
{
    text-align: justify;
    }
.SariKutu
{
    background-color: #fef1ca;
    background-image: url(../images/sari-kutu-arka.jpg);
    background-position: center top;
    padding: 10px;
height: 180px;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.SariKutu .Yazi1
{
    font-size:22px;
font-weight: bold;
color:#232323;
    }
.SariKutu .Yazi2
{
    font-size:16px;
font-weight: bold;
color:#232323;

    }
.SariKutu .Yazi3
{
    font-size:28px;
font-weight: bold;
color:#b18407;
    }
.SariKutu img
{
    position: absolute;
right: 0;
bottom:0
    }
.SariKutu .Link
{
    background-color: white;
display: block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-bottom:3px solid #3a3a3a;
width: 100px;
text-align: center;
color:black;
padding: 3px 0;
font-weight: bold;
margin-top:30px;
    }
.Content .KutuHaber
{
    background-color: #e9e9ea;
}
.Content .KutuHaber .Baslik
{
    background-color: #bdbdbe;

font-size:16px;
color:black;
font-weight: bold;
padding:7px 10px;
}
.Content .KutuHaber .HaberIc
{
padding:10px;
padding-top: 20px;
}
.HaberlerSideBar ul
{
    padding-left:15px;
    margin:0;
}
.HaberlerSideBar ul li
{
    margin:0;
    padding:0;
margin-bottom:10px;
    }
.HaberlerSideBar ul li p
{
    margin:0;
    padding:0;
    }
.Content .KutuHaber .HaberIc .Haberler p
{
    padding: 0;
    margin:0;
    padding-bottom: 20px;
}
.Content .KutuHaber .HaberIc .Haberler a
{
    color:black;
}
.Content .ContentIc
{
    width: 66%;
    float:right;
margin-right: 1%;
}
.Content .ContentIc h1
{
margin: 0;
font-size:20px;
margin-bottom:5px;

}
.Content .ContentIc p
{
    text-align: justify;
    }

.UrunlerKayan ul
{
    margin:0;
    padding: 0;
    list-style-type: none;
}
.UrunlerKayan ul li
{
    text-align: center;

    }
.UrunlerKayan ul img
{
    width: 70%;
display: block;
margin:0 auto;


    }
.UrunlerKayan ul a
{
    color:black;
font-size:14px;
font-weight: bold;
line-height: 29px;
    }
.ResimGolge
{
    width: 100%;
-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.91);
-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.91);
box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.91);
    }
.UrunListeLink
{
    font-weight: bold;
    font-size:14px;
    color:black;
}
.UrunListeLink:hover
{
    color:Red;
    }
.Footer
{
    background-color: #848384;
    height: 45px;
    width: 1000px;
    margin:0 auto;
    text-align: center;
    color:white;
    padding: 5px 0;
}
.IletisimKutu
{
    background-color: #dfdfdf;
    padding:10px;
    margin-bottom:10px;
}
.IletisimKutu a
{
    color:black;
    }
.AcilanMenu
{
    position: relative;
}
.AcilanMenu ul {
  padding: 0;
margin:0;
  position: absolute;
  top: 47px;
  left: 0;
z-index: 101;
white-space: nowrap;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
border-top:6px solid red;
}
.AcilanMenu  ul li { 
  background: #000; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  border-bottom:1px solid red;
  text-align:left ;
  min-width: 120px;
}
.AcilanMenu  ul li:hover { background: #666; }
.AcilanMenu  ul li:hover a { color: white !important; }
.AcilanMenu ul li a
{
    padding:5px 15px;
    display: block;
}
.AcilanMenu:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.VideoIkon
{
    background-color: #ff2f2f;
    display: block;
    line-height: 34px;
    color:white;
    font-weight: bold;
    font-size:16px;
}
.VideoIkon img
{
    float:left;
    margin-right:7px;
}
.VideoIkon:hover
{
        background-color: #b00500;
}
.Footer a
{
    color:white;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.AnasayfaAdres
{
    font-size:12px;
    margin-bottom:5px;
    padding-bottom:5px;
}
.AnasayfaAdres .Baslik
{
    font-size:14px;
    border-bottom: 1px dotted gray;
    margin-bottom:7px;
    background-color: gray; 
    color:white;
    padding:4px;
    font-weight: bold;

}
.UlReferanslar
{
    list-style-type: none;
    margin:0;
    padding:0;
}
.UlReferanslar li
{
    width: 30%;
    margin:10px 1%;
    float:left;
    text-align: center;
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
}
.UlReferanslar li img
{
    width: 100%;

}
.SolSideUrunListe
{
    padding: 0;
    margin:0;
    list-style-type: none;
    margin-bottom:0;
}
.SolSideUrunListe li a { 
         display: block;
         background-color: #E5E5E5; 
         padding:4px;
         margin:2px 0;
         border: 1px solid #AAAAAA;
		 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E5E5E5), color-stop(100%, #ffffff));
		 background-image: -moz-linear-gradient(90deg, #E5E5E5 0%, #ffffff 100%);
		 -moz-box-shadow:    1px 1px 1px rgba(50,50,50,0.28);
		 -webkit-box-shadow: 1px 1px 1px rgba(50,50,50,0.28);
		 box-shadow:         1px 1px 1px rgba(50,50,50,0.28);
}
.SolSideUrunListe li a { 
     color:black;
font-weight: bold;
    }
.SolSideUrunListe li a:hover  { 
     color:red !important;
    }

  .markalar {
    display: block;
    position: relative;
    padding: 5px;
    margin: 0 15px;
    box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.25);
    background: #fafafa;
   margin-bottom:15px;
  }
  .markalar ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .markalar li {
    display: block;
    float: left;
    margin: 5px;
    padding: 0;
  }
    .markalar li img {
      display: block;
      width: 150px;
      margin: 0;
    }
.microfiche-controls {
  display: block;
  text-align: center;
  font-size: 10px;
  padding: 0px 0px;
    line-height: 0px;
}
.microfiche-bullet {
  display: inline-block;
  cursor: pointer;
  width: 10px; height: 10px;
  border-radius: 6px;
  background: #000;
  overflow: hidden;
  text-indent: -1000px;
  margin: 0 5px;
  opacity: 0.25;
  appearance: none;
  border: none;
  outline: none;
  padding: 0;
}
.microfiche-bullet.selected {
  opacity: 1;
}
.microfiche-button {
  margin: 0 15px;
}

 .TalepFormu 
        {
            font-size:12px;
            border-spacing:0 4px;
            }
        .TalepFormu .TalepBaslik
        {
            text-align: left;
            font-weight: bold;
            width: 150px;
            vertical-align: top;
            padding-top: 6px;
            
        }
         .TalepFormu .TalepBaslik i
        {
          color:red;
          }
        .TalepFormu .TalepBaslik span
        {
            float:right;
            margin-right: 3px;
            }
        .TalepText 
        {
            text-align: left;
            }
        .TalepText input[type=text]
        {
             width: 300px;
            padding: 5px 5px;
        }
         .TalepText textarea
        {
             width: 300px;
         
        }
    .btnGonder {
	-moz-box-shadow: 3px 4px 0px 0px #8a2a21;
	-webkit-box-shadow: 3px 4px 0px 0px #8a2a21;
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
	background-color:#c62d1f;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.btnGonder:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24437;
}
.btnGonder:active {
	position:relative;
	top:1px;
}

.UrunResim
{
    width: 150px;
margin:4px 
}
.UrunlerimizListe
{
    margin:0;
    padding-left:0px;
    list-style-type: none;

}
.UrunlerimizListe li
{
    float:left;
width: 23%;
margin:5px 1%;
text-align: center;
border:1px solid gray;
height: 150.35px;

    }
.UrunlerimizListe li a
{
    font-size:14px;
    color:#000;
    line-height: 14px;
    }
.UrunlerimizListe li a:hover
{
    color:red;
    }
.UrunlerimizListe li img
{
    width: 100%;
    height: 112.35px;
    }
	.microfiche-film
	{
		height:124px !important;
	}
  @media screen and (max-width :700px) 
{
    .DisDiv
    {
        width: 100%;
        margin:0 auto;
    }
    .Header
    {
        height: auto;
        width: 100%;
        margin:0 auto;
    }
    .Logo
     {
            width: 100%;
            float:none;
            background-position: center top;
            background-image: url(../images/otomatik-kapi-sistemleri-logo.jpg);
            display: inline-block;
            line-height: 0;
            height: 100px;
            margin:0 auto;
     }
    .Logo img
    {
            display: none;
    }
    .HeaderUst
    {
            display:none;
            line-height: 0;
    }
    .HeaderAlt
    {
            height: auto;
            width: 100%;
            float:none;
            height: 47px;
    }
    .HeaderAlt .Menu td:first-child
    {
            padding-left: 0;
    }
    .Slider
    {
            display:none;
    }
    .Footer
    {
            height: auto;
            width: 100%;
            margin:0 auto;
    }
    .Content .AnasayfaKutu 
    {
            width: 97%;   
            float:none;
            margin-bottom:10px;
    }
    .Content {
        width: 100%;
    }
    .lnkAnasayfa
    {
        display: none;   
    }
    .Content .ContentIc 
    {
        width: 97%;    
        margin:0 1.5%;
        float:none;
    }
    .ResimGolge
{
    width: 100%;
}
.UlReferanslar li {
    float:none;
    width: 97%;
     margin:10px 1.5%;
    }
.markalar li img {
    width: 90px;
    }
.Footer a
{
    display: block;
}
.UrunlerimizListe li
{
    float:none;
width: 98%;
margin:5px 1%;
height: auto;

    }
.UrunlerimizListe li img
{

height: auto;

    }
}