body {
	background: url('/img/h2020/eso1209d.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Bitter', Georgia, Times, serif;
}
 
p, div {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
}

.space5 {
	margin-bottom: 5px;
}

.space10 {
	margin-bottom: 10px;
}

.space15 {
	margin-bottom: 15px;
}

.space20 {
	margin-bottom: 20px;
}

.space-left {
	margin-left: 10px;
}

.space-right {
	margin-right: 10px;
}

.eutab {
	/*height: 2.3em;*/
	text-align: center;
	/*height: 5em;*/
	background-color: #574d4b;
	border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	/*border: 2px solid #574d4b;*/
}

.eutab a {
	display: block;
}

.eutab > a:hover, .eutab > a:focus {
	/*display: block;*/
	color: #fff; /*#fff*/
    background-color: #aa9f8e;
	border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	/*border: 2px solid #574d4b;*/
}


.euflagicon {
	margin: 10px 5px 5px 0;
}

.sameline {
    display: inline-block;
	vertical-align: -4px;
}

.optiheader {
	background: rgba(87, 77, 75, 0.8);
	margin-right: 0;
	margin-left: 0;
}

@media (max-width: 767px) { .optiheader {text-align: center;} }

.optiheader h1 {
	font-size: 68px;
	margin: 0;
	color: #ffffff;
}

@media (max-width: 767px) { .optiheader h1 {font-size: 44px;} }

.optiheader p {
	font-size: 18px;
	margin: 0;
	color: #688591; /*#777*/
}

#optilogo {
	background: url(/img/h2020/opticon-logo.png) no-repeat center;
	width: 138px; /*138px*/
	height: 138px;

}

#optilogo a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#optilogo:hover, #optilogo a:active, #optilogo a:focus {
	text-decoration: none;
	background: url(/img/h2020/opticon-logo-blue.png) no-repeat center;
}

#euflaglogo {
	background: url(/img/h2020/eu-flag.png) no-repeat center;
	width: 100%;
	height: 138px;
}

#euflaglogo a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#euflaglogo:hover, #euflaglogo a:active, #euflaglogo a:focus {
	text-decoration: none;
	background: url(/img/h2020/eu-flag-b-w.png) no-repeat center;
}



#optinav {
	background: #574d4b;
	opacity: 0.8;

}

#optiside-collapse {
	background: #574d4b;
	margin-bottom: 15px;
	padding: 0;
}

.optiside-toggle {
	/*background: #574d4b;*/
}

.icon-bar {background: #688591 !important;}

.navbar-default {
	background:#574d4b;
	margin-bottom: 15px;
	opacity: 0.8;
	/*border-color: #322d2c !important;*/
}

.navbar-toggle {
	border-color: #688591 !important;
}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus {
	background-color: #aa9f8e;
	border-color: #322d2c !important;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:active .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #322d2c !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #322d2c;
}

#optinav li { vertical-align:middle;}

#optinav > li > a
{
    /*height: auto; vertical-align:middle;*/ 
}


#optinav > li > a, #optiside > li > a
{
    border-radius: 0px;
}




#optinav li { border-left: 1px solid #ccc; }
#optinav li:first-child { border: none; }

@media (max-width: 767px) { #optinav li {border: none;} }

#opticontent {
	background: #f9f9f9;
	padding: 15px;
	margin-bottom: 20px;
}

#opticontent h2:first-child {
	margin-top: 0;
}

	.insetshadow{
	box-shadow: inset 0 0 35px 5px #574d4b;
	-webkit-box-shadow: inset 0 0 35px 5px #574d4b;
	-moz-box-shadow: inset 0 0 35px 5px #574d4b;
	-o-box-shadow: inset 0 0 35px 5px #574d4b;
}

.footer {
	background: rgba(87, 77, 75, 0.5);
}

.footer p {
	margin: 15px 0;
}

#home .home, #jra .jra, #tna .tna, #network .network, #va .va, #objectives .objectives, #consortium .consortium, #management .management, #meetings .meetings, #outreach .outreach, #travel .travel, #other .other, #faq .faq, #archive .archive, #workpackages .workpackages, #news .news, #open-access .open-access
{
	color: #fff;
	background-color: #a89896 !important;
}

#opticontent a {
  color: #fd7500; /*#1f527b*/
  text-decoration: none; }
  
 #opticontent a:hover, a:focus {
 color: #322d2c;
 text-decoration: underline; }
 
 #opticontent a:focus {
 outline: thin dotted;
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px; }
 
 
 .carousel-caption {
 color: #fd7500;
 }

.carousel-indicators li{
border: 1px solid #fd7500;
}

 .carousel-indicators .active {
 background-color: #fd7500;
 }
 
.fortablenotes {
	border-top: 0 !important;
	padding-bottom: 1em !important;
	background: rgba(87, 77, 75, 0.10); }
	
.foroldtabledates {
	background: rgba(0, 0, 0, 0.1);

}

.forpostponed {
	background: rgba(139,237,237,1);
	
}

.vertalign-middle {
	vertical-align:middle !important;
	}