/*
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic-ext,latin-ext,greek-ext,greek,vietnamese);
*/
@import url(http://fonts.googleapis.com/css?family=Cuprum:400&subset=latin,latin-ext);

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time
{
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, figcaption
{
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
}

fieldset, iframe { border: none; }

caption, th { text-align: left; }

table
{
  border-collapse: collapse;  border-spacing: 0;
  font-size: 14px;
}

article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block; }

/* Ana Tanimlar */
.clear { clear: both; }

html { font-family: 'Open Sans Condensed', 'Cuprum', Tahoma, sans-serif; }

body
{
  font-family: 'Open Sans Condensed', 'Cuprum', Tahoma, sans-serif;
  background-color: #f2f2f2;
  color: #000;
  font-size: 14px;
}


a { color: #08c; }

a:link, a:visited, a:active { text-decoration: none; }

a:hover { text-decoration: underline; }

form { display: block;
       margin-top: 0em;
}

.checkbox,  .radio
{
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  display: block;
  clear: left;
  float: left;
}

::-webkit-input-placeholder {
  color:#666;
}
::-moz-placeholder {
  color:#666;
} /* firefox 19+ */
:-ms-input-placeholder {
  color:#666;
} /* ie */
input:-moz-placeholder {
  color:#666;
}

.select
{
  font-family: inherit;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: normal;
  appearance: normal;
  border: 1px solid #E4E4E4;
  border-radius: 2px;
  color: #129715;
  width: 120px;
  background-image: url(../res/secasagi.gif);
  background-repeat: no-repeat;
  background-position: 95% 30%;
  padding: 9px 2px 9px 4px;
}

.select option:first-child{
  color: #129715;
}

.selectDegisken
{
  font-family: inherit;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: normal;
  appearance: normal;
  border: 1px solid #E4E4E4;
  border-radius: 2px;
  color: #222;
  width: 180px;
  background-image: url(../res/ok_asagi.png);
  background-repeat: no-repeat;
  background-position: 95% 30%;
  padding: 9px 2px 9px 4px;
}

.selectDegisken option { color: #000; }

textarea, input
{
  font-family: inherit;
  font-size: 14px;
  border-radius: 3px 3px 3px 3px;
  padding: 4px;
  border: 1px solid #E4E4E4;
  background: #FDFDFD;
  color: #000;
}

.btn
{
  padding: 5px 10px;
  background: transparent;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #E4E4E4;
  background: #FDFDFD;
  color: #000;
  cursor: pointer;
}

.btn:hover
{
  background-color: #f5f5f5;
  cursor: pointer
}

.highlight { background-color: rgba(250, 254, 192, 1); }

.yildiz
{
  color: #FF0000;
  text-align: right;
}

/* Engelli - Yordam */

#engelli
{
  position: absolute;
  z-index: auto;
  top: 12px;
  left: 10px;
}

#engelli img
{
  width: 16px;
}

#yordamLogo
{
  position: absolute;
  width: 50px;
  height: 20px;
  z-index: auto;
  top: 8px;
  left: 95%;
}

/* Ana sayfa tanitim resmi */

#yordamanasayfa { margin: 25px 0 0 120px; }

/* Ana sayfa kusaklar */


/* Temalar */

#ustTemaKapsayan
{
  position: absolute;
  right: 48px;
  top: 0px;
  width: 200px;
}

#ustTemaIkon
{
  position: absolute;
  right: 7px;
  top: 0px;
  cursor: pointer;
  z-index: 99;
}

#ustTemaAcilan
{
  display: none;
  background: rgba(255, 255, 255, 0);
  padding: 0px 35px 0px 0px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0);
  border-radius: 4px;
  overflow: hidden;
  text-align: right;
  white-space: nowrap;
}

#ustTemaAcilan .temaSecim
{
  position: relative;
  float: right;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

#anaSayfaUstKusak
{
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1;
  height: 40px;
}

#anaSayfaUstKusakKtpAdi
{
  text-align: center;
  font-size: 16px;
  padding: 12px
}

#anaSayfaMenuKusak
{
  position: fixed;
  width: 14%;
  height: calc(100% - 68px);
  top: 42px;
  z-index: 2;
  overflow: auto;
}

#anaSayfaOrtaKusak
{
  position: absolute;
  width: 84%;
  z-index: 0;
  top: 42px;
  left: 15%;
  height: calc(100% - 68px);
}

#anaSayfaAltKusak
{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 20px;
  padding: 0 0 4px 0;
  z-index: 4;
  text-align: right;
  font-size: 12px;
}

#ustTemaAcilan .aktif { border: 2px solid #FFF; }

#ustTemaAcilan #tema1 { background: #FFF; }

#ustTemaAcilan #tema2 { background: rgba(136, 191, 232, 0.5); }

#ustTemaAcilan #tema3 { background: #52B057; }

#ustTemaAcilan #tema4 { background: rgba(255, 255, 0, 0.2); }

.bodyDoku1 { background: #FFF; }

.bodyDoku2 { background: #FFF; }

.bodyDoku3 { background: #FFF; }

.bodyDoku4 { background: #FFF; }

.anaSayfaUstKusak1
{
  border: 1px solid #000;
  background: #333;
  color: #fff;
}

.anaSayfaUstKusak2
{
  border: 1px solid rgba(71, 145, 197, 1);
  background: rgba(71, 145, 197, 1);
  color: #fff;
}

.anaSayfaUstKusak3
{
  border: 1px solid rgba(95, 188, 102, 1);
  background: #52B057;
  color: #fff;
}

.anaSayfaUstKusak4
{
  border: 1px solid rgba(94, 96, 84, 1);
  background: rgba(94, 96, 84, 1);
  color: #fff;
}

.anaSayfaMenuKusak1 { background-color: #F7F7F7; }

.anaSayfaMenuKusak2 { background-color: #F7F7F7; }

.anaSayfaMenuKusak3 { background-color: #F7F7F7; }

.anaSayfaMenuKusak4 { background-color: #F7F7F7; }

.anaSayfaOrtaKusak1
{
  color: #333;
  background: #FFF;
}

.anaSayfaOrtaKusak2
{
  color: #858585;
  background: #FFF;
}

.anaSayfaOrtaKusak3
{
  color: #858585;
  background: #FFF;
}

.anaSayfaOrtaKusak4
{
  color: #858585;
  background: #FFF;
}

.anaSayfaAltKusak1
{
  border: 1px solid #333;
  background: #333;
}

.anaSayfaAltKusak2
{
  border: 1px solid rgba(71, 145, 197, 1);
  background: rgba(71, 145, 197, 1);
}

.anaSayfaAltKusak3
{
  border: 1px solid rgba(95, 188, 102, 1);
  background: rgba(95, 188, 102, 1);
}

.anaSayfaAltKusak4
{
  border: 1px solid rgba(94, 96, 84, 1);
  background: rgba(94, 96, 84, 1);
}

#anaSayfaAltKusakIc { padding: 5px 10px; color: #FFF; }

#anaSayfaAltKusakSayacGenel
{
  float: left;
  color: #FFF;
  padding: 5px 10px;
}

#veritabanlari
{
  overflow: hidden;
  width: 1024px;
  height: 18px;
  z-index: 14;
  background: #FFFFCC;
  text-align: center;
}

/* Uyeler */
#icBaslikGezgin
{
  width: 1024px;
  height: 20px;
  text-align: center;
  margin: 5px 0;
  color: #666666;
}

#icGovdeYuzde100
{
  position: absolute;
  width: 100%;
  top: 3px;
  left: 3px;
  font-size: 14px;
}


#yardimArama
{
  position: relative;
}

#aramaSayfasiYardim
{
  position: absolute;
  top: 100px;
  left: 60px;
  font-size: 14px;
}


/* listeler */
.listeGovde { width: 100%; margin-top: 5px; }

.listeGovde th
{
  font-weight: normal;
  color: #FFFFFF;
  height: 18px;
  text-align: left;
  padding: 1px 6px;
  background-color: #333;
}

.listeGovde tr:nth-child(even)
{
  background-color: #F1F5FA;
  color: black;
}

.listeGovde tr:nth-child(odd)
{
  background-color: #FFFFFF;
  color: black;
}

.listeGovde tr td
{
  padding: 2px 8px;
  vertical-align: text-top
}

.listeGovde tr td:nth-child(2)
{
  color: #000;
}

.listeGovde tr td:nth-child(3) { color: #666; }

.listeGovde tr:hover { background: rgba(0, 136, 204, 0.1) }

/* Formlardaki tablolar */





.formGovde
{
  border: 1px solid #CCC;
  position: absolute;
  width: 800px;
}

.formGovde tr:nth-child(even)
{
  background-color: #F1F5FA;
  color: black;
}

.formGovde tr:nth-child(odd)
{
  background-color: #FFFFFF;
  color: black;
}

.formGovde tr td { padding: 1px 5px; }

#gelismisAramaAcKapaX
{
  position: absolute;
  top: 33px;
  padding: 5px;
  cursor: context-menu;
  width: 21px;
  height: 21px;
}

#gelismisAramaAcKapa
{
  position: absolute;
  margin-top: 8px;
  margin-left: 4px;
  cursor: pointer;
}

#gelismisArama
{
  display: none;
  width: 60%;
}

.veriAlaniAramaCls
{
  width: 60%;
  text-indent: 16px;
  font-family: inherit;
  font-size: 14px;
  background: white url('../res/ikon_menu_arama.png') 3px 7px no-repeat;
  padding: 9px
}

.veriAlaniCls
{
  font-family: inherit;
  font-size: 14px;
  padding: 9px 4px 9px 4px;
}

.g20
{
  width: 40px;
  font-family: inherit;
}

.g40
{
  width: 40px;
  font-family: inherit;
}

.g50
{
  width: 50px;
  font-family: inherit;
}

.g60
{
  width: 60px;
  font-family: inherit;
}

.g80
{
  width: 80px;
  font-family: inherit;
}

.g100
{
  width: 110px;
  font-family: inherit;
}

.g110
{
  width: 110px;
  font-family: inherit;
}

.g170
{
  width: 170px;
  font-family: inherit;
}

.g200
{
  width: 250px;
  font-family: inherit;
}

.g250
{
  width: 250px;
  font-family: inherit;
}

.g400
{
  width: 400px;
  font-family: inherit;
}

.g410
{
  width: 410px;
  font-family: inherit;
}

.g500
{
  width: 500px;
  font-family: inherit;
}

.gyuzde20 {
  width: 20%;
}

.gyuzde90 {
  width: 90%;
}

.gyuzde100 {
  width: 100%;
}

.sureliButon
{
  padding: 0px 0px 3px 0px;
  text-align: center;
  color: #FFFFFF;
  background-color: #96A1B5;
  width: 16px;
}

/* AnaSayfa */

#divArama
{
  position: fixed;
  width: 85%;
  z-index: 5;
  padding: 3px 0px 3px 0px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  background-color: white;
}

#divAramaStr1
{
  z-index: 6;
  text-align: center;
  background-color: white;
}

#divAramaStr1Gizli
{
  z-index: 6;
  text-align: center;
  background-color: white;
  height: 27px;
  display: none;
  font-size: 16px;
  padding-top: 10px;
  background-color: #ededed;
}

#divAramaStr2
{
  width:100%;
  text-align:center;
  background-color: white;
}

#divAramaStr2Stn1{
  float:left;
  width: 60%
}

#divAramaStr2Stn2 {
  float: left;
  display: inline-block;
  text-align: left;
  padding: 4px 0px 0px 0px;
}

#divAramaStr2Stn3 {
  float:right;
  cursor: pointer;
  font-size: 12px;
  padding: 16px 20px 0px 0px;
}

#divAramaStr2Stn3 img { width: 20px; padding-left: 3px;}

#dahaFazla
{
  height: 25px;
  float: left;
  width: 1002px;
  text-align: center;
  background-position: center;
  border: 1px solid #CCC;
  margin: 10px 10px 60px 10px;
  cursor: pointer;
  padding: 13px 0px 0px 0px;
}

#divAramaToplu
{
  position: relative;
  width: 1024px;
  height: 60px;
  z-index: 1;
  background-color: #C8CFDC;
  top: 40px;
}

.etiketSag
{
  font-weight: normal;
  color: #0088CC;
  text-align: right;
  padding-right: 5px;
}

.etiketOrta
{
  font-weight: normal;
  color: #0088CC;
  text-align: center;
}

.aciklamahata
{
  background-color: #EDF3FE;
  border: 1px solid #B1B5B9;
  padding: 1px;
  color: gray;
  text-indent: 10px;
}




.tk_adlar
{
  background-color: #EDF3FE;
  border: 1px solid #B1B5B9;
  color: gray;
}

/* Liste başlıkları */



#uyeOturumAlanlar
{
  position: absolute;
  width: 400px;
  left: 30%;
  top: 10%;
}


#uyeOturumAciklama
{
  padding: 2px 2px 20px 2px;
  overflow: auto;
  color: #333;
  min-height: 60px;
  text-align: center;
}

#uyeOturumAcUyari
{
  position: relative;
  top: 10px;
  text-align: center;
  vertical-align: middle;
  color: red
}

#uyeCezaAlani
{
  position: absolute;
  width: 802px;
  height: 90px;
  z-index: auto;
  left: 53px;
  top: 135px;
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 3px 3px 3px 3px;
}

#uyeCezaAlaniAciklama
{
  position: absolute;
  width: 509px;
  height: 67px;
  z-index: 7;
  padding-top: 2px;
  padding-left: 10px;
}

#uyeCezaAlaniUzerimdekiler
{
  position: relative;
  width: 880px;
  z-index: auto;
  left: 8%;
  top: 30px;
  background-color: #FAFAFA;
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 3px 3px 3px 3px;
}

#uyeCezaAlaniCezaUzerimdekiler
{
  position: absolute;
  width: 147px;
  height: 67px;
  z-index: auto;
  left: 710px;
  top: 9px;
}

#uyeCezaAlaniAciklamaUzerimdekiler
{
  width: 672px;
  z-index: 7;
  padding-top: 2px;
  padding-left: 10px;
  top: 12px;
  left: 11px;
}

/* Uye Bilgiler */

#uyeBilgilerBaslik
{
  padding: 2px;
  margin: 60px 120px 10px 120px;
}

#uyeBilgilerGovde
{
  padding: 10px;
  margin: 30px 120px 10px 120px;
  border: #CCCCCC thin solid;
}

#uyeBilgilerBaslik span
{
  font-size: 14px;
  color: #000000;
}

#uyeBilgilerGuncelleSonuc
{
  width: 500px;
  padding-top: 8px;
  text-align: left;
  float: right;
  color: #006600;
}

/* Liste Detay */
#detayGosterSlide
{
  position: absolute;
  top: 120px;
  left: 20px;
  background: #fff;
  width: 980px;
  max-height: 300px;
  z-index: 51;
}

#detayPopup { position: fixed; }

#popupIcindekiler { font-size: 14px; }

#popupYazar {
  font-size: 14px;
  border: 1px solid #CCC;
  padding: 10px 10px 10px 10px;
  max-height: 200px;
  overflow: auto;
  color: #666;
}

#detayKapsayan
{
  position: relative;
  float: left;
  border: 1px solid #333;
  margin-top: 2px;
  width: 97%;
  /*  width: 992px;*/
  max-height: 320px;
  padding: 10px;
  left: 5px;
  text-align: left;
  overflow: auto;
  z-index: 1;
  background-color: #FFF;
}

#detaySol
{
  position: relative;
  float: left;
  width: 15%;
  /*  width: 140px;*/
  margin-right: 30px;
  font-size: 12px;
}

#detaySolDurum
{
  margin: 5px 0;
  text-align: center;
  width: 140px;
  color: #777;
}

#detaySolDurum span { color: #F00; }

#detaySolAlt { margin: 5px 0; }

#detayOrta
{
  color: #000;
  float: left;
  width: 55%;
  /*  width: 560px;*/
  font-size: 16px;
}

.listedetay_etiket
{
  padding-right: 3px;
  color: #777;
  text-align: left;
  font-size: 12px;
}

.listedetay_etiket span
{
  color: #000;
  font-size: 14px;
  margin-left: 5px;
  white-space: normal;
}

.gizle {
  display: none
}

#detaySag
{
  float: right;
  width: 25%;
  /*  width: 230px; */
  padding-top: 30px
}

#listeDetayDemirbas
{
  min-height: 150px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#listeDetayURL
{
  border: 1px dotted #08c;
  float: left;
}

.urlDetay
{
  width: 180px;
  height: 20px;
  padding-left: 3px;
  margin-bottom: 1px;
  font-size: 14px;
  float: left;
}

.urlDetay img
{
  width: 20px;
}

.urlDetay a:link
{
  vertical-align: super;
}

.popup
{
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  text-align: left;
  background: #fff;
  padding: 20px 20px 20px 20px;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0,0,0,0.7);
  z-index: 100;
}

#anketGovde
{
  position: absolute;
  width: 800px;
  height: 500px;
  overflow: auto;
  left: 150px;
  top: 50px;
}


#listeDetayIkonlar
{
  position: absolute;
  right: 40px;
  display: block;
  text-align: right;
  z-index: 100;
}


#listeDetayIkonlar img {
  cursor: pointer;
  padding: 0px 5px 0px 0px;
  width: 24px;
}

#listeDetayKapat
{
  position: absolute;
  right: 3px;
  top: 3px;
  display: block;
  list-style: none;
}

#listeDetayKapat i
{
  margin-left: 8px;
  background: rgba(255,0,0,0.3);
  font-style: normal;
  color: #fff;
  cursor: pointer;
  padding: 0 6px;
  border-radius: 3px;
}

#listeDetayKapat i:hover { background: rgba(255,0,0,0.6); }

#listeDetayKapatSayi
{
  position: absolute;
  right: 5px;
  top: 10px;
  display: block;
  list-style: none;
}

#listeDetayKapatSayi i
{
  margin-left: 8px;
  background: rgba(255,0,0,0.3);
  font-style: normal;
  color: #fff;
  cursor: pointer;
  padding: 0 5px;
  border-radius: 3px;
}

#listeDetayKapatSayi i:hover { background: rgba(255,0,0,0.6); }

#sayiIcerikGoster {
  cursor: pointer;
  padding: 0px 5px 0px 10px;
  width: 20px;
}

#birliktelikGoster {
  cursor: pointer;
  padding: 0px 5px 0px 10px;
  width: 20px;
}

#ilintiGoster {
  cursor: pointer;
  padding: 0px 5px 0px 10px;
  width: 20px;
}

/* Uye oturum acilis tanitim ikaz */
#uyeOturumIkaz
{
  margin: 20px 120px 0px 120px;
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 10px 10px 10px 10px;
  z-index: 30
}

#uyeOturumAnket
{
  margin: 20px 120px 0px 120px;
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 10px 10px 10px 10px;
  z-index: 31
}

#uyeOturumGenelDuyuruGovde
{
  margin: 20px 120px 0px 120px;
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 10px 10px 10px 10px;
  z-index: 32
}

#uyeOturumOzelDuyuruGovde
{
  margin: 20px 120px 0px 120px;
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 10px 10px 10px 10px;
  z-index: 33
}

#uyeOturumCezaGun
{
  margin: 20px 120px 0px 120px;
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 10px 10px 10px 10px;
  z-index: 34
}

#uyeOturumCeza
{
  margin: 20px 120px 0px 120px;
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 10px 10px 10px 10px;
  z-index: 35
}

/* Genel tanitim sayfalari kutuphane portali */

#genelDuyuruGovde
{
  position: absolute;
  left: 10px;
  top: 24px;
  height: 615px;
  width: 910px;
  overflow: auto;
  background-color: #FFFFFF;
}

#genelDuyuruGovdeLink
{
  position: absolute;
  left: 10px;
  top: 24px;
  height: 615px;
  width: 910px;
}

#aramaEvrakarsivYerlesim
{
  position: fixed;
  width: 85%;
  z-index: 5;
  padding: 3px 0px 3px 0px;
  text-align: left;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #DDD;
  background-color: white;
}

#aramaBilimselYerlesim
{
  position: fixed;
  width: 85%;
  z-index: 5;
  padding: 3px 0px 3px 0px;
  text-align: left;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #DDD;
  background-color: white;
}

#aramaProjeYerlesim
{
  position: fixed;
  top: 63px;
  width: calc(100% - 190px);
  z-index: 5;
  padding: 5px 10px 7px 10px;
  text-align: left;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #DDD;
  background-color: white;
}

#aramaTavsiyeYerlesim
{
  position: fixed;
  top: 63px;
  width: calc(100% - 190px);
  z-index: 5;
  padding: 5px 10px 7px 10px;
  text-align: left;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #DDD;
  background-color: white;
}

#yordamMarc
{
  width: 220px;
  height: 210px;
  z-index: 1;
  overflow: auto;
  color: #666666;
}

#marcMarc
{
  width: 220px;
  height: 210px;
  z-index: 2;
  overflow: auto;
  color: #666666;
}

#marcEndNote
{
  width: 220px;
  height: 210px;
  z-index: 3;
  overflow: auto;
  color: #666666;
}

#popupAyirtma
{
  position: absolute;
  left: 670px;
  top: 40px;
  display: none;
}

#ayirtmaGovde
{
  position: absolute;
  width: 300px;
  height: 164px;
  z-index: 1;
  top: 16px;
  background: #fff;
  border: 1px #ccc solid;
  padding: 5px;
}

#onayIslemSonu
{
  position: absolute;
  width: 250px;
  height: 30px;
  z-index: 3000;
  left: 300px;
  top: 200px;
}

/* sipariş */
#siparisGovde
{
  margin: 30px 100px 20px 100px;
  border: #CCCCCC thin solid;
  padding: 10px;
}

#siparisAciklama
{
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 3px 2px 2px 2px;
  text-align: left;
  margin: 3px 100px 0px 100px;
}

.siparisAciklamaAdlar
{
  text-align: left;
}

#aciklamaSiparisKontrol {
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  font-size: 16px;
  padding: 3px 2px 2px 2px;
  text-align: center;
  margin: 3px 100px 0px 100px;
  display: none;
}

#siparisIslemSonucu
{
  position: absolute;
  width: 840px;
  height: 246px;
  left: 100px;
  top: 355px;
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 3px 2px 2px 2px;
  text-align: left;
  overflow: auto;
}

#siparisUyari { color: #FF0000; }

#siparisSonucGoster
{
  margin: 30px 100px 20px 100px;
  border: #CCCCCC thin solid;
  padding: 10px;
  display: none;
}
.aciklamaSiparisBulunanlar
{
  background-color: #EDF3FE;
  color: rgb(35, 165, 47);
  border: #CCCCCC thin solid;
  text-align: left;
}

/* kao */
#kaoGovde
{
  margin: 30px 100px 20px 100px;
  border: #CCCCCC thin solid;
  padding: 10px;
}

#kaoAciklama
{
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 3px 2px 2px 2px;
  text-align: left;
  margin: 0px 100px 0px 100px;
}

#kaoUyari { color: #FF0000 }

#formYardim
{
  position: absolute;
  z-index: 999;
  left: 890px;
  top: 25px;
}

#bilimselGovde
{
  margin: 20px 100px 0px 100px;
  border: #CCCCCC thin solid;
  padding: 10px;
}

#bilimselDilEkle {
  position: absolute;
  display: none;
  z-index: auto;
  left: 600px;
  top: 100px;
  padding: 10px;
  background-color: #EDF3FE;
}

#bilimselAciklama
{
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 3px 2px 2px 2px;
  text-align: left;
  margin: 3px 100px 0px 100px;
}

#bilimselIslemSonucu
{
  position: absolute;
  width: 740px;
  height: 32px;
  z-index: 12;
  left: 150px;
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  margin: 10px;
  padding: 3px 2px 2px 2px;
  text-align: left;
}

#bilimselUyari { color: #FF0000; }

#kutuphanePortalGovde
{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 3px 0px 0px 3px;
}

/* hata ekrani*/

.error
{
  height: 15px;
  background-color: #FFC;
  font-size: 11px;
  border: 1px solid #E1E16D;
  padding: 4px 10px;
  color: #000;
  display: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-box-shadow: 0 0 6px #ddd;
  -webkit-box-shadow: 0 0 6px #ddd;
}

.error p { margin: 0; }

.error
{
  margin: 0 0 2px;
  padding: 2px 6px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.error em
{
  border: 10px solid;
  border-color: #FFC transparent transparent;
  bottom: -17px;
  display: block;
  height: 0;
  left: 10px;
  position: absolute;
  width: 0;
}

.hata
{
  position: relative;
  left: 0px;
  top: 10px;
  white-space: nowrap;
  padding: 1px 3px;
  font-size: 11px;
}

.alert
{
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  background: rgba(0,0,0,0.7);
  border: 1px solid #aaa;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 3px #000;
  -webkit-box-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 3px #000;
  color: #fff;
  z-index: 100000
}

.temizsatir
{
  clear: both;
  line-height: 0;
  font-size: 0;
}

#max
{
  position: absolute;
  right: 95px;
  top: 8px;
}

.loader
{
  position: absolute;
  left: 150px;
  top: 150px;
}

#phpSonuclariGoster
{
  position: absolute;
  float: left;
  width: 100%;
  top: 90px;
}

.gorunum1Satir
{
  position: relative;
  float: left;
  cursor: pointer;
  width: 98%;
  border-bottom: 1px solid #dedede
}


.gorunum1Satir:hover { background: rgba(0, 136, 204, 0.1) }

.gorunum1Satir .h
{
  float: left;
  padding: 4px 2px 4px 2px;
  color: #000;
}

.gorunum1Satir .h:nth-child(1)
{
  width: 3%;
  text-align: center;
  font-size: 13px;
  color: #ccc;
}

.gorunum1Satir .h:nth-child(2) { width: 8%; }

.gorunum1Satir .h:nth-child(2) img.resim
{
  width: 50px;
  cursor: pointer;
}

.gorunum1Satir .h:nth-child(3)
{
  width: 60%;
  font-size: 16px;
  color: #000;
}

.gorunum1Satir .h:nth-child(4)
{
  width: 25%;
  font-size: 13px;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gorunum2Satir
{
  position: relative;
  float: left;
  margin: 5px 0 5px 10px
}

.gorunum2Kutu
{
  position: relative;
  float: left;
  width: 96px;
  height: 174px;
  margin: 0 4px;
  background: rgba(238, 238, 238, 0.50);
  padding: 10px;
  cursor: pointer;
}

.gorunum2Kutu .resim
{
  width: 100%px;
  height: 150px;
  overflow: hidden;
  text-align: center;
}

.gorunum2Kutu .resim img { width: 100%; }

.gorunum2Kutu .baslik
{
  margin-top: 3px;
  color: #000;
  width: 90px;
  height: 30px;
  overflow: hidden;
  /* white-space: nowrap; */
  /* text-overflow: ellipsis; */
  text-align: center;
  font-size: 12px;
}

.gorunum2KutuOk
{
  position: absolute;
  left: 50px;
  bottom: -10px;
  background: none;
}

#gorunum2Detay { margin: 3px 0 3px 0px; }

.perde { display: none; width: 100%; height: 10px; background: #000000; position: fixed; left: 0px; top: 0px; opacity: .40; font: 18px Arial; line-height: 25px; color: #fff; text-align: center; z-index:99; }

.alertOzelPencere { position:fixed;	left:50%; margin-left:-100px; top:50%; margin-top:-100px;
                    width:200px; padding:20px; border-radius:4px; box-shadow:0 0 15px rgba(0,0,0,0.5); background: #FFF;

}
.alertOzelPencere .mesaj { margin:0 0 15px 0; font-size:16px; text-align:center; color:#a00; }
.alertOzelPencere .butonlar { text-align:center; }
.alertOzelPencere .butonlar .btn1 { display:inline; margin:0 10px }
.btn1 {
  box-shadow        : 0 0 1px rgba(0,0,0,.10), inset 0 0 1px rgba(255,255,255,1);
  border: 1px solid #aaa; font-family:inherit; color: #000;
  padding           : 3px 8px 1px 8px;
  cursor            : pointer;
  font-size:16px;
  background-image  : -webkit-linear-gradient(top, #f2f2f2, #c5c5c5);
  background-image  : -moz-linear-gradient(top, #f2f2f2, #c5c5c5);
  background-image  : -o-linear-gradient(top, #f2f2f2, #c5c5c5);
  background-image  : -ms-linear-gradient(top, #f2f2f2, #c5c5c5);
  background-image  : linear-gradient(top, #f2f2f2, #c5c5c5);
  text-shadow           : 0px 1px 0px rgba(255,255,255,1);
  border-radius         : 2px;
  white-space:nowrap;
}
.btn1:not(.btn1Aktif):hover {
  background-image: -webkit-linear-gradient(top, #fff, #c5c5c5);
  background-image: -moz-linear-gradient(top, #fff, #c5c5c5);
  background-image: -o-linear-gradient(top, #fff, #c5c5c5);
  background-image: -ms-linear-gradient(top, #fff, #c5c5c5);
  background-image: linear-gradient(top, #fff, #c5c5c5);
}

#tooltip
{
  position: absolute;
  padding: 4px 8px;
  max-width: 300px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  display: none;
  z-index: 999999;
  border: 1px solid #aaa;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 3px #000;
  -webkit-box-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 3px #000;
  text-align: left;
}

#yardim
{
  position: absolute;
  padding: 4px 4px;
  text-align: left;
  max-width: 400px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  display: none;
  font-size: 12px;
  z-index: 999999;
  border: 1px solid #aaa;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 3px #000;
  -webkit-box-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 3px #000;
}

#harita
{
  position: absolute;
  border: 1px solid #ccc;
  background: #333;
  padding: 5px;
  color: #fff;
  z-index: 999;
}

/*Sayfalamaları gösteren ileri geri ilk son */
#sonucSayfalama
{
  padding-top: 3px;
  height: 24px;
  text-align: center;
  text-decoration: none;
  margin-top: 10px;
}

#sonucSayfalama input
{
  text-align: center;
  height: 20px;
  border: none;
  vertical-align: top;
  width: 90px;
  height: 15px;
}

#div-dilMenu
{
  cursor: pointer;
  position: absolute;
  left: 88%;
  top: 8px;
  z-index: auto;
}

.dilmenu ul,  .dilmenu li > div
{
  visibility: hidden;
  display: none;
}

.dilmenu li:hover > ul,  .dilmenu li:hover > div
{
  visibility: visible;
  display: block;
}

.dilmenu,  .dilmenu ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.dilmenu li,  .dilmenu ul a { position: relative; }

.dilmenu > li { float: left; }

.dilmenu > li.floatr { float: right; }

.dilmenu li > a { display: block; }

.dilmenu ul
{
  position: absolute;
  display: none;
  width: 80px;
}

.dilmenu ul ul
{
  top: 0;
  left: 90px;
}

.dilmenu li:hover > ul { display: block; }

.dilmenu a { text-decoration: none; }

.dilmenu > li > a
{
  color: #FFF;
  font-size: 11px;
  line-height: 18px;
  padding: 4px 15px 5px 13px;
}

.dilmenu > li:hover > a
{
  background-color: #707070;
  border-left: none;
  border-right: 1px solid #707070;
  margin: 0 0 0 -1px;
}

/* Sub dilmenu */

.dilmenu ul
{
  border: 1px solid #e0e0e0;
  border-top: none;
  left: -1px;
  z-index: auto;
  border-radius: 0 0 2px 2px;
  background-color: #EEE;
}

.dilmenu ul a
{
  color: #777;
  font-size: 12px;
  line-height: 18px;
  padding: 4px 12px;
  border-top: 1px solid #e6e6e6;
}

.dilmenu ul a:hover { background-color: #f5f5f5; }

/* Toplu katalog*/

#hataMesaji
{
  position: absolute;
  margin: 25% 40% 25% 40%;
  width: 200px;
  z-index: auto;
  text-align: center;
  border: #CCCCCC thin solid;
  border-radius: 4px 4px 4px 4px;
  padding: 10px 3px 10px 3px;
}

#listeleme
{
  display: block;
  z-index: 5;
}

#aramaSonucBilgi
{
  position: fixed;
  top: 126px;
  right: 5%;
  padding: 5px 12px;
  background: #ddd;
  color: #000;
  border-radius: 0 0 5px 5px;
  z-index: 99;
}

#btnSayiIcindekiler
{
  padding: 10px 0px 0px 0px;
  font-size: 14px;
}

#btnIcindekiler
{
  padding: 10px 0px 0px 0px;
  font-size: 14px;
}

#btnYazar
{
  padding: 0px 0px 0px 5px;
  cursor: pointer;
}

.arti
{
  padding: 0px 20px;
  background-image: url(../res/ac.gif);
  background-repeat: no-repeat
}

.eksi
{
  padding: 0px 20px;
  background-image: url(../res/kapat.gif);
  background-repeat: no-repeat
}

#btnSayilar
{
  width: 180px;
  height: 15px;
  padding-left: 3px;
  margin-bottom: 1px;
}

#btnYorumlar { text-align: center; }

/*toplu katalog*/

#anaSayfaOrtaKusakTK
{
  position: absolute;
  width: 100% ;
  z-index: 0;
  top: 42px;
  height: calc(100% - 68px);
  overflow: auto;
}

#aramaAyrintiliYerlesimTK
{
  position: absolute;
  padding: 2px 2px 2px 2px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #DDD;
  background-color: white;
  text-align: center;
  left: 250px;
  width: calc(100% - 270px);
}

#anaSayfaSolKusakTK
{
  position: absolute;
  width: 250px;
  height: 98%;
  background-color: white;
  padding-top: 10px;
}

#anaSayfaAltKusakTK
{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 20px;
  padding: 0 0 4px 0;
  z-index: 4;
  text-align: right;
  border: 1px solid #333;
  background: #333;
}

#sonuclarTK
{
  position: absolute;
  top: 100px;
  width: calc(100% - 260px);
  z-index: 1;
  left: 250px;
  padding: 4px 4px 4px 4px;
  color: #333;
  height: 82%;
  overflow: auto;
}

.anaSayfaSolKusakTKKtpler
{
  height: calc(100% - 40px);
  border: hidden;
  padding: 6px 10px 6px 10px;
}

select#ktpler
{
  font-family: inherit;
  font-size: 14px;
}

optgroup { color: #129715; }

#yeniPencere
{
  position: absolute;
  border: 0px solid gray;
  background: white;
  width: 400px;
  height: 200px;
  overflow: auto;
  display: none;
  padding: 20px 20px 20px 20px;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0,0,0,0.7)
}

#yeniPencereKapat
{
  position: relative;
  float: left;
}

/* arama gelismis */

#aramaArkaTable { width: 100%; }

#aramaArkaTable tr th:nth-child(1) { width: 70px; }

#aramaArkaTable tr th:nth-child(2) { width: 600px; }

#aramaArkaTable tr th:nth-child(3) { width: 130px; }

#aramaArkaTable tr th:nth-child(4)
{
  width: 200px;
}

#aramaArkaTable tr th:nth-child(4) img { padding: 0px 2px 0px 2px; }

#aramaArkaTable tr th:nth-child(1) select
{
  width: 100px;
  height: auto;
  margin-right: 5px;
}

#araBtn
{
  padding: 8px 10px;
  background: #333;
  border: 1px solid #000;
  color: #fff;
}

#temizle
{
  padding: 8px 10px;
  margin-left: 5px;
}


#popupSosyalMedya
{
  position: absolute;
  left: 840px;
  top: 50px;
  text-align: center;
  float: left;
  display: none;
}

#popupMarc
{
  position: absolute;
  left: 170px;
  display: none;
}

#popupSayi
{
  position: absolute;
  left: 170px;
  width: 84%;
  /*  width: 822px;*/
  display: none;
}

#popupYorum
{
  position: absolute;
  left: 670px;
  top: 40px;
  display: none;
}

#popupYorumGoster
{
  position: absolute;
  left: 170px;
  top: 25px;
  width: 800px;
  height: 250px;
  display: none;
}

#container
{
  margin-top: 56px;
  background: none no-repeat 0 0 scroll #fff;
  width: 1024px;
  position: relative;
}

.alanTemizle
{
  background: white url('../res/kapat.png') no-repeat;
  background-position: right;
  cursor: pointer;
}

#aramaTez { display: none; }

#aramaSureli { display: none; }

#aramaYazma { display: none; }

.gizle { display: none }

.kutuEkle
{
  display: inline-block;
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-left: 4px;
  background-image: url(../res/arama-arti.png);
  cursor: pointer;
}

.kutuCikar
{
  display: inline-block;
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-left: 4px;
  background-image: url(../res/arama-eksi.png);
  cursor: pointer;
}

.kutuAlani
{
  position: absolute;
  padding: 2px 0px 0px 0px;
}

.eklenenAlan { text-align: center }


/* **********************************************************************************************/

/* Reset */


.accordion, .accordion ul, .accordion li, .accordion a, .accordion span
{
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

.accordion li { list-style: none; }

/* Layout & Style */
.accordion li > a
{
  display: block;
  position: relative;
  padding: 11px 2px 11px 30px;
  color: #fdfdfd;
  text-decoration: none;
  background: #4b4d51;
  font-size: 14px;
}

.accordion > li:hover > a, .accordion > li:target > a, .accordion > li > a.active
{
  color: #333;
  background: #a5cd4e;
}

.accordion li > a span
{
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
  padding: 0 10px;
  margin-right: 10px;
  background: #404247;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
  -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
  box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
}

.accordion > li:hover > a span, .accordion > li:target > a span, .accordion > li > a.active span
{
  color: #fdfdfd;
  background: #3e5706;
}

/* Images */
.accordion > li > a:before
{
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 24px;
  height: 24px;
  margin: 8px 8px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.accordion li.sira1 > a:before
{
  background-image: url(../res/anasayfa.png);
  background-position: 0px 1px;
}

.accordion li.sira2 > a:before {
  background-image: url(../res/arama.png);
  background-position: 0px 3px;
}

/* Sub Menu */

.sub-menu li img
{
  position: absolute;
  width: 16px;
  margin: 10px 8px;
  background-repeat: no-repeat;
  z-index: 1;
}

.sub-menu li a
{
  color: #666;
  background: #e5e5e5;
  border-bottom: 1px solid #d2d2d2;
}

.sub-menu li:hover a { background: #efefef; }

.sub-menu li > a span
{
  color: #797979;
  text-shadow: 1px 1px 0px rgba(255,255,255, .2);
  background: transparent;
  border: 1px solid #c9c9c9;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.sub-menu em
{
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 14px;
  color: #a6a6a6;
}

/* Functionality */

.accordion li > .sub-menu { display: none; }

.accordion li:target > .sub-menu { display: block; }

#ikiCSSYalt1:before
{
  background-image: url(../res/arama.png);
  background-position: 0px 3px;
}


.tooltipIcerik
{
  position: absolute;
  padding: 4px 8px;
  max-width: 300px;
  background: rgba(255, 204, 0, 0.9);
  color: #000;
  display: none;
  letter-spacing: 0px;
  font-size: 12px;
  z-index: 9999;
  border: 1px solid #fff;
  border-radius: 2px;
  text-align: left;
}

.tooltipIcerik:after
{
  position: absolute;
  content: '◀';
  font-size: 10px;
  left: 0;
  margin-left: -10px;
  top: 5px;
  color: rgba(255, 204, 0, 0.8);
}

/* otomatik tamamlama */

.secili
{
  background-color: #99CCFF;
  color: white;
}

.oneriler
{
  height: auto;
  width: 400px;
  overflow: auto;
  display: none;
  border: 1px solid #666;
  padding: 8px;
}

.radyoMetin
{
  padding-left:3px;
}

.ortalaDiv {
  width: 90%; margin: 0px auto;
  text-align: center;
}

.yardimci {}

.fareMenuCSSY {}

.gorunumBilimselSatir
{
  position: relative;
  float: left;
  cursor: pointer;
  width: 1024px;
  border-bottom: 1px solid #dedede
}

.gorunumBilimselSatir:nth-child(1n) { background: #fff; }

.gorunumBilimselSatir:nth-child(2n) { background: #fff; }

.gorunumBilimselSatir:hover { background: rgba(0, 136, 204, 0.1) }

.gorunumBilimselSatir .h
{
  float: left;
  padding: 5px;
  color: #000;
}

.gorunumBilimselSatir .h:nth-child(1)
{
  width: 3%;
  text-align: center;
  font-size: 13px;
  color: #ccc;
}

.gorunumBilimselSatir .h:nth-child(2) { width: 8%; }

.gorunumBilimselSatir .h:nth-child(2) img.resim
{
  width: 50px;
  cursor: pointer;
}

.gorunumBilimselSatir .h:nth-child(3)
{
  width: 60%;
  font-size: 16px;
  color: #000;
}

.gorunumBilimselSatir .h:nth-child(4)
{
  width: 25%;
  font-size: 13px;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.gorunumBagisSatir
{
  position: relative;
  float: left;
  margin: 5px 0 5px 10px
}

.gorunumBagisKutu
{
  position: relative;
  float: left;
  width: 96px;
  height: 174px;
  margin: 0 4px;
  background: #eee;
  padding: 10px;
  cursor: pointer;
}

.gorunumBagisKutu .resim
{
  width: 97px;
  height: 130px;
  overflow: hidden;
  text-align: center;
}

.gorunumBagisKutu .resim img { width: 100px; }

.gorunumBagisKutu .baslik
{
  margin-top: 3px;
  color: #000;
  width: 97px;
  height: 40px;
  overflow: hidden;
  text-align: center;
  font-size: 12px;
}

#cevaplar {
  position: absolute;
  top: 300px;
  width: 90%;
  left: 50px;
}

.editable:hover{ background:#EAEAEA}

/* Uye kayit ve eposta kayit */
#uyeKayitBaslik
{
  margin: 30px 350px 10px 300px;
  font-size: 14px;
  text-align: center;
}

#uyeKayitGovde
{
  margin: 10px 350px 30px 300px;
  padding: 10px 2px 2px 30px;
}

#uyeKayitGovde input {
  width: 100%;
  display: block;
  margin: -1px 0 0 0;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 0px;
  box-sizing: border-box;
}

#uyeKayitGovde ::-webkit-input-placeholder {
  color:#129715;
}

#uyeKayitGovde input:focus {
  outline: 1px solid #5890ff;
}

.dugme14px {
  width: 100%;
  border-radius: 3px;
  padding: 10px;
  font-family: inherit;
  font-size: 16px;
  margin-top: 20px;
  display: block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  color: #fff;
  border: 1px solid #8AC9A8;
  background-color: #8AC9A8;
}

.dugme14px:hover {
  background-color: #7FB397;
}

.dugme14px:active {
  outline: none;
  background-color: #94D5B3;
}

#uyeKayitGovde select
{
  font-family: inherit;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  margin: -1px 0 0 0;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 0px;
  color: #129715;
  width: 100%;
  background-image: url(../res/secasagi.gif);
  background-repeat: no-repeat;
  background-position: 95% 30%;
  padding: 10px;
}

#uyeKayitGovde select:focus {
  outline: 1px solid #5890ff;
}

.veriAlaniMetin10px {
  width: 100%;
  display: block;
  margin: -1px 0 0 0;
  padding: 10px;
  font-family: inherit;
  font-size: 16px;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 0px;
  box-sizing: border-box;
}

.veriAlaniMetin10px::-webkit-input-placeholder {
  color:#129715;
}

.veriAlaniMetin10px input:focus {
  outline: 1px solid #5890ff;
}


.zemin {
  background: url('../res/altzemin.png') no-repeat center;
  -webkit-background-size: 70%;
  -moz-background-size: 70%;
  -o-background-size: 70%;
  background-size: 70% ;
  height: 100%;
  opacity: 0.10;
}