/* CSS Document */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li, h1, h2 {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: inherit;
  font-size: 13px;
  font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
  text-decoration: none;
  color: #5c6166;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { 
  border-collapse: collapse; 
  border-spacing: 0; 
}
caption, th, td { 
  text-align: left; 
  font-weight:400; 
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { 
  content: ""; 
}

blockquote, q { 
 quotes: "" ""; 
}

a img { 
  border:0 none;
  font-style: italic;
}

a { 
  color:#2eb135;
}

p { 
  margin:15px 0;
}

/* -------------------------------------------------------------- 
   end of reset.css
-------------------------------------------------------------- */

body {
    background:#fff url(../images/bgr_index.jpg) no-repeat top center;
    margin:0px;
    padding:0px;
	width:100%;
	height:100%;
	position:relative;
}

html {
	width:100%;
	height:100%;
}

#header {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

#main {
	background:url(../images/footer.jpg) no-repeat bottom center;
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
}

#menu {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

#content {
	width:934px;
	margin: auto auto auto auto;
}

#submenu {
	background:url(../images/bgr_submenu.png) no-repeat top center;
	width:688px;
	margin:0px;
	padding:0px;
	padding-bottom:25px;
}

#submenu a{
	font-size:12px;
	color:#5C6166;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	line-height:14px;
}

#submenu a:hover{
	font-size:12px;
	color:#333333;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
}

#menu_submenu td, ul{
	padding-left:0px;
	list-style: none;
}

#menu_submenu li{
	background-repeat: no-repeat;
	padding-left:0px;
	line-height:20px;
}

#menu_right {
	background:url(../images/bgr_rightmenu.png) no-repeat top center;
	width:246px;
	height:410px;
	margin:0px;
	padding:0px;
	float:right;
}

#menu_right ul{
	padding-left:28px;
	list-style: none;
}

#menu_right li{
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	padding-left:15px;
}

#menu_right a{
  font-weight: normal;
  font-style: inherit;
  font-size: 12px;
  line-height:20px;
  font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
  text-decoration: none;
}

#rightmegrendeles {
	background:url(../images/bgr_right.png) no-repeat top center;
	width:246px;
	margin:0px;
	padding:0px;
	float:right;
}

#rightsupport {
	background:url(../images/bgr_right.png) no-repeat top center;
	width:246px;
	margin:0px;
	padding:0px;
	float:right;
}

#righttamogatas {
	background:url(../images/bgr_right.png) no-repeat top center;
	width:246px;
	margin:0px;
	padding:0px;
	float:right;
}

#menu_right p {
	padding-left:28px;
	padding-top:5px;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	text-align:left;
}

#menu_megoldasok {
	background:url(../images/bgr_megoldasok.png) no-repeat top center;
	width:246px;
	height:400px;
	margin:0px;
	padding:0px;
	float:right;
}

#menu_megoldasok ul{
	padding-top:19px;
	padding-left:28px;
	padding-right:8px;
	padding-bottom:20px;
	list-style: none;
	width:210px;
}

#menu_megoldasok li{
	background-repeat: no-repeat;
	padding-left:0px;
	line-height:20px;
}

#menu_rightsupport li{
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	padding-left:15px;
}

#main_productcontent ul{
	padding-left:32px;
	list-style: none;
	line-height:20px;
}

#main_productcontent li{
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	padding-left:15px;
	font-size:12px;
	color:#848b91;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	text-align:left;
	line-height:16px;
	margin-bottom:4px;
	margin-top:4px;
}

#menu_megoldasok ul li a{
  font-weight: normal;
  font-style: inherit;
  font-size: 12px;
  font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
  text-decoration: none;
  color:#5C6166;
  display:block;
  line-height:14px;
  margin-top:6px;
}

#menu_megoldasok li a:hover, #menu_megoldasok li a.active{
	color: #333333;
}

#menu_megoldasok p {
	padding-left:28px;
	padding-top:10px;
	color:#848b91;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	text-align:left;
}

#menu_megoldasok li {
	color:#5c6166;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	text-align:left;
}

#main_hirek {
	background:url(../images/bgr_news.png) no-repeat top center;
	width:688px;
	margin:0px;
	top:425px;
}

#main_content {
	background:url(../images/bgr_contentonly.png) no-repeat top center;
	width:703px;
	margin:0px;
	top:425px;
	min-height:500px;
}

#main_content p, ul, li {
	padding-left:32px;
	padding-right:45px;
	padding-top:5px;
	color:#848b91;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	text-align:justify;
}

#main_content ul {
	padding-left:32px;
	list-style: none;
	line-height: 20px;
}

#main_content li{
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	padding-left:15px;
	font-size:12px;
	color:#848b91;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	text-align:left;
	line-height:16px;
	margin-bottom:4px;
	margin-top:4px;
}

#main_content h1 {
	padding-left:32px;
	padding-right:45px;
	font-size:20px;
}

#main_productcontent {
	background:url(../images/bgr_contentonly.png) no-repeat top center;
	width:703px;
	margin:0px;
	top:425px;
	min-height:650px;
}

#main_productcontent p {
	padding-left:32px;
	padding-right:45px;
	padding-top:5px;
	color:#848b91;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	text-align:justify;
	width: 625px;
}

#main_productcontent table {
	padding-left:32px;
}

#main_productcontent td, tr {
	color:#848b91;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	vertical-align:top;
}

#main_productcontent h1 {
	padding-left:32px;
	padding-right:45px;
	color:#2eb135;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size:20px;
	text-align:left;
	width: 660px;
}

#main_productcontent h2 {
	padding-left:32px;
	padding-right:45px;
	color:#2eb135;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size:14px;
	text-align:left;
}

#main_productcontent h3 {
	padding-left:32px;
	padding-right:45px;
	color:#5c6166;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-weight:normal;
	font-size:14px;
	text-align:left;
	margin:0;
}

#main_content_yellow {
	background-color:#f1f2e4;
	width:200px;
	top:425px;
	width: 671px;
	margin-bottom:25px;
	margin-left:2px;
	margin-left:10px;
	overflow:hidden;
}

#main_content_yellow h1 {
	background-color:#f1f2e4;
	padding-left:32px;
}

#main_content_yellow h2 {
	background-color:#f1f2e4;
	padding-left:32px;
	padding-top:18px;
}

#main_content_yellow ul{
	background-color:#f1f2e4;
	padding-left:28px;
	list-style: none;
	width:607px;
}

#main_content_yellow li{
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	padding-left:15px;
}

#footer {
	background:url(../images/bgr_footer.jpg) bottom center repeat-x;
	height:75px;
	padding-top:20px;
	position:static;
	clear:right;
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
}

#footercontent {
	width:934px;
	height:75px;
	margin-left:auto;
	margin-right:auto;
}

h1 {
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size: 17px;
	color:#2eb135;
	padding-top:18px;
}

h2 {
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size: 17px;
	color:#848b91;
	margin-bottom:0px;
	padding-bottom:0px;
}

p {
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size: 12px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:16px;
	color:#848b91;
	text-align:justify;
}

ul {
	list-style-image: url('../images/dot.gif');
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left:25px;
	padding-top:0px;
	padding-bottom:10px;
	margin-top:0px;
}

li {
	list-style-image: url('../images/dot.gif');
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left:25px;
	padding-top:0px;
	margin-top:0px;
}

#hirek {
	width: 62px;
	height: 29px;
	background: url(../images/menu_hirek.jpg) no-repeat;
	display:inline-block;
}

#hirek:hover, #hirek.active {
	background: url(../images/menu_hirek_over.jpg) no-repeat;
}

#megoldasok {
	width: 101px;
	height: 29px;
	background: url(../images/menu_megoldasok.jpg) no-repeat;
	display:inline-block;
}

#megoldasok:hover, #megoldasok.active {
	background: url(../images/menu_megoldasok_over.jpg) no-repeat;
}

#termekek {
	width: 87px;
	height: 29px;
	background: url(../images/menu_termekek.jpg) no-repeat;
	display:inline-block;
}

#termekek:hover, #termekek.active {
	background: url(../images/menu_termekek_over.jpg) no-repeat;
}

#alkalmazasok {
	width: 112px;
	height: 29px;
	background: url(../images/menu_alkalmazasok.jpg) no-repeat;
	display:inline-block;
}

#alkalmazasok:hover, #alkalmazasok.active  {
	background: url(../images/menu_alkalmazasok_over.jpg) no-repeat;
}

#rolunk {
	width: 69px;
	height: 29px;
	background: url(../images/menu_rolunk.jpg) no-repeat;
	display:inline-block;
}

#rolunk:hover, #rolunk.active {
	background: url(../images/menu_rolunk_over.jpg) no-repeat;
}

#megrendeles {
	width: 104px;
	height: 29px;
	background: url(../images/menu_megrendeles.jpg) no-repeat;
	display:inline-block;
}

#megrendeles:hover, #megrendeles.active {
	background: url(../images/menu_megrendeles_over.jpg) no-repeat;
}

#support {
	width: 75px;
	height: 29px;
	background: url(../images/menu_support.jpg) no-repeat;
	display:inline-block;
}

#support:hover, #support.active {
	background: url(../images/menu_support_over.jpg) no-repeat;
}

#kapcsolat {
	width: 85px;
	height: 29px;
	background: url(../images/menu_kapcsolat.jpg) no-repeat;
	display:inline-block;
}

#kapcsolat:hover, #kapcsolat.active {
	background: url(../images/menu_kapcsolat_over.jpg) no-repeat;
}

#webshop {
	width: 85px;
	height: 29px;
	background: url(../images/menu_webshop.jpg) no-repeat;
	display:inline-block;
}

#webshop:hover, #webshop.active {
	background: url(../images/menu_webshop_over.jpg) no-repeat;
}