body {    font-family: 'Open Sans', sans-serif;    font-size: 15px;    line-height: 1.4;}
body 
{ background: url(https://www.meteocam.gr/logos/bglighthousebeach.jpg);
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat; }
a { 	color: #333333; }a:hover {  	color: #993333; 	text-decoration: underline }.darkbg {background-color:#5992bd}.moreinfos {background:#FF0000;}.mapbuttons {background-color:#c1d6e5;}.lightbg {background-color:#c1d6e5;}#logo{	background-color:#5EAFFF;}#logo img{	max-width:300px;	margin:0px auto;	display: block;}#mainNav {    clear: both;; old	background-color: #0E253C;; red	background-color: #fE253C;;  	background-color: #D7D7D7;;	background-color: #747171;	background-color: #005AB2;        	border: 0;	border-radius: 0;	margin: 0;}#mainNav.navbar-default .navbar-nav>li>a {    color: #fff;}#mainNav.navbar-default .navbar-nav>li>a:hover {    background-color: #E87B22;    color: #fff;}.moreCams {    clear: both;    padding: 10px 0px;}#googleads {    clear: both;    padding: 4px 0px;    margin: 4px 4px;}#shortdesc {    clear: both;    padding: 4px 0px;    margin: 4px 4px;}.moreCams h3 {    font-weight: bold;    margin: 0px 0 20px 0;    padding: 0 0 17px 0;    border-bottom: solid 1px #ddd;    text-align: center;}.moreCams #camThumb a {    border-radius: 0;    border: 0;    padding: 0;}.moreCams #camThumb:hover a {    background: #fefefe;    text-decoration: none;    color: #EA7B22;}.timelapse-resize {width: 100%;}.moreCams #camThumb span {    text-align: center;    display: block;    font-weight: bold;    line-height: 40px;    margin: 0;}#camTitle {    border: solid 1px #ebebeb;    padding-bottom: 5px;	margin: 0px 0px 0px 0px;    background: #ebebeb;}#camTitle h1{	color:#EA7B22;	font-weight:bold;	text-align:center;}#camTitle h1 span{	color:#88B1DE;}#leftSide ins {    margin: 0 auto;    display: block !important;}#mainCam {	padding: 0 5px 0 0;}#mainCam iframe {    max-width: 100%;}#complete.flowplayer {	margin: 0 0 0 0 !important;    width: 100%;}#flowCam.flowplayer {    width: 100%;    margin: -4px 0  !important;    clear: both;	height: 20px;    float: left;}#status { margin-top: -5px }#belowCamBanner {    margin: 30px 20px 30px 0;    padding: 10px;}#belowCamBanner ins {    display: block !important;    margin: 0 auto;}#camMap {    margin: 30px 0 0 0;    padding: 0;	clear: both;}#camMap iframe#gmap {    width: 100%;}#camWeather {    border: solid 1px #ddd;    background: #fff;	text-align: center;}#camWeather h3 {    font-weight: bold;    margin: 20px 0 20px 0;    padding: 0 0 17px 0;    border-bottom: solid 1px #ddd;}#rightSide {    padding: 0;	border-left: solid 1px #ccc;	border-top: solid 1px #ccc;}#rightSide .nav>li>a {    border-bottom: solid 1px #ccc;    border-radius: 0;    padding: 5px 10px;    background: #cecece;}#rightSide .nav>li>a:hover {    background: #c7c7c7;}#footer {	background-color:#5EAFFF;	color:#ebebeb;	font-weight:normal;	font-size: 15px;	text-align:center;}#footer a{	color:#E87B22;}#footer a:hover{	color:#FF8D30;	text-decoration:none;}/* ABOUT PAGE */#about section{	padding: 20px 0 20px 0;	clear: both;}#about section h1 {    padding: 0 10px;    font-weight: bold;}@media (max-width: 767px) {	.menu_simple {    	width: 90%;    	margin: 0 auto;	}}@media (max-width: 1000px){	ul#nav.nav-main {		width: 70%;		margin: 0 auto;		float: none;		display: block;	}	ul#nav.nav-main li {		background: none;		float: left;		width: 100%;		background: #0E253C;	}	ul#nav.nav-main li.hover, 	ul#nav.nav-main li:hover {		background: #1E4267;}}@media (max-width: 800px){	.container #mainNav.navbar.navbar-default {		display: none;	}	nav.mm-menu > .mm-panel > .mm-listview {		margin: 0;	}	nav.mm-menu .mm-listview > li {		width: 100%;	}}@media (max-width: 768px){	.container {		width: 100%;	}@media (max-width: 767px) {	#camMap {		width: 90% !important;		margin: 30px auto 0 !important;	}}	#flowCam.flowplayer,	#complete.flowplayer {		width: 100%;	}		#mainCam {		padding: 0 20px;	}	#belowCamBanner {		padding: 0;	}	#belowCamBanner ins {		max-width: 100%;	}		#rightSide .nav>li {		width: 33.333%;		float: left;		margin: 0;	}	#rightSide .nav>li>a {		border: solid 1px #EBEBEB;	}		body > .container {		overflow: hidden;	}		div#camWeather iframe {		overflow: auto !important;		width: 100%;	}		#camMap {		margin: 30px 0 0 0;		padding: 0;		clear: both;		width: 100%;		overflow: hidden;	}		#camMap iframe#gmap {		height: 300px;	}		.mobileToggle {		color: #fff;		float: left;		position: absolute;		top: 50%;		margin-top: -5px;		left: 10px;	}		.mobileToggle > div {		border-bottom: solid 2px #fff;		width: 28px;		margin-bottom: 5px;	}		nav.mm-menu .mm-navbar a.mm-title {		color: #fff;	}	nav.mm-menu .mm-navbar {		border-color: #fff;	}		nav.mm-menu > .mm-panel {		padding: 0;	}}@media (max-width: 650px){	#rightSide .nav>li {		width: 50%;		float: left;		margin: 0;	}	}@media (max-width: 550px){	div#camThumb {		width: 100%;	}		#camTitle h1 span {		clear: both;		display: block;	}	#camTitle h1 {		font-size: 28px;		margin: 10px 0px;	}		#logo{		position:relative;	}		#logo a.logoLink {		display: block;		margin: 10px auto;		max-width: 220px;	}	#logo img {		max-width: 220px;		margin: 0;	}	}
