body {background-image:url(imagenes/fondo_body.jpg); background-repeat:repeat-x;font-family:Arial,Helvetica,sans-serif;font-size:10pt;}
body, div, img, a, h1, h2, ul, li, p, form, input {margin:0; padding:0;}
a {display:inline; float:left; text-decoration:none; outline:0;}
ul {list-style-image:none;list-style-position:outside;list-style-type:none;}

#usuarios-ie {background-color:#FFC;padding:10px;position:absolute;text-align:center;top:0;width:933px;border-bottom:#069 2px solid;}
#usuarios-ie a {float:none; color:#069; font-weight:bold;}

#contenedor {background: url(imagenes/fondo_cabecera_03.jpg) no-repeat scroll center top; min-height:500px; position:relative;}
#contenedor .centrar {width:953px;margin:0 auto;}
#contenedor .centrar#cont_pie {height:200px; padding-bottom:20px;}
#cabecera {float:left;height:319px;width:953px; background-image:url(imagenes/fondo_cab_05.jpg);}
#cabecera h1 {text-indent:-99999px; margin:72px 0 0; width:280px; height:84px;}
#cabecera h1 a {background-image:url(imagenes/logo_06.jpg); width:280px; height:84px; }
ul#menu_personal {clear:left;display:inline;float:left;margin:20px 0 0 15px; list-style:none;}
ul#menu_personal li, ul#menu_portfolio li {text-indent:-99999px; display:inline;}
ul#menu_personal a#bio, ul#menu_personal a#bio_active {background-image:url(imagenes/menu_personal_10.jpg); width:50px; height:30px;}
	ul#menu_personal a#bio:hover, ul#menu_personal a#bio_active {background-position:0 -30px;}
ul#menu_personal a#blog, ul#menu_personal a#blog_active {background-image:url(imagenes/menu_personal_11.jpg); width:62px; height:30px;}
	ul#menu_personal a#blog:hover, ul#menu_personal a#blog_active {background-position:0 30px;}
ul#menu_personal a#contacto, ul#menu_personal a#contacto_active {background-image:url(imagenes/menu_personal_12.jpg); width:98px; height:30px;}
	ul#menu_personal a#contacto:hover, ul#menu_personal a#contacto_active {background-position:0 -30px;}
ul#menu_portfolio {clear:both;display:inline;float:left;list-style-image:none;list-style-position:outside;list-style-type:none;width:608px;margin:-21px 0 0 345px;}
ul#menu_portfolio a#web, ul#menu_portfolio a#web_active {background-image:url(imagenes/menu_06.jpg); width:125px; height:93px;}
	ul#menu_portfolio a#web:hover {background-position:0 -93px;}
	ul#menu_portfolio a#web_active {background-position:0 -186px;}
ul#menu_portfolio a#grafico, ul#menu_portfolio a#grafico_active {background-image:url(imagenes/menu_07.jpg); width:142px; height:93px;}
	ul#menu_portfolio a#grafico:hover {background-position:0 -93px;}
	ul#menu_portfolio a#grafico_active {background-position:0 -186px;}
ul#menu_portfolio a#digital, ul#menu_portfolio a#digital_active {background-image:url(imagenes/menu_08.jpg); width:158px; height:93px;}
	ul#menu_portfolio a#digital:hover {background-position:0 -93px;}
	ul#menu_portfolio a#digital_active {background-position:0 -186px;}
ul#menu_portfolio a#tradicional, ul#menu_portfolio a#tradicional_active {background-image:url(imagenes/menu_09.jpg); width:183px; height:93px;}
	ul#menu_portfolio a#tradicional:hover {background-position:0 -93px;}
	ul#menu_portfolio a#tradicional_active {background-position:0 -186px;}

	
#cuerpo {float:left;}	
#cuerpo .sidebar {background:transparent url(imagenes/fondo_sidebar_23.jpg) no-repeat scroll right bottom;float:left;height:500px;width:225px; position:relative;}
#cuerpo .sidebar ul {color:#666;font-size:11pt;line-height:17pt;margin:40px 0 0 40px;}
#cuerpo .sidebar#sidebar_bio {height:925px;}
#cuerpo .sidebar#sidebar_home {height:415px;}
#cuerpo #contenido, #pie .link .n_lista {float:left;color:#036; position:relative;}

#contenido #quien_soy {background-image:url(imagenes/quiensoy.gif);background-repeat:no-repeat;margin-left:25px;padding:50px 0 0 75px;width:600px;}
#contenido #quien_soy a {float:none; color:#69C; text-decoration:underline;}
#contenido dl {background-image:url(imagenes/quehago.gif);background-repeat:no-repeat;margin: 25px 0 0 25px;padding:39px 0 0 100px;}
#contenido dl dt {background:transparent url(imagenes/flecha.jpg) no-repeat scroll 0 0;font-weight:bold;margin-top:15px;padding:5px 0 3px 28px; }
#contenido dl#formacion {background-image:url(imagenes/formalmente.gif);}
#contenido dl#formacion dt {background:transparent url(imagenes/estrella.jpg) no-repeat; padding:2px 0 3px 28px;}

#contenido #img_home {width:629px; height:388px; background-image:url(imagenes/home.jpg); position:absolute;left:40px;}
#contenido #img_home a {background-image:url(imagenes/a_home.jpg);height:64px;left:468px;position:absolute;text-indent:-99999px;top:123px;width:134px;}
#contenido #img_home a:hover{background-position:0 -64px;}

form, #contenido #envio_ok {background:url(imagenes/fondo_formulario.jpg) no-repeat;height:330px;padding:43px 0 0 40px;width:420px; margin-left:60px;}
#contenido #envio_ok {background:url(imagenes/fondo_enviado.jpg) no-repeat; padding:43px 0 0 32px;}
input {margin-bottom:6px; width:200px;font-family:Arial,Helvetica,sans-serif;font-size:10pt; padding:2px;}
textarea {font-family:Arial,Helvetica,sans-serif;font-size:10pt;height:100px;padding:2px;width:295px;}
input#enviar {height:auto;left:362px;position:absolute;top:294px;width:auto;}
form span {display:block;float:left;margin-bottom:5px;padding:7px 10px 0;text-align:right;width:50px;}
#enviado {background-image:url(imagenes/enviado.jpg);height:58px;left:300px;position:absolute;top:250px;width:81px;}
#envio_ok p {background-color:#FFF;border:1px solid #CCC;;padding:10px 7px 14px 7px;;width:262px;}
	
#sobre_pie {background:url(imagenes/sobre_pie_26.jpg) 0 0 no-repeat; width:983px; height:23px; clear:both;}	
#pie { background:#69C;height:auto;width:100%; float:left;}
#pie #copy {width:100%; color:#FFF; padding:12px 0 20px 0; text-align:center;}
#pie .link {color:#CCC; display:inline; float:left; margin-left:35px;}
#pie .link .n_lista {float:none;}
#pie .link a {color:#FFF;}
#pie .link a:hover {text-decoration:underline;}
#pie .link#dos {padding-right:20px; background:url(imagenes/separador_pie_30.gif) right center no-repeat;}
#pie .link#tres {padding-right:20px; background:url(imagenes/separador_pie_30.gif) right center no-repeat; width:250px; margin-left:0px;}
#pie .link#tres li, #pie .link#tres a {clear:both; width:250px; text-align:right;}
#pie #w3c {float:left; display:inline; width:120px;}
#pie #w3c img {margin:3px 0 4px 20px;}

#enlaces {position:absolute; bottom:30px;}	
#enlaces a#rss {background-image:url(imagenes/rss_blog.jpg); width:142px; height:56px; margin-bottom:5px;text-indent:-99999px;}
#enlaces a#linkedin {background-image:url(imagenes/linkedin.jpg); width:142px; height:56px; margin-bottom:5px;text-indent:-99999px;}