html, body  {
              position   :relative;  
              font:   26px Oswald, Helvetica, sans-serif;
              color: dimgray;
              text-align :left;
              background-color: white;
            /* background: url('bg1.jpg') 0px 0px;
             background-repeat: no-repeat;
              background-size: 100%; //propotional resize
           /*   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
              /*_background: url('../img/bg-conteiner.jpg') 0px 0px repeat-x #b4b0a8;*/
              padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;
              margin-top :0px; margin-right :0px; margin-bottom: 0px; margin-left: 0px;
	            border-top :0px; border-right :0px; border-bottom: 0px; border-left: 0px;
	            
            }
            
            @media screen and (min-width: 1200px) and (max-width: 1200px) {
    #header {
        display: none;
    }
}
            
            .hidden {width:1px; height:1px; overflow:hidden;}
            
            /* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}            
/*body       {background: url('../img/body/pozadi.jpg') no-repeat top center #aec7fd;} */
.Oswald
 {   font       :15px Oswald, Arial, Helvetica, sans-serif;   }  

#center    { text-align :center;}
#ukazky, .ukazky    { margin:420px 0px 30px 0px; }
.zarovka-off, #zarovka-off {
        height:120px;
        float:left;
        position:relative;
        font:40px Oswald, Helvetica, sans-serif; 
        color:dimgray;
        border:2px solid dimgray;
        text-align:center;
        padding-top:50px;
        margin-right:40px;
}
.zarovka-on, zarovka-on {
        height:120px;
        float:left;
        position:relative;
        font:40px Oswald, Helvetica, sans-serif; 
        color:dimgray;
        border:2px solid orange;
        text-align:center;
        padding-top:50px;
        margin-right:40px;
}
.rozsvit, #rozsvit1,  #rozsvit11,  .rozsvit1,  .rozsvit11, 
 .rozsvit2,
 .rozsvit3,
 .rozsvit4,
 .rozsvit5,
 .rozsvit6,
 .rozsvit7,
 .rozsvit8,
 .rozsvit9,
 .rozsvit10,
 .rozsvit12,
 .rozsvit13,
 .rozsvit14,
 .rozsvit15,
 .rozsvit16,
 #rozsvit2,
 #rozsvit3,
 #rozsvit4,
 #rozsvit5,
 #rozsvit6,
 #rozsvit7,
 #rozsvit8,
 #rozsvit9,
 #rozsvit10,
 #rozsvit12,
 #rozsvit13,
 #rozsvit14,
 #rozsvit15,
 #rozsvit16
{
        height:120px;
        float:left;
        position:relative;
        font:40px Oswald, Helvetica, sans-serif; 
        color:white !important;
        background-color:orange !important;
        border:2px solid orange !important;
        text-align:center;
        padding-top:50px;
        margin-right:40px;
}

.txt, .text, .text2, #text2, .odstavec, .novinky,.info, .poznamka, .anketa 
           { color: #4F4941; text-decoration : none;}
.info      { font: bold 11px Arial, Helvetica, sans-serif; }
.t         { font-size:100%;   }
.txt       { font-size:90%;    }
.text      { font-size:80%;    }
.text2     { font-size:80%;    }
.text3     { font-size:80%;    }
#text2     { font-size:80%;    }
.poznamka  { font-size:80%;    }

.odstavec  { font-size:90%; text-decoration : none; padding: 0px 40px 30px 30px;  }

.poznamka  { font-size:9px; text-decoration : none; }
.error     { font-size:80%; color: red; text-decoration : none; }

#black, .black       { color: black;}
#blue, .blue         { color: #b4b0a8;}
#brown, .brown       { color: brown;}

#gray, .gray         { color: gray;}
#green, .green       { color: green;}
#magenta, .magenta   { color: magenta;}
#red, .red           { color: red;}
#yellow, .yellow     { color: yellow;}

#left,.left          { text-align :left;}
#right,.right        { text-align :right;}
#center,.center      { text-align :center;}

#underline,.underline{ text-decoration : underline;}

/*td         { color : #000000; font-family : MS Sans Serif, Geneva, sans-serif; font-size: 11px; }*/

h1    {  font: bold 55px Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0px 0px 10px 0px; color: dimgray;}
h2    {  font: bold 55px Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 00px 0px 10px 0px; color: dimgray;}
h3    {  font: bold 14px Tahoma, Arial, Helvetica, sans-serif; text-align :left; padding: 0px 0px 0px 20px; margin: 5px 0px 5px 0px; } 
h4    {  font: bold 14px Tahoma, Arial, Helvetica, sans-serif; text-align :left; }
.h4   {  font: bold 14px Tahoma, Arial, Helvetica, sans-serif; text-align :left; }
.h4 a          {  text-decoration : underline; }
.h4 a:hover    {  color: DarkOrange; text-decoration : none; }
.h4 a:visited  { text-decoration : underline; }

h5    {  font: bold 16px Arial, Helvetica, sans-serif; color: #009ff2; padding: 0px 0px 0px 0px; /*border-bottom: 1px solid blue;*/}
h7    {  font: bold 14px Tahoma, Arial, Helvetica, sans-serif; padding: 0px 0px 7px 20px; margin: 10px 0px 8px 0px; border-bottom: 1px dotted blue; background: transparent url('../img/icons/sipecka-h2-down.gif') no-repeat scroll 2px 4px; color: blue; }


table, hr, h4, ul  { 
                     padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;
                     margin-top :0px; margin-right :0px; margin-bottom: 0px; margin-left: 0px; 
	                   border-top :0px; border-right :0px; border-bottom: 0px; border-left: 0px;
                   }

input, textarea, select, .checkbox, .input, .input-r, .biginput, .biginput-r, .textarea, .submit, .msubmit, .bigsubmit, .kosik, .kosbutt
{font-family: MS Sans Serif, Geneva, sans-serif; font-size: 10px; color: dimgray; border: 1px solid silver; }


.biginput  { width:250px; background-color: lightblue; border: 1px solid gray; }
.submit { background-color: lightsilver; border: 1px solid gray; }
   
hr    { height: 1px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  border-bottom: 1px dotted blue; border-left: none; border-right: none;}
ul { margin:10px 10px 15px 10px;}
li { float:none; background:url(li.gif) 0px 18px no-repeat; padding-left:18px; list-style:none;}

a           {   color: DarkOrange; text-decoration : none; }
a:hover 	  {  color: DarkOrange; text-decoration : none;}
a:visited   {  text-decoration : underline;}

.reference a           {  font: bold; color: DarkOrange; text-decoration : underline; }
.reference a:hover 	  {  color: DarkOrange; text-decoration : none;}
.reference a:visited   {  text-decoration : underline;}

.conteiner {	position:absolute; top:0px;	left:0px;	width:100%; min-width:100%; height:770px; min-height:770px;
              display:block;     
           }
.center    {	/*position:absolute; top:25px;	width:830px;	min-width:830px;	margin-left:-400px; min-height:100%;left:50%;
             /* background: url('../img/pidisoft.jpg') no-repeat; */
           }
div#min   { min-height: 770px;} * html div#min {height: 770px;}
form, .head, .menu, .body, .left, .right, .foot, .mezera, .kosbut, .foot2
{   
    margin-top: 0px; margin-bottom: 0px;margin-left: 0px;margin-right: 0px;
    border-top: 0px; border-bottom: 0px;border-left: 0px;border-right: 0px;
    padding-top:0px; padding-bottom:0px;padding-left:0px;padding-right:0px;
}

.head, .menu, .body, .left, .right, .foot, .mezera {   text-align : center; position:relative; }


.pressf5     {	position:absolute;  top:210px; left:610px;  }

.nabidka     {	position:absolute; top:95px;  left:50px; width:250px; margin-left:10px; color: white; text-align:left;}

.ome         {  position:absolute; top:95px;  left:267px; color: gray; text-align:left;}     

.technologie {  position:absolute; top:280px; left:267px; color: white; text-align:left;}     
        
.reference   {  position:absolute; top:280px; left:477px; color: gray; text-align:left;}

.kontakt     {  position:absolute; top:617px; left:50px; margin-left:10px; color: gray; text-align:left;}