/* alap beállítások */


body {
	background-color: transparent;
	background-repeat: repeat;
	background-position: top;
	background-image: url(image/background_001.jpg);
	padding-top:0px;
	margin-top:0px;
}

.full{
	width: inherit;
	height: auto;
	margin-top:0px;
	position: relative;
	padding-top:70px;
	padding-left:-20px;
	background-image: url(image/head-background2.png);
	background-position:top center;
	background-repeat: no-repeat;
}
	

p {
	text-align: justify;
	font-family: "Arno Pro", Tahoma, Geneva, sans-serif;
	font-size:17px;
	line-height:1.2;
	font-style:normal;
	font-weight:normal;
	color: #333;
	margin: 10px;
}

h1 {
	text-align:justify;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 19px;
	font-style: normal;
	font-weight: 300;
	margin:15px;
	color:#333;
}

h2 {
	text-align: left;
	font-family: "Arno Pro SmText", Verdana, Geneva, sans-serif;
	font-size:18px;
	margin:5px;
	color: #333;
	text-shadow: 1px 1px 1px #666;
}

h3 {
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #C00;
	font-size:25px;
	margin:5px;
	font-weight:bolder;
	font-style:italic;
}

h4 {
	text-align: justify;
	font-family: "Arno Pro", Tahoma, Geneva, sans-serif;
	font-size:20px;
	font-style: italic;
	font-weight:normal;
	color: #333;
	text-align:right;
	margin-right:5px;
}

h5 {
	font-family: Vivaldi, Arial;
	font-size:35px;
	margin:15px auto 25px 60px;
	color: #093;
}

address {
	font-family: "Arno Pro SmText", Times New Roman, Times, serif;
	margin:18px;
	font-size:14px;
	font-style:normal;
	color: #666;
}

.box {
	margin-left:auto;
	margin-right:auto;
	height:800px;
	width:1000px;
	max-width:1000px;
	text-align:left;
	margin-top: 0px;
	background-color: #FFF;
	background-image:url(image/box_background_image.png);
	background-position:top center;
	background-repeat:no-repeat;
	border-radius:5px 5px 5px 5px;
	box-shadow: inset 0px 0px 10px #666633;
}

.banner {
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom:5px;
}
.top {
	width:105px;
	height:55px;
	border:1px solid #999;
  background: #090;
  background: -moz-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4EE53), color-stop(100%, #81AF0E));
  background: -webkit-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: -o-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: -ms-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: linear-gradient(to bottom, #E4EE53 0%, #81AF0E 100%);
  background-repeat: repeat-x;
  color: white;	border-radius:0px 5px 5px 0px;
	-moz-border-radius:5px 0px 0px 5px;
	-ms-border-radius:5px 0px 0px 5px;
	-o-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	z-index:5000;
	position: fixed;
	margin: 250px auto auto auto;
}

.top:hover {
	margin: 250px auto auto 25px;
}

.button {
	width:105px;
	height:35px;
	border:1px solid #999;
  background: #090;
  background: -moz-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4EE53), color-stop(100%, #81AF0E));
  background: -webkit-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: -o-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: -ms-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: linear-gradient(to bottom, #E4EE53 0%, #81AF0E 100%);
  background-repeat: repeat-x;
  color: white;	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	margin:0px auto auto 55px;
}

.button:hover {
	background-color:#666;
	background-image:none;
}

.button2 {
	width:105px;
	height:35px;
	border:1px solid #999;
  background: #090;
  background: -moz-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4EE53), color-stop(100%, #81AF0E));
  background: -webkit-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: -o-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: -ms-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: linear-gradient(to bottom, #E4EE53 0%, #81AF0E 100%);
  background-repeat: repeat-x;
  color: white;	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	margin: auto auto 15px auto;	
}

.button2:hover {
	background-color:#666;
	background-image:none;
}

.szolgaltatas_img {
	margin: 13px 13px 12px 12px
}

.mozdulas {
	margin-left:25px;
}

.mozdulas:hover {
	margin-left:29px;
	font-weight:bold;
}

.arak {
	widt:620px;
	height:auto;
}

.sorok {
	width:auto;
	height:30px;
}

.sorok1 {
	width:auto;
	height:40px;
	background-color: #CCC;
}

.sorok2 {
	width:auto;
	height:30px;
	background-color: #3F3;

}

.ozslopok {
	width:145px;
	text-align:right;
	margin-right:10px;
}

.oszlopok1 {
	width: 160px;
}

.oszlopok2 {
	width:300px;
}

.oszlopok3 {
	width:280px;
}

.oszlopok4 {
	width:80px;
}

.flabelos {
	width:600px;
	height:auto;
	border:0px solid #999;
}

.akcio {
	width:300px;
	height:250px;
	border:0px solid #666;
	float:left;
	margin:10px auto 20px 15px;
	box-shadow:2px 2px 5px #666666;
}

.akcio:hover {
	box-shadow:2px 2px 5px #000000;
	-moz-box-shadow:2px 2px 5px #000000;
	-ms-box-shadow:2px 2px 5px #000000;
	-o-box-shadow:2px 2px 5px #000000;
	-webkit-box-shadow:2px 2px 5px #000000;
}

.akcio2 {
	width:300px;
	height:250px;
	border:0px solid #666;
	float:right;
	margin:10px 15px 20px auto;
	box-shadow:2px 2px 5px #666666;
}

.akcio2:hover {
	box-shadow:2px 2px 5px #000000;
	-moz-box-shadow:2px 2px 5px #000000;
	-ms-box-shadow:2px 2px 5px #000000;
	-o-box-shadow:2px 2px 5px #000000;
	-webkit-box-shadow:2px 2px 5px #000000;
}

/* fejléc képek */

* {
	margin : 0;
	padding : 0;
	width: auto;
}
html {
height : 100%;
}
body {
height : 100%;
color : #a4a4a4;
cursor : default;
font-size : 11px;
line-height : 16px;
text-align : center;
background-color : #000;
background-position : 50% 0;
background-repeat : no-repeat;
font-family : Tahoma, sans-serif;
}
a:link, a:visited {
color : #fff;
text-decoration : none;
}
a img {
border : 0;
}
div.wrap {
width : 980px;
margin : 10px auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 980px;
height : 52px;
margin : 0px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 190px;
background : url(images/header-bg2.png) no-repeat 50% 0;

}
div#header div#slide-holder {
z-index : 40;
width : 980px;
height : 190px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 4px;
left : 4px;
width : 971px;
height : 181px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 130px;
width : 973px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 12px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p.text2 {
float : left;
font-weight:bolder;
color : #fff;
display : inline;
font-size : 16px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 14px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}


/* menü */

/* menü */

#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
  float: left;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 1px;
  left: 99%;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  top: 1px;
  left: 99%;
}
#cssmenu ul li {
  float: none;
}
#cssmenu ul {
  font-weight: bold;
}
#cssmenu ul ul {
  margin-top: 1px;
}
#cssmenu ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */

#cssmenu {
  border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  background: #6F3;
  background: -moz-linear-gradient(top, #030 100%, #6F3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #030), color-stop(100%, #6F3));
  background: -webkit-linear-gradient(top, #030 100%, #6F3 100%);
  background: -o-linear-gradient(top, #030 100%, #6F3 100%);
  background: -ms-linear-gradient(top, #030 100%, #6F3 100%);
  background: linear-gradient(to bottom, #030 100%, #6F3 100%);
  background-repeat: repeat-x;
  width: 170px;
}
#cssmenu:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #090;
  background: -moz-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4EE53), color-stop(100%, #81AF0E));
  background: -webkit-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: -o-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: -ms-linear-gradient(top, #E4EE53 0%, #81AF0E 100%);
  background: linear-gradient(to bottom, #E4EE53 0%, #81AF0E 100%);
  background-repeat: repeat-x;
  color: white;
  display: block;
  font-family: "Arno Pro SmText", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 180%;
  padding: 5px 10px;
  text-decoration: none;
}
#cssmenu ul {
  border-right: 0 solid #e0b60f;
  list-style: none;
  width: 170px;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 0 solid #e0b60f;
  margin-top: -10px;
}
#cssmenu > ul > li:first-child >a {
  border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
}
#cssmenu > ul > li:last-child >a {
  border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
}
#cssmenu > ul > li.active a {
  box-shadow: inset 0 0 3px black;
  -moz-box-shadow: inset 0 0 3px black;
  -webkit-box-shadow: inset 0 0 3px black;
  background: #070707;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  background-repeat: repeat-x;
}
#cssmenu > ul > li:hover > a {
  background: #666;
  color:#fff;
  font-style: normal;
  background-repeat: repeat-x;  
  box-shadow: inset 0px 0px 2px black;
  -moz-box-shadow: inset 0 0 3px black;
  -webkit-box-shadow: inset 0 0 3px black;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 150px;
  top: 5px;
  left: 100%;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #81AF0E;
  border-bottom: 1px dotted #ecd36f;
  filter: none;
  font-size: 12px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #666;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #678A0B;
  border-bottom: 1px dotted #d0bc6d;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #666;
}



/* Áraink gomb:

        <a href="arak.html" title="Ugrás az árlistákhoz">
        <div class="button">
          <p style="text-align:left; color:#FFF; text-align:center">Áraink</p>
        </div></a>
*/

/*-----------gnld----*/
#szoveg { font-size:12px;
		  text-align:justify;
	}
	
#termekek_gomb {
	background-color:#cf13bb;
	margin:auto auto -80px 30px;
	width:610px;
	border-radius:10px;
	color:#FFF;
	}	
	
#termekek_gomb:hover {
	background-color:#f167e3;
	color:#000;
	}	


.webshop {width:200px;
		  height:200px;
		  background-image:url(image/webshop_vecses.png);
		  z-index:99999;
		  position:fixed;
		  margin-left:-145px;
		  margin-top:320px;
		  border-radius:0px 0px 20px 0px;
		  border:1px solid #f65de6;
		  box-shadow:5px 5px 10px #999999;
	}
	
.webshop img {height:40px;
			  width:auto;
			  margin-top:150px;
			  margin-left:150px;
	}	
	
.webshop:hover {margin-left:-5px;
		 		margin-top:320px;

	}
	
/* ---eredeti----

.webshop {width:200px;
		  height:200px;
		  background-image:url(image/webshop.png);
		  z-index:99999;
		  position:fixed;
		  margin-left:-120px;
		  margin-top:-120px;
		  border-radius:0px 0px 20px 0px;
		  border:1px solid #f65de6;
		  box-shadow:5px 5px 10px #999999;
	}
	
.webshop img {height:70px;
			  width:auto;
			  margin-top:130px;
			  margin-left:130px;
	}	
	
.webshop:hover {margin-left:-10px;
		 		margin-top:-10px;

	}	*/
	

/*  --------- OTO termékek ----------*/

ul {
	text-align: justify;
	font-family: "Arno Pro", Tahoma, Geneva, sans-serif;
	font-size:17px;
	line-height:1.2;
	font-style:normal;
	font-weight:normal;
	color: #333;
	margin: 10px;
}

#table {
	width: 600px;
	border:2px solid #999;
	background: #EAEAEA;
	text-align: justify;
	font-family: "Arno Pro", Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:1.2;
	font-style:normal;
	font-weight:normal;
	color: #333;
	margin: 2px;
	margin:auto;}

#table td {
	width: 300px;
	padding:5px;}
	
/* ---  Mediwel karácsonyi akció  --- */	

#mediwel_akcio {
	width:640px;
	border:1px solid #666;
	margin-left:15px;
	font-size:14px;
	color:#FFF;
	padding:2px;
	margin-top:20px;
	margin-bottom:20px;
	background: #39c7ab;}
	
	#mediwel_akcio td {
		padding:5px;}
		
	#mediwel_akcio .strike {
		text-decoration:line-through;}