/*******************************************************
AUTHOR: Javier López-González
*******************************************************/

body {
margin:3em;
padding:0;
height: 400px;
width: 1020px;
background-color: #ffffff;
/*#b4c69c;*/
color:#000000;  
text-align:center;
font-family:  Helvetica, Arial, "Trebuchet MS", sans-serif;
font-size: 1.0em;
line-height: 1.2em;
}

a img{
	border:none;	
}

a {
color: rgb(140,198,63);
text-decoration:none;
}

a:hover {
/*color:#eeeeee;*/
text-decoration:none;
}

ul {
	/*list-style-type: none;	*/
	list-style-image: url(../images/logo_corona_small2.jpg);
}

strong{
	color:rgb(122,0,60);	
	font-family: Tahoma;
}

	
#left_logo {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	/*heigh\t:100%;*/
	width: 200px;
	background-color: #fff;
	color: black;
	z-index: 3;
}

#left_logo h1{
	background: transparent url(../images/logo.jpg) no-repeat top center;
	/*width: 78px;
	height: 516px;*/
	width: 200px;
	height: 149px;
	text-indent: -5000px;
	margin: 20px auto 0px auto;
}

#people{
	position: relative;
	top: 12px;
	left: 48px;	
	text-align: center;
	margin-right:0px;
	width: 140px;
}

#contact_information {
	/*border-top: solid 2px;
	border-bottom: solid 2px;	*/
	color:rgb(122,0,60);	
	font-family: Tahoma, Georgia, Garamond, Times New Roman;
	/*font-style: oblique;*/
	font-size: 16px;
	font-weight:bold;
	background-color: #fff;
	/*margin-top: 390px;*/
	margin-left: 35px;
}

#content {
	/* background: transparent url(../images/support_bg.gif) repeat-y top left;*/
	position: absolute;
	top: 0px;
	left: 200px;
	margin: 0;
	width:80%;
	height: 100%;
	text-align: center;
}

#explanation1 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 10px 0px 0px 20px;
	padding-bottom: 20px;
	background:  url(../images/bubbles.jpg) right bottom no-repeat;
	width: 400px;
	/*margin: 0 auto;*/
	text-align: left;
	/*border-right: solid #6d6d6d 2px;	
	border-left: solid #b22222 2px;	*/
}

#explanation1 h2 {
	margin-top: 62px;
	margin-bottom:15px;
	/*background:  url(../images/whatweare2.jpg) top left no-repeat;*/
	/* background:  url(../images/left_bg_2_green.jpg) top left no-repeat;*/
	/*width: 400px;
	height: 145px;*/
	background:  url(../images/left_bg_3.jpg) top left no-repeat;
	width: 400px;
	height: 47px;
	text-indent: -3000px;
}

#explanation1 p {
	margin-left: 14px;
	margin-right: 24px;		

}

#explanation1 ul li {
	margin-right: 14px;		
}

#container2 {
	position: absolute;
	top: 0;
	left: 400px;
	margin: 0px 0px 0px 0px;
	/*background:  url(../images/bubbles.jpg) right bottom no-repeat;*/

	/*background:  url(../images/rectangulo.jpg) left top repeat-y;*/
	width: 400px;
	/*margin: 0 auto;*/
	text-align: left;
	/*border-left: solid #6d6d6d 2px;	
	border-right: solid #6d6d6d 2px;	*/

}

#explanation2 {
	position: relative;
	top: 0;
	left: 0;
	margin: 20px 0px 0px 20px;
	/*background:  url(../images/rectangulo.jpg) left top repeat-y;*/
	background:  url(../images/bubbles.jpg) right bottom no-repeat;
	width: 400px;
	/*margin: 0 auto;*/
	text-align: left;
	/*border-left: solid #6d6d6d 2px;	
	border-right: solid #6d6d6d 2px;	*/
	padding-bottom:40px;

}

#explanation2 h2 {
	margin-top: 71px;
	margin-bottom:15px;
	margin-left: 42px;
	/*background:  url(../images/right_bg_2_green.jpg) top left no-repeat;*/
	background:  url(../images/right_bg_3.jpg) top left no-repeat;
	width: 358px;
	height: 47px;
	text-indent: -3000px;
}

#explanation2 p {
	margin-left: 55px;
	margin-right: 10px;
}

#explanation2 ul li {
	margin-left: 46px;		
}



#people h2 {
	margin-top: 0px;
	margin-bottom:15px;
	margin-left:4px;
	background:  url(../images/who.jpg) top right no-repeat;
	width: 304px;
	height: 70px;
	text-indent: -3000px;
}

#first_image{
	margin-left:5px;
}

#people img{
	margin-right: 8px;
}
/*
.bottom{
		background:  url(../images/bubbles.jpg) bottom left no-repeat;
		width: 401px;
		height: 74px;
}
*/
/*
#background {
	background: transparent url(../images/bg_who.jpg) repeat-y;	
	position: absolute;
	top: 0;
	left: 820px;
	height:100%;
}
*/

#people2{
	position: relative;
	top: 0;
	left: 0;
	margin: 72px 0px 0px 30px;
	text-align: left;
}

#people2 h2 {
	margin-top: 0px;
	margin-bottom:20px;
	margin-left:-10px;
	background:  url(../images/whoweare8.jpg) top right no-repeat;
	width: 398px;
	height: 47px;
	text-indent: -3000px;
}

#people_images{
	margin-left: 10px;	
	width: 300px;
}

#people_images img{
	margin-right: 8px;	
}


.curriculum {
	width: 350px;	
	margin: 0px 0px 10px 10px;
	text-align: left;	
}

.curriculum img {
	float: left;
	border: none;
	top: auto;
	margin-right: 10px;
}

#javier_cv {
	position: relative;
	top: 0px;
	left: 0px;	
	background: transparent url(../images/spain_flag.jpg)  center no-repeat;
}

#matti_cv {
	position: relative;
	top: 0px;
	left: 0px;		
	background: transparent url(../images/finland_flag.jpg)  center no-repeat;
}

#clint_cv{
	position: relative;
	top: 0px;
	left: 0px;	
	background: transparent url(../images/usa_flag.jpg)  center no-repeat;	
}

#maxim_cv{
	position: relative;
	top: 0px;
	left: 0px;	
	background: transparent url(../images/russian_flag.jpg)  center no-repeat;
}

#jarkko_cv {
	position: relative;
	top: 0px;
	left: 0px;		
	background: transparent url(../images/finland_flag.jpg)  center no-repeat;
}

#antony_cv{
	position: relative;
	top: 0px;
	left: 0px;	
	background: transparent url(../images/uk_flag.jpg)  center no-repeat;
}

#roman_cv{
	position: relative;
	top: 0px;
	left: 0px;	
	background: transparent url(../images/czech_flag.jpg)  center no-repeat;
}

/* Efecto transparencia
div[id="transparency"] {
	position: fixed:
	left: 0;
	top:0;
	z-index:2;
	height:100%
    width: 180px;
	background-image: url(bg_white.png);	
}

div[id="effect"] {
	position:fixed;
	top: 0;
	left:180px;	
	height: 100%;
	width: 29px;
	background: transparent url(../images/support_bg.gif) repeat-y top left;
	z-index:0;
}
*/