* {
    padding: 0;
    margin: 0;
}

body {
	font-family: arial, verdana, sans-serif;
	font-size:0.8em;
	color: #404040;
}

#top-full {
	width:100%;
	background: #fff;
	border-top: 5px solid #e75a00;
}

#top-mid {
	margin:auto;
	max-width:1020px;
	background: #fff;
}

#bot-mid {
	margin:auto;
	max-width:1020px;
	background: #fff;
}

#bot-mid h2 {
	font-size: 1em;
    text-transform: uppercase;
    padding: 0px 0px 0px 0px;
}

#main {
	margin:auto;
	max-width: 900px;
    padding: 30px 60px 40px 60px;
    background-color: #fff;
    color: #545452;
}

#main h1{
    color: #6c281f;
    font-size: 1.2em;
    margin: 0px 0px 20px 0px;
}


#main h2{
    color: #6c281f;
    font-size: 1em;
    margin: 0px 0px 20px 0px;
}

#main h3 {
    text-transform: uppercase;
    color: #40618F;
    font-size: 0.9em;
    margin: 10px 0px 10px 0px;
}

#main p {
    padding: 0px 0px 15px 0px;
}

#bot-mid-left {
	float:left;
	max-width:62%;
	background: #fff;
}

#bot-mid-right {
	float:right;
	max-width:38%;
	background: #fff;
}

directors {
    color: #545452;
    margin: 0px 0px 0px 0px;
}

img.direct {
    float: left;
    margin: 0px 20px 20px 0px;
    border: 1px solid #fff;
}

#footer {
	width: 100%;
	text-align:center;
	background: #fff;
	margin:2em 0em;
}

.newsbox {
	margin-bottom: 20px;
    padding: 15px 15px;
    border: 1px solid #fff;
    background-color: #f0f0f0;
}

#time {
	margin:20px 0px;
	border:1px solid #fff;
	height:50px;
	padding:10px 10px 5px 10px;
	background-color:#e75a00;
}

#banpic {
	float:left;
}

#presolink {
	width:100%;
	text-align:center;
	padding:5em 0em 5em 3em;
}

.clear{
	clear:both;
}

#lang {
	float:right;
	margin:1em 0em;
	text-align:right;
}


a {
	text-decoration: none;
}

.tweet {
	padding:4px 4px 4px 0px;
	border-bottom:1px solid #fff;
	margin-bottom: 4px;
}

/* When the screen is less than 680 pixels wide... */

@media screen and (max-width:680px) {

	body {
		font-size:1.1em;
	}	

	#bot-mid-left {
		float:none;
		max-width:100%;
		background: #fff;
	}

	#bot-mid-right {
		float:none;
		max-width:100%;
		background: #fff;
	}
	
	#banpic {
		display:block;
		float:none;
		margin:auto;
	}
	
	.menu {
		width:100%;
	}

	#presolink {
		padding:3em 0em 3em 0em;
	}

	#main {
		padding: 30px 30px 30px 30px;
	}
}

/* MENU START */

.menu {
	margin-top:25px;
	float:right;
	font:bold 1em arial, helvetica, sans-serif;
	color: #6c281f;
}

/* Remove margins and padding from the list */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}

/* Float the list items side by side */
ul.topnav li {
	float: left;
	/*width: 120px;*/
	background-color: #fff;
}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #6c281f;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.5s;
	width: 100px;
}

/* sub-menus */
ul.topnav ul {
	display: none;
}

ul.topnav li:hover ul {
    position: absolute;
    display: block;
}

ul.topnav li ul li {
	float:none;
	clear:both;
	display:block;
	position:relative;
}

ul.topnav li ul li a {
	clear:both;
	display:block;
}

/* Change background color of links on hover */
ul.topnav li a:hover {
	background-color: #555;
	color: #fff;
}

/* Hide the list item that contains the link that should open and close the topnav on small screens */

ul.topnav li.icon {
	display: none;
	width:50px;
}

/* When the screen is less than 680 pixels wide, hide all list items. Show the list item that contains the link to open and close the topnav (li.icon) */

@media screen and (max-width:680px) {
	
	.menu{
		margin-top: 0px;
		margin-bottom: 0.8em;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	ul.topnav li {display: none;}
	
	ul.topnav li.icon {
		float: right;
		text-align:right;
		display: inline-block;
		background-color: #fff;
		padding: 0px 10px 0px 0px;
	}
	
	ul.topnav li.icon a {
		color: #000;
		font-weight: bold;
		font-size:1.8em;
	}
    
    ul.topnav li ul li a:hover {background-color: #666;}
    
    ul.topnav {
		background-color: #fff;
	}
	
	ul.topnav li:hover ul {
		position: relative;
		display: block;
	}

	ul.topnav li a {
		width: 100%;
	}
	ul.topnav li a:hover {
		background-color: #d9dadb;
	}	

}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */


.smallText {
	font-size:12px;
}

.tinyText {
	font-size:11px;
}

@media screen and (max-width:680px) {

	ul.topnav.responsive {position: relative;}
	ul.topnav.responsive li {
		float: none;
		display: inline;
	}
	ul.topnav.responsive li a {
		display: block;
		text-align: left;
		color: #000;
		font-size:1.1em;
	}
	ul.topnav.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
		background-color: #fff;
	}
    
	ul.topnav li.icon a {
		font-size:1.8em;
		color: #000;
	}
	
	ul.topnav.responsive li ul li a {
		text-align: left;
		padding-left: 4em;    }
    
	ul.topnav.responsive li ul {
		background-color: #d9dadb;
    }
    
	ul.topnav.responsive li ul li a:hover {
		background-color: #888;
		color: #fff;
    }
    
	.smallText {
		font-size:1.1em;
	}
	
	.tinyText {
		font-size:1.1em;
	}
}


/* MENU END */


#proj_left {
	float:left;
	max-width:58%;
	margin-right: 40px;
}

@media screen and (max-width:1000px){
	#proj_left {
		max-width:100%;
		float:none;
		margin-right:0px;
		margin-bottom:30px;
	}
}

#proj_right {
	float:right;
	max-width:36%;
}

@media screen and (max-width:1000px){
	#proj_right {
		max-width:100%;
		float:none;
		margin-right:0px;
		margin-bottom:30px;
	}
}

#newsart-inside, #analyst-inside {
display: flex;
flex-direction: column;
margin-top:20px;
}
.news_row {
display: flex;
flex-direction: row;
}
.news-l {
white-space: nowrap;
padding: 5px 20px 5px 0px;
width:150px;
min-width:150px;
}

.news-r {
padding: 5px 0px;
text-align:left;
}

@media screen and (max-width:680px) {
	.news-l {
	width:120px;
		min-width:120px;
		white-space: normal;
	}
}

.news-l-front {
float:left;
width:30%;
padding: 5px 20px 5px 0px;
}

#analyst {
	width: 48%;
	float:left;
}

#newsart {
	width:48%;
	float:right;
}

@media screen and (max-width:680px) {
	#analyst {
		width: 100%;
	}

	#newsart {
		width: 100%;
		margin-top:30px;
	}
}

#years {
	color: #fff;
	background-color: #000000;
	padding: 2px 7px;
	border-radius: 4px;
}

#pricebox {
	padding: 20px;
	background-color: #40618F;
	height:80px;
}