/*
// Musi byt este pred tagom body, lebo v IE6 nebude vyskakovat vertikalne a asi ani horizontalne menu.
// csshover3.htc je sucastou menu
*/

body { behavior: url("../modules/menu/csshover3.htc"); } 


/*
How can I avoid that extra whitespace is created underneath my SWF?
*/
object { display:block; }


 
/* moj styl na zahlavie */
* { margin:0; padding:0; }

html, body {
	 font-family: arial;
	 font-size: 15px;
	 height: 100%;
   } 
   
  

body { margin : 0px; top: 200px;  
  	  /* background: white url(../filesystem/layout/header_bg.png) repeat-x;  
       background-position: top left;*/
     }   
     
.bodyfooter { 
     /*  background:  url(../filesystem/layout/footer_bg.png) repeat-x;  
       background-position: bottom left;  */
     }     
     
      

#FrameMain {   
      border-right: 0px solid #888888;
      border-left : 0px solid #888888;
      border-bottom: 0px solid #888888; 
      position: relative;
      margin-right : auto;
      margin-left  : auto; 
       
      width   : 1216px;    
      padding : 0px;     
   /*   box-shadow: 0 0 2px 2px #cccccc;
      -moz-box-shadow: 0 0 2px 2px #cccccc;
      -webkit-box-shadow: 0 0 2px 2px #cccccc; */
   }

.telo {
      float : left;   
      position: relative; 
      width   : 100%;  
      
      margin-bottom : 30px;
      
      top : 250px;
   }

.header {  
      float   : left; 
    /*  position: relative; */ /* position: fixed; z-index : 20;*/
      
      position: fixed;  z-index : 23;
      
      width   : 1216px;
      height  : 230px;    
      top     : 0px;  
      background-color : white; 
      
       
      margin  : 0px;  
      padding : 0px;  
      background-image:url('../filesystem/layout/header.png');  
      filter:alpha(opacity=90); opacity:.9; 
      background-position: left center;
      background-repeat: no-repeat;
      
  
     padding-bottom : 12px; 
   }
.header:hover {  
filter:alpha(opacity=100); opacity: 1; 

  border-bottom: 1px #000000 dotted;  

  }
img, div, a, input { behavior: url(../modules/iepngfix/iepngfix.htc) }
img { border : 0px; }




.thumbnail {border : 4px solid #FFFFFF;  /* -webkit-filter: grayscale(100%); */  display : block;  overflow:hidden; 

position : relative;
 }
 
.thumbnail a img { display: block;
    padding: 0px;
    margin: 0px

 }

 
 .thumbnail:hover a img { display: block;
    padding: 0px;
    margin: 0px;
 opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */


/*  -webkit-transform: rotate(2deg);
     -moz-transform: rotate(2deg);
       -o-transform: rotate(2deg);
      -ms-transform: rotate(2deg);
          transform: rotate(2deg); */

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
 /* -webkit-filter: grayscale(0%); */
 }
 
.thumbnail:hover {border : 4px solid #FFFFFF;
}
.thumbnail .sticky { top : 40px; color:  black;  position : absolute;  left : -330px; height : 15px;   padding : 15px;
}
.thumbnail:hover .sticky { top : 40px; color:  black; position : absolute; left : 0px; z-index : 19; 

-webkit-border-radius: 0px 13px 13px 0px;-moz-border-radius: 0px 13px 13px 0px;border-radius: 0px 13px 13px 0px;

 opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}







span.modra  
          { color:  rgb(0,0,153);   }
span.svetlomodra  
          { color:  rgb(0,204,204); }

.produkt_thumbnail 
          { float:left; 
            width : 190px; 
            text-align:center; 
          }
                   
.produkt_thumbnail_text 
          { text-decoration : none; 
            color:  rgb(0,0,153); 
          }               
.produkt_thumbnail_text:hover 
          { text-decoration : underline;
          }   
.produkt_thumbnail_text:visited 
          { color:  rgb(0,0,153); 
          }                                
     
     
  
     
     
               
               
                 
.footer {height : 137px;   /* border: 1px #8eb4e3 solid; */
         float : left;    width   : 100%;
       font-size: 12px;
         }  
         
.footer_stlpec {  float : left; margin-left : 10px;
       
         }       
         
               
.footer_link {color: white; text-decoration : none;      
         }                 
.footer_link:hover 
          { text-decoration : underline;
          }   
.footer_link:visited 
          { color: white;
          }                 
                   
/*   formular  */

.formtext { 
                display: inline;
    color : #888888;   
   /* font-weight: bold;  */
    font-size: 17px;  
    font-family: verdana;
    
    }

.formtextblack { color : black;}


.inp { 
    border: 1px #8eb4e3 solid; 
    
    border-spacing: 1px;       
    margin : 9px;
    padding : 3px;
    text-align:left;  
    width:350px;  
    height : 30px;
    font-size: 13px;  
    font-family: verdana;
    
   border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;


    } 
.inp:hover { 
    border: 1px #efa263 solid; 
   
    height : 30px;
    }     
      
.inptext { 

    
   vertical-align : middle; 
    
    border: 1px #8eb4e3 solid; 
    
    border-spacing: 1px;       
    margin : 9px;
     padding : 3px;
    text-align:left;  
    width:350px;  
    height : 230px;
    font-size: 13px;  
    font-family: verdana;
    
   border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;    
    
    } 
.inptext:hover { 
    border: 1px #efa263 solid; 
    width:350px;  
    height : 230px;
    }      
     
     
.subm { 
     margin : 9px;
    border: 1px #8eb4e3 solid; 
    background : #666666;
    border-spacing: 1px;       
   /* margin : 9px;  */
    text-align:center; 
    color : white; 
    width:360px;  
    height : 33px;
    font-size: 13px;  
    font-family: verdana;
    
   border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;   
    } 
    
.subm:hover { 
    border: 1px #efa263 solid; 
    background : #77cee6;
    }  


          
.strom_linky { top: 205px; position: fixed; z-index : 20; width: 1200px; text-align:center; background-color : #ffffff;  }   
    
.strom_linky a {    text-decoration: none;  border-bottom: 0px solid;
              
              
              padding : 10px; margin-left : 10px;margin-right : 10px; height : auto;  /* background-color : #795038;*/
              overflow:hidden; text-align: center; border-color: #EEEEEE; 
            color : #444444; /*  text-transform: uppercase; */                            
                font-family:  sans-serif;  
             /*  font-weight : bold; */
              border-left : 0px solid #222222; border-bottom : 0px solid white; }       
.strom_linky a:hover { color : #555555; }  
          
          
.strom_navh  {left : 0px; top: 211px; position: relative; z-index : 20; width: 100%; 


background: rgb(135,224,253); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(199,199,199,1) 0%, rgba(62,62,62,1) 64%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,199,199,1)), color-stop(64%,rgba(62,62,62,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(62,62,62,1) 64%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(62,62,62,1) 64%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(62,62,62,1) 64%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(199,199,199,1) 0%,rgba(62,62,62,1) 64%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#3ec6ef',GradientType=0 ); /* IE6-9 */


             }
.strom_navh ul  {margin-bottom: 20px; padding-left : 95px; width: 900px; min-height: 37px; border: 0px solid;  }
               
.strom_navh ul ul {position: absolute; top: 100%;    left: 0px;  display: none; border: 0px solid; width : 153px; margin-top : 2px;}


.strom_navh li  { float: left; position: relative; list-style: none; margin: 0px;  height : 37px; width : 153px;  
                  margin-right : 0px; border : 0px solid #BBBBBB; border-right : 1px solid #FFFFFF;
                }
              
.strom_navh li:hover  {  width : 153px; margin-right : 0px;  border : 0px solid #AAAAAA;  border-right : 1px solid #FFFFFF;
                      }         
.strom_navh li li { 
                 border : 0px solid #CCCCCC; 
                 background: #CCCCCC; 
                 color : white;}
 
.strom_navh li li:hover { border : 0px solid #CCCCCC;  }

  
.strom_navh li li li {  border-right : 0px solid white; }



.strom_navh li a {            
              
              display : block;   text-decoration: none;  border-bottom: 0px solid;
              
              
              padding-top : 10px;
              padding-bottom : 10px;
              
              height : auto;  /* background-color : #795038;*/
              overflow:hidden; text-align: center; border-color: #EEEEEE; 
            /*  color : white; */ color : #FFFFFF; /*  text-transform: uppercase; */                            
                /*font-family: 'Lucida Calligraphy', sans-serif;  */
             /*  font-weight : bold; */
              border-left : 0px solid #222222; border-bottom : 0px solid white;
              
           /*   text-shadow: 1px 1px rgb(192,192,192);*/
              
              
background: rgb(135,224,253); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(199,199,199,1) 0%, rgba(62,62,62,1) 64%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,199,199,1)), color-stop(64%,rgba(62,62,62,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(62,62,62,1) 64%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(62,62,62,1) 64%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(62,62,62,1) 64%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(199,199,199,1) 0%,rgba(62,62,62,1) 64%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#3ec6ef',GradientType=0 ); /* IE6-9 */




            
               
               
               
             }
.strom_navh li a:hover {background: #AAAAAA; color : white;
                      
                        
                /*   text-shadow: 1px 1px rgb(192,192,192);  */     
        
                        background: rgb(199,199,199); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(199,199,199,1) 0%, rgba(64,118,237,1) 64%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,199,199,1)), color-stop(64%,rgba(64,118,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(64,118,237,1) 64%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(64,118,237,1) 64%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(64,118,237,1) 64%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(199,199,199,1) 0%,rgba(64,118,237,1) 64%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#4076ed',GradientType=0 ); /* IE6-9 */

    -webkit-transition: all 2.5s ease;
     -moz-transition: all 2.5s ease;
       -o-transition: all 2.5s ease;
      -ms-transition: all 2.5s ease;
          transition: all 2.5s ease;                     
                        
                        
                        
             }        
             
.strom_navh li a:visited {color : white; }  
             
 
          
          
          

.strom_navh li li a { 
              	      font-size: 13px;
        

            
               
               
               
             }          
             
             

.strom_navh ul li:hover ul {display:block; visibility:visible;  margin : 0px;}
.strom_navh ul li:hover ul ul {visibility:hidden;}

.strom_navh ul ul li:hover ul  {display:block; left: 100%; top: -1px;visibility:visible;}
.strom_navh ul ul li:hover ul ul { visibility:hidden;}


.strom_navh ul ul ul li:hover ul  {display:block; left: 100%; top: -1px;visibility:visible;}
.strom_navh ul ul ul li:hover ul ul { visibility:hidden;}
          
    
.strom_navh ul ul li ul li a { text-align:left; padding-left : 10px;}
.strom_navh ul ul li ul li {width : 250px; text-align:left; top : 5px; }    
.strom_navh ul ul li ul li:hover {width : 250px; top : 5px;}