﻿/* Rapet */
html {overflow-y: scroll;}
html,body {padding:0; margin:0;}
img {border: none; /*border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;*/}
/*body, td, th {font-family:sans-serif; font-size:13px;}*/
body {text-align: center;}
body {
        background-image: url(/images/pozadi.jpg);       /* background-image: url(/images/novatec/hlavni/pozadi1.png); */
        background-repeat: no-repeat;
        background-position: center top;
        background-color: #eaeae9;
        margin:  0 auto;
     }
/******** CELEK ************/
#celek {
        position: relative;
        /*border: 1px green solid;*/ 
        width: 960px;
        height: 100%;  _height: 100%;
        margin: 0 auto;
      }
#header {
         position: relative;
         width: 960px; height: 337px;
         background-position: center top;
         /*background-image: url('/images/logo.png');*/
         background-repeat: no-repeat;
         /*border: 1px solid red;*/
        }  
                 
/********* LOGO ***************/
#logo {
       position: absolute;
       left: 20px;
       top: 60px;
       /*border: 1px solid black;*/
       width: 253px; height: 240px;
      /* cursor: pointer; */
      }
#logo a {                 
       left: 0px;
       position: absolute;
       /*border: 1px solid red;*/
       width: 253px; height: 240px;
       cursor: pointer;
      }
      
      
/******** FACEBOOK *********/
#fb {
     position: absolute;
     top: 154px;
     left: 467px;
     /*border: 1px solid red;*/     
    }
#fb a img {
       filter: alpha(Opacity=80);
       opacity: .8;
      }
#fb a:hover img {
       cursor: pointer;
       filter: alpha(Opacity=100);
       opacity: 1;       
      }

/********* NAPIŠTE NÁM *********/
#napiste_nam {
              position: absolute;
              top: -15px;
              /*border: 1px solid red;*/
              right: -30px;
             }
#napiste_nam a img{
                cursor: pointer;
                filter: alpha(Opacity=80);
                opacity: .8;
               }
#napiste_nam a:hover img{
                cursor: pointer;
                filter: alpha(Opacity=100);
                opacity: 1;
               }               
/******** MENU ************/
#menu {
       position: relative;
       top: 0px;
       margin: 0px auto;
       width: 960px; height: 20px; _height: 20px;
       /*border: 1px solid red;*/
      }
#menu ul, menu li {
                   list-style-type: none; margin: 0; padding: 0; margin-top: 0px;
                  }
#menu li, menu a {
                  display: inline-block; /* display:block; */ _display: inline; margin: 0 auto;
                 }
#menu a {
         font-family: Calibri, Tahoma, Sans-serif;
         color: #ffffff;
         font-size: 16px;
         font-weight: normal;
         text-decoration: none;
         margin-right: 20px;
        }
#menu ul li a:hover {
         color: #ff7800;
         border-bottom: 1px solid #ff7800; 
        }

/************ TEXTY **************/
#text_all {
           position: relative;
           top: 20px;
           text-align: left;
           width: 960px; min-height: 515px;
          }
#text {
       position: relative;
       width: 477px; min-height: 515px;
       text-align: left;
       /*border: 1px solid red;*/
      }
#obsah {
        position: relative; 
        top: 21px;
        width: 465px; min-height: 422px;  _min-height: 422px;  _height: 502px;
        /*border: 1px solid red;*/
        
        text-align: left;
        font-family: Calibri, Tahoma, Verdana;
       }
#reference {
           position: absolute;
           right: 0px; top: 50px;
           width: 480px; height: 485px;
           
           background-image: url(/images/line.jpg);
           background-repeat: repeat-y;
           /*border: 1px solid blue;*/
          }

/******************* WEBY **************/
#weby {
       top: 50px;
       position: relative;
       width: 960px; height: 54px;
       
       text-align: left;
       font-family: Calibri, Tahoma, Verdana;
       font-size: 12px;
      }
#weby .nadpis {
              color: #41b5dd;
              }
#weby a {
         color: #000000;
         cursor: pointer;
         font-size: 12px;
         font-family: Calibri, Tahoma, Verdana;
        }
#weby a:hover {
               border-bottom: 1px solid #000000;
              }
/************** PATA ***************/
#pata {
       position: relative; top: 50px;
       width: 960px; height: 27px;
       
       text-align: center;
       font-size: 14px;
       font-family: Calibri, Tahoma, Verdana;
       
       background-image: url(/images/pata.jpg);
       background-repeat: no-repeat;
      }
#pata span {
            position: relative;
            top: 5px;
           }
#pata a {
         cursor: pointer;
        }
#pata a:hover {
         border-bottom: 1px solid black;
         cursor: pointer;
        }
#stetec {
         position: absolute;
         left: -111px;
         top: -127px; 
        }
/*********** SLIDE **************/ 
#slide5 {
         position: relative;
         left: 30px; top: 20px;
         float: left;
        }
#slide5 {
         opacity: .7;
        }
#slide5:hover {
         opacity: 1;

        }        
#slide5_alt {
             position: absolute;
             min-width: 300px; min-height: 101px;   _width: 300px; _height: 101px;
             background-color: #ffffff;
             /*border: 1px solid red;*/
             right: -75px; top: 65px;
             text-align: left;
             margin: 0 auto;
             
             z-index: 50;
             color: black;
            }
#slide5_popis {
               position: absolute;
               min-width: 300px; min-height: 20px;  _width: 300px; _height: 20px;
               background-color: #ffffff;
              /*border: 1px solid red;*/
               right: -75px; top: 45px;
               text-align: left;
               margin: 0 auto;
             
               z-index: 50;
               color: black;
              }            
#slide6 {
         position: relative;
         left: 30px; top: 65px;
         text-align: left;
         float: left;
        }
#slide6 {
         opacity: .7;
        }
#slide6:hover {
         opacity: 1;
        }       
#slide6_alt {
             position: absolute;
             min-width: 300px; min-height: 20px; _width: 300px; _height: 20px;
             background-color: #ffffff;
             /*border: 1px solid red;*/
             right: -75px; top: 270px;
             text-align: left;
             margin: 0 auto;
             
             z-index: 50;
             color: black;
            }
#slide6_popis {
               position: absolute;
               min-width: 300px; min-height: 101px; _min-width: 300px; _min-height: 101px; _width: 300px; _height: 101px;
               background-color: #ffffff;
              /*border: 1px solid red;*/
               right: -75px; top: 285px;
               text-align: left;
               margin: 0 auto;
             
               z-index: 50;
               color: black;
              }
.fotogal_foto img {
               margin-left: 5px;
               margin-top: 5px;
               border-radius: 1px;
               opacity: .7;
              }
.fotogal_foto img:hover {
               opacity: 1;
              }       