/*************************************
 * TITLE: Nanopin Screen Stylesheet  *
 *************************************/

/* ##### Common Styles ##### */

body {color: black; background-color: white; font-family: verdana,   helvetica, arial, sans-serif; margin: 0; padding: 0; 
  font-size: 71%;  /* Enables font size scaling in MSIE */}

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 {color: #E3E3F6; background: url(../img/koule.jpg) repeat-x;
   height: 70px; position: relative;}
.headerTitle {display: none;}
.topHeader .right {position: absolute; right: 20px; top: 30px;}
.topHeader .left {position: absolute; left: 1.5mm; top: 0px;}
.flag {position: absolute; right: 20px; top: 25px; float: right; width: 30px; height: 20px; border: 0px;}
.nanopin {position: absolute; right: 10px; top: 15px; float: right; border: 0px;}
.title {position: absolute; float:left; margin-left: 2%; background-color: transparent; border: 0px;}
.logo {position: absolute; right: 1%; top: 10px;}
img {behavior:	url("../img/pngbehavior.htc");}

.subHeadertop {color: white; background: url(../img/gradient6t.gif) repeat; margin: 0;  padding: 0; height: 0.5em; overflow: hidden;}
.subHeaderbot {color: white; background: url(../img/gradient6b.gif) repeat; margin: 0;  padding: 0; height: 0.5em; overflow: hidden;}

.subHeader {color: white; background: url(../img/gradient6.gif) repeat-x; margin: 0;  padding: 0; height: 1.8em; }

.subHeader ul {list-style-type: none; list-style-position: outside; margin: 0;
padding: 0; }
.subHeader li {float: left;  border-right: 1px solid  white; width: 8.11em; text-align: center;  height: 1.8em; margin: 0; }
.subHeader p {margin: 0; font-weight: bold;}
.subHeader li a {color: white; background-color: transparent; text-decoration:       none; font-weight: bold; padding: 5px 10px 8px 10px; display: block; margin: 0; _height: 1px; _padding: 5px 10px 2px 10px;} 

.subHeader li a:hover {text-decoration: none; color: rgb(253,160,91); background-color: rgb(0,51,153); letter-spacing: 1px; _height: 1.7em;}

.subHeader a {color: white; background-color: transparent; text-decoration:       none; font-weight: bold; padding: 5px 10px 8px 10px; display: block; margin: 0; } 
.subHeader a:hover {text-decoration: none; color: rgb(253,160,91); background-color: rgb(0,51,153);}

.subHeader .highlight a {color: rgb(253,160,91); background-color: transparent;  padding: 5px 10px 7px 10px; display: block; text-decoration: none; _height: 1px; _padding: 5px 10px 2px 10px;}
.subHeader .highlight a:hover {color: rgb(253,160,91); background-color: rgb(0,51,153); letter-spacing: 1px; text-decoration: none; _height: 1.7em; }
.subHeader .left {left: 0px; position: absolute; }
.subHeader .right {right: 5px;  margin-top: -2px; position: absolute;}
.subHeader .right1 {right: 5px; margin-top: -2px; position: absolute; }
.subHeader .right1 a {background-color: transparent; text-decoration: none;} 
.subHeader .right1 a:hover {background-color: transparent; text-decoration: none;}
.subHeader .right2 {right: 47px; position: absolute; }
.subHeader .right2 .highlight {color: rgb(253,160,91); margin-top: 4px; }

/* ##### Left Side Bar ##### */

#side-bar {width: 16.3em; float: left; clear: left; border-right: 1px solid   rgb(153,153,153); background: url(../img/entrybg.png) repeat-x;}
#side-bar div {border-bottom: 1px solid rgb(153,153,153);}
.sideBarTitle {font-weight: bold; margin: 0 0 0.5em 2.5mm; padding: 1em 0 0 0;}
#side-bar .highlight { color: rgb(253,160,91); 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(0,102,204); 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 {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: #003399; 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:  url(../img/entrybg.png) repeat-x; background-color: transparent;  color: black; text-align: justify;  margin: 0 0 0 16.3em; padding: 0.5mm 5mm 5mm 5mm; border-left: 1px solid rgb(153,153,153); line-height: 1.5em;}
#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: #003399; 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: #003399; 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: #003399; 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 #003399;}

#main-body h3 {color: #003399; 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 #003399;}

#main-body hr {margin: 1ex 30px 1ex 30px; border: 1px solid #003399; background-color: #003399;}

#mainTitle  h1 {font-size: 1.80em; font-family: Verdana; font-weight: bold;
  background-color: transparent; color: #003399; margin: 10px 30px 10px 30px; =margin: 28px 30px 10px 30px;  padding: 0.25ex 0; text-align: center; 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; text-align: center; line-height: 1.5em;}

.jmeno {color: #003399; font-size: 130%; margin-left: 30px; margin-right: 50px; border-bottom: 2px solid #003399; padding-bottom: 1em; font-weight: bold;}

#main-body table {margin-right: 50px; margin-left: 30px;}
#main-body table td {font-size: 1em;}
#main-body table .sloupec6 {width: 90px; border: 0; vertical-align: top;}
.sloupec7 {width: 650px; border: 0; vertical-align: top;}
.sloupec8 {width: 150px; border: 0; vertical-align: middle; }
.sloupec9 {width: 550px; border: 0; vertical-align: middle; }

.ctr {margin-left:auto; margin-right: auto; display: block; text-align:center;}
 
#main-body .reference  {border: 0px;	margin-bottom: -15px;	padding:5px; text-align: justify; margin: 0 15px 0 15px; font-family: Verdana; font-size: 0.85em;}
#main-body .reference a {font-family: Verdana; color: black; text-decoration: none; background-color: transparent; }
#main-body .reference a:hover  {font-family: Verdana; color: blue; text-decoration: none; background-color: transparent; }
	
#main-body .abstract {border:1px solid #C6CDDF; background-color: #fffff3; text-align: justify; margin: 0 60px 0 60px;}	
#main-body .abstract p {font-family: Verdana; margin: 10px 20px 10px 20px; padding: 0; font-size: 0.85em;}

#conference li {margin: 1ex 60px 1ex 30px; padding: 0; font-size: 1em;}

#table {margin-left: 50px; margin-right: 50px;  border: 0; }
#table .sloupec {width: 370px; border: 0;}
#table .sloupec1 {width: 250px; _width: 300px; border: 0; padding: 13px 4ex 1.75ex 4ex; }
#table .sloupec2 {width: 160px; border: 0;}
#table .sloupec2a {width: 250px; border: 0; padding: 0 75px 0 0; }
#table .sloupec3 {width: 32px; border: 0; vertical-align: middle; margin-right: 20px;}
#table .sloupec4 {width: 250px; border: 0; padding: 5px 0 0 0; }
#table .sloupec4 a {color: black; background-color: transparent; text-decoration: none; font-weight: bold; } 
#table .sloupec4 a:hover {text-decoration: none; color: blue; }
#table .sloupec5 {width: 500px; border: 0; padding: 5px 0 0 0; text-align: top;}
#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 td {width: 110px; text-align: top;} 
#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: 30px; margin-right: 20px; margin-top: 0px; margin-bottom: 20px; float: left;}
		
/* ##### Footer ##### */

#footer {color: white; background-color: rgb(0,51,153); 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;}

