/*-------------------------Layout-----------------*/

body {
	text-align: center;
	margin: 0px;
	background: url(../img/bg-content-2.png) #ECECEC repeat-x;
	padding: 0px;
	font-family: "Lucida Sans Unicode", helvetica, arial, sans-serif;
	font-size: 75%;
}
/*--fixes para position:fixed en IE---*/
* html{
	overflow: hidden;/*evita que aparezcan 2 scrollbars eliminando el del html... */
}
* html body {
	overflow: auto;/*hace que aparezca el scroll del body*/
	height: 100%;
}
/*----------------------done-------------*/

* {margin: 0; padding:0;}

	
#content {
	margin: auto;
	width: 820px;
	padding: 10px 0;
	min-height:100%;
	height:auto;	
	background: url(../img/header.png) no-repeat;
	text-align:center;
	border: 0;
}


div#menu {
	width: 130px;
	font-size: 0.9em;
	border: solid 1px #ccc;
	background: #f1f1f1;
	margin: 0px;
	padding: 6px;
	text-align: left;
	float: left;
	position: absolute;
	left: 8px;
	top: 8px; 
	background: rgba(255,255,255,0.8);
	
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3)
}

#menu img { float:left; margin: 0 5px 0 0; }
#menu ul { margin: 0 0 10px 10px; }
#menu ul li { list-style:none; }

#menu h3 { 
	font-size: 1.2em;
	font-weight: bold;
	text-align:left;
	color: #747474;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 6px;
	border-bottom: solid 1px #999; }

html>body div#menu {
  position:fixed;
}



.geniuswork {
	width: 98%;
	background-color: #F2F2F2;
	border: solid 1px #B1B1B1;
	margin: 0 auto 0 auto;
	padding: 8px;
	clear:both;
	font-size:12px;
	color: #888888;
}
/*-------------------------Fin Layout-----------------*/
h2 {
	font-size: 1.3em;
	font-weight: normal;
	text-align:left;
	color: #a3a3a3;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

h1 {
	font-size:4em;
	font-weight: bold;
	text-align:left;
	color: #fff /*#2E5470*/;
	text-decoration: none;
	padding:0 0 0 0;
	margin-bottom: 2px;
	text-shadow: rgba(0,0,0,0.2)  3px 3px 7px;
	
}

	h5 { color: #999; font-size:1.5em; font-weight:normal; }
	.contactinfo {  margin: 0 0 65px 0; width: 450px; }
	
	div.contactinfo h2 {
		font-family:"Georgia", "Times New Roman", Times, serif;
		font-size: 1.8em;
		font-weight: normal;
		color: #dedede/*#09C*/;
		padding: 0px;
		text-align: left;
		margin-bottom: 3px; }


.bloque {
	margin: 0 0 30px 0;
	padding: 0 0 10px;
	border-bottom: double 3px #888;
	overflow:auto;
}

.title { float:left; width: 20%; margin: 0 25px 0 0; }
.section { float:left; width: 75%; margin: 0 0 0 0; }
.job { margin: 0 0 14px 0; padding: 0 0 10px 0; border-bottom: solid 1px #acacac; overflow:auto; }
.last, .talent li.last { border:none; }
.talent {float:left; width:32%; }
.talent li { border-bottom: 1px solid #ddd; list-style:none; padding: 4px 0 4px 0; }
ul.talent  { margin: 0 0 10px 0; }
.title h3 { font-family:"Georgia", "Times New Roman", Times, serif; font-style:normal; }

h3, p.titulo, .title h3 {
	font-size: 1.8em;
	font-weight: normal;
	text-align:left;
	color: #630;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;

}

p {
	text-align: left;
	margin-bottom: 10px;
}

.job p { padding: 0 0 0 5px }

ul {
	text-align: left;
	margin: 0 0 10px 20px;
	list-style-position: outside;
}
li {
	margin: 0;
	padding-bottom: 6px;
	list-style-type: circle;
}
ul li ul {
	text-align: left;
	margin: 0 0 0 20px;
	list-style-position: outside;
}
ul li ul li {
	margin: 0;
	padding-bottom: 6px;
	list-style-type: circle;
	
}
.resaltado {
	color: #344D67;
	font-weight: bold;
	
}

.section h2 { 
	margin-bottom: 6px; 
	color: #344D67;  
	font-weight: bold; 
	text-align:left;
	font-size: 1.3em; }
	
.section h3 { 
	width:75%;
	margin-bottom: 10px; 
	color: #09C;  
	font-weight: normal;
	text-align:left;
	font-size: 1.1em; }
	
.section h4 { 
	font-family: "Georgia", "Times New Roman", Times, serif;
	margin-bottom: 10px; 
	color: #888;  
	font-weight: normal;
	float:right;
	width: 200px;
	text-align:right;
	font-size: 1.3em; }
	

.images {
	border: double 4px #a3a3a3;
	padding: 8px;
	float: right;
	width:auto;
}

a {
	
	color: #5B7A9F;
	text-decoration: none;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

a:hover {
	color: #006600;
	text-decoration: underline;
}

a#contactlink, a#pdflink, a#printlink, a#englink, a#eslink { padding: 0 0 0 20px;  }

a#contactlink { background:url(../img/email.png) no-repeat; }
a#pdflink { background:url(../img/file_acrobat.gif) no-repeat; }
a#printlink { background:url(../img/printer.png) no-repeat; }
a#englink { background:url(http://creixems.com/images/flag/us.png) no-repeat; }
a#eslink { background:url(http://creixems.com/images/flag/es.png) no-repeat; }


.vcardimage {float:right; display:none;}
.section a img, .vcardimage a img { border: 0;}