@charset "utf-8";
/* CSS Document */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }


img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; }
a:hover { color: #F26231; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/********/
/* FORM */
/********/
form {}
form * { font-family: Arial, Helvetica, sans-serif; color: #333333; vertical-align: middle; }
form .input, textarea { padding: 2px 7px; }
form .input, select, textarea { border: 1px solid #CCCCCC; }
form fieldset { border: none; padding: 0px; margin: 0px; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { line-height: 20px; font-size: 13px; color: #4B4B4B; }
h1 { line-height: 24px; padding: 22px 0px 22px 0px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color: #5486BE; font-size: 24px; font-weight: bold; }
h2 { font-size: 18px; color: #5486BE; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; padding: 10px 0px 10px 0px; }
h3 { font-size: 13px; font-weight: bold; padding-bottom: 3px; }
ul { padding-bottom: 18px; }
ul li { list-style: none; background: url(/img/li-bg.gif) no-repeat left 7px; padding-left: 10px; }
p { padding-bottom: 20px; }
a { color: #386FAD; text-decoration: underline; }
a:hover { color: #386FAD; }

p.more { text-align: right; color: #386FAD; }
.more,
.more a { font-weight: bold; }

p.left { text-align: left; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { width: 845px; background: #FFFFFF url(/img/body-bg.gif) repeat-x left top; }

#main-content { width: 644px; float: right; margin-left: 25px; padding-bottom: 25px; }
#left-column { width: 146px; float: right; padding: 72px 0px 25px 0px; }

#page-homepage #left-column { padding-top: 19px; }

#column-wrapper { width: 644px; float: right; margin-left: 25px; }
#column-wrapper #main-content { width: 384px; float: left; margin: 0px 25px 0px 0px; }
#column-wrapper #right-column { width: 235px; float: left; margin: 0px; padding: 19px 0px 25px 0px; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 106px; width: 845px; margin: 0px -20px 22px 0px; background: #FFFFFF url(/img/header-bg.gif) no-repeat right top; border-right: 5px solid #FFFFFF; position: relative; }
#logo { padding: 35px 0px 0px 31px; margin: 0px; }

#languages { padding: 0px; margin: 0px; color: #5C5C5C; font-size: 11px; position: absolute; top: 43px; right: -8px; }
#languages a { color: #5C5C5C; text-decoration: none; }
#languages a,
#languages span { background-position: left center; background-repeat: no-repeat; padding: 5px 17px 5px 23px; }
#languages span.cz { background-image: url(/img/lang-cz-active.gif); }
#languages span.en { background-image: url(/img/lang-en-active.gif); }
#languages a.cz { background-image: url(/img/lang-cz.gif); }
#languages a.en { background-image: url(/img/lang-en.gif); }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { margin-left: 31px; border-top: 5px solid #E5E5E5; height: 20px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { margin: 0px; padding: 0px; height: 22px; width: 816px; border-left: 5px solid #FFFFFF; border-right: 4px solid #FFFFFF; position: absolute; top: 106px; left: 25px; }
#menu li { list-style: none; border-right: 1px solid #FFFFFF; padding: 0px; margin: 0px; float: left; }
#menu li a { display: block; width: 135px; height: 22px; text-align: center; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none; line-height: 22px; background-color: #386FAD; text-transform: uppercase;}
#menu li a:hover { color: #FFFFFF; text-decoration: none; background-color: #2A5586; }
#menu li span { width: 135px; height: 22px; background-image: url(/img/menu-items.gif); cursor: pointer; }

#menu-homepage span { background-position: 0px 0px; }
#menu-profil span { background-position: -136px 0px; }
#menu-specializace span { background-position: -272px 0px; }
#menu-tym span { background-position: -408px 0px; }
#menu-publikace span { background-position: -544px 0px; }
#menu-odkazy span { background-position: -680px 0px; }

#menu-homepage a:hover span,
#page-homepage #menu-homepage span { background-position: 0px -22px; }
#menu-profil a:hover span,
#page-profil #menu-profil span { background-position: -136px -22px; }
#menu-specializace a:hover span,
#page-specializace #menu-specializace span { background-position: -272px -22px; }
#menu-tym a:hover span,
#page-tym #menu-tym span { background-position: -408px -22px; }
#menu-publikace a:hover span,
#page-publikace #menu-publikace span { background-position: -544px -22px; }
#menu-odkazy a:hover span,
#page-odkazy #menu-odkazy span { background-position: -680px -22px; }


/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column {}
#left-column { font-size: 12px; }
#left-column h2 { margin-bottom: 20px; padding-bottom: 0px; }
#left-column h3 { font-size: 12px; }
#left-column p { padding-bottom: 5px; }

/* MAP */
#map { color: #386FAD; font-weight: bold; line-height: 16px; padding-top: 12px; padding-bottom: 13px; }
#map img { float: left; margin-right: 20px; margin-bottom: 13px; }
#map span { text-indent: -10px; display: block; padding-top: 8px; }
/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column { font-size: 12px; }
#right-column h2 { margin-bottom: 20px; padding-bottom: 0px; }
#right-column h3 { font-size: 12px; }
#right-column p { padding-bottom: 5px; }


/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content {}
#main-content img { margin-right: 10px;}