﻿/*==============================================
	HEADER ADVERTISES - MIDDLE, RIGHT
================================================*/
#logo .right {
	position: absolute;
   	right: 0; bottom: 0;
	width: 50%;
	padding: 20px;
	text-align: right;
	overflow: hidden;
}
#logo .middle {
	position: absolute;
	bottom: 0; right: 50%;
    width: 25%;
	padding: 20px 10px;
	text-align: right;
}
.adsHeader {
    padding: 0 10px;
}
/*
	For h2 and Neon Text, see sx_design.asp 
*/
.adsHeader h3,
.adsHeader h3 a {
	line-height: 100%;
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 16px 0;
	color: rgba(0,0,0,0.6);
}
.adsHeader .text {
	font-size: 1em;
	line-height: 1.25;
	color: rgba(0,0,0,0.6);
	padding: 0;
	margin: 0;
	text-align: right;
}

.adsHeader .text p {
	margin: 0; padding: 0;
}

.adsHeader img {
	margin: auto;
}

.adsHeader object, .adsHeader embed, .adsHeader iFrame.youtubeFrame {
	width: auto;
	height: 60px !important;
	border: 0;
	background: transparent;
}

/*==============================================
	ALL ADVERTISES - LEFT, MIDDLE, RIGHT
================================================*/
.ads {
	padding: 0; 
	margin-bottom: 40px;
    text-align: left;
}

.aside_left .ads {
    text-align: center;
}
.ads h5 {font-size: 0.8em; margin: 10px 0; padding: 0 5px 0 0; text-align: right;}

.ads img {display: block; margin: 0 auto;}

.ads > div {
	border: 1px solid #eee;
/*	background: #fff; */
	border-radius: 5px;
	margin: 2px 0;
	padding: 0.4em 1em 0 1em; 
}
.ads ul,

.ads .local {
	margin: 20px 0 0 0;
}

.ads .local:first-child {
	margin: 0;
}
.ads .voteBG {
	background: #fff;
	padding: 8px;
	margin-bottom: 3px;
	border: 1px solid #eee;
	background: #fff;
	text-align: left;
	border-radius: 3px;
}

.ads ul {margin: 0; padding: 0; list-style: none;}
.ads ul li a {background: url('../imgPG/sx_dotB3.png') left top no-repeat; padding: 0 0 0 15px;}
.ads ul li a:hover {background: url('../imgPG/sx_dotB1.png') left top no-repeat; color: #0b6fb8;}
.ads ul li div {text-align: center;}
.ads ul li div a {background: none; padding: 0;}

.ads .imageCenter img {width: auto; max-width: 100%;}
.ads .imageCenter object,
.ads .imageCenter embed,
.ads .imageCenter video,
.ads .imageCenter iFrame.youtubeFrame {height: 280px !important;}

.ads iframe {
	border: 2px solid #fff;
}

/*==============================================
	FIRST PAGE SPACER ADS
================================================*/
#spacer {margin-bottom: 48px;}
#spacer > div {background: #fff; padding: 5px; margin: 5px 0; border: 1px solid #eee;
	flex-grow: 1;
    flex-basis: 0;
	border-radius: 5px;
}
#spacer > div > div::after {content: ""; display: table; width: 100%; clear: both;}
#spacer  > div > div {font-size: 0.9em; line-height: 140%; text-align: left;}
#spacer img {margin: 0 5px 0 10px; max-width: 100%; float:right;}
#spacer object, #spacer embed, #spacer iframe {max-width: 100%;}

#lang_el #spacer img {float: none !important; display: block}

/*==============================================
	FIRST PAGE EVENTS
================================================*/
.eventsBG {clear: both;}
.eventsBG h2 {
    position: relative;
	margin-bottom: 4px;
	background: #0b6fb8;
	background-image: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0));
	padding: 0 0 3px 20px;
	font-size: 1.1em;
    font-weight: normal;
    color: rgba(255,255,255,0.9);
}
.eventsBG h2:after {
	content: '\2023';
	font-size: 2em;
	position: absolute;
	top: 10px;
	left: 4px;
}
.eventsBG h2 span {
	display: block;
	padding: 10px 8px 10px 8px;
	background: #0b6fb8;
	background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0));
    border: 0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
	border-radius: 0 0 0 5px;
	z-index:1;
}
.events {
	background: #fff;
	padding: 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
}
.events .alignRight img {
	opacity: 0.5;
}

/*==============================================
	FIRST PAGE SPOTLIGHTS CCE0F0
================================================*/

.spots {clear:both; margin-bottom: 25px;}
.spots h2 {
    position: relative;
	background: #0b6fb8;
	background-image: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0));
	padding: 0 0 3px 20px;
	margin: 0 0 5px 0;
	border-radius: 0 0 0 5px;
	font-size: 1.1em;
    font-weight: normal;
    color: rgba(255,255,255,0.98);
}
.spots h2:after {
	content: '\2023';
	font-size: 2em;
	position: absolute;
	top: 10px;
	left: 4px;
}

.spots h2 span {
	display:block;
	padding: 10px 8px 10px 8px;
	background: #0b6fb8;
 	background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0));
   border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
	border-radius: 0 0 0 5px;
}

.spots .event {
	clear:both;
	background: #fff;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
}

.spots .textSmall p:last-child {padding-bottom: 0px; margin-bottom: 0}