html, body
{
  height: 100%;
  margin: 0;
}

body
{
  background-color: #fff;
  color: #333;
  font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  padding: 0px;
  margin: 0px;
  margin: 0;
}

a
{
  color: #333;
  text-decoration: underline;
}

a:hover
{
  color: #8f5b8a;
}

/*p
{
  margin: 13px;
  padding: 13px;
}*/

img {
	border:0px;
}

.hidden {
	display:none;
}

#header
{
  background-image: url(/images/bg_header.jpg);
  width: 901px;
  height: 213px;
  margin: 0 auto;
  position:relative;
}
#header div.menu {
	position:absolute;
}
#header object.flash {
	position:absolute;
	z-index:0;
}
#lightwindow_container {
	z-index:1;
}

#content
{
  width: 880px;
  margin: 0px auto;
  padding: 30px 30px;
}

#content p.partners
{
  color: #aaa;
  font-size: 18px;
  text-decoration: underline;
  text-align: center;
  margin-bottom: 30px;
}

#footer
{
  background-image: url(/images/bg_footer.jpg);
  width: 901px;
  height: 122px;
  margin: 0 auto;
  display: block;
  position:relative;
}
#footer div.cred {
	position:absolute;
	top:40px;
	left:780px;
	color:#8f5b8a;
	font-size:9px;
}
#footer div.cred a {
	color:#8f5b8a;
	text-decoration:none;
}
#footer div.cred a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}

.wrapper
{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -122px;
}

.push
{
  height: 122px;
}

.float_left
{
  float: left;
}

.float_right
{
  float: right;
}

.float_clear
{
  clear: both;
}

.upcase
{
  text-transform: uppercase;
  font-size: 14px;
}

img.arrow
{
  border: 0;
  margin: 3px 0px 3px 0px;
  cursor:pointer;
}
img.arrow2
{
  border: 0;
  margin: 3px 0px 3px 270px;
  cursor:pointer;
}

p.red
{
  color: #b44444;
  font-size: 14px;
  padding: 0;
  margin: 5px 0 0 0;
}

div.picture_list
{
  width: 620px;
  float: left;
}

div.scroller {
    overflow:hidden;
    height:360px;
}

div.picture_box
{
  display: block;
  height: 120px;
}

div.picture_text
{
  margin: 40px;
  padding: 0;
  float: left;
}

/*div.text_box_wrapper
{
  width: 250px;
  margin: 4px 0 0 30px;
  padding: 0;
  color: #8f5b8a;
  font-size: 14px;
  text-align: center;
  float: left;
}*/

div.text_box
{
  background: url(/images/box_top.gif) no-repeat;
  width: 250px;
  float: left;
  margin: 0;
  font-size: 12px;
  color: #333;
  text-align: left;
}

div.details {
    width: 625px;
    height: 450px;
    float: left;
    background: url('/images/bg_referenciak_details.jpg') top right;
    position: relative;
}
div.details div.bigpic {
    left: 0px;
    top: 0px;
    width: 410px;
    height: 365px;
    position: absolute;
    text-align: center;
}
div.details div.bigpic img {
    height: 365px;
}
div.details div.nev {
    left: 500px;
    top: 285px;
    width: 120px;
    position: absolute;
    text-align: right;
    color: #000;
    font-weight: bold;
}
div.details a.back {
    left: 475px;
    top: 333px;
    width: 145px;
    position: absolute;
    text-align: right;
}
div.details div.images {
    left: 23px;
    top: 390px;
    width: 606px;
    height: 78px;
    position: absolute;
    text-align: right;
}
div.details div.images img.arrows {
    float: left;
    height: 78px;
}
div.details div.images div.scroller {
    float: left;
    width: 484px;
    height: 78px;
    overflow:hidden;
}
div.details div.images div.scroller div.wrap {
    width: inherit;
    height: 78px;
}
div.details div.images div.scroller div.wrap a {
    width: 110px;
    height: 78px;
    margin: 0px 2px;
    display: block;
    float: left;
    text-align: center;
    background-color: #ccc;
}
div.details div.images div.scroller div.wrap a:hover {
    background-color: #aaa;
}
div.details div.images div.scroller div.wrap a img {
    height: 78px;
}

div.text_box div.text_box_content
{
  background: url(/images/box_bottom.gif) no-repeat bottom right;
  padding: 20px 5px 3px 5px;
  width: 250px;
}

div.text_box div.text_box_content p
{
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center;
  font-size: 10px;
}

div.article_item p
{
  margin: 0 0 5px 6px;
  padding: 0 0 0 0;
}

div.article_item a
{
  text-decoration: none;
}

div.article_item div.image {
	width:152px;
	height:102px;
}
div.article_item div.text {
	width:600px;
}
div.article_item_big div.image {
	width:228px;
	height:153px;
}
div.article_item_big div.text {
	width:524px;
}

div#categories
{
  background-repeat: no-repeat;
  width: 245px;
  padding-top: 20px;
  text-align: center;
}
div.categories_hu
{
  background-image: url(/images/valasszon_hu.jpg);
}
div.categories_en
{
  background-image: url(/images/valasszon_en.jpg);
}

div#categories a
{
  text-decoration: none;
  font-size: 10px;
}

div#categories a:hover
{
  color: #b44444;
}

div#services
{
  background-repeat: no-repeat;
  width: 233px;
  /*height: 172px;*/
  padding-top: 20px;
  margin-top: 200px;
  text-align: left;
  font-size: 10px;
  line-height: 12px;
  margin-left:12px;
}
div.services_hu
{
  background-image: url(/images/szolgaltatasok_hu.jpg);
}
div.services_en
{
  background-image: url(/images/szolgaltatasok_en.jpg);
}

div.lightwindow_content {
	margin:5px;
	line-height:14px;
}
div.lightwindow_content p {
	padding:0px;
	margin:0px;
}
div.lightwindow_content div.nev {
	font-size:16px;
	font-weight:bold;
	float:left;
	width:80%;
	margin-bottom:10px;
}
div.lightwindow_content div.bevezeto {
	margin:5px;
	font-weight:bold;
	float:left;
}
div.lightwindow_content div.szoveg {
	margin:5px;
	float:left;
}
div.lightwindow_content div.text a.close {
	text-decoration:none;
	font-weight:bold;
}
div.lightwindow_content div.text a.close:hover {
	text-decoration:underline;
}