/* CSS Document */
/* CSS Document */
/*
CONTENT:
	include
	main structure
	basic settings
	main menu
	side menu
	main
	top
	banners
	footer
	for special pages
		partners
*/
/*** INCLUDE ***/



/*** MAIN STRUCTURE ***/
*{
	margin: 0px;
	padding: 0px;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 75%;*/
	font-size: 12px;
	max-width:100%;
	background-color:#FFFFFF;
	padding-right: 10px;
	color:#333333;
}
div#wrapper{
	width: 984px;
	min-width: 600px;
	margin: 0 auto;
	/*border: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;*/
	background-color:#FFFFFF;
}
div#top{
	height: 80px;
	background: #D9E0E6 url(img/top_01.jpg) no-repeat;
	/*margin-bottom: 1em;*/
}
/*
div#main{
	float: left;
	width: 90em;
	min-width: 30em;
	max-width: 80%;	
}*/
div#content{
	float: left;
	width: 50em;
	min-width: 30em;
	max-width: 70%;
	/*border-left:1px #CCCCCC dashed;
	border-right:1px #CCCCCC dashed;*/
	border: 1px solid #CCCCCC;
	font-size: 1em;
	/*padding: 1.5em;
	padding-top: 0em;*/
	min-height: 25em;
	margin: 1em 0 1em 0;
	background-color:#FFFFFF;
}
div#content>h1:first-child{
	background:url(img/caption_bg.gif) repeat-x top #FFFFFF;
	padding-left: 1em;
	color: #333333;
	font-weight:bold;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.2em;
	min-height: 20px;
	height: 1.2em;
	border-bottom:1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
	margin-bottom: 1em;
}
div#content>*{
	margin-left: 1em;
	margin-right: 1em;
}
div#banners{
	float:left;
	width:200px;
	padding: 0;
	margin-right: 0;
}
div#banner div.box{
	margin-right: 0px;
}
div#footer{
	clear:both;
	background-color:#999999;
	color:#FFFFFF;
	font-size: 0.8em;
	height: 3em;
	margin-top: 1em;
	margin-bottom: 0;
	padding: 0.5em 5em;
}

/*** BASIC SETTINGS ***/
h1, h2, h3, h4, h5, h6{
	color: #333333;
	margin: 1em 0.2em 0.5em;
	border-bottom: 1px #CCCCCC dashed;
}
h1{	font-size: 1.4em;}
h2{	font-size: 1.2em;}
h3{ font-size: 1.0em;}
h4{ font-size: 0.9em;}

p{ 
	margin: 0em 0.2em 1em;
	text-align:justify;
}
a{
	color:#0000FF;
	color:#666666;
}
a:hover{
	color: #CC0000;
}
a.pdf{
	background-image: url(img/pdf_ico.gif);
	background-position: left;
	background-repeat: no-repeat;
	line-height: 31px;
	height:31px;
	padding: 0px;
	padding-left: 35px;
}
a img{
	border: none;
}

.clearL{
	clear:left;
}
ol{
	margin: 1em 1em 1em 2em;
	padding-left: 1em;
}
ul{
	margin: 1em 1em 1em 2em;
	list-style: square;
}
ul ul{
	list-style: circle;
}
li{
	margin-left: 1em;
}
.center{
	text-align: center;
}
div.box{
	border: 1px solid #CCCCCC;
	margin: 1em;
	text-align:left;
	background-color:#FFFFFF;
}
div.box div.caption{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	background:url(img/caption_bg.gif) repeat-x top #FFFFFF;
	min-height: 1.7em;
	font-size: 1em;
	line-height: 1.7em;
	font-weight: bold;
	padding-left: 1em;
	margin-bottom: 0.5em;
	text-align:left;
	display: block;
}
div#banners div.box div.content{
	font-size: 0.9em;
	margin-left: 1em;
	margin-bottom: 1em;
	background-color:#FFFFFF
}
.center{
	text-align: center;
}
/*** MAIN MENU ***/
div#menu{
	float:left;
	background: #CC0000 url(img/menu_bg.gif) repeat-x top;
	width: 100%;
}
#menu ul{
	margin: 0em;
	margin-left: 14em;
}
#menu li{
	list-style: none;
	float:left;
	white-space:nowrap;
	padding: 2px 1em;
	text-align: center;
	font-weight: bold;
	margin: 0em;
}
#menu li.active{
	background:#336699 url(img/menu_bg_hover.gif) repeat-x top;
}
#menu li a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	white-space:nowrap;
}
#menu li+li{
	border-right: 1px solid #FFFFFF;
}
#menu ul li:first-child{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
/*** SIDE MENU ***/
#menu2 li{
	margin-left: 0;
}
div#menu2{
	clear: left;
	float: left;
	width: 151px;
	min-width: 151px;
	/*max-width: 15%;*/
	border:1px solid #CCCCCC;
	margin: 1em;
	margin-left: 0px;
	/*padding-top: 60px;*/
	/*background:url(img/vertical_bg_plus_borders.gif) repeat-y 0 0;*/
}
/*
div#menu2 div.vertical{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	background: url(img/caption_vertical_bg.gif) repeat-y 0 0;
}*/

div#menu2 div#menu_img{
	background: #CCCCCC url(img/people.png) 0 0 no-repeat;
	height: 61px;
}
/*div#menu2 div#menu_items{
	float: left;
	background: url(img/caption_vertical_bg.gif) repeat-y 0 0;
	padding-left: 20px;
	border-left: 1px solid #FFFFFF;
	width: 12em;
}

div#menu2 div.caption{
	background:url(img/caption_bg.gif) repeat-x top;
	min-height: 20px;
	height: 1.2em;
	font-weight: bold;
	color:#333333;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	vertical-align:sub;
	padding-left: 1em;
}*/

#menu2 ul{
	margin: 0em;
	list-style: none;
}
#menu2>ul{
	/*border-left: 1px solid #CCCCCC;*/
	margin-left: 0px;
}
#menu2 ul ul{
	margin: 0px;
	padding: 0em;
}
#menu2 li{
	display:block;
	padding-left: 0em;
	border-top: 1px solid #FFFFFF;
	background-color:#F9F9F9;
	border-bottom: 1px solid #CCCCCC;
	/*margin-bottom: 0.5em;*/
	
}
#menu2>ul>li:last-child{
	border-bottom: none;
}
#menu2 ul ul{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#menu2 ul ul li{
	display: block;
	padding-left: 1em;
	background-color: #FFFFFF;
	border: none;
}

#menu2 ul ul ul{
	border: none;
}
#menu2 li a{
	text-decoration:none;
	font-size: 1em;
	color:#333333;
	display: block;
	/*white-space:nowrap;*/
	line-height: 100%;
	padding: 2px;
	padding-left: 1em;
}
#menu2 li a:hover{
	color:#CC0000;
}
/*** TOP ***/


/*** BANNERS ***/

#banners img{
	margin: 1em;
}

/*** FOOTER ***/

#footer p{
	text-align:center;
	margin-top: 1em;
}

/*** SPECIAL PAGES ***/
/*sponsors*/
div.sponsor{
	margin-top: 2em;
	clear: left;
	float:left;
	width: 100%;
}
div.sponsor a img{
	width: 130px;
}
.sponsor img{
	margin: 0em 2em;
	float: left;
}
div.addressSheet{
	float: left;
}
div.addressSheet p:first-child{
	font-weight: bold;
}
div.addressSheet p{
	margin: 0.2em;
}
/*visitor information*/
.hotel_info img{
	float: right;
	margin: 0em 1em 1em;
}
div.hotel_info{
	clear: right;
	margin-top: 1em;
	border-bottom: 1px #CCCCCC dashed;
}
.hotel_info p+p{
	clear:right;
}
/*lectures*/
p.place_wts{
	font-weight: bold;
	
}

div.lecture_info{
	margin-bottom: 1em;
	clear: left;
	float: left;
	width: 95%;
	padding-bottom: 1em;
	border-bottom: 1px solid #CCCCCC;
}

div.lecture_info div{
	width: 150px;
	margin-right: 1em;
	float:left;
}

div.lecture_info p span.name{
	color:#15396F;
	font-size:1.2em;
	font-weight:bold;
}
div.lecture_info p span.author{
	font-weight:bold;
}
div.lecture_info p span.who{
	
}
div.lecture_info p span.when{
	color: #FF0000;
}

div.bio img{
	float: left;
	margin: 0 1em 1em 0;
}
div.bio span.highlight{
	color:#FF0000;
	font-size:1.1em;
	font-weight:bold;
}
div.talk_detail div.download{
	border: 1px solid #999999;
	background-color:#F0F0FF;
	text-align:center;
	font-weight:bold;
	clear: left;
}
div.talk_detail div.download a{
	text-decoration:none;
	color:#333333;
	display:block;
}
div.talk_detail div.download a:hover{
	color: #FF0000;
}
/*technical seminars*/
p.ts_info{
	padding-bottom: 1em;
	border-bottom: 1px solid #CCCCCC;
}
div.ts_info p span.name{
	color:#15396F;
	font-size:1.2em;
	font-weight:bold;

}
div.ts_info p span.author{
	font-weight:bold;
}
div.ts_info p span.red{
	color: #FF0000;
}
div.ts_info p span.odrazky{
	padding-left: 1em;
}
/*page navigation*/
div.pageNavigation{
	border: 1px solid #999999;
	background-color:#F8F8F8;
	text-align: center;
	margin: 1em 0;
}
div.pageNavigation a{
	color:#333333;
	text-decoration: none;
	margin: 0 2em;
}

/*  NEWS   */
div.news{
	margin-top: 1em;
}
div.news div.date{
	width: 10em;
	float: left;
}
div.news div.content{
	margin-left: 11em;
}
div.news span.title{
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	display: block;
}

/*PEOPLE DETAIL*/
div.card{
	clear: left;
	margin-bottom: 1em;
	vertical-align: sub;
}
div.card img{
	height:150px; 
	margin: 0 2em 1em 0;
	float: left;
}
div.card p{
	margin: auto;

}
div.card p.name{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0.2em;
}
div.card p.function{
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0.5em;
}
/*Fórum na projektových stránkách*/
div.forumForm{
	position:static;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 1.5em;
}
div.forumForm div.fields{
	width: 250px;
	float: left;
	margin: 1em;

}
div.forumForm div.textarea{
	float: left;
	width: 250px;

}
div.forumForm textarea{
	width: 240px;
	height: 100px;
}
div.forumForm p{
	display: block;
	width: 300px;
}
div.forumForm p.center{
	text-align:center;
	clear:both;
	height: 20px;
	width: 500px;
}
div.forumForm p.center input{
	width: 250px;
}
div.forumForm label{
	display: block;
	width: 80px;
	float: left;
	margin-right: 1em;
}
div.forumForm label.required{
	font-weight:bold;
}
div.forumFrom input{
	width: 200px;
	float: left;
}
/*forum message*/
div.forumMessage{
	border: 1px solid #CCCCCC;
	padding: 0;
	margin-bottom: 0.5em;
}
div.forumMessage p.header{
	background-color:#666666;
	color:#FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
div.forumMessage p.header a{
	color: #FFFFFF;
}
div.forumMessage p.text{
	padding: 0.5em;
}
/*Publikace*/
div.publication span.title{
	font-weight:bold;

}
div.publication p.linksToAbstract{
/*	margin-top: 0;*/
}
/*Project Sponsors*/
div#projectSponsors{
	margin-bottom: 2em;
	float: right;
	background-color:#FFFFFF;
	padding-left: 0.5em;
	border-left: dashed 1px #CCCCCC;
}
div#projectSponsors p{
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	border-bottom: dashed 1px #CCCCCC;
	margin: 0;
	padding-bottom: 0.1em;
}
div.projectSponsor{
	max-width: 150px;
}
div.projectSponsor img{
	max-width: 130px;
	margin: 0.5em 0.5em;
	
}
div.projectSponsor span{
	display: none;
	
}
div#side{
	float: left;
}
div#challengeSponsors{
	clear: left;
	float: left;
	width: 145px;
	min-width: 145px;
	/*max-width: 15%;*/
	margin-left: 0px;
	padding:0;
	/*padding-top: 60px;*/
	/*background:url(img/vertical_bg_plus_borders.gif) repeat-y 0 0;*/
}
div#challengeSponsors table{
	text-align: center;
	width: 145px;
	overflow: hidden;
	float: left;
	}
div#challengeSponsors td{
	padding-bottom: 0.5em;
	margin: 0;
	border: none;
}