/*
How can I avoid that extra whitespace is created underneath my SWF?
*/
object { display:block; }
 .gallery_img {
      float : left;
      margin : 5px;  
      display : block;
      border:#aaaaaa 2px solid; 
   }   
.gallery_img:hover {
      background-color : #2e8b57;
      border :#FFFFFF 2px solid;  
   }
   
 
/* moj styl na zahlavie */
* { margin:0; padding:0; font : 13px Helvetica, sans-serif}

html, body {
	 height: 100%;   
     background-color : #dddd;  
   } 

/*
body { margin : 0px;
                      
     }    
*/
 
       
  
#FrameMain {   
      position: relative;
      margin-right : auto;
      margin-left  : auto;      
      width   : 1045px;    
      border:#aaaaaa 0px solid;     
      padding: 0px;     
      margin-bottom : 200px;
      margin-top : 0px;    
   }
 


.body_left {float : left;   
      position: relative;
      margin-right : auto;
      margin-left  : auto;      
      width   : 155px;   
      height  : 456px;
      border:#aaaaaa 0px solid;     
      margin-left : 5px;
      margin-bottom : 15px;
      background-position: left bottom;
      background-repeat:no-repeat;
   }

 
   
   
.body_column_wide {  
      float : left; 
      position: relative;
      margin-right : auto;
      margin-left  : auto; 
      min-height : 821px;     
      width   : 870px;   
      padding-left : 10px; 
      padding-top : 0px; 
      margin-left : 5px;
      margin-bottom : 15px;
      text-align: center;
  }   
  
 

/*  strom class   */
 
img { border : 12px; }

 

table {
        border-color: black;
        border-style: solid; border-width: 0px; 
        border-top-color: black;  border-top-width: 2px;
        border-bottom-color: black;  border-bottom-width: 2px;
        margin-bottom : 10px; 
        width : 100%;
        color: #004400;
        border: 1px solid #ccc;
        border-collapse: collapse;
      }         
     
td {
        color : black;
        padding : 5px; 
    }        
tr {
       color : black;
       background-color : white;  
       padding : 5px; 
   }   

tr:nth-child(even) {
  background-color: #f2f2f2;
    }

th {
       background-color: #004400;
       color: white;
       padding-top : 5px;
       padding-bottom : 5px;
    }


A:link,A:visited,A:active
{
	color: #006600;
	text-decoration: none;
	font-weight: bold;
}

A:hover
{
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}

 
h1
{  
    padding: 10px;
    text-align: left;
	color: #111;
    background: rgb(151,181,143);
    background: linear-gradient(0deg, rgba(151,181,143,1) 0%, rgba(70,139,68,1) 100%);
	font-size: 20px;
    margin-bottom : 7px;
    border-radius: 7px;
}

h2
{
    padding: 8px;
    text-align: left;
    color: #111;
    background: rgb(151,181,143);
    background: linear-gradient(0deg, rgba(151,181,143,1) 0%, rgba(70,139,68,1) 100%);
    margin-left : 20px;
    font-weight: bold;
    font-size: 17px;
    margin-bottom : 7px;
	border-radius: 7px;
}

h3
{
   padding: 6px;
   text-align: left;
   color: #000;
   margin-left : 40px;
   font-size: 14px;
    font-weight: bold;
    margin-bottom : 0px;
}

h4
{
    padding: 6px;
    text-align: left;
    color: #000;
    margin-left : 60px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom : 0px;
}
 


/* apod sa pouziva ! */
.apod { 
 text-align: left;
 margin-left : 90px;
 white-space: pre-line;
 }

 
/*

.novinkah{
	width: 795px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #006600;
	background-color: #339933;
    color :#FFFFFF; 
	font-weight: bold;
	padding: 0px;
	text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-top-right-radius: 7px;
}

.novinkab{
	width: 800px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
	padding: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: #006600;
	background-color: #EEFFEE;
	text-align: justify;
	font-family:  Arial, Verdana;  
	color: #003300;
  
  min-height : 180px;
}

.novinkaa:link, .novinkaa:visited, .novinkaa:active
{
	color: #006600;
	font-weight: bold;
	text-decoration: underline;
}

.novinkaa:hover{
	color: #CC0000;
	font-weight: bold;
	text-decoration: underline;
}


.novinkai{
	border-width: 0px;
 
 	border-style: dotted;
	border-color: #fff;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	height: 80px;
	width: 60px;
	
	

}




.sprava_nadpis {
	width: 695px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #550000;
	background-color: #AA0000;
	color: #FFCC66;
 	font-weight: bold;
 	text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-top-right-radius: 7px;
}

.sprava_body {
	width: 694px;
  margin: 0px 10px 10px 10px;
	padding: 3px;  
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #550000;
	background-color: #EEFFEE;
	text-align: justify;
 	color: #003300;
}

.sprava_body p {
	margin: 0px;
}

.sprava_cas {
	text-align: right;
}

*/


/* ----------------------------------------- */
.strom_nav ul  { z-index: 50; margin: 0px;  width: 153px; border: 0px solid; border-color: white; padding: 0px 0px 0px 0px; }
.strom_nav ul ul {position: absolute; top: 5px; left: 85%;  display: none; width : 400px;  }
.strom_nav li  {position: relative; list-style: none; margin: 0px; border-bottom: 0px solid white; border-color: white; }
.strom_nav li a {display : block; padding: 6px 6px 6px 6px; text-decoration: none; border-bottom: 0px solid;
              height : auto;   background-color : #5d5d5d;
              overflow:hidden; text-align: left; border-color: #EEEEEE; 
              color : white;   text-transform: uppercase;                            
              font-weight : normal;         
              border : 0px; 
              border-bottom : 1px solid white;
              border-radius: 6px;
               text-align: center;
              }
 
.strom_nav li a:hover {background: #ff0000; }
.strom_nav li a:visited {color : white; }

.strom_nav li a.x2         {  background-color : #006633;  }    
.strom_nav li a.x2:hover   {  background: #ff0000;  }             
.strom_nav li a.x2:visited {  color : white; }            

.strom_nav li a.x3         {  background-color : rgb(51,51,204); }    
.strom_nav li a.x3:hover   {  background: #ff0000;  }             
.strom_nav li a.x3:visited {  color : white; }            
              

/*

@-webkit-keyframes blinker {
  from { opacity: 1.0; grayscale(0%); -webkit-filter: grayscale(00%);}
  to { opacity: 0.5; grayscale(40%); -webkit-filter: grayscale(40%);}
}

.blinkit {
animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;

}
*/
 .NovinkaBlack {
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 }

 .NovinkaRed {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
 }

 .NovinkaGreen {
    background: rgb(54,157,62);
    background: linear-gradient(0deg, rgba(54,157,62,1) 0%, rgba(32,108,31,1) 100%);
 }

.NovinkaBox{
  width: 795px;
  margin: 10px;
  margin-left: 50px;
  margin-bottom: 20px;
  border-width: 0px;
  border-style: solid;
  border-color: #006600;
  background-color: #FFFFFF;
  color :#FFFFFF;
  padding: 0px;
  text-align: left;
 }


.NovinkaHeader{
  width: auto;
  margin: 0px;
  border-width: 0px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: #333333;
  background-color: #339933;
  color :#FFFFFF;
  font-weight: bold;
  text-align: left;
  padding :  5px;
  cursor:pointer;
}


.NovinkaCas{
    width: auto;
    margin:  0px;
    border-width: 0px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #333333;
    background-color: #339933;
    color :#FFFFFF;
    font-weight: bold;
    text-align: left;
    padding : 5px;
}


.Visible{
    display: block !important;
    }


.NovinkaBody{
    width: auto;
    margin : 0px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #aaa;
    border-top-width: 0px;
    background-color: #FFFFFF;
    text-align: justify;
    color: #003300;
    min-height : 180px;
    white-space: pre-wrap;
    display: none;
    background: rgb(212,212,212);
    background: linear-gradient(0deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
    }