* {
margin: 0;
padding: 0;
}
body, html {
width: 100%;
height: 100%;
background: #eee url(/gfx/back.jpg) top left repeat;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
}
div#container {
position: relative;
margin: 0 auto;
width: 780px;
height: auto;
background-color: #fff;
}
/* TOP */
div#container div#top {
position: relative;
width: 780px;
height: auto;
background-color: #fff;
}
div#top div#top-background {
position: relative;
width: 780px;
height: 108px;
background: #fff url(/gfx/top_back.jpg) top left no-repeat;
}
div#top-background div#top-links {
position: absolute;
bottom: 8px;
right: 20px;
font-size: 11px;
color: #663205;
}
div#top div#top-middle {
position: relative;
width: 780px;
height: 266px;
background: transparent url(/gfx/bs.png) top left no-repeat;
}
div#top-middle div#top-image {
width: 780px;
height: 266px;
}
div#top-image div#top-quote {
position: absolute;
top: 80px;
left: 38px;
width: 397px;
height: 108px;
background: transparent url(/images/photo_quote.png) top left no-repeat;
z-index: 150;
}
div#top div#top-logo {
position: absolute;
z-index: 100;
top: 0;
left: 30px;
width: 228px;
height: 163px;
background: transparent url(/gfx/logo.png) top left no-repeat;
}
div#top-logo a,
div#top-logo a:link,
div#top-logo a:hover,
div#top-logo a:active {
position: relative;
display: block;
width: 100%;
height: 100%;
}
/* ~TOP */
div#container div#middle {
position: relative;
width: 780px;
}
div#middle div#middle-menu-wrap {
position: relative;
width: 780px;
background: #710302 url(/gfx/menu_back.jpg) top center no-repeat;
}
div#middle-menu-wrap div#middle-menu {
position: relative;
margin: 0 auto;
width: 760px;
}
div#middle-menu ul
{
font-size: 11px;
}
div#middle-menu ul li
{
list-style-type: none;
float: left;
}
div#middle-menu ul li.right-dots {
background: transparent url(/gfx/menu_dots1.png) center right no-repeat;
}
div#middle-menu ul li a.menu-link,
div#middle-menu ul li a.menu-link:link {
display: block;
padding-top: 16px;
width: 100%;
height: 29px;
color: #fff;
text-decoration: none;
}
div#middle-menu ul li a.menu-link:hover,
div#middle-menu ul li a.menu-link:active {
color: #E5C173;
background: transparent url(/gfx/menu_over.png) bottom left repeat-x;
}
div#middle-menu ul li span.non-click-link {
display: block;
padding-top: 16px;
width: 100%;
height: 29px;
color: #fff;
text-decoration: none;
}
div#middle-menu ul li span.active {
color: #E5C173;
}
div#middle-menu ul li a.active,
div#middle-menu ul li a.active:link {
color: #E5C173;
}
div#middle-menu ul li#menu-elem:hover span.non-click-link {
color: #E5C173;
background: transparent url(/gfx/menu_over.png) bottom left repeat-x;
}
div#middle-menu ul li#menu-elem:hover div#submenu {
display: block;
}
div#middle-menu ul li#menu-elem-sympozjum:hover span.non-click-link {
color: #E5C173;
background: transparent url(/gfx/menu_over.png) bottom left repeat-x;
}
div#middle-menu ul li#menu-elem-sympozjum:hover div#submenu_sympozjum {
display: block;
}
div#middle-menu div#submenu_sympozjum {
display: none;
position: absolute;
z-index: 1500;
top: 45px;
left: 565px;
width: 160px;
height: auto;
background: transparent url(/gfx/submenu_back.jpg) top left repeat-x;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
}
div#middle-menu div#submenu {
display: none;
position: absolute;
z-index: 1500;
top: 45px;
left: 435px;
width: 160px;
height: auto;
background: transparent url(/gfx/submenu_back.jpg) top left repeat-x;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
}
div#submenu a.submenu-link,
div#submenu_sympozjum a.submenu-link,
div#submenu a.submenu-link:link,
div#submenu_sympozjum a.submenu-link:link {
position: relative;
display: block;
padding: .8em 0;
width: 100%;
color: #fff;
text-decoration: none;
}
div#submenu a.submenu-link:hover,
div#submenu_sympozjum a.submenu-link:hover,
div#submenu a.submenu-link:active,
div#submenu_sympozjum a.submenu-link:active {
color: #E5C173;
}
div#submenu a.active,
div#submenu_sympozjum a.active{
color: #E5C173;
}
div#middle div#middle-top-border {
width: 780px;
height: 84px;
background: #F3D39A url(/gfx/text_top_border.jpg) center left no-repeat;
}
div#middle div#middle-left-border {
float: left;
width: 70px;
background: #F3D39A url(/gfx/text_left_border1.jpg) top left repeat-y;
}
div#middle div#middle-right-border {
float: right;
width: 70px;
background: #F3D39A url(/gfx/text_right_border1.jpg) top right repeat-y;
}
div#middle div#middle-bottom-border {
position: relative;
width: 780px;
height: 107px;
clear: both;
background: #F3D39A url(/gfx/text_bottom_border.jpg) top left no-repeat;
}
div#middle-bottom-border div#rights {
position: absolute;
bottom: 15px;
left: 0px;
width: 100%;
line-height: 160%;
color: #663205;
font-size: 11px;
}
div#middle div#middle-content {
float: left;
width: 640px;
background-color: #F3D39A;
text-align: left;
}
div#middle-content h1,
div#middle-content h2,
div#middle-content h3,
div#middle-content h4,
div#middle-content h5 {
font-size: 12px;
font-weight: bold;
color: #663205;
}
div#middle-content p.text1 {
color: #663205;
line-height: 135%;
}
div#middle-content p.margin-top {
margin-top: 1em;
}
div#middle-content div#middle-left {
}
div#middle-content div#middle-right {
}
div#middle-left div.photo {
width: 180px;
height: 134px;
background-position: center center;
background-repeat: no-repeat;
}
.clear-both {
clear: both;
width:100%;
height:0px;
font-size: 0px;
}
a.default,
a.default:link {
color: #663205;
text-decoration: underline;
}
a.default:hover,
a.default:active {
/*color: #363636;*/
text-decoration: none;
}
div#middle-content p.space {
height: 1em;
}
div#middle-content p.space-dots {
height: 2.5em;
background: transparent url(/gfx/sep.gif) center left repeat-x;
}