/* top elements */
* { margin: 0; padding: 0; outline: 0; }

html, body {
  text-align: center;
  background: url("../images/background.png") repeat-x scroll 0 0 #3B617F;
}

body {
	color: #000000;
	text-align: center;
	margin: 15px 0;
	
}

/* links */
a, a:visited {
	text-decoration: none;
	font-weight: bold;	
	color: #1b8de7; 
}
a:hover {
	text-decoration: underline;
	color: #ff004e;

}

/* headers */
h1, h2, h3, h4 { font-family: 'Trebuchet MS', Tahoma, Sans-serif;  }
h1 {
	font-size: 180%;	
	font-weight: normal;	
	color: #000000;
}
h2 {
	font-size: 160%;
	color: #600000;
	font-weight: normal;
	text-align:center;
}
h3 {
	font-size: 135%;	 
	color: #600000;
	text-align:center;
}
h4 {
  background:#fbfbcd;
  border:1px dashed #825208;
  margin-left: 20px;
  margin-right: 25px;
  padding-left:5px;
  padding-right:5px;
}
h1, h2, h3 {
	margin: 10px 15px;
	padding: 0;
}
ul, ol {
	list-style:none outside none;
}
/********************************************
   LAYOUT
********************************************/ 

.all2{
   background:yellow;
   min-height:660px;
   height:660px;
}

div[class] .all2{
   height:auto;
}

#map_area{
  cursor: pointer; 
}

table.bublina_table td{
  padding-right: 10px; 
}


#menu{
  width: 977px;
  height: 51px;
  background:url("../images/menu.png") no-repeat scroll 0 0 transparent;
}

#menu li{
  display:block;
  float: left;
}

#menu_1 {
  display:block;
  float: left;
  clear: none;
  background:url("../images/menu_1.gif") no-repeat scroll 50% 0 transparent;
  height:51px;
  text-decoration:none;
  width:324px;
}
#menu_1:hover{
  background-position: 50% -52px;
}
#menu_1:active{
  background-position: 50% -104px;
}
#menu_1_act {
  display:block;
  float: left;
  clear: none;
  background:url("../images/menu_1.gif") no-repeat scroll 50% -104px transparent;
  height:51px;
  text-decoration:none;
  width:324px;
}


#menu_2 {
  display:block;
  float: left;
  clear: none;
  background:url("../images/menu_2.gif") no-repeat scroll 50% 0 transparent;
  height:51px;
  text-decoration:none;
  width:329px;
}
#menu_2:hover{
  background-position: 50% -52px;
}
#menu_2:active{
  background-position: 50% -104px;
}
#menu_2_act {
  display:block;
  float: left;
  clear: none;
  background:url("../images/menu_2.gif") no-repeat scroll 50% -104px transparent;
  height:51px;
  text-decoration:none;
  width:329px;
}


#menu_3 {
  display:block;
  float: left;
  clear: none;
  background:url("../images/menu_3.gif") no-repeat scroll 50% 0 transparent;
  height:51px;
  text-decoration:none;
  width:324px;
}
#menu_3:hover{
  background-position: 50% -52px;
}
#menu_3:active{
  background-position: 50% -104px;
}
#menu_3_act {
  display:block;
  float: left;
  clear: none;
  background:url("../images/menu_3.gif") no-repeat scroll 50% -104px transparent;
  height:51px;
  text-decoration:none;
  width:324px;
}


/* Main Column */
#main {
	width: 977px;	
	padding: 0;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 40px; 	
  font-size: 20px;
	background:url("../images/background1.png") repeat-y scroll 0 0;
	background-position: 50% 0px;
}

#main p{
  text-align:justify;
}

/* Footer */	
#footer {
	color: #FFFFFF;
	clear: both;
	width: 977px;
	height: 25px;
	text-align: center;	
	font-size: 90%;
	background:url("../images/footer.png") no-repeat scroll 0 0 transparent;
}

#footer_text { 
  padding-top: 5px;
}

#footer a { 
	color: #9debff;
	text-decoration: none; 
}

#contact_div { 
  text-align:left;
  width: 50%;
  font-size: 150%;
  font-weight: normal;
  padding-top:20px;
  background: url("../images/contact.jpg") no-repeat scroll 100% 40px;	
}

#contact_div2 { 
  text-align:left;
  width: 50%;
  font-size: 120%;
  font-weight: normal;
  padding-top:40px;
}

#panorama_image { 
  width: 800px;
  height: 450px;
  background: url("../images/panorama.jpg") no-repeat scroll 0px 0px;
}

#player_button1 { 
  width: 64px;
  height: 64px;
  background: url("../images/player_rev.png") no-repeat scroll 0px -64px;
}

#player_button2 { 
  width: 64px;
  height: 64px;
  background: url("../images/player_stop.png") no-repeat scroll 0px -64px;
}

#player_button3 { 
  width: 64px;
  height: 64px;
  background: url("../images/player_play.png") no-repeat scroll 0px 0px;
}

#splash { 
  width:818px;
  height:330px;
  background: url("../images/splash_image.jpg") no-repeat scroll 0px 0px;
}

/* alignment classes */
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
