/* Layout - fixed centered */
/* uses overflow:auto or hidden for clearing */

body {text-align:center;padding:0 15px;font-family: "Lucida Sans","Lucida Grande","Corbel",arial,sans-serif;background-color:#FCFCFC;color:#222;}
#container {margin-left:auto;margin-right:auto;width:970px;text-align:left;}
#maincontent {padding-top:12px;}



.logotipo{
	width:30%;
	float:left;
}

#links{
	text-align:center;
}

/* Wrapper for column sections */
#keyinfo {overflow:auto;padding:2em 0 1.1em;clear:both;}
.topics {overflow:auto;border-top:2px dashed #DDDDDD;padding:2em 0 1.6em;clear:both;}

/* 1/2 1/2 Two column sections */
.content-left {float:left;width:46%;display:inline;}
.content-right {float:right;width:46%;}

/* 1/3 1/3 1/3 Three column sections */
.content-1of3 {float:left;width:30%;margin-right:5%;display:inline;}
.content-2of3 {float:left;width:30%;}
.content-3of3 {float:right;width:30%;}

/* 1/3 2/3 Specific layout for info and projects section */
#info {float:left;width:30%;display:inline;}
#projects {float:right;width:65%;}
#recent-projects {border:1px solid #EEE;background:#FFF;padding:12px 10px 10px 10px;}
/* Top area */
.contact {margin-top:0.2em;background:url('../images/cardtop.jpg') no-repeat top left transparent;}
.contact #inner {background:url('../images/cardbase.jpg') no-repeat bottom left transparent;padding:20px 15px 28px;}
.contact p {margin-bottom:0;}

a#ribbon {
	position: absolute;
	top: 0px;
	right: 10px;
	display: block;
	width: 155px;
	height: 76px;
	background: transparent url("../images/twitter/twitteranime2.gif") no-repeat top left;
	text-indent: -999em;
	text-decoration: none;
	z-index: 0;
	}


/* Typography */
h1 {
	font-family: "Trebuchet MS";
	font-size: 1.4em;
	line-height:1.3em;
	margin:9px 0 37px 0;
	margin-left:345px;
	color:#666
}

.titulo_ppal{
	font-family: "Trebuchet MS";
	font-size: 1.4em;
	line-height:1.3em;
	margin:9px 0 37px 0;
	margin-left:5px;
	color:#666;
	width:420px;
	float:left;
}

#header{
	
}

#links{
	
}

#idiomas{
	width:250px;
	float:left;
	padding-top:20px;
}

#idiomas a{
	font-size:11px;
	font-weight:normal;
}

#idiomas img{
	width:16px;
	height:16px;
}

h1 span {font-weight:bold;}

h2 {
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	line-height:1.2em;
	margin:0 0 0.2em;
	color:#999
}
.titulo{
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	line-height:1.2em;
	margin:0 0 0.2em;
	color:#999	
}
p+h2,ul+h2 {margin-top:1.3em;}

h3 {
	font-size: 0.8em;
	margin:0 0 3em 0;
	line-height:1.4em;
	font-weight: bold;
	color:#6E8A00;
}
p+h3,ul+h3 {margin-top:0.7em;}

p {
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0.2em 0 1.3em 0;
}

ul {list-style-type:circle;margin:0.2em 0 1.1em 20px;}
li {font-size:0.8em;line-height:1.3em;margin:0 0 0.6em;}

/* Links */
a {color:#415965;text-decoration:none;padding:1px;font-weight:bold;}
a:hover {background-color:#415965;color:#FFF;}


/* Tabs in showcase */
#project-viewer {
	
}

.tab-wrapper {
	margin:0;
	clear:both;
}

.tab-menu {
	margin:0 0 0.6em;
	padding:0;
	list-style:none;
	overflow:hidden;
	
}

.tab-menu li {
	margin:0 0.5em 0 0;
	padding:1px;
	float:left;
}

.tab-menu li a {
	padding:0 .5em;
	font-weight:bold;
	color:#444;
	background:#EEE;
	border:1px solid #DDD;
	-moz-border-radius:3px;
	display:block;
}

.tab-menu li a:hover,
.tab-menu li a:focus {
	color:#FFF;
	background:#d6e13d;
	border:1px solid #667F00;
	-moz-border-radius:3px;
	display:block;
}

.tab-menu li.tab-selected a {
	text-decoration:none;
	color:#FFF;
	background-color:#415965;
	border:1px solid #444;
	-moz-border-radius:3px;
	display:block;
}