html, body {
	margin: 0;
	padding: 0;
	font: 100% "Times New Roman", Times, serif;
	background-color: #336699;
	color: #fff; }

 /* Body Container */
#body 
{   position:relative;
    top: 2px;
    background-color: white;
    color: Black;
	 border: 2px solid black;
    margin-left: auto;
    margin-right: auto;
    min-width: 1000px;
/*    max-width: 1400px; */
    }
   
/* Header Container*/

#header {
	position:relative;
   top:0px;
   border: 3px solid white;
   color: white;
   background: #000033 url(images/fmdx.png) no-repeat top center;
   margin-left: auto;
   margin-right: auto;
   min-width: 1000px;
/*   max-width: 1400px; */
   height: 65px;
   } 	 

/* Content Container*/

#colleft 
{   float: left;
    width: 175px;
    margin-top: 2px;
    margin-left: 2px;
}

#colmid 
{   position: relative;
    border: 1px solid #003366;
    background: url(images/torony.png) no-repeat 80px 35px;
    margin-left: 184px;
    margin-right: 2px;	/* 125px */
    margin-bottom: 0px;	
    top:2px;
    min-height: 840px;
    min-width: 650px;
/*  max-width: 1085px;  90% 5% */
/*  max-width: 885px; */
 }

#colmid2 
{   position: relative;
    border: 1px solid #003366;
    margin-left: 2px;
    margin-right: 2px;	/* 125px */
    margin-bottom: 0px;	
    top:2px;
    min-height: 840px;
    min-width: 650px;
/*  max-width: 1085px;  */
/*  max-width: 885px; */
 }
 
/* Footer Container */
#footer {
    clear:both;
    border: 1px solid white;
    background-color: black;
	 color: white; 
    margin-left: auto;
    margin-right: auto;
    min-width: 980px;
/*  max-width: 1400px; */
 	 height: 18px;
 }

a:link, a:visited {
	text-decoration: none;
	border: 1px solid #B1B1B1;
	color: #000099;
	background-color: White;
   font-family: verdana, tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 85%;
	text-align: center;
 }

a:hover {
	color: White;
   background: #4682b4;
	border: 1px solid Black;
	text-decoration: none; }

a:active {
	text-decoration: none;
	border: 1px solid #B1B1B1;
	color: blue; 
	background: #ffd700; }   

a.img:link {
background: none;
border: none;
}    

img {
  display: block;
  margin-left: auto; 
  margin-right: auto;
  }

.image {
  display: block;
  background: url(fmdx2.png) no-repeat;
  border: 5px outset #666666;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 1px; 
 -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,1);
  -moz-box-shadow:    0 0 13px 3px rgba(0,0,0,1);
  box-shadow:         0 0 13px 3px rgba(0,0,0,1); 
  width: auto;
  height: auto;
} 

/*
.image:hover {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  }
*/

.cont {
   display: table;
   margin-left: auto; 
   margin-right: auto;
   margin-bottom: 1px;
   margin-top: 1px;
   width: 800px;
   height: 600px;
}

.ol {
   position: relative;
   background: url(frekvencia.png) no-repeat 0 0; 
   margin-top: -600px;
   margin-left: auto; 
   margin-right: auto;
   opacity: 0;
   width: 450px;
   height: 600px; 
   transition: .5s ease;
   background-color: transparent;
}

.cont:hover .ol {
   opacity: 0.6;
}

.box {
	margin: 0 auto;
	}

h1 {
    background-color: #003366;
    color: white;
    text-shadow: 3px 0 black, 0 3px black, 3px 0 black, 0 3px black;  
    border: 5px outset #666666;
    padding: 1px;
	 margin: 1px;
	 text-align: center;
	 font-size: 130%;  
	 font-weight: 700;}
	 
h2 {
    background-color: #336699;
    color: white;
    text-shadow: 3px 0 black, 0 3px black, 3px 0 black, 0 3px black;
    border: 5px outset #666666;
    padding: 1px;
	 margin: 1px;
	 text-align: center;
	 font-size: 120%;  
	 font-weight: 700;}
 
h3 {
    background-color: #336699;
    color: white;
    text-shadow: 3px 0 black, 0 3px black, 3px 0 black, 0 3px black;
    border: 5px outset #666666;
    padding: 1px;
    margin: 1px;
    text-align: center;
    font-size: 130%;  
    font-weight: 700;}
 
p { 
    padding:1px;
    margin:1px;
    text-align: center;
}

p.link { 
    font-size: 100%; 
    margin:1px;
    line-height: 100%;
    text-align: justify;
    overflow: auto;
}

a img,:link img,:visited img { border:none }
 
div.hr { 
      display: block;
      background-color: #000033;
      color: white;
      height: 2px;
      width: auto;
      margin-left: 1px; 
      margin-right: 1px;
      margin-top: 3px;
      margin-bottom: 3px;
      padding: 0px; }

.table {
      display: table;
      min-width: 700px;
      width: auto;
      margin-left: auto; 
      margin-right: auto;      
      border: 5px outset #666666;
      margin-top: 2px;
      margin-bottom: 2px; }

.table2 {
      display: table;
      margin-left: auto; 
      margin-right: auto;      
      margin-top: 200px;      
      margin-bottom: 200px; }

.table3 {
      display: table;
      width: 850px;
      margin-left: auto; 
      margin-right: auto;      
      border: 5px outset #666666;
      margin-top: 2px;
      margin-bottom: 2px; }

.table-mid {
      display: table;
      width: 500px;
      margin-left: auto; 
      margin-right: auto;      
      border: 5px outset #666666;
      margin-top: 5px;
      margin-bottom: 5px; }

.table-left3 {
      display: table;
      min-width: 700px;
      width: auto;
      margin-left: 2px; 
      margin-right: auto;      
      border: 5px outset #666666;
      margin-top: 5px;
      margin-bottom: 5px; }
      
.title {
   display: table-caption;
   font : 900 120% 'Arial', 'Times New Roman', 'Serif';
	text-align : center;
   border: thick outset #666666; 
	color : white;
	background : black;
	width : auto;
	padding: 2px; }

.title2 {
   display: table-caption;
   font : 900 130% 'Arial', 'Times New Roman', 'Serif';
	text-align : center;
   border: thick outset #666666; 
	color : white;
	background : white;
	width : auto;
	padding: 2px; }

.heading {
   display: table-row;
   font : 700 100% 'Arial', 'Times New Roman', 'Serif';
   background-color: black;
   color: white;
   text-shadow: 3px 0px black, 0px 3px black, 3px 0px black, 0px 3px black; }

.row {
     display: table-row; }

.cell1 {
   display: table-cell;
   font : 700 100% 'Arial', 'Times New Roman', 'Serif';
	text-align : center;
   border: thick outset #666666; 
   color : white;
	background : black;
	width : auto;
	padding: 2px;
	vertical-align: middle; }		

.cell1a {
   display: table-cell;
   font : 700 100% 'Arial', 'Times New Roman', 'Serif';
   text-align : center;
   border: thick outset #666666; 
   color : white;
   background : white;
   width : auto;
   padding: 2px;
   vertical-align: middle; }		

.cell1b {
   display: table-cell;
   font : 700 90% 'Arial', 'Times New Roman', 'Serif';
   text-align : center;
   border: thick outset #666666; 
   color : white;
   background : black;
   width : auto;
   padding: 2px;
   vertical-align: middle; }		


.cell2 {
   display: table-cell;
   font : 700 90% 'Arial', 'Times New Roman', 'Serif';
	text-align : center;
   border: thick outset #666666; 
	color : white;
	background : #003366;
	width : auto;
	padding: 2px;
        vertical-align: middle; }		

.cell2a {
   display: table-cell;
   font : 700 90% 'Arial', 'Times New Roman', 'Serif';
	text-align : center;
   border: thick outset #666666; 
	color : white;
	background : #003366;
	width : 500px;
	padding: 2px; }		

.cell2b {
   display: table-cell;
   font : 700 90% 'Arial', 'Times New Roman', 'Serif';
	text-align : center;
   border: thick outset #666666; 
	color : white;
	background : #666666;
	width : auto;
	padding: 2px;
   vertical-align: middle; }		

.cell2c {
   display: table-cell;
   font : 700 90% 'Arial', 'Times New Roman', 'Serif';
   text-align : center;
   border: thick outset #666666; 
   color : white;
   background : #003366;
   width : auto;
   padding: 2px; }		

.cell3 {
   display: table-cell;
   font : 700 70% 'Arial', 'Times New Roman', 'Serif';
   text-align : center;
   border: thick outset #666666; 
   color : white;
   background : black;
   width : auto;
   padding: 2px;
   vertical-align: middle; }		

.cell4 {
   display: table-cell;
   font : 700 100% 'Arial', 'Times New Roman', 'Serif';
	text-align : center;
   border: thick outset #666666; 
   color : white;
    	background : #408080;
	width : auto;
	padding: 2px;
	vertical-align: middle; }		

.cell4a {
   display: table-cell;
   font : 700 90% 'Arial', 'Times New Roman', 'Serif';
   text-align : center;
   border: thick outset #666666; 
   color : white;
   background : #408080;
   width : auto;
   padding: 2px;
   vertical-align: middle; }		

.cell5 {
   display: table-column;
   font : 700 100% 'Arial', 'Times New Roman', 'Serif';
	text-align : center;
   border: thick outset #666666; 
   color : white;
	background : black;
	width : auto;
	padding: 2px;
	vertical-align: middle; }		

.col1 {
   display: table-cell;
   font : 700 120% 'Arial', 'Times New Roman', 'Serif';
	text-align : center;
   border: thick outset #666666; 
   color : white;
	background : black;
	width : auto;
	padding: 2px;
	vertical-align: middle;
    }		

.col2 {
   display: table-cell;
   font : 700 100% 'Arial', 'Times New Roman', 'Serif';
	text-align : center;
   border: thick outset #666666; 
   color : white;
	background : #003366;
	width : auto;
	padding: 2px;
    }		

.col3 {
   display: table-cell;
   font : 900 120% 'Arial', 'Times New Roman', 'Serif';
	text-align : center;
   border: thick outset #666666; 
   color : black;
	background : #ffffff;
	width : auto;
	padding: 2px;
    }		

.cell.rowspanned {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
}    
    
 .top         {
	font: normal normal bold 10px arial, verdana, sans-serif; 
	float: right;
	text-align: right;
	background: black;
	color: white;
	position:relative;
	bottom: 14px;
	right: 5px; /* 130 */
	padding: 1px; 
   padding-left: 10px;
 	margin-bottom: 10px;
	margin-right: 0px; 
   width: 85px; }

.top a:link, .top a:visited, .top a:active  {
    text-decoration: none;
	 color: #CCCCCC; 
    background: Black url(images/top1.gif) no-repeat center left;
    padding-left: 10px;
	 border: none; }

.top a:hover {
    text-decoration: none;
	 color: White;
    background: Black url(images/top2.gif) no-repeat center left; }
 
.mylogo {
    background: Black url(freki1.gif) no-repeat center left;
    color: #CCCCCC;
    float: left;
    font: normal normal 700 10px arial, verdana, sans-serif; 
    padding: 2px; 
    padding-left: 25px;
    vertical-align: middle; 
    }

.mylogo:hover {
   background: Black url(freki1.gif) no-repeat center left;
	color: White;
	text-decoration: none;
	cursor: default; }

.footright
{   background: Black url(images/ok.gif) no-repeat 0 50%;
    color: White; 
	 float: right;
	 font: normal normal bold 10px arial, verdana, sans-serif; 
	 text-align: center;
	 vertical-align: middle;
	 padding: 2px; 
    padding-left: 30px; }
	 
.footright a:link, .footright a:visited, .footright a:active {
   font: normal normal bold 10px arial, verdana, sans-serif; 
	text-decoration: none;
	color: #CCCCCC;
	border: none;
	background-color: Black; }

.footright a:hover {
   font: normal normal bold 10px arial, verdana, sans-serif; 
	color: White;
	background-color: Black;
	text-decoration: none; }

/*	 
.footright a:link, .footright a:visited, .footright a:active {
	text-decoration: none;
	color: #CCCCCC;
	border: none;
	background-color: Black; }

.footright a:hover {
	color: White;
	background-color: Black;
	text-decoration: none; }
*/

#map-canvas { 
   width: 99%;
   height: 650px;
   border: thick outset #666666; 
   margin-bottom: 5px;
   display: block; 
   margin-left: auto; 
   margin-right: auto; 
 }

#pix { 
   width: 99%;
   height: 900px;
 /*  border: thick outset #666666; */
   margin-bottom: 5px;
/*   display: block; */
   margin-left: auto; 
   margin-right: auto; 
   background-color: transparent; 
}

.frame { 
   width: 99%;
   height: 1100px;
   border: thick outset #666666; 
   margin-left: auto; 
   margin-right: auto; 
 }
.ticker {
   width: 455px;
	height: 80px;
	overflow: hidden;
	border: 1px solid black;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #DDD;
	background-color: olive;
	color: White;
	text-align: left;
}

ul.tick {
   list-style: none;
   font-size: 85%;   
   padding: 0;
   margin: 0;
}

ul.tick li.tick {
   list-style: none;
   height:35px;
   padding-bottom:0px;
   padding-top: 5px;
   padding-left: 2px;
   border-bottom: 1px solid #D6CFB8;
 	font : italic 900 18px 'Arial', 'Times New Roman', 'Serif';
}

iframe.map {
 	/* width: 630px; */
 	width: 99%;
 	height: 650px;
   border: thick outset #666666; 
   display: block; 
   margin-left: auto; 
   margin-right: auto;
   margin-top: 5px;
   margin-bottom: 5px;
   }

.fig {
    background-color: #003366;
    color: white;
    text-shadow: 3px 0 black, 0 3px black, 3px 0 black, 0 3px black;
    border: 5px outset #666666;
    -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,1);
    -moz-box-shadow:    0 0 13px 3px rgba(0,0,0,1);
    box-shadow:         0 0 13px 3px rgba(0,0,0,1); 
    padding: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    text-align: center;
    font-size: 100%;  
    font-weight: 700;
    max-width:800px;
    max-height:600px;
    margin-left: auto; 
    margin-right: auto;
}
.note {
    font: normal normal bold 10px arial, verdana, sans-serif; 
    padding:2px;
    margin:2px;
    font-size: 70%;
    text-align: left;
  }

.clearleft { clear: left }
.clearright { clear: right } 
.clearboth { clear: both }
.fleft { float: left; margin: 5px;}
.fright{ float: right; margin: 5px; }
.fnone { float: none }