/* CSS Document */
html,body {
	margin: 0 0;
	background:url("../images/bg.png") repeat-x #a58e6e; 
	/*font-family: "Myriad Pro Light Cond";
	src: url( ../font/MyriadPro-LightCond.otf );*/
	font-family:Arial, Helvetica, sans-serif;
	color:#252525;
	font-size:12px;
}

h1{
font-size:146.5%;
color:#be063c;

}

h2{
font-size:95.5%;
font-weight:bold;
}

h3{
font-size:12px;
font-weight:lighter;
color:#fff;
float:left;
}

.img{
	height:38px;
	padding:5px;
	clear:both;
}


@font-face {  
  font-family: "Myriad Pro Light Cond";  
  src: url( ../font/MyriadPro-LightCond.otf ); /* IE */  
  src: local("Myriad Pro Light Cond"), url( ../font/MyriadPro-LightCond.otf ) format("opentype"); /* non-IE */  
}  
 
/* THEN use like you would any other font */  
.yourFontName { font-family:"Myriad Pro Light Cond", verdana, helvetica, sans-serif;  
} 

input{width:250px;}

textarea{width:250px; height:350px;} 


.bold{
font-size:112.5%;
color:#fff;
font-weight:bold;
}

.lighter{
font-size:12px;
font-weight:lighter;
color:#fff;
}

a:link {text-decoration: none; color:#fff;}
a:hover {text-decoration: none; color:#666666;}
a:active {text-decoration: none; color:#fff;}
a:visited {text-decoration: none; color:#fff;}

.submit{
	width:30px;
	background-color:#003399;
	border:#333333 2px solid;
	background:url("../images/login.png");
	margin-left:5px;
	margin-right:5px;
}



#container {
	width:1012px;
	margin:0 auto;
	background:url("../images/content.png") no-repeat;
	min-height:600px; 
}

#header{
	width:822px;
	margin:0 auto;
}

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	/*font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;*/
	font-size:85%;
	font-weight:bold;
	background: url("../images/tabE.png") repeat-x #bf063c;
	}
.menu ul{
	height:84px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		width:130px;
		float:left;
		padding:0px;
		}
	.menu li a{
		background: url("assets/images/seperator.gif") bottom right no-repeat;
		color:#fff;
		display:block;
		font-weight:bold;
		line-height:42px;
		margin:0px;
		padding:0px 10px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #191919 url("../images/tabsEleft.png");
			color:#fff;
			text-decoration:none;
			}
	.menu li ul{
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:110px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:#191919 url('../images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:205.5px;
		font-weight:lighter;
		}
	.menu li:hover li a{
		background:none;
		font-size:95.5%;
		}
	.menu li ul a{
		display:block;
		height:30px;
		font-weight:lighter;
		margin:0px;
		text-align:left;
		padding-bottom:10px;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#bf063c url('assets/images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#fff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	



#tabsE {
	width:822px;
	height:94px;
	margin:0 auto;
	font-size:98.5%;
	line-height:normal;
	background:url("../images/tabE.png") #a3885f; 
      }
    #tabsE ul {
        margin:0;
        padding:0px 0px 0px 0px;
        list-style:none;
      }
    #tabsE li {
	
      width:130px;
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsE ul li a {
      float:left;
      width:130px;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      border-right:0px solid #fff;
      }
    #tabsE ul li a span {
	float:left;
	width:130px;
	height:28px;
	display:block;
	color:#fff;
	font-weight:lighter;
	text-align:center;
	padding-top:9px;
	pading-left:3px;
	background:url("../images/a.png") right top;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsE ul li a span {float:none;width:130px;}
    /* End IE5-Mac hack */
    #tabsE ul li a:hover span {
	  width:130px;
      color:#fff;
	  background:url("../images/tabsEleft.png") bottom top;
      }
    #tabsE ul li a:hover {
      background-position:0% 0px;
      }
    #tabsE ul li a:hover span {
	  background:url("../images/tabsEleft.png") bottom top;
      background-position:100% 0px;
	  color:#fff;
	  cursor:pointer;
      }

        #tabsE #current ul li a {
                background-position:0% 0px;
        }
        #tabsE #current ul li a span {
                background-position:100% 0px;
        }
		

#content{
	margin:0 auto;
	width:822px;
	background:#68573d;
	min-height:400px;
	
}


#text{
padding:10px; 
background:#68573d; 
color:#FFFFFF; 
width:802px;
text-align:justify;
min-height:420px;
}

#text span{font-size:110.5%; }

#text span a{color:#999999;}

#text img{
	margin:10px;

}
	
#slidebar {
	position:relative;
	top:0px;
	left:0px;
	width:185px;
	float:left;
	padding-bottom:10px;
	margin-right:15px;
	border-top:#FFFFFF 1px dotted;
	
      }
    #slidebar li {
        margin:0;
        padding:0px 0px 0px 0px;
        list-style:none;
      }
    #slidebar ul {
      margin:0;
      padding:0;
      }
    #slidebar a {
      float:left;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
    #slidebar a span {
	width:170px;
	display:block;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 15px;
	font-size:88.5%;
	border-bottom:#FFFFFF 1px dotted;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #slidebar a span {float:none;}
    /* End IE5-Mac hack */
    #slidebar a:hover span {
		background:url('../images/arrow_2.png') right top #191919;
      }
    #slidebar a:hover {
      }
    #slidebar a:hover span {
	 color:#fff;
	 background:#191919;
	 cursor:pointer;
	 font-weight:lighter;
     }

        #slidebar #current a {
                background-position:0% -42px;
        }
        #slidebar #current a span {
                background-position:100% -42px;
        }


.tophead{
	height:20px;
	clear:both;
	display:block; 
	color:#d03301;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size:112.5%;
	font-weight:bold;
	border-bottom:solid 1px #d03301;
	margin-bottom:10px;
	background:url(../images/tophead.png_) no-repeat left bottom;
}

#footer_content{
	clear:both;
	position:relative;
	top:10px;
	padding:10px;
	background:url(../images/footer.png_) repeat-x #191919;	
}

#footer{
	padding:10px;
	height:116px;
	width:802px;
	margin:0px auto;
	font-size:87.5%;
	line-height:normal;
	background:url("../images/footer.png"); 
} 

    #footer ul {
        margin:3px;
        padding:0px;
        list-style:none;
	float:right;
      }
    #footer li {
      width:140px;
      display:inline;
      margin:3px;
      padding:0;
      }
    #footer ul li a {
      float:left;
      width:158px;
      margin:3px;
      padding:0 0 0 0px;
      text-decoration:none;
	  border-right:1px solid #828080;
      }
    #footer ul li a span {
	float:left;
    width:158px;
	display:block;
	color:#828080;
	font-size:10px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:3px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #footer ul li a span {float:none;width:140px;}
    /* End IE5-Mac hack */
    #footer ul li a:hover span {
	  	width:140px;
        color:#017fff;
      }
    #footer ul li a:hover {
      background-position:0% -42px;
      }
    #footer ul li a:hover span {
	  background:url("../assets/images/tableftE.gif") right top;
      background-position:100% -42px;
	  color:#017fff;
	  cursor:pointer;
      }

        #footer #current ul li a {
                background-position:0% -42px;
        }
        #footer #current ul li a span {
                background-position:100% -42px;
        }



/* POLLEN TABLA */
.pollen                     { margin: 20px auto; border-collapse: collapse; border: 1px solid #A5003B; text-align: left;}
.pollen thead               { color: #000000; background-color: #FFCE95; border: 1px solid #7F7D78; }
.pollen thead th            { padding: 2px 10px 2px 10px; }
.pollen tbody               { border-left: 1px solid #D5D8DE; border-right: 1px solid #D5D8DE; }
.pollen tbody td            { padding: 2px 10px 2px 10px; width: 25px; border-bottom: 1px solid #D5D8DE; border:2px solid #ffffff; }
.pollen tbody tr.sotet   td { color: #000000; background-color: #e3ebc6; text-align: justify;}
.pollen tbody tr.vilagos td { color: #000000; background-color: #f7fde3; text-align: justify;}

/*************** pollen koncentráció ***************/
.polleninfo                        { border: 0px; }
.polleninfo td                     { width: 25px; }
.polleninfo tbody td.soft          { background-color: #c6df3b; }
.polleninfo tbody td.norm          { }
.polleninfo tbody td.hard          { background-color: #ff9f02; }

.pollen tbody tr.vilagos td.soft   { background-color: #c6df3b; }
.pollen tbody tr.vilagos td.norm   { }
.pollen tbody tr.vilagos td.hard   { background-color: #ff9f02; }
.pollen tbody tr.sotet   td.soft   { background-color: #c6df3b; }
.pollen tbody tr.sotet   td.norm   { }
.pollen tbody tr.sotet   td.hard   { background-color: #ff9f02; }
/*************** pollen koncentráció ***************/

/* POLLEN TABLA VEGE */

.width{
	width:250px;
	height:24px;
	padding:3px;
	display:block;
	float:left;
	font-size:8px;
	font-weight:bold;
}

#w{
	width:250px;
	height:24px;
	padding:3px;
	display:block;
	float:left;
	font-size:80%;
}