
/* ---------------------------------------------------------------------------------------------------- */
html, body {
	margin:0;
	padding:0;
	font: 90% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color:#595959;background-color:#bdcdd4;
}
a {outline: 0;} 
img {border: 0;}

#middle {
	border-spacing: 2px;
	display:table;
	//border:1px solid #bdcdd4;
	width=960px;
	margin:0px auto; /* centers container */
}
#middle_row {display:table-row;}
#menu-left {
	display:table-cell;
	width:200px;
	background-color:#e3eaed;
	vertical-align:top; 
	//border:1px solid #bdcdd4;
}
#menu-right {
	display:table-cell;
	width:200px;
	background-color:#e3eaed;
	vertical-align:top;
	//border:1px solid #bdcdd4;
}
#main {	
	display:table-cell;
	width:738px;
	vertical-align:top;
	padding:5px 10px; 
	text-align: justify;
	list-style:none; 
	background-color:#fff;
}
#content {
	//border:1px solid #bdcdd4;
	display:table-cell; width=960px;
	margin:0px auto; /* centers container */
	vertical-align:top; /* border:1px dashed orange; */
	padding:0;
	list-style:none; background-color:#fff;
}
#content h2{border-bottom:1px solid #D8D8D8;text-align: left;}
#content h3{border-bottom:1px solid #D8D8D8;text-align: left;}

#header
{
	width:960px; height:160px;
	background-image:url('../images/banners/banner-geo-40.50.jpg');
	margin:0px auto; /* centers container #369*/
}
#header_en
{
	width:960px; height:160px;
	background-image:url('../images/banners/en.banner-geo-40.50.jpg');
	margin:0px auto; /* centers container #369*/
}
#header_conf
{
	width:960px; height:389px;
	background-image:url('../images/banners/BANNER_SYNEDRIO_GEOGRAPHIAS_2021_1.jpg');
	margin:0px auto; /* centers container #369*/
}


#mainbar { width:960px;	margin:0px auto; /* centers container */ }

.clear { clear:both; }

#footer {
	margin:0px auto;	border:solid 1px #BFBDBD;
	width:960px; height:120px;
	background-image:url('../images/footers/footer-40.50.jpg');
}

/* -------------------------------------------#topbar ul li a----------------------------------*/
#reportbar {
	width:960px;	font-size:90%;
	background-color:#aebdc3;
	margin:0px auto;	color:#fff;
}

/* -------------------------------------------#topbar ul li a----------------------------------*/
#topbar {
	width:960px;	height:16px;
	background-color:#aebdc3;
	margin:0px auto; /* centers container */
}
#topbar table, #topbar td{
	border-spacing:0;	border-collapse:collapse;
	width=100%; 		vertical-align:top;
}
#topbar input[type=text]{width: 130px;}
#topbar input[type=username]{margin:0 5px; width: 50px;}
#topbar input[type=password]{width: 80px;}
#topbar input[type=text], input[type=username],input[type=password] {   
    border:solid 1px #BFBDBD;			color: #fff;
    font-size:80%;				height: 11px;
    padding:0;	    				background-color: transparent;
    box-shadow: 2px 2px 0 #828181 inset;	border-radius:5px;
}
#topbar input[type=submit] {
    border-style: none;		background-size:14px;
    background: url('../images/search.gif') no-repeat;
    width: 16px; height:14px;
}
#topbar input[type=submit].formLink {
    border-style: none;		width: 50px;
    background: none;		font-size: 90%;
    color:#fff;			background-color:transparent;
}
#topbar ul { margin:0;	padding:0;	color:#99456f; }
#topbar ul li { float:left;		list-style:none;font-size: 90%;	}
#topbar ul li:after { content:"|";	color:#99456f; }
#topbar ul li:last-child:after { content:""; }
#topbar ul li a {
	margin:0 10px;		padding-bottom:0px;
	color:#fff;		background-color:transparent;
	text-decoration:none;
}
#topbar ul li a:hover{ background-color:#99456f; }


/* --------------------------------------Header Navigation----------------------------------*/
#topnav{
	margin:0;	padding:8px 0;
	display:block;	clear:both;
	width:960px;	text-align:center;
	background-color: #993366;
	}
#topnav ul{
	margin: 0;		padding: 0;
	list-style-type: none;	text-align: center;
}

#topnav ul li { display: inline; }

#topnav ul li a{
	text-decoration: none;		padding: .6em 14px;
	color: #e3eaed;	background-color: #993366;
}
#topnav ul li a:hover{ color: #fff;	background-color: #99456f; }

/* -------------------------------------------#sidepic----------------------------------*/
.sidepic { padding:0px 20px 5px 20px; width: 160px;	//height: auto; }
/* ---------------------------------------#BottomBar-------------------------------*/
#bottombar{
	background-color:#993366;
	width: 600px;	height: 22px;
	-webkit-border-bottom-right-radius: 25px;	-moz-border-radius-bottomright: 25px;
	border-bottom-right-radius: 25px;
}
#bottombar ul { margin:0; padding: 2px 5px; color:#369; }
#bottombar ul li { float:left;	list-style:none; padding-left:5px; }
#bottombar ul li:after { content:"|";  color:#666;}
#bottombar ul li:last-child:after { content:"";/* No separator for last item in list */ }
#bottombar ul li a {
	margin:0 10px;	padding: 0;
	color:#e3eaed;	text-decoration:none;
}
#bottombar ul li a:hover{ background-color:#99456f; }

/* --------------------------------------Main Content----------------------------------*/
#main p{margin:0; padding:3px 0;}
h1,h2,h3 { text-align: left; }
#main h1 {
	margin : 5px 0;
	font-size : 124%;
	letter-spacing:2px;
	padding:5px 0;
	color:#369;
	background:#aebdc3;
}
#main h2 {
	margin : 5px 0;
	font-size : 110%;
	font-style:italic;
	color:#369;
	background:#bdcdd4;
	line-height:1.5em;
}
#main h3 {
	margin : 5px 0;
	font-size : 100%;
	font-style:italic;
	color:#369;
	background:#e3eaed;
	line-height:1.5em;
}
#main ul li {
	list-style-type: disc;
	text-decoration: none;
}
#main a {color:#369;}
#main a:hover {color:#666;}

/* --------------------------------------Main Content----------------------------------*/
table.geo tr.title td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #aebdc3;
        color: #369;
	padding: 5px 5px;
}
table.geo tr.white td {
	border-bottom: none;
	background: transparent;
}

table.geo td { 
	border-bottom: 1px solid #ccc;
	padding: 3px 5px;
        background: #e3eaed;
}
table.geo td.color{
        background: #bdcdd4;
	color: #369;
	vertical-align: top;
}
//table.geo td.photo{ background: #bdcdd4; padding:1px;}
table.geo td.photo{ padding:0px; vertical-align:top;}

/* --------------------------------------Image Styles----------------------------------*/
img {
   border : none;
}

/* --------------------------------------Menu_Left----------------------------------*/
.menu_left ul {
	margin:10px;	padding: 0;
	list-style-type: none;	text-align:center;
	-webkit-border-radius: 8px;	-moz-border-radius: 8px;	border-radius: 8px;
	border-color:#bdcdd4;	background-color: #aebdc3;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
}
.menu_left a {
	color: #e3eaed;
	text-decoration:none;	
}
.menu_left li {
	padding:5px;
	border-bottom: 1px dotted #e3eaed;
	border-top: 1px dotted #e3eaed;
	border-color:#bdcdd4;
	display:block;
}
.menu_left li.title { background: #788286;
	-webkit-border-top-right-radius: 8px;	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;	-moz-border-radius-topleft: 8px;
	border-top-right-radius: 8px;	border-top-left-radius: 8px;
}
.menu_left li.title:hover{
    background: #788286;
}

.menu_left ul li.last{
	border-bottom: 0;
}
.menu_left ul li.first{
	border-top: 0;
}
.menu_left ul li.justOne, ul li.title{
	border: 0;
}
.menu_left li:hover{
    background: #993366;
}
.menu_left li.last:hover {
	-webkit-border-bottom-right-radius: 8px;	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;	border-bottom-left-radius: 8px;
}

.menu_left li.justOne:hover {
	-webkit-border-radius: 8px;	//-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius: 8px;	//-moz-border-radius-bottomleft: 8px;
	border-radius: 8px;	//border-bottom-left-radius: 8px;
}

.menu_left li.first:hover {
	-webkit-border-top-right-radius: 8px;	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;	-moz-border-radius-topleft: 8px;
	border-top-right-radius: 8px;	border-top-left-radius: 8px;
}

/* ------------------------------------- #newslink ----------------------------------*/
#newslink {	//border:1px dashed #bdcdd4;
	display: inline-block;
	width:190px;
	margin-left:5px;
	//text-align: justify;
}
#newslink p a {
	padding-right: 5px;
	color: #369;
	text-decoration: none;
}
#newslink a:hover{ color: #993366; }

/* -------------------------------------------Columns----------------------------------*/
#column, #columnr{ display:block; }
#column, #column .holder{ float:left; width:332px; }
#columnr, #columnr .holder{ float:right; width:200px; }
.holder { display:block;	padding: 0 5px; }
.holder ul { padding-left: 15px; }
.holder p { text-align: justify; }
p.readmore { text-align:right; }
p.readmore a{ color: #369;	text-decoration: none; }
p.readmore a:hover{ color: #993366; }
p.filelink { text-align:left; }
p.filelink a{ color: #369;	font-weight:bold; text-decoration: underline; }
p.filelink a:hover{ color: #993366; }

/* -------------------------------------------Columns for news---------------------------------*/
#column_news, #columnr_news{ display:block; }
#column_news, #column_news .holdernews{ float:left; width:350px;}
#columnr_news, #columnr_news .holdernews{ float:right; width:350px; }

/* -----------------------------------------Slideshow----------------------------------*/
#slideshow{ position: relative; width: 330px;  height: 244px; }
#slideshow > div{ position: absolute; }
#slideshow > div img{ width:330px; }

/* ------------------------------------------ ul.news ----------------------------------*/
#main ul.nea { padding:0; }
#main ul.nea a:hover { color: #99456f; }
#main ul.nea li:hover { background: #e3eaed; }
#main ul.nea li,a {list-style-type: none; text-decoration: none;padding: 5px 0;}
#main ul.nea li:hover form { background: #fff; }

/* -------------------------------------------sidepicEdit----------------------------------*/
.w380 {width:385px;}
.w160 {width:160px;}	.w190 {width:190px;}	.w185 {width:185px;}
.w100 {width:100px;}	.w130 {width:130px;}
.w50 {width:50px;}
.wFull {width:100%;}
.right {display:block; float:right; height:15px;}
.left {display:block; float:left; height:15px;}
.elementEdit {
	height:12px; color:#fff; max-height:12px; overflow: hidden;
	
	margin:0px auto; /* centers container */
	text-align: right;	font-size: 90%;
}
.elementEdit a, #main .elementEdit a { color:#ddd;};
.elementEdit a:hover, #main .elementEdit a:hover { color:#993366; }
.elementAdd {	margin:0px auto;	padding:2px 0; }
.edit input[type=submit], .editButton {
    text-align: center;		font-size: 80%;
    color:#99456f;	background-color:#bdcdd4;
    box-shadow: inset 0px 0px 6px #666;		-webkit-box-shadow: inset 0px 0px 6px #666;
    border-radius: 10px;	border-style:none; 
}
.edit input[type=submit]:hover, .editButton:hover { background-color:#aebdc3; }
.edit input[type=text] {   
    border:solid 1px #BFBDBD;			color: #555;
    font-size:80%;				height: 11px;
    padding:2px 2px;	  			background-color: transparent;
    box-shadow: 2px 2px 0 #828181 inset;	border-radius:5px;
    text-align: center;		
 }   
.promoDel a { font-size:90%; color:#99456f;}
.promodel img {
 display: block;
 margin-left: auto;
 margin-right: auto;		
}
/* -------------------------------------------INPUT[TYPE=FILE]----------------------------------*/
.file_input_textbox {height:18px;//width:100px;float:left; }
.file_input_textarea {float:left;font-size: 95%; }
.file_input_div     {position: relative;	//width:100px;	height:18px;	overflow: hidden; }
.file_input_button  {width: 54px;	position:absolute;	font-size:80%;
     height:16px;	margin:0;	background: none;	color:#99456f;	
     background-color:#bdcdd4;	box-shadow: inset 0px 0px 6px #666;	text-align: center;	
     -webkit-box-shadow: inset 0px 0px 6px #666;     border-radius: 10px;	border-style:none;
}
.file_input_button_hover  {width: 54px;	position:absolute;	font-size:80%;
     height:16px;	margin:0;		color:#99456f;	text-align: center;
     background-color:#aebdc3;		box-shadow: inset 0px 0px 6px #666;		
     -webkit-box-shadow: inset 0px 0px 6px #666;     border-radius: 10px;	border-style:none;
}
.file_input_hidden  {font-size:80%;position:absolute;right:0px;top:0px;cursor:pointer;
     opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0; }

/* -------------------------------------------Publications----------------------------------*/
#main p.publication {padding:0 0 18px 0;}
a.more {font-size:80%;	display:block; float:right; height:15px;}

/* -------------------------------------------select drop down lists----------------------------------*/
select.styled  {
    border:solid 1px #BFBDBD;			color: #555;
    font-size:80%;				height: 17px;
    background-color: transparent;		border-radius:5px;
    box-shadow: 2px 2px 0 #828181 inset;	
    -webkit-appearance: none;	  		
} 

select.multiple  {
    border:solid 1px #BFBDBD;			color: #555;
    font-size:80%;				height: 50px;
    background-color: transparent;		border-radius:5px;
    box-shadow: 2px 2px 0 #828181 inset;	
    -webkit-appearance: none;	
}
/* -------------------------------------------Other stuff----------------------------------*/
table.bar { border-collapse:collapse;	width:100%;	 border-spacing: 0;	padding: 0;	}
table.bar td { vertical-align:top;	padding: 0;	 background-color:#788286;	font-size:85%;	}
/* -------------------------------------------myForm----------------------------------*/
.myform {
    //border:solid 1px #BFBDBD;			
position: absolute; margin: -5px;
    font-size:80%;				//height: 10px; //width: 600px;
    //padding:2px 2px;	  			//background-color: white;
    //box-shadow: 2px 2px 0 #828181 inset;	//border-radius:5px;
    //text-align: center;				

}
.myform label {
  display: inline-block;
  width: 10em;
}

.myform input[type="text"] {
  display: inline-block;
  width: 15em;
}

.myform fieldset {
  width: 32em;background-color: #aebdc3;color: #555; display: inline-block;
}


/* -------------------------------------------Other stuff----------------------------------*/
/* -------------------------------------------Other stuff----------------------------------*/
/* -------------------------------------------Other stuff----------------------------------*/
/* -------------------------------------------Other stuff-------------------------------a47b9f---*/

.newsbanner {height:60px;text-align:middle;padding-top:20px;opacity: 1;background-color:#009ad8; font-size:24px;color:white; }

div.fixed {   padding:5px;   position: absolute; display: block;    }


/*background-color:#009ad8;*/
