/*---------------------------------------------------------------
	Author:	oportune - webové projekty
	Web:		http://oportune.cz
---------------------------------------------------------------*/

/*---------------------------------------------------------------
------------------------- global --------------------------------
---------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html, img, fieldset, form, label, legend, table {
	border: 0;
}


h2 {
	font-size:200%;
	color:#73b5cb;
	margin-bottom:30px;
}

h3 {
	font-size:120%;
}

h3 a:hover {
	color:#404040 !important;
	text-decoration: underline;
}

a {
	color:#636363;
	text-decoration:underline;
}

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

body {
	font-family: Arial, lucida, sans-serif;
	text-align: left;
	font-size: 12px;
	color:#636363;
	background: #f3f3f3;
}

.cleaner {
	clear: both;
}

#content_in .item_default .box {
      padding-top:15px;
      padding-right:15px;
}

#content_in .item_default .box .thumb {
      float:left;
      margin:0 30px;
}

.metadata {
      color:#929292;
      margin-bottom:10px;
      font-style: italic;
 }

.item_default {
      position:relative;
      margin:0 0 30px 0px;
}

.item_default .box{
      min-height:115px;
}

.item_default .box .text{
      margin-left:160px;
      margin-bottom:15px;
}


/*---------------------------------------------------------------
------------------------- paginations --------------------------
---------------------------------------------------------------*/

.pagination{
      float:right;
      margin-right:2px;

}


#content .pagination a{
      padding:2px 4px;
      background:#f3f3f3;
      border:1px solid #dedede;
      text-decoration: none;
      height:1%;
}

#content .pagination a:hover{
      text-decoration: none;
      background:#88c6db;
      border:1px solid #73b5cb;
      color:#fff;
}

#content .pagination strong{
      padding:2px 4px;
      background:#88c6db;
      border:1px solid #73b5cb;
      height:1%;
      color:#fff;
}


.left{
      float:left;
}
.right{
      float:right;
}

.hidden{
      display:none;
}

.last{
      margin-bottom:0;
}


/*---------------------------------------------------------------
------------------------- header --------------------------------
---------------------------------------------------------------*/

#header {
      background: #fff url('../img/menu_bottom.png') 0 bottom repeat-x;

}

#header .in {
      position: relative;
      margin:0 auto;
      width:960px;
      height:139px;
}

#logo {
      position: relative;
      width: 267px;
      height: 67px;
      padding-top:25px;
      padding-left:30px;
}

#logo a {
	font-size:12px;
	color:#636363;
}

#logo span {
	display: block;
	position: absolute;
	width: 267px;
	height: 67px;
	top: 25px;
	left: 30px;
	z-index: 4;
	background: url('../img/logo.png') 0 0 no-repeat;
	cursor: pointer;
}

#search{
	height:58px;
	line-height:58px;
	width:962px;
	margin:0 auto;
}

#search form {
	float:right;
}

#search input{
	height:16px;
	margin-top:20px;
	border:1px solid #dedede;
	float:right;
	padding:4px 4px 0 4px;
	width:200px;
	font-size:11px;
	color:#acacac;
}

#search.search_color input {
	color:#636363;
}

#search #nav_bar {
	padding-left:15px;
	font-size:11px;
}

.login{
	position:absolute;
	top:50px;
	right:0;
	font-size:11px;
}

.login span{
	color:#73b5cb;
	font-weight: bold;
}


/*---------------------------------------------------------------
------------------------- menu -------------------------------
---------------------------------------------------------------*/

#menu {
	position: absolute;
	top: 79px;
	right: 0;
	background: #fff;
	height: 45px;
}

#menu ul li {
	display: inline;
}


#menu ul li a {
	display: block;
	float: left;
	position: relative;
	height: 45px;
	width:90px;
	margin: 0;
	padding: 0;
	color: #fff;
	outline:none;
}

#menu ul li a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#menu .active span, #menu span:hover {
	margin-top: 1px;
}

#menu ul #index  span {
      background: url('../img/cs/menu_index.png') 0 0 no-repeat;
}
#menu.en ul #index  span {
      background: url('../img/en/menu_index.png') 0 0 no-repeat;
}

#menu ul #news span {
	background: url('../img/cs/menu_news.png') 0 0 no-repeat;
}
#menu.en ul #news span {
	background: url('../img/en/menu_news.png') 0 0 no-repeat;
}

#menu ul #work span {
	background: url('../img/cs/menu_work.png') 0 0 no-repeat;
}
#menu.en ul #work span {
	background: url('../img/en/menu_work.png') 0 0 no-repeat;
}

#menu ul #publications span {
	background: url('../img/cs/menu_publications.png') 0 0 no-repeat;
}
#menu.en ul #publications span {
	background: url('../img/en/menu_publications.png') 0 0 no-repeat;
}

#menu ul #files span {
	background: url('../img/cs/menu_files.png') 0 0 no-repeat;
}
#menu.en ul #files span {
	background: url('../img/en/menu_files.png') 0 0 no-repeat;
}

#menu ul #contacts span {
	background: url('../img/cs/menu_contacts.png') 0 0 no-repeat;
}
#menu.en ul #contacts span {
	background: url('../img/en/menu_contacts.png') 0 0 no-repeat;
}

#menu ul #index.active span, #menu ul #index span:hover {
      background: url('../img/cs/menu_index_active.png') 0 0 no-repeat;
}
#menu.en ul #index.active span, #menu.en ul #index span:hover {
      background: url('../img/en/menu_index_active.png') 0 0 no-repeat;
}

#menu ul #news.active span, #menu ul #news span:hover {
	background: url('../img/cs/menu_news_active.png') 0 0 no-repeat;
}
#menu.en ul #news.active span, #menu.en ul #news span:hover {
	background: url('../img/en/menu_news_active.png') 0 0 no-repeat;
}

#menu ul #work.active span, #menu ul #work span:hover {
	background: url('../img/cs/menu_work_active.png') 0 0 no-repeat;
}
#menu.en ul #work.active span, #menu.en ul #work span:hover {
	background: url('../img/en/menu_work_active.png') 0 0 no-repeat;
}

#menu ul #publications.active span, #menu ul #publications span:hover {
	background: url('../img/cs/menu_publications_active.png') 0 0 no-repeat;
}
#menu.en ul #publications.active span, #menu.en ul #publications span:hover {
	background: url('../img/en/menu_publications_active.png') 0 0 no-repeat;
}

#menu ul #files.active span, #menu ul #files span:hover {
	background: url('../img/cs/menu_files_active.png') 0 0 no-repeat;
}
#menu.en ul #files.active span, #menu.en ul #files span:hover {
	background: url('../img/en/menu_files_active.png') 0 0 no-repeat;
}

#menu ul #contacts.active span, #menu ul #contacts span:hover {
	background: url('../img/cs/menu_contacts_active.png') 0 0 no-repeat;
}
#menu.en ul #contacts.active span, #menu.en ul #contacts span:hover {
	background: url('../img/en/menu_contacts_active.png') 0 0 no-repeat;
}

/*---------------------------------------------------------------
------------------------- content -------------------------------
---------------------------------------------------------------*/

#content {
      background: #fff;
      width:900px;
      margin:0 auto;
      border:1px solid #dedede;
      padding:30px;
}

#content_bottom {
      height:95px;
      border:1px solid #dedede;
      width:960px;
      margin:0 auto;
      background:#fff;
      margin-top:30px;
      padding-top:15px;
}

#content_bottom img{
      margin: 0 0 0 110px;
      vertical-align: middle;
}

#content_bottom img:hover{
     opacity: .7;
}


#content_bottom a {
      outline:none;
}

.read_more, .control_button_small {
      font-size:11px;
      background: #aaaaaa;
      color:#fff;
      text-decoration: none;
      padding:0 5px;
      margin-top:15px;
}

.read_more:hover {
      background: #404040;
      color:#fff;
}


.control_button_small{
      display:block;
      float:right;
      line-height:25px;
      text-align: center;
      font-size:14px;
      font-weight: bold;
      width: 100px;
      height: 25px;
      line-height:25px;
      margin:0 0 0 10px;
      border:0;
      cursor:pointer;
}

.control_button_small:hover{
      background: #88c6db;
      color:#fff;
}

/*---------------------------------------------------------------
------------------------- index -------------------------------
---------------------------------------------------------------*/

/* left_column */

.left_column {
      width:200px;
      float:left;
}


/* news on index */

.left_column .latest_news {
      margin-bottom:90px;
}

.left_column .latest_news h2 {
      color:#fff;
      font-size:16px;
      font-weight:bold;
      background:#404040;
      height:45px;
      line-height:45px;
      padding-left:15px;
}

.left_column .latest_news .in {
      padding:0 15px;
}

.left_column .latest_news .in h3 a {
      font-size:12px;
      font-weight:bold;
      color:#404040;
}

.left_column .latest_news .in h3 a:hover {
      text-decoration: underline;
      color:#73b5cb !important;
}

.left_column .latest_news .in .item {
     margin-bottom:10px;
     padding-bottom:10px;
     border-bottom: 1px dotted #d0d0d0;
}

.left_column .latest_news .in .item.last {
      margin-bottom:0;
}

.left_column .latest_news .in span {
      display:block;
      font-weight:bold;
      color:#404040;
      margin-top:5px;
      margin-bottom:5px;
}

.left_column .latest_news .in p {
      font-size:11px;
}

.left_column .in .read_more {
      font-size:11px;
      background: #aaaaaa;
      color:#fff;
      text-decoration: none;
      padding:0 5px;
      margin-top:15px;
	float:right;
}

.left_column .in .read_more:hover {
      background: #404040;
      color:#fff;
}


/* downloads on index */

.left_column .latest_files h2 {
      color:#fff;
      font-size:16px;
      font-weight:bold;
      background:#73b5cb;
      height:45px;
      line-height:45px;
      padding-left:15px;
}

.left_column .latest_files .in {
      padding:0 15px;
      font-size: 11px;
}

.left_column .latest_files .in .item {
      margin-bottom:15px;
}

.left_column .latest_files .in .item.last {
      margin-bottom:0;
}

.left_column .latest_files .in .item img {
	margin-top:2px;
      width:21px;
      height:25px;
      float:left;
}

.left_column .latest_files .in .item .box {
      margin-left:30px;
}

.left_column .latest_files .in .item .date {
      margin-left:30px;
      font-weight:bold;
}

.left_column .latest_files .in .item h3 {
      margin-bottom:10px;
}

.left_column .latest_files .in .item h3 a {
          color:#73b5cb;
		font-size: 11px;
}

.left_column .latest_files .in .item h3 a:hover {
      color:#404040;
      text-decoration: underline;
}


/* right_column */

.right_column {
     width:600px;
     margin-left:300px;
}

.right_column h2 {
	position: relative;
}

.right_column h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
      width: 597px;
      height: 48px;
	background: url('../img/cs/h2_span_index.png') 0 0 no-repeat;
	overflow: hidden;
}

.right_column h2.en span {
	background: url('../img/en/h2_span_index.png') 0 0 no-repeat;
}

.right_column .text {
      margin-bottom:60px;
}

.right_column .text p {
      line-height:18px;
}


/* publications on index */

.right_column .latest_publications h2 {
      color:#fff;
      font-size:16px;
      font-weight:bold;
      background:#ed7d2b;
      height:45px;
      width:200px;
      line-height:45px;
      padding-left:15px;
}

.right_column .latest_publications .in {
      padding-left:15px;
      margin-top:30px;
}

.right_column .latest_publications .in .item {
      margin-bottom:30px;
      padding-bottom:30px;
      height:102px;
      border-bottom:1px dotted #d0d0d0;
}

.right_column .latest_publications .in .item h3 {
      margin-bottom:15px;
}

.right_column .latest_publications .in .item h3 a {
     color: #ed7d2b;
}

.right_column .latest_publications .in .item h3 a:hover {
      color:#404040;
      text-decoration: underline;
}

.right_column .latest_publications .in .item .box {
      margin-left:100px;
}

.right_column .latest_publications .number_1 span {
      background: url('../img/publication_1.png') 0 0 no-repeat;
      width:45px;
      height:102px;
      float:left;
      cursor:pointer;
}

.right_column .latest_publications .number_1:hover span {
      background-position:-49px 0px;
}

.right_column .latest_publications .number_2 span {
      background: url('../img/publication_2.png') 0 0 no-repeat;
      width:73px;
      height:102px;
      float:left;
      cursor:pointer;
}

.right_column .latest_publications .number_2:hover span {
      background-position:-76px 0px;
}

.right_column .latest_publications .number_3 span {
      background: url('../img/publication_3.png') 0 0 no-repeat;
      width:66px;
      height:114px;
      float:left;
      cursor:pointer;
}

.right_column .latest_publications .number_3:hover span {
      background-position:-69px 0px;
}


/*---------------------------------------------------------------
------------------------- news -----------------------------
---------------------------------------------------------------*/

#content_in.news h2 {
	position: relative;
}

#content_in.news h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
      width: 216px;
      height: 32px;
	background: url('../img/cs/h2_span_news.png') 0 0 no-repeat;
	overflow: hidden;
}

#content_in.news h2.en span {
	background: url('../img/en/h2_span_news.png') 0 0 no-repeat;
}

#content_in .item_default {
      background: #f3f3f3;
      margin:30px 0 30px 0;
      border-top: 1px dotted #d0d0d0;
      border-bottom: 1px dotted #d0d0d0;
}

#content_in.news .item_default .calendar {
      width:115px;
      height:116px;
      background: url('../img/calendar.png') 0 0 no-repeat;
      float:left;
      margin:20px 30px 10px 30px;
}

#content_in .item_default h3 {
      margin-bottom:10px;
}

#content_in.news .item_default .month {
      font-size:11px;
      font-weight: bold;
      text-transform: uppercase;
      color:#9d9d9d;
      text-align: center;
      margin:10px 9px 0 0;
}

#content_in.news .item_default .day {
      font-size:12px;
      font-weight: bold;
      text-transform: uppercase;
      color:#656565;
      text-align: center;
      margin:3px 9px 0 0;
}

#content_in.news .item_default .date {
      font-size:56px;
      font-weight: bold;
      text-align: center;
      margin:0px 9px 10px 0;
}

.public.news .item_default p {
       line-height:1.8;
}

#content_in.news .item_default .date.color_1 {
      color:#f1780d;
}

#content_in.news .item_default .date.color_2 {
      color:#a6da37;
}

#content_in.news .item_default .date.color_3 {
      color:#f10d0d;
}

#content_in.news .item_default .date.color_4 {
      color:#404040;
}

#content_in.news .item_default .date.color_5 {
      color:#73b5cb;
}

/*---------------------------------------------------------------
------------------------- publication -----------------------
---------------------------------------------------------------*/

.publications h2 {
	position: relative;
}

.publications h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
      width: 211px;
      height: 32px;
	background: url('../img/cs/h2_span_publication.png') 0 0 no-repeat;
	overflow: hidden;
}

.publications h2.en span {
	background: url('../img/en/h2_span_publication.png') 0 0 no-repeat;
      width: 278px;
}

.publications .item {
	width:420px;
	float:left;
	margin-bottom:30px;
	margin-top:20px;
}

.publications .item .box{
      min-height:185px;
}

.publications .item h3 {
	border-bottom:1px dotted #d0d0d0;
	margin-bottom:5px;
	padding-bottom:10px;
}


.publications .item h3 a:hover {
	text-decoration: underline;
	color:#73b5cb;
}

.publications .item.left {
	margin-right:60px;
}

.publications .item p {
      line-height:1.8;
 }

.publications .item img {
      float:left;
      padding:10px;
      border:1px solid #d0d0d0;
      margin-right:5px;
}

/*---------------------------------------------------------------
------------------- publication_detail -------------------
---------------------------------------------------------------*/

.publications.detail .item {
      width:100%;
	float:left;
	margin-bottom:0;

}

.publications.detail .item .box {
      border-bottom:1px dotted #d0d0d0;
      padding-bottom:10px;

}

/*---------------------------------------------------------------
------------------------- files -------------------------------
---------------------------------------------------------------*/

.files h2 {
	position: relative;

}

.files h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
      width: 220px;
      height: 37px;
	background: url('../img/cs/h2_span_files.png') 0 0 no-repeat;
	overflow: hidden;
}

.files h2.en span {
	background: url('../img/en/h2_span_files.png') 0 0 no-repeat;
}

#content_in.files h3 a{
      color:#73b5cb;
      text-decoration: underline;
}


h3 span {
      color:#929292;
      font-style: italic;
      font-weight: normal;
}

.attached_files {
	border-bottom: 1px dotted #d0d0d0;
}

/*---------------------------------------------------------------
------------------------- activity -------------------------------
---------------------------------------------------------------*/

.work h2 {
	position: relative;
}

.work h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
      width: 177px;
      height: 32px;
	background: url('../img/cs/h2_span_work.png') 0 0 no-repeat;
	overflow: hidden;
}

.work h2.en span {
	background: url('../img/en/h2_span_work.png') 0 0 no-repeat;
}

.work .item {
	margin:30px 0 30px 0;
	background: #f3f3f3;
	padding:50px 30px;
	border-top: 1px dotted #d0d0d0;
	border-bottom: 1px dotted #d0d0d0;
}

.work .item .text {
	margin-left:78px;
}

.work .item .text h3 {
      font-size:20px;
	margin-bottom:10px;
}

.work .item .text p {
	line-height:18px;
}

.work .item .decor {
      width:48px;
      height:48px;
      background: url('../img/work.png') 0 0 no-repeat;
      float:left;
      margin-right:30px;
}

.work .pics img {
      margin:0 30px 30px 0;
      padding:15px;
      border: 1px solid #d0d0d0;
}

.work .pics img:hover {
      border: 1px solid #7b7b7b;
      cursor:pointer;
}

.work .pics img.right {
      margin-right:0;
	float:none;
}

#tooltip {
	padding:5px;
	color:#fff;
	opacity:.80;
	background:#404040;
}

/*---------------------------------------------------------------
------------------------- contact -------------------------------
---------------------------------------------------------------*/

.contact h2 {
	position: relative;
}

.contact h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
      width: 207px;
      height: 32px;
	background: url('../img/cs/h2_span_contact.png') 0 0 no-repeat;
	overflow: hidden;
}

.contact h2.en span {
	background: url('../img/en/h2_span_contact.png') 0 0 no-repeat;
}

.contact .logo_fekt {
	float:left;
	margin-right:75px;
	margin-left:65px;
	margin-bottom:30px;
	margin:50px 75px 50px 70px;
}

.contact .address {
      font-size: 14px;
}

.contact .address h3 {
      margin-bottom:15px;
}

.contact .item {
	width: 290px;
	height: 200px;
	margin: 0 30px 30px 15px;
	float: left;
	background: #161613;
	overflow: hidden;
	position: relative;
}

.contact .item h3 {
      margin:15px;
	font-size:16px;
	font-weight: bold;
	color:#73b5cb;
}

.contact .item p, .contact .item span {
	margin:15px;
	color: #afafaf;
	font-weight: bold;
}

.contact .item img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.contact h2.member {
	position: relative;
	margin-top:30px;
}

.contact h2.member span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
      width: 297px;
      height: 42px;
	background: url('../img/cs/h2_span_members.png') 0 0 no-repeat;
	overflow: hidden;
}

.contact h2.member.en span {
	background: url('../img/en/h2_span_members.png') 0 0 no-repeat;
      width: 379px;
}

.contact .team_members .description {
	height: 200px;
      border-bottom: 1px dotted #d0d0d0;
	padding-bottom:30px;
	margin-bottom:30px;
	line-height:1.8;
}

.contact .boxcaption {
	float: left;
	position:absolute;
	background: #000;
	height: 125px;
	width: 290px;
	opacity: .8;
      /* For IE 5-7 */
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
      /* For IE 8 */
	-MS-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.contact .caption .boxcaption {
	top: 155px;
	left: 0;
}


/*---------------------------------------------------------------
------------------------- footer --------------------------------
---------------------------------------------------------------*/

#footer {
      clear:both;
      color:#b2b2b2;
      height:60px;
      font-size:11px;
      width:960px;
      margin:0 auto;
      margin-top:10px;
}

#footer .left {
      float:left;
}

#footer .right {
      float:right
}

#footer a {
      color:#939393;
      text-decoration: none;
}

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