@import url('migane.css');

@font-face { font-family: "Asstb";
             src: url("../../view/resource//fonts/Asstb/ASSTB.eot"); /* IE9 Compat Modes */
             src: url("../../view/resource//fonts/Asstb/ASSTB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
                 url("../../view/resource//fonts/Asstb/ASSTB.otf") format("opentype"), /* Open Type Font */
                 url("../../view/resource//fonts/Asstb/ASSTB.svg") format("svg"), /* Legacy iOS */
                 url("../../view/resource//fonts/Asstb/ASSTB.ttf") format("truetype"), /* Safari, Android, iOS */
                 url("../../view/resource//fonts/Asstb/ASSTB.woff") format("woff"), /* Modern Browsers */
                 url("../../view/resource//fonts/Asstb/ASSTB.woff2") format("woff2"); /* Modern Browsers */
             font-style: normal;
}

@font-face { font-family: "Cambria";
             src: url("../../view/resource//fonts/Cambria/cambria.eot"); /* IE9 Compat Modes */
             src: url("../../view/resource//fonts/Cambria/cambria.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
                 url("../../view/resource//fonts/Cambria/cambria.otf") format("opentype"), /* Open Type Font */
                 url("../../view/resource//fonts/Cambria/cambria.svg") format("svg"), /* Legacy iOS */
                 url("../../view/resource//fonts/Cambria/cambria.ttf") format("truetype"), /* Safari, Android, iOS */
                 url("../../view/resource//fonts/Cambria/cambria.woff") format("woff"), /* Modern Browsers */
                 url("../../view/resource//fonts/Cambria/cambria.woff2") format("woff2"); /* Modern Browsers */
             font-style: normal;
}

/*:root { --wid: 1024px;
        --main-bg: rgba(255, 255, 255, 0.8);
}*/

body { position: relative;
       width: 100%;
       margin: 0 auto;
       background-image: url('../resource/img/_header_.png'), url('../resource/img/back_header.png'), url('../resource/img/stone.jpg');
       background-repeat:  no-repeat, repeat-x, no-repeat;
       background-position:  top center, top center, top center;
       background-size: auto, auto, cover;
       background-attachment: scroll, scroll, fixed;
       font-family: Cambria;
       font-size: 18px;
       color: #555;
       padding: 0; }

a { text-decoration: none;
    cursor: pointer; }

img { border: none; }

#root { display: none; }

header { position: relative;
         height: 229px;
         text-align: center; }

#lang_bar { position: fixed;
            width: 160px;
            top: 0;
            float: left;
            z-index: 10000000000; }

#lang_bar img { width: 50px;
                cursor: pointer; }

#lang_bar img:hover { opacity: 0.7; }

#lo { position: relative;
      float: right;
      width: 30px;
      cursor: pointer;
      margin-top: -30px;
      z-index: 10000000000; }

/*#logout { position: relative;
          float: right; }*/

nav { position: relative;
      width: 1024px;
      margin: 0 auto;
      margin-top: -95px;
      z-index: 1;
}

nav a { display: inline-block;
        width: 150px;
        height: 60px;
        color: #e7d52e;
        font-family: Cambria;
        font-weight: bold;
        font-size: 28px;
        padding-top: 20px;
        background-repeat: no-repeat;
        background-size: cover;
        text-shadow: 2px 2px 0 #000, -1px -1px 2px #a87957;
        border: #712e0d solid 4px; }

nav a:hover { text-shadow: 5px 5px 5px #000, -5px -5px 5px #000; }

.talpa, .talpa1, .talpa2 { position: relative; }

.talpa { position: relative;
         height: 40px;
         width: 100%;
         margin-top: 15px;
         background-image:  url('../resource/img/talpa.png');
         background-repeat: repeat-x;
         z-index: 1; }

.talpa1 { background-position-x: -50px;
          margin-top: -10px; }

.talpa2 { background-position-x: 90px;
          margin-top: -8px; }

#title{ position: relative;
        text-align: center;
        margin-top: 28px;
        font-family: Asstb;
        font-size: 80px;
        font-weight: bold;
        color:  #712e0d;
        text-shadow: 3px 3px 3px #000, -3px -3px 0px #a87957; }

main { position: relative;
       width: 1024px;
       background-color: rgba(255, 255, 255, 0.8);
       box-shadow: 15px 0 25px rgba(255, 255, 255, 0.8), -15px 0 25px rgba(255, 255, 255, 0.8);
       margin: 0 auto;
       margin-top: 70px;
       min-height: 500px; }

article { position: relative;
          padding: 10px; }

.refresh { width: 40px;
           cursor: pointer;
           transform: rotate(0deg);
           transition: .3s; }

.refresh:hover { transform: rotate(180deg);
                 transition: .3s; }

.refresh:active {transform: rotate(90deg);
                 transition: .15s;}

.galerii { position: relative;
           display: block;
           cursor: pointer;
           padding: 10px;
           border: #cecece solid 1px;
           min-height: 200px;
           background-color: rgba(200, 200, 200, 0.4);
           color: #555; }

.galerii:hover { background-color: #fff; }

.galerii img { float: left;
               margin-right: 10px;
               border: #cecece solid 1px; }

.galerii > p, #picture_gallery > p { font-size: 22px;
                                     font-weight: bold;
                                     color: #712e0d; }

.desen { float: right; }

#picture_gallery > p { text-align: center; }

.picture_gallery { display: inline-block;
                   width: 310px;
                   background-color: #efefef;
                   box-shadow: 1px 1px 10px #000;
                   text-align: center;
                   padding: 10px 0;
                   margin: 10px;
                   transition: all .15s linear;
                   z-index: 9;  }

.picture_gallery img { width: 290px;
                        max-height: 290px; }

.picture_gallery span { display: block;
                        color: #000; }

.picture_gallery:nth-child(even) { transform: rotate(2deg); }

.picture_gallery:nth-child(4n) { transform: none; }

.picture_gallery:nth-child(5n) { transform: rotate(5deg);
                                 position: relative;
                                 top: -15px;
                                 right: 15px; }

.picture_gallery:nth-child(8n) { position: relative;
                                 top: 18px;
                                 right: 15px; }

.picture_gallery:nth-child(4n) { position: relative;
                                 top: 13px;
                                 right: -15px; }

.picture_gallery:hover { transform: scale(1.25);
                         position: relative;
                         z-index: 10; }







footer { position: relative;
         background-image:  url('../resource/img/talpa.png'), url('../resource/img/talpa.png'), url('../resource/img/talpa.png'), url('../resource/img/talpa.png'), url('../resource/img/talpa.png');
         background-position: 0 0, 50px 38px, 30px 76px, 68px 114px, 0 0;
         background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, repeat;
         color: #555;
         padding: 10px 0; }

footer table { width: 1000px;
               margin: 0 auto;
               border-collapse: collapse;
               color: #fff;; }

footer table tr td { vertical-align: top; }

footer table tr td:nth-child(odd) { padding-top: 50px; }

footer table tr td img { height: 300px; }

footer table tr td ol, footer table tr td ul { display: block;
                                               margin: 0 auto; }

footer table tr td ol a, footer table tr td ul a { color: #fff; }

.foot_power { color: #fff !important;
              border: #fff solid 1px;
              background-color: #712e0d; }

#priqteli, footer b, #nav { display: block;
                            border: #fff solid 1px;
                            background-color: #712e0d;; }

footer b { border-bottom: none;
           padding: 5px; }

#priqteli, #nav { border-top: none;
                  padding-bottom: 10px; }

.ultra { display: block;
         position: absolute;
         top: 0;
         right: 0;
         float: right;
         cursor: pointer;
         transition: 300ms;
         z-index: 100; }

.ultra img { height: 130px;
             float: right;
             transition: 300ms; }

.ultra span { display: none;
              transition: 300ms;
              padding: 10px;
              font-size: 18px;
              color: #000; }

.ultra:hover { background-color: rgba(255, 255, 255, .4); }

.ultra:hover span { display: inline-block; }

.help { position: absolute;
        display: block;
        width: 100px;
        height: 25px;
        background-color: #cecece;
        border: #444 solid 1px;
        z-index: 100000; }