html { 
  margin: 0; padding: 0;
  font-family: trebuchet ms, verdana, tahoma, arial;
  background-color: white;
  background: url('images/panorama.jpg') repeat-x right top;
  font-size: 90%;
}

body{max-width: 1100px; margin: auto;}
h2{font-size: 120%;}
/*h3 {clear: both;}*/
h5{margin: 0; padding:0;}
p{text-align: justify;}
ul>p, il>p{margin:0;}

ul{margin:0;}

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }

#header{
  width: 1050px; 
  height: 180px;
  margin-bottom: 8px;
  padding-top: 6px;
}

#header>p{
 font-weight: bold;
 margin: 0;
 height: 82px;
}

img#logo{ float: left; margin: 0 20px 0 6px; }
#title-img {margin: 20px 0 0 0;}

div#h-btns {
  float: right;
  margin: 0 50px 0 0;
  white-space: pre;
}

div#h-btns>a { display:inline-block; margin:0;}

img {border: none;}

img.h-btn {
 /*border: none;*/
 padding: 1px 8px 8px 1px;
 border: none 0;
 background:url('images/h-btn.png') no-repeat left top;
} 

div#tabs{margin: 0;padding: 0;}
div#tabs>*{
  vertical-align:top;
  display:inline-block;
  padding: 0;
  margin: 0;
  height: 30px;
 }
div#tabs a{position: relative; top:3px; left:-2px;}
 
.tab-a{ background:url('images/tab-a.png') repeat-x left top;}
.tab { background:url('images/tab.png') repeat-x left top;}
.tab-a>a{ color:black !important; font-weight: bold;}
.tab>a{ color:white !important;}
.tab>a:hover{ color:yellow !important;}
/*.tab>a,.tab-a>a{position: relative; top: 4px;}*/
.tab-edge,.tab-gap{background:url('images/tab-gaps.png') repeat-x}
.tab-gap{background-position:  -42px top; width: 22px;}
.tab-gap.tab-la{background-position: 0px top; width: 22px;}
.tab-ra{background-position:  -22px top; width: 22px;}
.tab-l{background-position: -33px top; width: 10px;}
.tab-la{background-position: -11px top; width: 10px;}
.tab-r{background-position:  0 top; width: 6px;}
.tab-edge.tab-ra{background-position:  -22px top; width: 10px;}

div#subtabs{margin-left:380px;}

#wrapper-content {background: white url('images/bg02-white-left.png') no-repeat left top}
#wrapper-menu-top {background: white url('images/bg02-white-left.png') no-repeat left top;}

#content {
background:  transparent url('images/bg02-white-right.png') no-repeat right top;
padding: 5px 45px 5px 40px;
margin-left:210px;
}

#menu-page {
float: left;
width:180px;
margin: 20px 30px 3em 2em;
background: transparent url('images/menu.png') no-repeat;
text-align: left;
line-height: 140%;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
padding-left: 15px;
}

#menu-page>h3 {
font-size: 75%;
text-transform: uppercase;
margin: 1em 0 0.3em 0;
color: #5b8fbe;
font-weight: normal;
letter-spacing: 0.15em;
}

#menu-page ul {
padding: 0 0 0 10px;
list-style: none;
font-size: 90%;
}
#menu-page li {padding:0}

#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }

#footer {
margin: 20px; padding: 10px;
background-color: #e5f0fc;
border: 1px solid #ccc;
border-top: 0;
clear: both;
}

div.gallery {
background-color: #444;
padding: 10px;
width: 520px;
}
div.gallery ul { list-style: none; }
div.gallery ul li { display: inline; }
div.gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
div.gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
div.gallery ul a:hover { color: #fff; }

.galery img.icon {
 width: 77px; height: 81px;
 padding: 7px; margin: 0 10px 0 0;
 background:url('images/set_case.gif') no-repeat left top;
 cursor: pointer;
} 
.galery {padding: 10px; margin: 10px;}

.slideshow {  float: right; margin: 5px 0 5px 15px; }
.slideshow>img { 
 padding: 15px; 
 border: 1px solid #ccc; 
 background-color: #eee; 
}

img.right{float: right; margin: 1em;}
img.left{float: left; margin: 1em;}

.albums {
  TEXT-ALIGN: left; 
  WIDTH: 600px;
}
.albums img{
  cursor: pointer;
 }