html *{
  margin:0;
  padding:0;
  border:0;
  text-decoration:none;
}

body{
  background:#e2e2e2 url('../images/background.png') 0px 0px repeat-x;
  width:772px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}
#facebook {
	padding:10px;
	padding-top:0;
}

/*#bob_bg{
  width:143px;
  height:143px;
  position:absolute;
  left:0px;
  top:0px;
  background:transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/best_of_budapest_bg.png', sizingMethod='image');
}

.head > #bob_bg{
  background:transparent url(../images/best_of_budapest_bg.png) 0px 0px no-repeat;
} */


#bob_logo{
  position:absolute;
  left:30px;
  top:30px;
}


.container{
  position:relative;
  float:left;
  width:760px;
  padding:0 6px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.europacongress.com/images/container_bg.png', sizingMethod='scale');
}

body > .container {
  background:transparent url('../images/container_bg.png') 0 0 repeat-y;
}

body .backwards{
  unicode-bidi:bidi-override;
  direction:rtl;
}

/*///////////////////////////////HEAD//////////////////////////////////////////////*/

.head{
  position:relative;
  float:left;
  border-bottom:1px dotted #003882;
}

.head img{
  float:left;
}

.head .language{
  position:absolute;
  float:left;
  top:10px;
  right:9px;
  font:normal 14px Arial;
  color:#666;
}

.language a, .language em{
  width:50px;
  float:left;
  font:normal 12px Arial;
  color:#666;
  text-align:center;
}

.language span{
  float:left;
  width:6px;
  text-align:center;
}

.head a:hover{
  color:#003882;
  font-weight:bold;
}

#logos{
  float:left;
  position:absolute;
  right:2px;
  top:30px;
  height:48px;
  width:112px;
  overflow:hidden;
  margin:12px 0px 0px 0px;
}

#logos a{
  float:left;
  position:absolute;
  top:0;
  width:48px;
  height:48px;
}

#mmglogo{
  left:0;
}

#congresslogo{
  left:54px;
}

#logos a:hover{
  top:-48px;
  background:transparent;
}

.topmenu{
  position:absolute;
  top:10px;
  left:12px;
}

.topmenu ul{
  list-style:none;
}

.topmenu li{
  padding:0 0 5px 0;
  height:19px;
}

.topmenu ul li a{
  font:normal 12px Arial;
  color:#666;
}

.print{
  position:absolute;
  right:12px;
  bottom:12px;
}

/*///////////////////////////CONTENT//////////////////////////////////////////////*/

.content{
  float:left;
  width:734px;
  padding:0 12px;
}

.homepage{
  float:left;
  width:734px;
  height:450px;
}

.homepage h1{
  font:normal 12px Arial;
  color:#666;
  text-align:center;
  padding:25px 0 40px 0;
}

.homepage .line{
  float:left;
  padding:0 0 0 15px;
  margin-top:-15px;
}

.homepage .left{
  float:left;
  width:339px;
  position:relative;
  text-align:right;
  padding:0 0 0 13px;
}

.homepage .right{
  float:right;
  width:339px;
  position:relative;
  text-align:left;
  padding:0 13px 0 0;
}

.homepage h2, .homepage h3{
  padding:10px;
}

.homepage h2 a{
  font:bold 12px Arial;
  color:#666;
}

.homepage h2 a b{
  font:bold 17px Arial;
}

.homepage h2 a:hover{
  color:#003882;
}

.galpics{
  float:left;
  width:500px;
  height:288px;
}

.galpics a img{
  float:left;
}

.galpics a{
  margin-left:5px;
  height:288px;
  width:160px;
  float:left;
  position:relative;
  color:black;
  font:bold 12px Arial;
  filter:alpha(opacity=70);
  opacity:0.7;
}

.galpics a b{
  position:absolute;
  top:3px;
  left:5px;
  float:left;
}

.galpics a:hover{
  color:white;
  filter:alpha(opacity=100);
  opacity:1;
}

.menupics{
  position:relative;
  float:left;
  width:339px;
  height:196px;
  overflow:hidden;
}

.menupics a img{
  position:relative;
  float:left;
}

.menupics a{
  position:relative;
  float:left;
  top:0;
  height:196px;
  width:339px;
}

.menupics a:hover{
  top:-196px;
  background:none;
}

.homepage p{
  font:normal 12px Arial;
  color:#666;
  padding:15px 10px;
  text-align:justify;
}

.homepage .left p{
  float:right;
}

.homepage .right p{
  float:left;
}

/*/////////////////LEFTSIDE - menu,programmes etc..../////////////////////////////////*/

.leftside{
  float:left;
  width:223px;
  padding:0 10px 0 0;
}

.sidebox{
  float:left;
  width:223px;
  margin:12px 0;
}

.sidebox h2{
  padding:3px 0px 3px 10px;
  margin:0 0 10px 0;
  background:#aaa;
  color:#fff;
  font:bold 14px Arial;
}

.menu #main_ul{
  clear:both;
  width:223px;
  font:bold 12px Arial;
  color:#888;
  margin:0;
  padding:0;
  list-style:none;
}

.menu .main_li{
  width:99%;
  border-top:1px dotted #888;
  padding:5px 0 5px 0;
}


.menu .main_li a, .menu .main_li span{
  font:bold 11px Arial;
  background:#fff url('../images/main_li_style.png') -16px 8px no-repeat;
  color:#003882;
  padding:5px 0 0 13px;
  text-transform:uppercase;
  margin:0;
}

.menu .main_li span{
  color:#888;
}

.menu .main_li a:hover{
  background-position:-13px 8px;
}

.menu .sub_ul{
  width:100%;
  overflow:hidden;
  margin:0 0 0 0;
  padding:0;
  list-style:none;
}

.menu .sub_ul li{
  margin-bottom:3px;
  width:100%;
  background:transparent url('../images/list_style.png') 21px 6px no-repeat;
}

.menu .sub_ul li a{
  font:normal 11px Arial;
  color:#666;
  text-transform:lowercase;
  padding:0 0 0 34px;
}

.menu .sub_ul li a:hover{
  color:#333;
}

.menu .sub_ul li span{
  font:normal 11px Arial;
  color:#003882;
  padding:0 0 0 34px;
}

.progs ul{
  list-style:none;
}

.progs li{
  text-transform:none;
  border-top:1px dotted #888;
  padding:3px 0;
  width:99%;
}

.progs li a{
  font:bold 11px Arial;
  color:#003882;
  padding:0 0 0 13px;
  background:#fff url('../images/main_li_style.png') -16px 3px no-repeat;
}

.progs li i{
  font:normal 12px Arial;
  color:#666;
}

/*/////////////RIGHTSIDE - navigation,content,photos etc...///////////////////////////////*/

.rightside{
  float:right;
  width:500px;
}

#navigation{
  float:left;
  width:490px;
  margin:12px 0;
  padding:2px 0 3px 10px;
  font:bold 15px Arial;
  color:#444;
  background:#aaa; 
}

#navigation a{
  font:normal 12px Arial;
  color:#fff;
}

#navigation b{
  padding:0px 5px 0px 5px;
}

#navigation span{
  font:normal 12px Arial;
}

#navigation a:hover{
  color:#555;
}

#text{
  float:left;
  width:460px;
  background:#eee;
  /*border:1px solid #ddd;*/
  padding:20px;
  margin:12px 0;
  font:normal 12px Arial;
  color:#444;
  line-height:20px;
  text-align:justify;
}

#text img{
  margin:5px;
  border:1px solid #aaaaaa;
}

#text form img{
  border:0px;
  margin:0px;
  padding:0px;
}

#text .customimg{
  margin:0px;
  border:0px solid #aaaaaa;
}

#text h1{
  font:bold 18px Arial;
  border-bottom: 1px dashed #aaa;
  margin:0px 0px 10px 0px;
  padding:0px 0px 5px 0px;
}

#text h2{
  font:bold 14px Arial;
  padding:15px 0px 5px 0px;
}

#text a{
  color:#41525c;
  border-bottom:1px dotted #41525c;
}

#text a:hover{
  color:#003882;
}


#text input{
  float:left;
  border:1px solid #bfbfbf;
}

#text textarea{
  float:left;
  border:1px solid #bfbfbf;
}

#text table{
  background:#003882;
}

#text table td{
  background:#eeeeee;
  text-align:center;
}

#text .formtable td{
  text-align:left;
}

#text .formtable th{
  background:#eeeeee;
  text-align:right;
}

#text p{
  padding:5px 0px 5px 0px;
  text-align:justify;
}

#text .aprobetus{
  font:italic 10px Arial;
}

#text .template_1 ul, #text .template_2 ul{
  padding:0 15px;
  list-style-type:square;
}

.template_2{
  color:white;
  padding:5px;
  background:#003882;
}

.elrendezes{
  width:763px;
}

.elrendezes h1{
  margin:0px;
  padding:0px;
  font:bold 14px Arial;
}

.elrendezes td, .elrendezes th{
  color:black;
  font:bold 10px Arial;
  padding:3px;
  text-align:center;
  background:#dedfe1;
}

.elrendezes th{
  color:white;
  background:#003882;
}

.shild{
  position:absolute;
  top:0px;
  left:0px;
  width:760px;
  height:470px;
  background:#fff;
  filter:alpha(opacity=1);
  opacity:0.1;
}

.bottom_menu{
  float:left;
  background:#aaa; 
  width:730px;
  margin:2px 0px 12px 0px;
  padding:4px 0 4px 4px;
  font:bold 14px Arial;
  color:#fff;
}

.bottom_menu #mmlink{
  float:right;
  margin-right:5px;
}

.bottom_menu a{
  font:normal 12px Arial;
  color:#fff;
}

.bottom_menu a:hover{
  color:#444;
}

/*///////////////////////////////FOOT//////////////////////////////////////*/

.foot{
  float:left;
  width:760px;
  padding:10px 6px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.europacongress.com/images/foot_bottom.png', sizingMethod='crop');
}

body > .foot{
  background:transparent url('../images/foot_bottom.png') 0 0 no-repeat;
}

.foot p{
  text-align:center;
  font:normal 12px Arial;
  color:#666;
}

.foot p a{
  color:#41525c;
}

.foot p a:hover{
  color:#003882;
}

.container .first, .container .last{
  border:0;
  background:none;
}

.backward{
  unicode-bidi:bidi-override;
  direction:rtl;
}

.kep_link{
  float:left;
}

.kep_link a{
  border:1px solid #bfbfbf; 
  margin:5px;
  float:left;
  width:102px; 
  height:102px; 
  text-align:center;
  line-height:102px;
}

.kep_link a:hover{
  border:1px solid #003882;
}

.kep_link a img{
  vertical-align:middle;
}

#formerror{
  position:absolute;
  float:left;
  display:none;
  width:197px; 
  font:bold 11px Arial;
  border:0px solid #df7a0b;
}

#formerror span{
  padding:25px 8px 0px 14px;
  text-align:center;
  color:#000;
  float:left;
  width:175px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ddaattaa.mellowmood.hu/formcheck/images/helpbubble.png', sizingMethod='crop') !important;
}

body > #formerror span{
  width:175px;
  background:transparent url('http://ddaattaa.mellowmood.hu/formcheck/images/helpbubble.png') 0px 0px no-repeat;
}

#formerror div{
  float:left;
  width:197px;
  height:26px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ddaattaa.mellowmood.hu/formcheck/images/helpbubbleb.png', sizingMethod='crop') !important;
}

body > #formerror div{
  width:197px;
  background:transparent url('http://ddaattaa.mellowmood.hu/formcheck/images/helpbubbleb.png') 0px 0px no-repeat;
}

/*################################# ALAPRAJZOK #########################################*/

#plans, #plans2{
  position:relative;
}

#plans img, #plans2 img{
  position:relative;
}

#plans h2, #plans2 h2{
  position:absolute;
  float:left;
  padding:0px;
  margin:0px;
  overflow:hidden;
  font:bold 12px Arial;
}

#plans h2 a, #plans2 h2 a{
  padding-top:150px;
  background:url('./images/1px.png') no-repeat;
  float:left;
}

#plans h2 a img, #plans2 h2 a img{
  float:left;
}

#plans h2 a span, #plans2 h2 a span{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  text-align:center;
  cursor:pointer;
}

#plans h2 a:hover, #plans2 h2 a:hover{
  padding-top:0px;
  background:transparent;
  color:white;
}

#plans #maastricht{
  top:101px;
  left:80px;
  width:115px;
  height:94px;
  line-height:94px;
}

#plans #brusszel{
  top:101px;
  left:197px;
  width:88px;
  height:94px;
  line-height:94px;
}

#plans #strasbourg{
  top:3px;
  left:287px;
  width:81px;
  height:90px;
  line-height:90px;
}

#plans #roma{
  top:3px;
  left:369px;
  width:79px;
  height:90px;
  line-height:90px;
}

#plans #zurich{
  top:137px;
  left:369px;
  width:79px;
  height:71px;
  line-height:71px;
}

#plans2 #koppenhaga{
  top:259px;
  left:55px;
  width:265px;
  height:143px;
  line-height:143px;
}

#plans2 #nizza{
  top:10px;
  left:82px;
  width:117px;
  height:96px;
  line-height:96px;
}

#plans2 #amszterdam{
  top:10px;
  left:201px;
  width:77px;
  height:96px;
  line-height:96px;
}

#plans2 #cafeshop{
  top:10px;
  left:280px;
  width:95px;
  height:96px;
  line-height:96px;
}

#S_plus_R{
  position:absolute;
  top:3px;
  left:287px;
  width:26px;
  height:26px;
  overflow:hidden;
}

.plus{
  position:absolute;
  width:26px;
  height:26px;
  overflow:hidden;
}

.plus a{
  position:absolute;
  top:0px;
  left:0px;
  width:26px;
  height:52px;
}

.plus a:hover{
  background:transparent;
  top:-26px;
}

#S_plus_R{
  top:13px;
  left:355px;
}

#M_plus_B{
  top:111px;
  left:183px;
}

#N_plus_A{
  top:20px;
  left:187px;
}

/*################################ FASTBOOKING ###########################################*/

.fastbooking{
  background:#aaa;
  float:right;
  width:175px;
  height:223px;
  min-height:234px;
  text-align:center;
  font:normal 11px Arial;
  padding:0px 0px 3px 0px;
}

.fastbooking h3{
  padding:0px;
  margin:0px;
  border:0px solid #fff;
  font:bold 13px Arial;
}

.fastbooking input, .fastbooking button, .fastbooking select{
  font:normal 10px Arial;
  height:17px;
  padding:0px;
  margin-bottom:2px;
}

#picswitch{
  float:left;
  position:relative;
  width:316px;
  height:237px;
}

#loadpic{
  float:left;
  position:absolute;
  left:0px;
  top:0px;
  z-index:10;
  width:316px;
  height:237px;
  background:white url('../images/loading_line.gif') center center no-repeat;
}

#picswitch img{
  float:left;
  position:absolute;
  left:0px;
  top:0px;
}

#leftarrow{
  position:absolute;
  left:5px;
  top:50%;
}

#rightarrow{
  position:absolute;
  right:5px;
  top:50%;
}

#codepic{
  float:left;
  border:0px;
  cursor:pointer;
}


/*//////////////////////// popup layer //////////////////*/


.img_alja{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/alja.png', sizingMethod='scale');
	background-color: transparent;
	position: relative;
	width: 300px;
	height: 14px;
	bottom: 0px;
	/*Notice I'm defining the image width and height here*/
}
.img_teteje{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/teteje.png', sizingMethod='scale');
	background-color: transparent;
	position: relative;
	width: 300px;
	height: 14px;
	top:0px;
	/*Notice I'm defining the image width and height heres*/
}


html>body .img_teteje{background: url('images/teteje.png') 0 top no-repeat;}
html>body .img_alja{background: url('images/alja.png') 0 bottom no-repeat;}

    .promotion_layer{
      display: none;
      position:absolute;
      left:20%;
      top:0;
      margin:0px 0px 0px 0px;
      width:700px;
      height:800px;
      border:0px solid #000;
     
    }


    
    .promotion_layer .pl_header{
      width: 600px;
      top: 0px;
      height: 14;
    }



    .pl_header .pl_footer{
      bottom: 0px;
    }

    
    .promotion_layer .pl_bg{
      position:absolute;
      width:100%;
      height:172px;
      /*background-irgb(153,153,153)mage: url('images/pr_bg.png');*/
      background:#ff8500;
      filter:alpha(opacity=80);
      -moz-opacity:0.80;
    }
    .promotion_layer a{
      position:absolute;
      color:#990000;
      padding:10px;
      text-align:center;
    }
    
    .promotion_layer a h1{
      font:bold 28px Arial;
      color:#990000;     
    }
    .promotion_layer a h2{
      font:bold 18px Arial;
      color:#990000;
    }
    
    .promotion_layer a h3{
      font:bold 14px Arial;
      color:#ffffff;
      text-align: justify;
      
    }
    
    .promotion_layer img{
      float:right;
      border:0px;
      position: absolute;
      top: 0px;
/*      right: 0px;*/
      z-index: 20;
    }
    
    .promotion_layer span{
      float:left;
      text-align:left;
     
      color:#fff;font:bold 13px Arial;
    }
 
    #key_event{
      position:absolute;
      display:none;
      width:350px;
      height:444px;
      border:1px solid #999;
      z-index:10;
      background:#fff;
      margin:0;
      padding:0;
      left:0;
    } 
    
    #key_event #close{
      z-index:15;
    }
    
    #key_event a{
      position:absolute;
      top:19px !important;
      left:0;
      width:350px;
      height:425px;
      z-index:13;
      background:#fff;
    }
    #key_event a img{
      position:relative;
      float:left;
      z-index:13;
      cursor:pointer;
    } 

    #key_event p{
      width:50px;
      height:50px;
      overflow:auto;
      z-index:11;
      position:absolute;
      top:350px;
      left:110px;
      float:left;
    }  

#bestbbanner{
  padding:10px 0;
  width:760px;
  height:65px;
  float:left;
  text-align:center;
  position:relative;
}

#bestbbanner object,
#bestbbanner embed{
  width:590px;
  height:65px;
  float:left;
  position:absolute;
  left:90px;
  top:10px;
  z-index:2;
}

#swfbackground,
#bestbbanner a{
  cursor:pointer;
  width:590px;
  height:65px;
  float:left;
  text-align:center;
  position:absolute;
  left:90px;
  top:10px;
  z-index:3;
  outline: 0;
}

#swfbackground{
  background:#d3da32;
  z-index:1;
}