*{margin:0; padding:0}
@font-face {
  font-family: 'Josefin';
  font-style: normal;
  font-weight: normal;
  src: local('Josefin Sans Std Light'), url('http://themes.googleusercontent.com/font?kit=doRWK9Qks0OQGenH-kW8ngz2EdV-DdurKoLOmiOgX_w') format('truetype');
}
html, body{
	height:100%;
}
body{
	/*overflow:hidden;*/
	font-family:"Josefin", Arial;
	font-size:110%;
	overflow:hidden;
	background:#00586D url(degrad.png) center repeat-x;
	border:2px solid #000
}
header{
	display:block;
}
h1{
	font-size:50px;
	color:#e1e1e1;
	text-align:right;
	text-shadow:1px 2px 1px #000000;
	border-bottom:2px solid #A5DA12;
	margin:0 50px 10px 0;
	padding:0 30px 0 0;
}
.vcard{
	display:block;
	font-size:30px;
	margin:10px 0 0 50px;
	color:#e1e1e1;
	padding:0 0 0 30px;
	text-shadow:1px 2px 1px #000000;
	border-left:4px solid #A5DA12;
}
.vcard span{
	display:block;
	line-height:35px;
}
.vcard span.fn, .vcard span.locality{
	font-size:25px;
	font-style:italic;
}
.vcard span.title{
	font-weight:bold;
}

footer{position:absolute; bottom:0; width:100%;}

ul{list-style-type:none;}
#changer{
	float:right;
	padding:15px 0 5px 10px;
	margin:0 15px 5px 0;
	background:rgba(51,51,51,0.6);
	border:1px solid #000;
	-moz-border-radius:4px;	
	-webkit-border-radius:4px;
	border-radius:4px;
}
#changer li{
	display:inline-block;
	padding:0 0 3px 0;
	margin:0 15px 0 0;
	text-align:center;
	cursor:pointer;
	font-size:20px;
	color:#e1e1e1;
}
#changer li#goleft, #changer li#goright{
	font-weight:bold;
}

#changer li.sel{
	border-bottom:6px solid #A5DA12;
}
#listprojects{
	/*border-top:14px solid #545454;
	border-bottom:14px solid #545454;*/
	clear:both;
	background:#3A3C3B;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}

#listprojects li{
	display:inline-block;
	vertical-align:middle;
}
#listprojects h2, #listprojects h3, #listprojects p{
	margin:1em;
	color:#ffffff;
}

.figure{
	display:block;
	overflow:hidden;
	margin:1em;
	float:left;
	width:351px;
	height:285px;
	overflow:hidden;
}
.figure img{
	display:none;
	cursor:pointer;
}
.msgload{
	display:block;
	text-align:center;
}
#capa{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:100%;
	background:rgba(84,84,84,0.8);
	display:none;
}
#loading{
	position:absolute;
	background:#D6C6A9;
	width:350px;
	border:2px solid #333333;
	-moz-border-radius:8px;	
	-webkit-border-radius:8px;
	border-radius:8px;
}
#loading span{
	display:block;
	text-align:center;
	padding:15px 0;
	font-size:2em;
}
#modal{
	width:50px;
	height:50px;
	position:absolute;
	z-index:10;
	overflow:hidden;
	display:none;
	background:rgba(84,84,84,0.8);
	-moz-border-radius:8px;	
	-webkit-border-radius:8px;
	border-radius:8px;
}
#modalmenu{
	width:32px;
	position:absolute;
	top:0;
	right:0;
}
#modalpicture {
	padding:32px
}
#closemodal{
	background:url(Close.png) center no-repeat;
	width:32px;
	height:32px;
	cursor:pointer;
}
#modalmenu li{
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	padding:5px 0;
}
#modalmenu li.sel{
	color:#FFCF39;
}