/*CSS stylesheet - web of the EASR conference in Brno, September 2008*/

@media all {
*
{
font-family: Georgia, serif;
text-align: left;
margin: 0;
padding: 0;
border: 0 none;
}

body
{
font-size: 92%;
line-height: 140%;
height: 100%;
}

div#obal
{
background: #fff url('images/photo-column.jpg') repeat-y;
width: 100%; /*Otherwise white column on the right in Opera.*/
}

div#page
{
background: url('images/footer.gif') repeat-x 0 100%;
padding-bottom: 24px;
margin-left: 158px;
}

div#header
{
margin: 0;
padding: 0;
}


div#headertop
{
height: 108px;
background: #d6d4ab url('images/headertop.jpg') no-repeat 100% 0;
}

div#headertopcontent
{
height: 108px;
width: 100%;
text-decoration: none;
cursor: pointer; /*Otherwise not in MSIE.*/
}

div#topmenu
{
border-bottom: 20px solid #d6d4ab;
}

div#topmenu ul
{
min-height: 27px; /*To keep the whole menubar background-image visible even with extremely small sizes.*/
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
background: #d6d4ab url('images/menubar.gif') repeat-x 0 0;
}

div#topmenu li
{
display: inline;
padding: 0;
line-height: 27px;
font-size: 75%;
list-style-type: none;
background: none;
}

div#topmenu li a
{
line-height: 27px;
min-height: 27px;
text-decoration: none;
padding: 5px 5px 13px 5px;
color: #245745;
}

div#topmenu li a:hover
{
line-height: 27px;
min-height: 27px;
background: url('images/menu-hover.gif') repeat-x 0 0; /*Pozn.: barva středové části hover je #bbbb90*/
color: #FFFFFF;
}

div#topmenu li a:visited
{
text-decoration: none;
}

div#headings
{
padding: 15px 0 12px 0;
background: #dfdcbb url('images/shadow.gif') no-repeat 50% 0;
}

div#main
{
margin: 20px 20px 0 25px;

/*Two definitions let the footer come only after leftcol and rightcol -
I handle it differently but this works as well.
height: 100%;
overflow: hidden;*/

}



div#leftcol
{
float: left;
width: 58%;
padding-bottom: 32px; /*padding-bottom for div main doesn't work in any tested browser; therefore it is to be put here.*/
margin-top: -20px; /*To let the h1 be there where on other pages (don't know
why it is lower by default on page with leftcol) and thus to be able to give it same margin at all pages.*/
}

div#rightcol
{
float: right;
width: 37%;
padding-bottom: 32px; /*padding-bottom for div main doesn't work in any tested browser; therefore it is to be put here.*/
}

div.box
{
font-size: 88%;
margin: 0 0 20px 0;
padding: 0 0 12px 0;
background: #dfdcbb;
line-height: normal;
}

div.box h2
{
margin: 0 0 10px 0;
padding: 0.8ex 0 0.5ex 0;
/*padding-top min. 0.8ex, aby byl vidět kroužek nad u; nepsat sem u s kroužkem, hackne to IE a ignoruje definici!!!*/
text-align: center;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
background-color: #949c6b;
color: #ffffff;
}

div.container
{
background-color: #fff;
}

div.box h3
{
margin: 1ex 12px 0.4ex 12px;
font-size: 100%;
color: #ac0052;
}

div.box p
{
margin: 0 12px 0 12px;
}

div.box ul
{
margin: 0 12px 0 12px;
}

div.box table
{
margin: 0 12px 0 12px;
}

div.box tr
{
}

div.box td
{
background: none;
padding-bottom: 1.2ex;
text-align: right;
font-size: 100%; /*TD default font-size is 88% and, as tested in IE, FF and Opera, definition of div.box font-size 88% and of td font-size 88% lead to applying twice the 88% size - smaller than we wish.*/
}

div.box td.l
{
padding-right: 8px;
text-align: right;
width: 60%;
}

div.box td.r
{
padding: 0 0 0 0;
}

div.nobox
{
margin: 0 0 20px 0;
line-height: 130%;
font-size: 88%;
}


div#footer
{
margin: 0;
bottom: 0;
line-height: normal; /*Important - otherwise vertical white space after the footer.*/
font-size: 80%;
padding: 4px 19px 0 19px;

clear: both;
height: 20px;
position: relative;
top: 25px;
}

div#footer p
{
margin: 0;
}

div#footer a
{
color: #000000;
}

div#footer a:hover
{
text-decoration: none;
}


.accessibility
{
position: absolute;
left: -1000em;
top: -1000em;
}

.fright
{
float: right;
}

.fleft
{
float: left;
}

.fleftblock
{
float: left;
width: 50%;
margin-right: 2em;
}

.fleftblock2
{
/*without width*/
float: left;
margin-right: 2em;
}

div.faketable
{
}

div.faketable .leftcol
{
float: left;
width: 45%;
}

div.faketable .rightcol
{
float: right;
width: 45%;
}

.ar
{
text-align: right;
}

.ac
{
text-align: center;
}

.clearing
{
clear: both;
}

span.spacer
{
/*Spacer for little spaces around bullets etc. (typographical reasons).*/
font-size: 50%;
}

span.spacer2
{
font-size: inherit; /*Important, otherwise can influence on line-height, which can be fatal for layout. Rather duplicate than to create too big spacers.*/
}

.verticalspacer
{
/*Centered "p" element for separating bullets.*/
text-align: center;
color: #0b6959;
}

.important
{
/*The reason for using "b.important" instead of "strong" are modifications  - fatal on some platforms - of MS Word global template while copying text with the "strong" tag into a Word document.*/
color: #0b6959;
font-weight: bold;
}

b
{
/*The reason for using "b" instead of "strong" are modifications  - fatal on some platforms - of MS Word global template while copying text with the "strong" tag into a Word document.*/
color: #0b6959;
font-weight: bold;
}

strong
{
/*For reg. application - its author uses "strong".*/
color: #0b6959;
font-weight: bold;
}

.outdated
{
/*Gray*/
color: #72706f;
}

.outdated2
{
/*Green*/
color: #94996e;
}

a.cz
{
padding-left: 18px;
background: url('images/czflag.gif') no-repeat 0 0.9ex;
}

a.en
{
padding-left: 18px;
background: url('images/enflag.gif') no-repeat 0 0.9ex;
}

a
{
color: #008575;
}

a:hover
{
color: #01b6a0;
text-decoration: none;
}

p
{
margin-top: 1.2ex;
}

h1
{
margin: 2.2ex 0 0 0;
font-size: 160%;
font-weight: normal;
color: #ac0052;
}

h1.universal
{
margin-top: 0;
text-align: center;
font-size: 138%;
letter-spacing: 0.04em;
color: #0b6959;
font-variant: small-caps;
}

h1.subhead
{
margin-top: 1ex;
text-align: center;
font-size: 105%;
color: #ac0052;
}

h2
{
margin: 2.2ex 0 -0.6ex 0; /*minus margin-bottom is the best solution for margins.*/
font-size: 110%;
font-weight: normal;
color: #ac0052;
}

h2.spec
{
/*With bigger margin-top and margin-bottom; see page Call for papers.*/
margin: 2.4ex 0 1.2ex 0;
}

h3
{
margin: 1.2ex 0 -1.2ex 0;
font-size: 100%;
font-weight: normal;
color: #ac0052;
}

ul
{
margin: 1.2ex 0 0 1em; /*margin-left like table: same vertical line*/
}

ul li
{
list-style-type: none;
background: url('images/item-1.gif') no-repeat 0 1.4ex;
padding-left: 1em;
}

ul ul li
{
background: url('images/item-2.gif') no-repeat 0 1.4ex;
padding-left: 0.5em;
}

ol
{
margin: 1.2ex 0 0 2em;
}

ol.loweralpha
{
list-style-type: lower-alpha;
}

div.tablecontainer
{
/*problems with caption in FF: doesn't include caption. So margin of table has no effect on caption in FF, margin of caption fixes this, but duplicates the margin in Opera. It is necessary to create a table container.*/
margin-left: 1em;
margin-top: 1.8ex; /*If in table, it is OK in IE and Opera, but it renders a vertical space separating caption from table in FF; necessary to use tablecontainer (separately for each table). Must be more - h2 + table doesn't look good with zero (h2 has minus margin-bottom) margin-top.*/
margin-right: 1em; /*For 100% width tables*/
}

div.tablecontainer + div.tablecontainer
{
margin-top: 1.2ex; /*Optically eliminates the difference in margins between h2 + table and table + table.*/
}

table
{
border-collapse: collapse;
/*Center the table in parent box. × fleft was applied; archive: margin-left: auto; margin-right: auto;*/
}


/*.sibling
{
I was trying to style a sibling table - floating left, with a margin-right. Problems in Opera - even the following paragraph is floating left (markup verified - end tag is OK). But problems in various browsers. IE6 OK, caption untouched by floating of table in FF, therefore trying to style it separately as caption.sibling, but problems in Opera with floating caption (1px vertical white space). Giving up.
float: left;
margin-right: 2em;
}*/

caption
{
color: #ac0052;
background-color: #d8d5aa;
/*See table.sibling: floating was applied. Archive: margin-left: auto; margin-right: auto; For centering in FF; Opera and IE are OK with margins of parent element (table), but not FF.*/
padding: 1px 8px 1px 8px;
font-size: 88%;
font-weight: bold;
}

th
{
vertical-align: top;
padding: 1px 8px 1px 8px;
background: #dfdcbb;
color: #ac0052;
font-size: 88%;
font-weight: normal;
}

td
{
vertical-align: top;
padding: 1px 8px 1px 8px;
background: #dfdcbb;
font-size: 88%;
}

tr:first-child td
{
padding-top: 8px;
}

tr:last-child td
{
padding-bottom: 8px;
}

/*Řešení italics bugu.*/
/* \*/
* html div#main { overflow: hidden; o\verflow: visible; he\ight: 1%; }
/* */

}

@media print {

*
{
text-align: justify;
font-size: 12pt;
}

div#page
{
padding-bottom: 0;
margin-left: 0;
}

div#topmenu
{
display: none;
}

div#footer span.fright
{
/*Odkaz na administraci; nemá vlastní třídu, tj. pozor - vše ve footer, co je .fright, bude skryto.*/
display: none;
}


h1, h2, h3, h4
{
text-align: left;
page-break-inside: avoid;
}

ul li
{
list-style-type: disc;
page-break-before: avoid;
}

}