/* MAIN PARTS STYLES */

html              { margin:0;min-height:100%; height:auto; display:block;}
body              { background: url(img/bg_body.gif) 50% 0 repeat-x; padding: 0; margin: 0; font:90% "Arial CE",lucida,sans-serif; text-align:center; padding:0; margin:0; color:#333; width:100%; min-height: 100%; position: absolute; display:block; height:auto;}


/* IDENTIFICATION DIV STYLES   background-color: rgb(255,0,255); */

#bodyfull         { width: 1000px; height: 100%; min-height: 100%; position: relative; padding:0; margin-left: auto; margin-right:auto; top:0px; display:block; }
#leftmenu         { background: url(img/bg_body_pruh.gif) 0 0 repeat-y; width: 237px; min-height: 100%; float:left; margin-left: 15px; margin-top:23px; display:block;}
#leftpanel        { background: url(img/poz_logo2.png); width: 237px; height: 230px;}
#menutext         { margin: -15px 0 0 0px;}
#top              { width: 746px; height: 153px; float: right; display: block;}
#name             { width: 400px; height: 60px; margin: 30px 0 0px 100px; text-align: center; vertical-align:center; color: rgb(255,140,0); float: left;}
#contact          { width: 170px; height: 120px; margin-top: 30px; margin-left: 0px; float: right; text-align:left; vertical-align: bottom; }
#panel            { width: 500px; height: 49px; position:absolute; float:left; left:290px; top: 104px;}
#content          { width: 746px; height: auto; display:block; position: absolute; left: 250px; top:170px; display:block; text-align: left; }
#conttext         { width: 400px; min-height: 330px; position: relative; left: 20px; top:10px;  text-align: left;   }
#navigate         { width: 726px; height: 25px; position: relative; left: 20px; top: 0px;  text-align: left;  font-size: 90%;}
#bottom           { width: 726px; height: 70px; position: relative; left: 20px; text-align:left; vertical-align: bottom;}
#conttitle        { width: auto ; height: 80px; position: relative; left: 20px; top:20px;  text-align: left;   }


/* NAVIGATION BAR STYLE */

#nav              { position: absolute; width:500px; top:3px; padding:0; margin:0; text-align: center; bottom:0; left:0;}
#nav ul           { padding:0; margin:0 auto; width: 500px ; list-style-type:none;}
#nav li           { width:auto; float:left; display:block; padding:0; margin:0; }

#nav a            { background: url(img/bg_nav.gif) repeat-x 0 0; width: auto; height: 19px; padding: 11px 12px 10px 12px ;margin: 6px 5px 0px 0; display:block; color: white; text-decoration: underline; position:relative;}
#nav a.active     { background: url(img/bg_nav.gif) repeat-x 0 -45px; width: auto; height: 23px; padding: 17px 12px 7px 12px;margin: 0px 5px 0px 0px; display:block; color: black; text-decoration: none; font-weight: bold; position:relative;}
#nav a:hover      { background: url(img/bg_nav.gif) repeat-x 0 -45px; width: auto; height: 23px; padding: 17px 12px 7px 12px;margin: 0px 5px 0px 0px; display:block; color: black; position:relative;}

#nav a.active span, #nav a:hover span {background: url(img/bg_nav_right.gif) repeat-x 0 -45px; width:1px; height: 49px; display: block; padding:0px ; margin:0px 0px 0px 0px; text-decoration:none; position:absolute; top:0px; right:0px;}
#nav a span       { background: url(img/bg_nav_right.gif) repeat-x 0 0; display:block; width:1px; height:40px; padding:0; margin:0px 0px 0px 0; text-decoration:none; position:absolute; top:0px; right:0px;}

/*  LEFT-PANEL STYLE */

#leftpanel a      { border:0; background: transparent;}
#leftpanel h2     { bottom: 10px; color: rgb(255,100,0); margin-top: 45px;}

#menutext ul      { list-style-type: none; padding:0; margin-left: 0px; margin-top: -30px;width: 223px; }
#menutext li      { padding: 15px; margin: 0 0 15px 0;}
#menutext a       { background: url(img/left_button_off.gif); width: 197px; height: 24px; display:block;  padding: 6px 0 0 0; position: absolute; left:32px; font-size: 100%; color: black; text-decoration:none;}
#menutext a:hover { background: url(img/left_button_on.gif); width: 197px; height: 24px; display:block;  padding: 6px 0 0 0; position: absolute; left:32px; font-size: 100%; color: black; }
#leftspan         { background: url(img/bg_body_pruh_span.gif); width: 222px; height: 52px; margin-top: 10px; margin-left: 10px; }
#leftbottom       { background: url(img/bg_body_pruh.gif) 0 repeat-y; width: 237px; height: 100% ; position: absolute; left:-235px;z-index:-1; float:left;}

/* CONTACT STYLE */

#contact a.lang   { color: black; text-decoration: none; border: 1px; }
#contact img.lang { border: 1px; border-color: black; margin: 0 5px 0 5px;}
#contact h5       { margin: 10px 0 10px 0; }

/* MISC STYLE */

#logo             { padding: 0; margin-top: 5px; border:0;}
#bottombar        { width: 726px; height: 1px;  position: relative; left: 10px;  background-color: rgb(255,180,0); display: block; margin-bottom: 10px; margin-top: 10px;}
#navbar           { width: 726px; height: 1px;  position: relative; left: 10px; top: 10px;  background-color: rgb(255,180,0); display: block;}
#conttitle h3     { font-size: 140%;}

/* CONTENT STYLE */

#navigate a { font-size: 90%;}
#content h3 { color: rgb(255,100,0); }

/* CONGRES GALLERY STYLES */

.congres          { width: 640px; height: 80px; vertical-align: top; margin-left: 50px; display: block; position: relative; left: 20px;}
.congres img      { border: 0; float: left; margin-left: -30px;}
.congres a        { font-size: 110%; font-weight: bold ; margin-left: 30px;}
.congres p        { margin-left: 50px}
.spbar            { width: 616px; height:1px; background-color: rgb(255,180,0); display: block; margin: 10px 0 20px -10px; position: relative; left: 130px}

/* SUBGALLERY MAIN STYLES */

#exc              { margin-top: 50px; font-weight: bold; font-size: 110%; display: block; min-height: 200px;}
#cnthead          { width: 700px; height: auto; margin-top: 50px; display:block; margin-left: 15px}
#cnthead h3       { font-size: 170%; color: rgb(50,0,150);}
#cnthead img      { border:1px; border-color: black; width: 600px;}
#cntmenu          { margin-top: 30px; width: 600px; text-align: left; margin-left: 35px;}
#cntmenu a        { font-size: 130%}
#galcnthead       { margin-top: 60px; margin-left: 35px; text-align: left;}
#galcnthead h3    { font-size: 150%; color: rgb(255,100,0);}
.galcnt           { width: 640px; height: auto; display: block; margin-left: 35px;}
.galcnt img       { border: 1px; border-color: black; padding:1px; margin:0; width: 100px; height: 68px;}
.galcnt h3        { font-size: 150%; color: rgb(255,100,0); margin-top: 30px;}
.galcnt a         { text-decoration: none;}

/* VIEWER STYLES */

#galtitle         { margin-left: 15px;}
#viewer           { width: 720px; min-height: 300px; height: auto; display: block; margin: 20px 0 0 10px; }
#viewer img       { border: 0; }
#imnavtop         { width: 648px; height: 30px; display: block; margin: 60px 0 0 40px; }
#imnavtop ul      { list-style-type: none; margin:0; width: 648px; padding:0; }
#imnavtop li      { width:auto; float:left; display:block; padding:0; margin:0; }
#imnavtop a       { font-size: 105%; color:black; display:block; padding-top: 5px; padding-bottom: 5px;}

#imnavtop a.back  { background: url(img/top_back_off.gif); width: 112px; height: 20px; padding-left: 30px; }
#imnavtop a.full  { background: url(img/top_nav_off.gif); width: auto; height: 20px; padding-right: 20px; padding-left: 20px; }
#imnavtop a.backtg { background: url(img/top_nav_off.gif); width: auto; height: 20px; padding-right: 20px; padding-left: 20px; }
#imnavtop a.next  { background: url(img/top_next_off.gif); width: 92px; height: 20px; padding-right: 20px; padding-left: 30px; }
#imnavtop a.back:hover        { background: url(img/top_back_on.gif); width: 112px; height: 20px; padding-left: 30px; }
#imnavtop a.full:hover        { background: url(img/top_nav_on.gif); width: auto; height: 20px; padding-right: 20px; padding-left: 20px; }
#imnavtop a.backtg:hover      { background: url(img/top_nav_on.gif); width: auto; height: 20px; padding-right: 20px; padding-left: 20px; }
#imnavtop a.next:hover        { background: url(img/top_next_on.gif); width: 92px; height: 20px; padding-right: 20px; padding-left: 30px; }

#imnavbot         { width: 720px; height: 120px; background: url(img/nav_bot.gif) repeat-x ; display: block; margin: 20px 0 20px 10px; border:5px; text-align: center; vertical-align: center;}
#imnavbotl        { width: 1px; height: 120px; background: url(img/nav_bot_side.gif); float:left; display: block;}
#imnavbotr        { width: 1px; height: 120px; background: url(img/nav_bot_side.gif); float:right; display: block;}
#imnavbot a       { color: black; text-decoration: none; }
#imnavbot img     { border: 1px; margin: 25px 15px 0 15px; padding: 0; background-color: red; width: 100px; height: 64px}

/* VIDEO VIEWING STYLES */ 

#vidmenu          { width: 700px; height: auto; display: block; min-height: 200px; margin: 45px 0 20px 25px; }
#vidmenu a        { font-size: 100%; /*font-weight: bold;*/}
#vidtab           { width: 700px; height: auto; display: block; min-height: 200px; margin: 45px 0 20px 25px;}
#vidtab table     { border: 5px ; padding: 10px; margin:15px 0 0 0; }
#vidnavbot        { width: 720px; height: 30px; display: block; margin: 20px 0 0 40px; text-align: center; }
#vidnavbot ul     { list-style-type: none; margin-bottom:30px; width: 648px; padding:0; }
#vidnavbot li     { width:auto; float:left; display:block; padding:0; margin:0; }
#vidnavbot a      { font-size: 105%; color:black; display:block; padding-top: 5px; padding-bottom: 5px;}
#vidnavbot a.back { background: url(img/top_back_off.gif); width: 112px; height: 20px; padding-left: 30px; }
#vidnavbot a.next { background: url(img/top_next_off.gif); width: 117px; height: 20px; padding-right: 20px; padding-left: 5px; }
#vidnavbot a.back:hover       { background: url(img/top_back_on.gif); width: 112px; height: 20px; padding-left: 30px; }
#vidnavbot a.next:hover       { background: url(img/top_next_on.gif); width: 117px; height: 20px; padding-right: 20px; padding-left: 5px; }
#vidnavbot a.backtg           { background: url(img/top_nav_off.gif); width: auto; height: 20px; padding-right: 20px; padding-left: 20px; }
#vidnavbot a.backtg:hover     { background: url(img/top_nav_on.gif); width: auto; height: 20px; padding-right: 20px; padding-left: 20px; }