/* ===========================================================================
 * Cascade Style Sheet file for EMERG.es
 * Author: Mikel Salazar
 * ======================================================================== */

/*Color Maider: 176, 16, 16 = #B01010*
 * /
/*----------------------------------------------------------------- GENERAL */
* {
	margin: 0;
	padding: 0;
	border: 0;	
}

html {
	width: 100%;
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

div, header, nav, section, footer {
	position: absolute;
	display: block; 
	overflow: hidden;
}


a {text-decoration: none;}
a:link {color:#FFFFFF;}
a:visited {color:#FFFFFF;}
a:hover {color:#BBBBBB;}
a:focus {color:#AAAAAA;}
a:active {color:#888888;} 
a:disabled {color: #888888; }

h2 {font-size: 0px; display: none; visibility: hidden}

/*------------------------------------------------------------- MAINSECTION */
#MainSection {
	position: relative;
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}


/*------------------------------------------------------------------ HEADER */
#Header {
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 80px;
	background: url('../img/bgs/header.jpg') no-repeat;
	border-bottom: solid 2px #B01010; 
	z-index: 1000;
}

#Navigation {
	left: 0px;
	top: 48px;
	width: 1000px;
	height: 32px;
	padding-top: 4px;
	background-color: #B01010;
	display: table;
}

#Navigation a {
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	width: 200px;
}

.NavigatorNormal {	display: table-cell; text-decoration: none;	}

.NavigatorSelected {	display: table-cell; text-decoration: underline;	}

.NavigatorHidden {	display: none; visibility: hidden;	}

#JoinUsMessage {
	left: 600px;
	top: 10px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	border: 1px solid #BBBBBB;
	border-radius: 5px;
}

#LanguageSelector {
	top: 4px;
	right: 0px;
	width: 70px;
	height: 48px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
}

#LanguageSelector header {
	visibility: hidden;
	display: none;
}


/*----------------------------------------------------------------- CONTENT */
#Content {
	width: 998px;
	height: auto;
	top: 80px;
	bottom: 25px;
}

#Content section {
	width: 1000px;
	height: 100%;
	overflow-y: auto;
}


/*------------------------------------------------------------ PRESENTATION */
#Presentation {
	left: 0px; top: 0px;
	width: 1000px; height: 100%;
	position: absolute;
	overflow-y: auto;
}

#PresentationSection{
	position: static;
	width: 1000px; height: auto;
	overflow-y: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image:url('../img/bgs/presentation.jpg');
	background-repeat: no-repeat;
	background-position: 505px 15px;
}

#PresentationTextArea {
	position: static;
	width: 490px; height: 320px;
	margin: 10px 5px 10px 0px;
	padding: 5px;
}

#PresentationTextArea p{
	font-size:16px;
	text-align: justify;
	margin-bottom: 10px;
}

#PresentationTextArea a {
	color:#B01010;
}

#Presentation ul {
	list-style: none;
}

#Presentation ul li {
	width: 222px;
	height: 190px;
	float: left;
	margin: 5px;
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	box-shadow: 0 2px 4px 0 #888888; 
	padding: 8px;
	font-size: 16px;
	text-align: justify;
}

#PresentationArea1Title {
	color: #B01010;
	font: 18px Arial, Helvetica, sans-serif bold;
	text-align: center;
	margin-bottom: 10px;
}

#PresentationArea2Title {
	color: #808000;
	font: 18px Arial, Helvetica, sans-serif bold;
	text-align: center;
	margin-bottom: 10px;
}

#PresentationArea3Title {
	color: #00AA00;
	font: 18px Arial, Helvetica, sans-serif bold;
	text-align: center;
	margin-bottom: 10px;
}

#PresentationArea4Title {
	color: #0000AA;
	font: 18px Arial, Helvetica, sans-serif bold;
	text-align: center;
	margin-bottom: 10px;
}

/*----------------------------------------------------------------- MEMBERS */

#Members {
	left: 1000px; top: 0px;
	width: 1000px; height: 100%;
	position: absolute;
	overflow-y: auto;
}

#MembersSection {
	position: static;
	width: 1000px; height: auto;
	overflow-y: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}

#Members .MembersProfile {
	position: static;
	float: left;
	width: 320px;
	height: 100px;
	margin: 5px;
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	box-shadow: 0 2px 4px 0 #888888; 
}

#Members .MembersPhoto {
	position: static;
	float: left;
	width: 100px;
	height: 100px;
}

#Members .MembersArea {
	position: static;
	float: right;
	width: 215px;
	height: 25px;
	color: #808080;
	font-size:14px;
	font-weight: bold;
}

#Members .MembersName {
	position: static;
	float: right;
	width: 215px;
	height: 18px;
	color: #B01010;
	font-size:16px;
	font-weight: bold;
}

#Members .MembersTitle {
	position: static;
	float: right;
	width: 215px;
	height: 38px;
	color: #000000;
	font-size:14px;
}

#Members .MembersEmail {
	position: static;
	float: right;
	width: 215px;
	height: 14px;
	color: #B01010;
	font-size:14px;
}

#Members .MembersEmail a {
	color: #B01010;
}


/*---------------------------------------------------------------- PARTNERS */

#Partners {
	left: 2000px; top: 0px;
	width: 1000px; height: 100%;
	position: absolute;
	overflow-y: auto;
}

#PartnersSection {
	position: static;
	width: 1000px; height: auto;
	overflow-y: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}

#Partners .PartnersProfile {
	position: static;
	float: left;
	width: 320px;
	height: 100px;
	margin: 5px;
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	box-shadow: 0 2px 4px 0 #888888; 
}

#Partners .PartnersLogo {
	position: static;
	float: left;
	width: 100px;
	height: 100px;
}

#Partners .PartnersArea {
	position: static;
	float: right;
	width: 215px;
	height: 25px;
	color: #808080;
	font-size:14px;
	font-weight: bold;
}

#Partners .PartnersName {
	position: static;
	float: right;
	width: 215px;
	height: 18px;
	color: #B01010;
	font-size:16px;
	font-weight: bold;
}

#Partners .PartnersAffiliation {
	position: static;
	float: right;
	width: 215px;
	height: 16px;
	color: #000000;
	font-size:14px;
}

/*---------------------------------------------------------------- PROJECTS */

#Projects {
	left: 3000px; top: 0px;
	width: 1000px; height: 100%;
	position: absolute;
	overflow-y: auto;

}

#ProjectsSection {
	position: static;
	width: 1000px; height: auto;
	overflow-y: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}

#Projects .ProjectProfile {
	position: static;
	width: 975px;
	margin: 5px 5px 10px 5px;
	padding: 5px;
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	box-shadow: 0 2px 4px 0 #888888; 
}

.ProjectTitle {
	position: static;
	width: 970px;
	color: #B01010;
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
}

.ProjectYear {
	position: static;
	float: left;
	width: 150px;
	color: #808080;
	font-size: 14px;
}

.ProjectDuration {
	position: static;
	float: left;
	width: 200px;
	color: #808080;
	font-size: 14px;	
}

.ProjectMainResearcher {
	position: static;
	float: left;
	width: 350px;
	color: #808080;
	font-size: 14px;
}

.ProjectFinanciation {
	position: static;
	float: left;
	width: 500px;
	color: #808080;
	font-size: 14px;
}

.ProjectParticipants {
	position: static;
	float: left;
	width: 500px;
	color: #808080;
	font-size: 14px;
}


/*------------------------------------------------------------- PUBLICATIONS */

#Publications {
	left: 4000px; top: 0px;
	width: 1000px; height: 100%;
	position: absolute;
	overflow-y: auto;
}

#PublicationsSection {
	position: static;
	width: 1000px; height: auto;
	overflow-y: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}

#Publications .PublicationProfile {
	position: static;
	width: 975px;
	margin: 5px 5px 10px 5px;
	padding: 5px;
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	box-shadow: 0 2px 4px 0 #888888; 
}

.PublicationTitle {
	position: static;
	width: 970px;
	color: #B01010;
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
}

.PublicationAuthors {
	position: static;
	float: left;
	width: 970px;
	color: #808080;
	font-size: 14px;
}

.PublicationPublishedIn {
	position: static;
	float: left;
	width: 970px;
	color: #808080;
	font-size: 14px;	
}
/*----------------------------------------------------------------- CONTACT */

#Contact {
	left: 5000px; top: 0px;
	width: 1000px; height: 100%;
	position: absolute;
	overflow-y: auto;
}

#ContactSection {
	position: static;
	width: 1000px; height: auto;
	overflow-y: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}

#ContactSection1 {
	position: static;
	float:left;
	width: 475px;
	height: 500px;
	margin: 5px;
	padding: 5px;
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	box-shadow: 0 2px 4px 0 #888888; 
}

#ContactSection2 {
	position: static;
	float:left;
	width: 475px;
	height: 500px;
	margin: 5px;
	padding: 5px;
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	box-shadow: 0 2px 4px 0 #888888; 
}

#ContactSection1Title {
	margin: 10px;
	color: #B01010;
	font-size: 16px;
	font-weight: bold;
}

#ContactSection1Text {
	margin: 10px;
	margin-top: 10px;
	color: #000000;
	font-size: 14px;
}

#ContactSection1Map {
	margin: 10px;
	width: 455px;
	height: 310px;
	border: solid 1px #AAAAAA;
}

#ContactSection2Title {
	margin: 10px;
	color: #B01010;
	font-size: 16px;
	font-weight: bold;
}

#ContactSection2Text {
	margin: 10px;
	color: #000000;
	font-size: 14px;
}

#ContactSection2EmailInputlabel {
	margin: 10px 10px 0px 10px;
	color: #000000;
	font-size: 14px;
}

#ContactEmailInputField {
	margin: 10px;
	border: 1px solid #AAAAAA;
	width: 455px;
}

#ContactSection2MessageInputlabel {
	margin: 10px 10px 0px 10px;
	color: #000000;
	font-size: 14px;
}

#ContactMessageInputField {
	margin: 10px;
	border: 1px solid #AAAAAA;
	width: 455px;
	height: 240px;	
}

#ContactSection2SubmitButton {
	margin: 10px;
	padding: 5px;
	font-size: 14px;
}


/*------------------------------------------------------------------ FOOTER */

#Footer {
	left:0;
	bottom: 0;
	width: 1000px;
	height: 20px;
	padding-top: 5px;
	background-color: #B01010;
	font-size: 14px;
	font-weight: bold;
	color: #DDDDDD;
	vertical-align: top;
}

#Footer header {
	visibility: hidden;
	display: none;
}

#CopyrightInformation {
	left: 4px;
	width: 200px;
	text-align: left;
}

#ExtraSections {
	left: 200px;
	width: 600px;
	text-align: center;
}

#ExtraSections a{
	margin-left: 5px;
	margin-right: 5px;
}

#SocialLinks {
	right: 0px;
	width: 200px;
	text-align: right;
}

#SocialLinks a img{
	width: 16px;
	height: 16px;
}


/*--------------------------------------------------------------- MAIL SENDER */

#MailSender {
	position: relative;
	width: 400px;
	height: 100px;
	margin: 0 auto;
	margin-top: 100px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	box-shadow: 0 2px 4px 0 #888888;
	text-align: center;
}

#MailSender header {
	position: static;
	color: #B01010;
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}