@charset "utf-8";
/* CSS Document */

body {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	background-color:#7484A5;
}
h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
div {
	position:relative;
}
.blanco {
	color:#FFF !important;	
}
span.ltr {
	direction:rtl;
	unicode-bidi:bidi-override;
}

#wrapper {
	position:relative;
	width:1024px;
	height:auto;
	background-color:#AAAAAA;
	text-align:left;
	margin:0 auto;
	margin-bottom:25px;

		-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.25);
		box-shadow: 0 1px 10px rgba(0,0,0,0.25);
}

#fondo {
	width:1024px;
	height:800px;
	min-height:800px;
	background:transparent url(../imgs/fondo.jpg) 50% top no-repeat;	
}
#titulo {
	color:#FFF;
	position:absolute;
	top:50px;left:0;
}
	#titulo h2 {
		font-size:24px;
		background-color:#000000;
		width:340px;
		height:40px;
		margin:0; padding:0;
		padding:5px 0 0 15px;
		_width:325px;
	}
	#titulo p {
		background-color:#000000;
		font-size:11px;
		width:115px;
		height:25px;
		padding:5px 0 0 15px;
		_width:140px;
		_height:30px;
	}
#ficha {
	color:#FFF;
	position:absolute;
	top:80px;
	left:430px;
	background:transparent url(../imgs/bocadillo.png) no-repeat;
	width:438px;
	height:138px;
	padding:9px 9px 9px 9px;
}
	#ficha img {
		float:left;
		margin:0 9px 9px 0;
	}
	#ficha h3 {
		margin:0 0 5px 0;
		color:#f6c6a2;
		font-size:17px;
	}
	#ficha p {
		width:385px;
		text-align:justify;
	}
	#ficha a.descarga {
		float:left;
		width:181px;
		height:20px;
		background: url(../imgs/btn_descarga.png);
		text-indent: -9999px;
	}
	
/* CONTENIDOS */
#infos {
	position:absolute;
	left:0px; bottom:0px;
	width:1024px;
	vertical-align:bottom;
}
	#infos div h4 {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000;
		padding-left:10px;
	}
	#infos div {
		position:absolute;
		vertical-align:bottom;
		bottom:0px;
	}
	#infos div p {
		color:#333;
		margin:10px 10px 10px 18px;
	}
  
#col300 {
	float:left;
	display:inline;
	width:300px; 
	min-height:580px;
}

	#quien {
		display:block;
		top:0;
		width:300px; 
		/*min-height:300px;*/
		
		background:rgba(238,238,238,0.85) !important;	
		background:transparent url(../imgs/fnd_claro.png) top left repeat;
	}
		#quien h4 { background-color:#EEEEEE; }
		#quien p { color:#333; margin:10px 10px; }
		
	#experiencia {
		display:block;
		width:300px; 
		min-height:280px;
		
		background:rgba(238,238,238,0.85) !important;
		background:transparent url(../imgs/fnd_claro.png) top left repeat;
	}
		#experiencia h4 { background-color:#EEEEEE; }
		#experiencia a,
		#experiencia a:link,
		#experiencia a:visited,
		#experiencia a:hover,
		#experiencia a:active {
			color:#63728d;
			font-weight:bold;
			text-decoration:none;
		}
		#experiencia a:hover {
			text-decoration:underline;
		}		
	
#habilidad {
	float:left;
	display:block;
	left:300px;
	width:300px;
	min-height:318px;
	
	background:rgba(245,234,212,0.75) !important;	
	background:transparent url(../imgs/fnd_amarillo.png) top left repeat;
}
	#habilidad h4 { background-color:#f5ead4; }
	#habilidad p span {
		display:block;
		height:11px;
		margin-top:8px;
		color:#63728d;
		font-weight:bold;
		
		background: transparent url(../imgs/stripes.png) top right no-repeat;
	}
	#habilidad p span.uno {
		/*background: transparent url(../imgs/stripes.png) top right no-repeat;*/
	}
	#habilidad p span.dos {
		/*background: transparent url(../imgs/stripes.png) top right no-repeat;*/
		background-position:100% -11px;
	}
	#habilidad p span.tres {
		/*background: transparent url(../imgs/stripes.png) top right no-repeat;*/
		background-position:100% -22px;
	}
	#habilidad p span.cuatro {
		/*background: transparent url(../imgs/stripes.png) top right no-repeat;*/
		background-position:100% -33px;
	}
	#habilidad p span.cinco {
		/*background: transparent url(../imgs/stripes.png) top right no-repeat;*/
		background-position:100% -44px;
	}	
	
#trabajos {
	float:left;
	display:block;
	left:600px;
	width:424px;
	min-height:380px;
	
	background:rgba(246,198,162,0.75) !important;
	background:transparent url(../imgs/fnd_naranja.png) top left repeat;
}
	#trabajos h4 { background-color:#f6c6a2; }
	#trabajos ul { margin:0 10px 10px 18px; }
	#trabajos ul li {
		list-style:none;
		float:left;
		display:inline;
		width:50px; height:50px;
		margin:15px 13px 0 0;
		/*background:transparent url(imgs/fnd_thumbs.png) top left no-repeat;*/

		border:1px solid rgba(0,0,0,0.5);
		
		-moz-border-radius:6px;
		-khtml-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius:6px;		
		
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
		box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	}
	#trabajos ul li.website {
		border-color:rgba(255,0,0,0.25);
	}
	#trabajos ul li.campana {
		border-color:rgba(0,0,255,0.50);
	}

/* PIE DE PAGINA / CONTACTO / TWEETER / WEBS */
#pie {
	background-color:#4A4A4A;
	height:330px;
	padding:10px 0 0 15px;
	color:#AAA;
}
	#pie div.columna {
		float:left;
		width:200px;
		height:330px;
		margin-right:6px;
	}
	#pie div.ancha {
		width:585px;
	}
	#pie div.columna h4 {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFF;
		padding-left:5px;
		margin-bottom:5px;
	}
#contactar div.cont {
	display:inline;
	padding:0 5px 5px 0;
	/*height:300px;*/
	font-size:11px;
	/*border:#F00 1px solid;*/
}
	#contactar div.cont p { font-size:11px; }
	#contactar div.cont small {
		font-size:9px;
		color:#808080;	
	}
#contactar #social {
	 width:290px;
	 margin-top:160px;
}
#contactar #map_canvas {
	 width:275px;
	 height:215px;
}
#pie #twitter-ticker {
	float:left;
	width:200px;
	height:315px;
	margin-right:6px;		
	font-size:11px;
}
#pie #webs{
}
	#pie #webs div.cont {
		height:272px !important;
		padding:10px;
		height:290px;
		overflow:visible;
		background-color:#808080;
		color:#666666;
		
		-moz-border-radius:6px;
		-khtml-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius:6px;
	
		text-align:left;			
	}
	#pie #webs div.cont ul { margin:0; }
	#pie #webs div.cont  li {
		list-style:none;
		list-style-position:outside;
		display:block;
		margin:3px 0;
	}
	#pie #webs ul li img {
		vertical-align:middle;
		width:16px; height:16px;
		margin-right:5px;
		background-color:#808080;
	}
		#webs a,
		#webs a:link,
		#webs a:visited,
		#webs a:hover,
		#webs a:active {
			color:#CCC;
			text-decoration:none;
		}
		#webs a:hover {
			color:#FFF;
			text-decoration:underline;
		}			
/* ICONOS SOCIALES */
.social32 {
	float: left;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	margin:0 5px 10px 0;
}
.facebook {
	background: url(../imgs/facebook_32_off.png);
}
.facebook:hover {
	background: url(../imgs/facebook_32.png);
}
.twitter {
	background: url(../imgs/twitter_32_off.png);
}
.twitter:hover {
	background: url(../imgs/twitter_32.png);
}
.linkedin {
	background: url(../imgs/linkedin_32_off.png);
}
.linkedin:hover {
	background: url(../imgs/linkedin_32.png);
}
.skype {
	background: url(../imgs/skype_32_off.png);
}
.skype:hover {
	background: url(../imgs/skype_32.png);
}
.googletalk {
	background: url(../imgs/googletalk_32_off.png);
}
.googletalk:hover {
	background: url(../imgs/googletalk_32.png);
}
.googlewave {
	background: url(../imgs/googlewave_32_off.png);
}
.googlewave:hover {
	background: url(../imgs/googlewave_32.png);
}

/* SUPER AWESOME BUTTONS */
/* http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba */
.awesome, .awesome:visited {
	background: #222 url(../imgs/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	
	-moz-border-radius:5px; 
	-khtml-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	
	border-bottom: 1px solid rgba(0,0,0,0.25);
	
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
	.azul.awesome, .azul.awesome:visited			{ background-color: #0081b2; }
	.azul.awesome:hover								{ background-color: #009fdc; }