/*************************************
 * TITLE: SPEA6 Screen Stylesheet  *
 *************************************/

/* ##### Common Styles ##### */

body {text-align: center; color: black; background: url(../img/head-bg3.jpg) repeat-x; background-color: white; font-family: verdana, helvetica, arial, sans-serif; margin: auto; padding: 0; font-size: 71%;  /* Enables font size scaling in MSIE */}
#container {max-width: 1000px; text-align: left; margin: 0 auto 0; background-color: white; }
html > body {font-size: 8.5pt; }

acronym, .titleTip {border-bottom: 1px dotted rgb(153,153,153); cursor: help; margin: 0;  padding: 0 0 0.4px 0;}

.doNotDisplay {display: none;}

.smallCaps {font-size: 1.10em; font-variant: small-caps;}


/* ##### Header ##### */

#topHeader {background: url(../img/head-bg3.jpg) repeat-x; height: 250px; position: relative; }
#topHeader img {border: 0; text-decoration: none;}

/* ##### Left Side Bar ##### */

#side-bar {width: 220px; float: left; clear: left; border-right: 1px solid rgb(248,205,107); }
#side-bar div {border-top: 1px solid rgb(248,205,107);}
.sideBarTitle {font-weight: bold; margin: 0 0 0.5em 2.5mm; padding: 1em 0 0 0;}
#side-bar .highlight { color: rgb(248,205,107); background-color: transparent;}
.sideBarText {line-height: 1.5em; margin: 0 0 1em 0; padding: 0 1.5ex 0 2.5mm;
  display: block;}
#side-bar .sideBarText a {text-decoration: underline; margin: 0; padding: 0;
  display: inline;}
#side-bar .sideBarText a:hover {color: rgb(248,205,107); background-color: transparent; text-decoration: none;}
#side-bar .ikona {margin-left: -20px; margin-right: 0; margin-top: 5px; display: block; text-align: center;}
#side-bar .ikona a {background-color: transparent; text-decoration: none;} 
#side-bar .ikona a:hover {background-color: transparent; text-decoration: none;}


/* ##### Style of Left Side Bar Mainmenu  ##### */

#side-bar ul {list-style-type: none; list-style-position: outside; margin: 0; padding: 0 0 1.1em 0; width: 100%;}
#side-bar ul, ul  {padding: 0px; margin: 0px; list-style-type: none; }
#side-bar ul ul {position: absolute; top: 0px; left: 100%;	visibility: hidden;}
#side-bar ul li {font-size: 1.2em; width: 100%; position: relative; margin: 0; top: 0px; line-height: 2em; padding: 0.1ex 0;  /* Circumvents a rendering bug (?)   in MSIE 6.0 */}
#side-bar ul a {color: #990000; background-color: transparent;  text-decoration: none; margin: 0; padding: 0.75em 1.5em 0.75em 1.5em; display: block; }
#side-bar ul a:hover, #side-bar ul a.hover { color: white; background: url(../img/gradient5.gif) repeat;  text-decoration: none; display: block; padding: 0.75em 1.5em 0.75em 1.5em;}
#side-bar ul li:hover a, #side-bar ul li.hover a	{	color: white; background: url(../img/gradient5.gif) repeat;  text-decoration: none; display: block; padding: 0.75em 1.5em 0.75em 1.5em;}
	
/* ##### Style of Left Side Bar Submenu  ##### */

#side-bar ul li:hover ul a, #side-bar ul li.hover ul a	{color: #003399; width: 130px; padding: 0.75em 1.5em 0.65em 1.5em;	background: white; text-decoration: none; display: block; border: 1px solid #003399;}
	
#side-bar ul li:hover ul a:hover, #side-bar ul li.hover ul a:hover {color: white; width: 130px; padding: 0.75em 1.5em 0.65em 1.5em;	background: url(../img/gradient5.gif) repeat; text-decoration: none; display: block; }
	
#side-bar ul li:hover ul, #side-bar ul li.hover ul	{visibility: visible;}
	
#side-bar ul li li {position: relative; width: 130px; text-align: center;   background-color: white; padding:1px;}

/* Hover emulation of CSS style for IE5+  */
	
#side-bar ul li {behavior: url(hover.htc);}  
 

/* ##### Main Body ##### */

#main-body {background-color: transparent;  color: black; text-align: justify;  margin: 0 0 0 220px; padding: 0.5mm 5mm 5mm 5mm;  line-height: 1.5em; border-top: 1px solid rgb(248,205,107); border-left: 1px solid rgb(248,205,107);}
#main-body .topOfPage {color: white; background-color: transparent; font-size: 91%; font-weight: bold; text-decoration: none; margin: 1.5ex 1ex 0 0;  /* For MSIE */ padding: 0; float: right;}
#main-body > .topOfPage { margin: 6.5ex 1ex 0 0;  /* For fully standards-compliant user agents */}
#main-body p {margin: 1ex 30px 1ex 30px; padding: 0; font-size: 1.15em; }
#main-body h4 {color: #990000; font-family: Verdana; margin: 1ex 30px 1ex 30px; padding: 0; font-size: 1.3em; font-weight: bold;}
#main-body li {margin: 1ex 60px 1ex 30px; padding: 0; font-size: 1.15em; }
#main-body a {color: #990000; background-color: transparent;  text-decoration: none;}
sub {vertical-align: sub; font-size: 0.8em; line-height: 0;}
sup {vertical-align: super; font-size: 0.8em; line-height: 0;}
#main-body a:hover {text-decoration: underline;}

#main-body h1 {color: #990000; font-family: Verdana; background-color:   transparent; font-size: 1.60em; font-weight: bold; margin: 1em 30px 20px 30px; =margin: 2em 30px 20px 30px;  padding-bottom: 1em; text-align: left; line-height: 1.5em; border-bottom: 2px solid #990000; }

#main-body h3 {color: #990000; font-family: Verdana; background-color: transparent; font-size: 1.30em;  font-weight: bold; margin: 1em 30px 20px 30px;_margin: 2em 30px 20px 30px;   padding-bottom: 1em; text-align: left; line-height: 1.5em; border-bottom: 2px solid #990000;}

#main-body hr {margin: 1ex 30px 1ex 30px; border: 1px solid #990000; background-color: #990000;}

#main-body .seznam	{text-align: justify;	 color: black;	margin-top: 6px; margin-bottom: 6px; margin-left: 80px;}

#main-body .seznam li {list-style-type: square; text-align: justify;	margin-left: 0px;  color: black;	padding-top: 6px; padding-bottom: 6px;}

#main-body .seznam2 {margin-left: 40px; =margin-left: 80px; margin-top: 6px; margin-bottom: 6px;}

#main-body .seznam2 li {list-style-type: decimal; padding-top: 6px; padding-bottom: 6px; margin-left: 0px; font-weight: bold; } 

#main-body .seznam3 {margin-left: 40px; =margin-left: 80px; margin-top: 6px; margin-bottom: 6px;}

#main-body .seznam3 li {list-style-type: decimal; padding-top: 6px; padding-bottom: 6px; margin-left: 0px; font-weight: normal; } 

#mainTitle  h1 {color: white; background: url(../img/gradient5.gif) repeat; font-size: 2em; font-family: Verdana; font-weight: bold;  margin: 10px 30px 10px 30px; =margin: 12px 30px 10px 30px;  padding: 1ex 4ex 1ex 4ex;  line-height: 1.5em; border: 0;}
  
#mainTitle  p {font-size: 1.60em; font-family: Verdana; font-weight: normal;
  background-color: transparent; color: black; margin: 0 30px 10px 30px; _margin: 10px 30px 10px 30px;  padding: 0.25ex 0; line-height: 1.5em;}

.jmeno {color: #990000; font-size: 130%; margin-left: 30px; margin-right: 50px; border-bottom: 2px solid #003399; padding-bottom: 1em; font-weight: bold;}



.ctr {margin-left:auto; margin-right: auto; display: block; text-align:center;}
 
#main-body .reference  {border: 0px; text-align: justify; margin: 0; font-family: Verdana; }
#main-body .reference a {font-family: Verdana; color: #990000; text-decoration: underline; background-color: transparent; font-weight: normal; }
#main-body .reference a:hover  {font-family: Verdana; color: #990000; text-decoration: underline; font-weight: bold; background-color: transparent; }
#main-body .abstract {border: 1px solid rgb(248,205,107); background-color: #fffff3; text-align: justify; margin: 20px 30px 0 30px;}	
#main-body .abstract ul {list-style-type: disc; list-style-position: inside; margin: 0; padding: 0 0 1.1em 0; }
#main-body .abstract p {font-family: Verdana; margin: 10px 20px 10px 20px; padding: 0;}

#conference li {margin: 1ex 60px 1ex 30px; padding: 0; font-size: 1em;}

#mapa {margin-left: 20px; margin-right: 10px;}
#mapa h3 {color: #990000; font-family: Verdana; background-color: transparent; font-size: 1.30em;  font-weight: bold; margin-top: 10px;   padding: 0; text-align: left; line-height: 0; border: 0;}


#table {margin-left: 30px; margin-right: 30px;}
#table table {border: 2px solid #990000;  border-collapse: collapse;}
#table .sloupec {width: 370px; border: 0;}
#table .sloupec1 {width: 250px; _width: 300px; border: 0; padding: 13px 4ex 1.75ex 4ex; }

#table .sloupec2 {width: 170px; border: 2px solid #990000; padding: 10px 10px 10px 20px; }
#table .sloupec2 p {color: #990000;}

#table .sloupec2a {width: 100px; border-left: 0; border-top: 2px solid #990000; border-right: 2px solid #990000; border-bottom: 2px solid #990000; padding: 5px 10px 5px 20px; }
#table .sloupec2a p {color: black; font-weight: normal; text-align: center;}

#table .sloupec2b {width: 100px; border-left: 2px solid #990000; border-top: 2px solid #990000; border-right: 2px solid #990000; border-bottom: 2px solid #990000; padding: 5px 10px 5px 20px; }
#table .sloupec2b p {color: black; font-weight: normal; text-align: right;}


#table .sloupec3 {width: 170px; border: 2px solid #990000; padding: 10px 0px 10px 20px; }
#table .sloupec3 p {color: black; text-align: center;}

#table .sloupec3a {width: 340px; border: 2px solid #990000; padding: 10px 0px 10px 20px; }
#table .sloupec3a p {color: black; text-align: left;}

#table .sloupec3b {width: 170px; border-right: 0; border-top: 2px solid #990000; border-left: 2px solid #990000; border-bottom: 2px solid #990000; padding: 5px 10px 5px 20px; }
#table .sloupec3b p {color: black; font-weight: normal; text-align: left;}

#table .sloupec3c {width: 420px; border: 2px solid #990000; padding: 10px 0px 10px 20px; }
#table .sloupec3c p {color: black; text-align: left;}

#table .sloupec3d {width: 270px; border: 2px solid #990000; padding: 10px 0px 10px 20px; }
#table .sloupec3d p {color: black; text-align: left;}

#table .sloupec4 {width: 260px; border: 2px solid #990000; padding: 10px 10px 10px 20px; }
#table .sloupec4 p {color: #990000;}

#table .sloupec4a {width: 200px; border: 2px solid #990000; padding: 5px 10px 5px 20px; }
#table .sloupec4a p {color: #990000;}

#table .sloupec5 {width: 450px; padding: 10px 10px 10px 20px; text-align: top; border: 2px solid #990000; }

#table .sloupec5 h4 {vertical-align: top;}
#table .sloupec5 a {color: black; background-color: transparent; text-decoration: none; font-weight: bold; text-align: top;} 
#table .sloupec5 a:hover {text-decoration: none; color: blue; text-align: top;}
#table .sloupec6 {width: 650px; padding: 10px 10px 10px 20px; text-align: top; border: 2px solid #990000; } 
#table tr {_font-size: "0.7em"; text-align: top; }
#table p {margin-left: 0px; font-size: 1.15em; vertical-align: top; text-align: left;}
#table hr {margin: 1ex 0px 1ex 0px; background-color: #003399;  width: 90%; border: 1px solid #003399;}
#table h3 {color: white; background-color: #4760AF; font-size: 1em; font-weight: bold; margin: 0 0 5px 0; padding: 1ex 4ex 1ex 4ex; text-align: left; border: 0;}
#table h3 a {color: white; background-color: #4760AF; font-size: 1em; font-weight: bold; margin: 0 0 0 0; }
#table h4 {margin-left: 0px; font-size: 1.10em; text-align: top; margin-top: 10px; line-height: 1.5em; text-align: left;}
#table h2 {margin-left: 0px; font-size: 1.10em; vertical-align: top; margin-top: 10px; line-height: 1.5em; text-align: left;}
#table h2 a {margin-left: 0px; font-size: 1.10em; vertical-align: top; margin-top: 10px; line-height: 1.5em; }
#table li {margin: 1ex 60px 1ex 15px; padding: 0; font-size: 1.15em;}
#table ul {list-style-type: square;}
.button1 {right: 50px; position: absolute; }
.button2 {right: 50px; position: absolute; margin-top: -7px; _margin-top: 0px;}	
.buttnews {border: 5px; margin-left: 0px; margin-right: 20px; margin-top: 5px; margin-bottom: 20px; float: left;}

#table2 { margin-left: 30px; margin-right: 10px;}
#table2 table {border: 0;  border-collapse: collapse;}
#table2 p {margin-left: 0px; margin-right: 0px; font-size: 1.15em; vertical-align: top; text-align: left; padding: 0;}
#table2 .sloupec1 {width: 120px;  border: 0; vertical-align: top; padding: 0;}
#table2 .sloupec1a {width: 120px; border: 0; vertical-align: top; padding: 0;}
#table2 .sloupec1a p {color: #990000;}
#table2 .sloupec2 {width: 620px;  border: 0; vertical-align: top; padding: 0;}
#table2 .sloupec2a {width: 620px;  border: 0; vertical-align: top; padding: 0;}
#table2 .sloupec2a p {color: #990000;}
#table2 h4 {margin-left: 0px; font-size: 14px; vertical-align: top; margin-top: 10px;}
#table2 hr {margin: 1ex 20px 1ex 0px; border: 1px solid #990000; background-color: #990000;}


		
/* ##### Footer ##### */

#footer {color: white; background: url(../img/gradient5.gif) repeat; font-size: 0.90em; margin: 0 0 0 0; padding: 2px 5px 2px 5px; clear: both; }
#footer .left {text-align: left; margin-left: 5px; width: 30%; }
#footer .right {text-align: right;  margin-right: 5px; width: 30%; color: white; }
#footer a {color: white; text-decoration: none; }
#footer a:hover {text-decoration: none; color: rgb(253,160,91);}
#footer .centr {text-align: center; width: 40%; color: white; } 
#footer table {width: 100%; margin: 0 0 0 0; font-size: 0.90em;}
#subfooter {margin-left:auto; margin-right: auto; margin-top: 5px; display:block; text-align:center;}