@CHARSET "UTF-8";

body {
  padding-top: ;
  border-top: 5px solid #408041;
}

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
  border-top: 1px solid #eee;
}

.well {

	text-align: justify;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {  
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  color: #777;
  text-align: center;
  background-color: #e5e5e5; /* Old browsers */
  background-image:    -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
  background-image:      -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x; /* Repeat the gradient */
  border-bottom: 1px solid #d5d5d5;
}
.nav-justified > li > a:hover,
.nav-justified > li > a:focus {
  background-color: #d8f963;/*#408041;*/
  color:#408041;
  background-image: none;
  border-bottom: solid 4px #408041;
  box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  border-bottom: solid 4px #408041;
  box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  /*border-bottom: 0;*/  
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}

.center{
	margin-left: auto; 
	margin-right: auto;
}

.right{
    float:right;
}
.left{
    float: left;
}
.social-links-widget {    
}
.circle{
    background:#7b7b7b;
    display:inline-block;
    text-align:center;
    line-height:44px;
    overflow:hidden;
    width:44px;
    height:44px;
    font-size: 30px;
    margin:3px;
    padding:0;
    border-radius: 22px;
    color:#FFF;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    -khtml-border-radius: 22px;
}
.circle:hover{
    color:#ffff66;
}
.circle.twitter{
    background: #55acee;
}
.circle.facebook{
    background: #45629d;
}
.circle.gplus{
    background: #db5149;
}
.twitter-color{
    color: #55acee;
}
.facebook-color{
    color: #45629d;
}
.gplus-color{
    color: #db5149;
}

@font-face {
    font-family: Dekar;
    src: url("../fonts/Dekar.otf") format("opentype");
}

.title, .cyberroad{
    font-family: Dekar;
    font-variant: small-caps;
    color:#408041; 
}
.title h1{
    display:inline-block;
    line-height:44px;
    overflow:hidden;
    height:44px;
    font-size: 42px;
    margin:3px;
    padding:0;
    font-family: Dekar;
}

#footer {
    /*position: absolute;*/
    margin-top:20px;
    bottom: 0px;
    width: 100%;
    height: 60px;
    background-color: #F5F5F5;
}
.text-muted {
    margin: 10px 0px;
    line-height:20px;
}
.eu-logo{
    float: left;
    height:40px;
    margin: 0px 16px 0 0;
}
#cyberroad_logo{
    /*height: 117px;*/
    height: 160px;
}
a:hover #cyberroad_logo{
    zoom: 1;
    filter: alpha(opacity=57);
    opacity: 0.7;
}
#twitter-timeline{
	display:block;
	overflow:hidden;	
}
#myCarousel{
	/*height:360px;
	display: block;
	overflow:hidden;*/
}
/*.gradient{
background: rgba(193,209,178,1);
background: -moz-linear-gradient(top, rgba(193,209,178,1) 0%, rgba(193,209,178,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(193,209,178,1)), color-stop(100%, rgba(193,209,178,0)));
background: -webkit-linear-gradient(top, rgba(193,209,178,1) 0%, rgba(193,209,178,0) 100%);
background: -o-linear-gradient(top, rgba(193,209,178,1) 0%, rgba(193,209,178,0) 100%);
background: -ms-linear-gradient(top, rgba(193,209,178,1) 0%, rgba(193,209,178,0) 100%);
background: linear-gradient(to bottom, rgba(193,209,178,1) 0%, rgba(193,209,178,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1d1b2', endColorstr='#c1d1b2', GradientType=0 );*/
}/*
@media (min-width: 865px){
	.gradient>.container {
		min-height:865px;/*1200*/
	/*}
}*/
.page{
	background-color:#e5e5e5;
	background-image: url(../img/page-bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.well>h3{
	margin-top:0;	
}
.jMenu{
	display:block!important;
}
.jMenu ul{
	-webkit-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.3) ;
	box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.3) ;	
}
.jMenu li ul li, .jMenu li ul li a{
	font-size: 12px!important;
	border-top:1px solid transparent;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	color:#777!important;
}
.jMenu li, .jMenu li ul li{
	/*background-color: #eee!important;*/	
	background-color: rgba(238,238,238,0.88);
}
.jMenu li ul li a{
	color:#333!important; 	
}
.jMenu li ul li a.isParent{
	/*background-color: #eee!important;*/
	background-color: rgba(238,238,238,0.88)!important;	
}
.jMenu>li>.isParent:after{
	content:none;	
}
.jMenu .isParent:after{
	content: "\00BB";
	float:right;
}
.jMenu li ul li a.isParent:hover{
	color:#eee!important;
	border-top:#514c52!important;
	border-bottom:#514c52!important;
	background-color:#514c52!important;		
}
.jMenu li ul li:hover, .jMenu li ul li a:hover{
	color:#eee!important;
	text-decoration: none;
}
.jMenu>li, .jMenu>li>a{
	background-color: transparent!important;
}
.jMenu>li>ul{
	top:50px!important;
	left:0!important;	
	width:160px!important;		
}
.jMenu>li>ul>li>ul{
	position:absolute!important;
	top:0px!important;
	left:160px!important;
	min-width:160px!important;
}


table.banner {
    font-size: 60%;
    text-align: center;
    width: 730px;
}
table.banner td {
    padding: 1em;
    vertical-align: middle;
}
table.banner pre {
    margin: 0;
    padding: 0;
    text-align: left;
}
table.banner img {
    margin: 0;
    padding: 0;
}
table.timetable {
    margin: 0;
}
table.timetable colgroup.time {
    width: 18%;
}
table.timetable colgroup.details {
    width: 92%;
}
table.timetable thead {
    background: #000000 none repeat scroll 0 0;
    color: #fff;
    font-size: 125%;
}
table.timetable th {

    border: 1px solid #9e957e;
/*    font-family: Arial,"Droid Serif";*/
    font-size: 95%;
}
table.timetable td {
    border: 1px solid #9e957e;
}
table.timetable tr.session {
    background: #bfbfbf /*#595353*/ none repeat scroll 0 0;
    color: #fff;
}
table.timetable tr.session a {
    color: #fff;
}
table.timetable th.time {
    font-size: 100%;
	text-align:center;
}
table.timetable td.bic ol {
    font-size: 90%;
    list-style-type: decimal;
    margin-left: 15px;
    text-align: left;
}
table.timetable td.bic p {
    font-weight: bold;
    text-align: center;
}
table.timetable td.files {
    font-size: 75%;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}
table.timetable span.title, table.timetable span.speaker {
    display: block;
    padding: 2px;
}
table.timetable td.bic span.title, table.timetable td.bic span.speaker {
    display: inline;
}
table.timetable span.title {
    font-style: normal;
    font-weight: bold;
}
table.timetable span.title span.note {
    font-style: italic;
    font-weight: normal;
}
table.timetable span.speaker {
    color: #555;
    font-size: 90%;
    font-style: italic;
}
table.timetable p.abstract {
    font-size: 75%;
    padding: 0.5em 2em;
    text-align: justify;
}