html,body { margin: 0; padding: 0; height: 100%; color: #222; cursor: default; }
body { background: url(../images/content_pattern_left.jpg) 0 0 repeat-y; }
.pagetitle { display: block; margin: 0.5em 0 0.7em 0; padding: 0 0.3em 0.2em 0; font-family: Cambria, "Times New Roman", Georgia, serif; }
h1 { font-family: Cambria, Georgia, serif; font-weight: normal; text-transform: uppercase; }
h2 { font-family: Cambria, "Times New Roman", Georgia, serif; text-transform: uppercase; font-weight: bold; background: #FFFEE8; border-bottom: 1px solid #FFE2A6; }
h3 { font-family: Calibri, Arial, sans-serif; text-transform: uppercase; font-weight: bold; }
p { padding: 0; clear: both; }
strong { color: #664455; }
a img { border: none; }


#container { position: relative; height: auto !important; height: 100%; min-height:100%; background: url(../images/content_pattern_right.jpg) top right repeat-y; }


/* HEADER */
#headerspace { height: 370px; }
#header_curves { position: absolute; width: 100%; height: 295px; top: 75px; }
#header_curves div { position: absolute; }
#homelink { position: absolute; float: left; left: 80px; top: 218px; }
#homelink a { display: block; width: 150px; height: 150px; }
#flash_overflow { position: absolute; width: 100%; height: 305px; top: 0; overflow: hidden; }
#flash { width: 2200px; height: 305px; position: relative; }
#pattern_correction { position: absolute; top: 255px; right: 0; width: 400px; height: 50px; background: #fff url(../images/content_pattern_right.jpg) top right repeat-y; }



/* MENU & SUBMENU */
#menu_texture { position: fixed; top: 0; width: 100%; height: 90px; background: url(../images/menu_texture.png) 0 0 repeat-x; }
* HTML #menu_texture { position: absolute; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_texture.png', sizingMethod='crop'); }

#menu { position: fixed; top: 0; display: inline; height: 45px; font-size: 11px; font-family: Segoe UI, Arial, sans-serif; font-weight: normal; }
* HTML #menu { position: absolute; }
.menu_link_off { display: block; float: left; text-decoration: none; color: #111; letter-spacing: 0px; text-align: center; height: 37px; padding: 8px 8px 0px 8px; }
.menu_link_on { display: block; float: left; text-decoration: none; color: #30851B; letter-spacing: 0px; text-align: center; height: 37px; padding: 8px 8px 0px 8px; background: #fff url(../images/white_transparent75.png) 0 0 repeat; }
* HTML .menu_link_on { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/white_transparent85.png', sizingMethod='crop'); }

#submenu_clear_trigger { position: fixed; top: 0; left: 0; width: 100%; height: 370px; display: none; }
* HTML #submenu_clear_trigger { position: absolute; }


.submenu { display: none; position: fixed; top: 45px; }
* HTML .submenu { position: absolute; padding: 15px 10px 5px 10px; background: #fff url(../images/submenu_texture_ie6.jpg) 0 0 repeat-x; border: 1px solid #fff; border-top: none; }
.submenu .wrapper { background: url(../images/submenu_texture_topright.png) top right no-repeat; }
.submenu .content { margin: 0 51px 0 0; padding: 15px 5px 1px 51px; background: url(../images/submenu_texture_topleft.png) top left no-repeat; }
.submenu .bottom { height: 51px; background: url(../images/submenu_texture_bottomright.png) top right no-repeat; }
.submenu .bottom div { height: 51px; margin: 0 51px 0 0; background: url(../images/submenu_texture_bottomleft.png) top left no-repeat; }
.submenu a { display: block; padding: 2px 2px 2px 13px; margin: 10px 0; font-size: 12px; font-weight: bold; font-family: Cambria, "Times New Roman", Georgia, serif; font-style: italic; color: #333; text-decoration: none; background: url(../images/sublink_bk.gif) 0 0 no-repeat; }
.submenu a:first-letter { color: green; }
.submenu a:hover { background: #DDFFCC url(../images/sublink_bk.gif) 0 0 no-repeat; }


#submenu_structura {  }

/* SIDEMENU */
#sidemenu { position: absolute; top: 380px; right: 50px; width: 180px; font-family: Cambria, "Times New Roman", Georgia, serif; font-size: 13px; font-weight: bold; font-style: italic; }
/*#sidemenu { position: absolute; top: 380px; left: 65px; width: 180px; font-family: Cambria, "Times New Roman", Georgia, serif; font-size: 13px; font-weight: bold; font-style: italic; }*/
* HTML #sidemenu { position: absolute; }
#sidemenu .top { height: 40px; background: url(../images/sidemenu_texture_top.png) 0 0 no-repeat; }
* HTML #sidemenu .top { background: url(../images/sidemenu_texture_top.jpg) 0 0 no-repeat; }
#sidemenu .bottom { height: 40px; background: url(../images/sidemenu_texture_bottom.png) 0 0 no-repeat; }
* HTML #sidemenu .bottom { background: url(../images/sidemenu_texture_bottom.jpg) 0 0 no-repeat; }
#sidemenu .content { padding: 0 30px; background: url(../images/sidemenu_texture_tile.png) 0 0 repeat-y; }
* HTML #sidemenu .content { background: url(../images/sidemenu_texture_tile.jpg) 0 0 repeat-y; }
#sidemenu span { display: block; margin-bottom: 8px; font-size: 14px; text-transform: uppercase; color: #aaa; font-style: normal }
#sidemenu a { position: relative; display: block; margin-bottom: 0; padding: 7px 0 8px 0; text-decoration: none; color: #666; border-bottom: 1px dotted #ccc; }
#sidemenu a:first-letter { color: #663300; font-size: 14px; }
#sidemenu a:hover { color: #ff3300; }
#sidemenu .last { border: none; }


/* CONTENT - TYPOGRAPHY */
#content_area { padding: 0 100px 120px 100px; font-family: Century, Palatino Linotype, Georgia, sans-serif; }
#content .pagetitle { font-size: 2.6em; letter-spacing: -0.05em; }
#content_area h1 { font-size: 2.4em; margin: 1.5em 0 0.5em 0; padding: 0.2em 0.2em 0.2em 1.4em; letter-spacing: -1px; }
#content_area h2 { font-size: 1.4em; margin: 0 0 1em 0; padding: 0.2em; letter-spacing: 0px; }
#content_area h3 { font-size: 1.5em; margin: 0 0 0 0; letter-spacing: 0.1em; }
#content_area p { font-size: 1.5em; margin: 0.5em 0 1em 0; }
#content_area p strong { font-size: 1em; }
#content { padding: 10px 0 0 0; font-size: 1.5em; background: url(../images/logo_shadow.jpg) -20px 0 no-repeat; visibility: hidden; }
#content ul { font-size: 1.5em; }
#content ul li { margin: 0.5em 0; }
#content strong { font-size: 1.5em; }



/* FOOTER */
#grass { position: fixed; width: 100%; height: 105px; bottom: 0; font-size: 13px; }
* HTML #grass { position: absolute; }
#footer { position: fixed; width: 100%; height: 105px; bottom: 0; font-size: 13px; }
* HTML #footer { position: absolute; }
#footer_shadow { height: 40px; }
#footer_center { width: 925px; text-align: center; margin: 15px auto 0 auto; font-family: Cambria, Times, serif; color: #665555; }
#footer div div { float: left; padding: 0; margin: 0 30px 20px 0; text-align: left; }
#footer strong { display: block; float: left; font-size: 14px; padding: 2px 0 2px 0; width: 100%; margin: 0 0 5px 0; background: url(../images/small_feather.gif) top right no-repeat; }
#footer a { position: relative; display: block; font-size: 13px; padding: 2px 0; text-decoration: none; margin-top: 2px; clear: both; }


.info_table { font-size: 1.5em; border-collapse: collapse; }
* HTML .info_table { font-size: 1em; }
.info_table th { vertical-align: top; background: #eeeeFF; border: 1px solid #ccc; padding: 0.2em 0.1em;  }
.info_table td { border: 1px solid #ccc; padding: 0.3em; }



.gallery a { float: left; margin: 0 5px 5px 0; padding: 1px; border: 2px solid #2288BB; }
.gallery a:hover { border: 2px solid #66ccff; }

#roen { position: fixed; top: 1px; right: 10px;}
#roen img { display: block; margin-bottom: 2px; }
* HTML #roen { position: absolute; }