/* Vision Communications CSS layout */


/* Altalanos */

body {
	color: #444;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	background: white url("img/hatterlogo.jpg") no-repeat fixed left bottom;
	margin: 0;
	padding: 0;
	border-width: 0;
}

img {
	border: 0;
}

.rejtett {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute;
	left: -10000px;
}

div.spacer {
	clear: both;
}

strong {
	color: black;
	font-weight: normal;
}

.absztrakt {
	font-weight: bold;
	margin-top: 1.5em;
}

#fejlec img {
	margin: 30px 0 0 30px;
}

#fejlec  {
	background-color: #f3fcfe; 
	background-repeat: no-repeat;
	background-position: right top;
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
}

#oldalbelso {
	clear: both;
}

#menuhasab {
	font-size: 1em;
	background-color: #dfdfdf; 
	display: block;
	width: 100%;
	border-top: 5px solid #0073be;
	border-bottom: 1px solid #ccc;
}

#szoveghasab {
	color: #444;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	padding: 18px;
	border: solid 1px #dfdfdf;
}

#lablec {
	color: #a0a0a0;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 5px;
	clear: both;
}

body#sectionone #fejlec {background-image: url("img/madarak.jpg");}
body#sectiontwo #fejlec {background-image: url("img/madarak3.jpg");}
body#sectionthree #fejlec {background-image: url("img/madarak2.jpg");}
body#sectionfour #fejlec {background-image: url("img/madarak4.jpg");}
body#sectionfive #fejlec {background-image: url("img/madarak8.jpg");}
body#sectionsix #fejlec {background-image: url("img/madarak6.jpg");}
body#sectionseven #fejlec {background-image: url("img/madarak7.jpg");}

/* Tipográfia */

h1, h2, h3 {color: black; font-weight: normal;}

#szoveghasab h1 {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #0073be;
	font-size: 2.2em;
}

#szoveghasab h2 {
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 1.8em;       
}

#szoveghasab h3 {
	font-size: 1.6em;  
}

p   { 
	line-height: 1.7em;
	color: #444;
	font-size: 1.3em;
 }
 
li,
dd,
dt {
	font-size: 1.3em;
}
    
#lablec p	{
 	color: #a0a0a0;
 	font-size: 1em; 
  }
	

li {
	line-height: 1.7em;
}

#szoveghasab ul li    { list-style-type: square; }

#menuhasab ul { text-align: right; margin: 0; padding: 0.2em 1em 0.2em 0;}
#menuhasab ul li {
	color: #a0a0a0;
	text-transform: lowercase;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 1em;
}

body#sectionone #menuhasab li#one a, 
body#sectiontwo #menuhasab li#two a,
body#sectionthree #menuhasab li#three a,
body#sectionfour #menuhasab li#four a,
body#sectionfive #menuhasab li#five a,
body#sectionsix #menuhasab li#six a {
	color: #0867a8;
	font-weight: bold;
	}

body#sectionone #szoveghasab,
body#sectionfive #szoveghasab {
	min-height: 320px;
}

body#sectionthree #szoveghasab {
	min-height: 520px;
}

body#sectionfive #szoveghasab img,
body#sectionone #szoveghasab img,
body#sectionthree #szoveghasab img {
	float: right;
	border:10px solid #dfdfdf;
	margin-left: 20px;
}

#map_canvas {
	width:640px;
	height:250px;
	float:right;
	border:10px solid #dfdfdf;
}

ul#logos {
	width:99%;
	margin: 0 auto;
}
ul#logos li {
	list-style-type: none;
	width: 8%;
	max-width: 90px;
	height: 90px;
	margin: 0 8px;
	float: left;
	display: block;
	line-height: 90px;
}

ul#logos img {
	width: 99%;
	max-width: 80px;
	margin: 0 auto;
	display: inline;
	vertical-align: middle;
	
}



/* Linkek */
    
a:link {
	font-weight : normal; 
	text-decoration : underline;
	color: #0073be;
	background: transparent; 
	}
	
a:visited {
	font-weight : normal; 
	text-decoration: underline;
	color: #73A0BE;
	background: transparent; 
	}

a:hover {
	font-weight : normal; 
	text-decoration : underline;
	color: #0073be;
	background: transparent; 
	}

a:active {
	font-weight : normal; 
	text-decoration : none;
	color: #0073be;
	background: transparent;  
	}
	
#menuhasab ul li a, #lablec a { color: #a0a0a0; text-decoration: none;}
#menuhasab ul li a:hover, #lablec a:hover   { color: #0867a8;}

#hasab1 {
	width: 50%;
	float: left;
}

#hasab2 {
	width: 50%;
	float: right;
}