body 
{
	background:#491b04 url(../images/bg_body.jpg) repeat;
	color:#FFF;
	font-family:Arial, "Helvetica", Verdana, Tahoma, Serif;
	margin:0;
	padding:0;
}

#wrapper
{
	background:transparent url(../images/bg_wrapper.jpg) no-repeat top center;
	width:960px;
	height:500px;
	margin:0 auto;
	padding:0;
}

#logo
{
	width:790px;
	margin:0 auto;
	clear:both;
	text-align:center;
}

h1.alexz
{
	width:724px;
	height:236px;
	background:transparent url(../images/bg_h1_alexz.png) no-repeat;
	margin:10px 0 0 115px;
	padding:0;
	text-indent:-10000px;
}

h1.error404
{
	width:746px;
	height:150px;
	background:transparent url(../images/bg_h1_error404.png) no-repeat;
	margin:10px 0 0 115px;
	padding:0;
	text-indent:-10000px;
}

h1.errorServer
{
	width:372px;
	height:74px;
	background:transparent url(../images/bg_h1_errorServer.png) no-repeat;
	margin:10px 0 0 115px;
	padding:0;
	text-indent:-10000px;
}

p.errorServer
{
	width:742px;
	height:30px;
	background:transparent url(../images/bg_p_errorServer.png) no-repeat;
	margin:20px 0 0 118px;
	padding:0;
	text-indent:-10000px;
}

p.description
{
	width:741px;
	height:82px;
	background:transparent url(../images/bg_p_description.png) no-repeat;
	margin:20px 0 0 118px;
	padding:0;
	text-indent:-10000px;
}

a.home
{
	display:block;
	color:#FFF;
	background:transparent url(../images/bg_link_home.png) no-repeat;
	padding:0 0 5px 20px;
	float:right;
	margin:10px 120px 0 0;
	text-decoration:none;
	border-bottom:1px dashed #FFF;
}

a.home:hover
{
	color:#92A72C;
	border-bottom:1px dashed #92A72C;
}

#portafolio
{
	width:750px;
	margin:40px 0 0 115px;
	padding:0;
}

#portafolio h2
{
	width:229px;
	height:44px;
	background:transparent url(../images/bg_h2.png) no-repeat 0 -56px;
	text-indent:-10000px;
	margin:0 0 15px;
	padding:0;
}

#portafolio .portafolio
{
	width:740px;
	margin-left:5px;
	clear:both;
	overflow:hidden;
}

#portafolio .portafolio .preview
{
	position:relative;
	width:232px;
	height:180px;
	float:left;
	margin-right:14px;
	background:url(../images/bg_portafolio_preview.png) no-repeat;
}

#portafolio .portafolio .preview img
{
	position:absolute;
	top:9px;
	left:9px;
	z-index:1000;
}

#portafolio .portafolio .preview .data
{
	position:absolute;
	top:110px;
	left:9px;
	width:200px;
	height:50px;
	background:#000;
	text-align:center;
	font-size:.8em;
}

#portafolio .portafolio .preview .data p
{
	margin:5px 0 0;
	padding:0;
}

#portafolio .portafolio .preview .data a
{
	margin-top:5px;
	display:block;
	color:#B85522;
	outline:0;
}

#portafolio .navigation
{
	margin:20px 0 0;
	overflow:hidden;
}

#portafolio .navigation a.left
{
	float:left;
	width:96px;
	height:40px;
	margin-left:90px;
	text-indent:-10000px;
	background:url(../images/bg_navigation_links.png) no-repeat 0 0;
	border:0;
	outline:0;
}

#portafolio .navigation a.left:hover
{
	background:url(../images/bg_navigation_links.png) no-repeat 0 -40px;
}

#portafolio .navigation a.right
{
	float:right;
	width:96px;
	height:40px;
	margin-right:110px;
	text-indent:-10000px;
	background:url(../images/bg_navigation_links.png) no-repeat -96px 0;
	border:0;
	outline:0;
}

#portafolio .navigation a.right:hover
{
	background:url(../images/bg_navigation_links.png) no-repeat -96px -40px;
}

#metodologia
{
	width:750px;
	margin:40px 0 70px 115px;
	padding:10px 0 0;
	background:transparent url(../images/bg_divisor.jpg) no-repeat top center;
	overflow:hidden;
}

#metodologia h2
{
	width:405px;
	height:56px;
	background:transparent url(../images/bg_h2.png) no-repeat 0 0;
	text-indent:-10000px;
	margin:0 0 15px;
	padding:0;
}

#metodologia h3.step1
{
	font-size:1.5em;
    margin:0 0 10px;
    padding-left:110px;
    height:36px;
    line-height:36px;
    color:#813910;
    cursor:pointer;
    background: url(../images/bg_steps.png) no-repeat 0 0;
}

#metodologia h3.step1:hover 
{
	font-size:1.5em;
    margin:0 0 10px;
    padding-left:110px;
    height:36px;
    line-height:36px;
    color:#a04815;
    cursor:pointer;
}

#metodologia h3.step2
{
	font-size:1.5em;
    margin:0 0 10px;
    padding-left:110px;
    height:36px;
    line-height:36px;
    color:#813910;
    cursor:pointer;
    background: url(../images/bg_steps.png) no-repeat 0 -36px;
}

#metodologia h3.step2:hover 
{
	font-size:1.5em;
    margin:0 0 10px;
    padding-left:110px;
    height:36px;
    line-height:36px;
    color:#a04815;
    cursor:pointer;
}

#metodologia h3.step3
{
	font-size:1.5em;
    margin:0 0 10px;
    padding-left:110px;
    height:36px;
    line-height:36px;
    color:#813910;
    cursor:pointer;
    background: url(../images/bg_steps.png) no-repeat 0 -72px;
}

#metodologia h3.step3:hover 
{
	font-size:1.5em;
    margin:0 0 10px;
    padding-left:110px;
    height:36px;
    line-height:36px;
    color:#a04815;
    cursor:pointer;
}

#metodologia h3.selected
{
	font-size:1.5em;
    margin:0 0 10px;
    padding-left:110px;
    height:36px;
    line-height:36px;
    color:#C0521F;
    cursor:pointer;
}

#metodologia p
{
	font-size:.9em;
    margin:0 0 15px 110px;
    text-align:justify;
}

#contacto
{
	width:750px;
	margin:40px 0 0 115px;
	padding:10px 0 0;
	background:transparent url(../images/bg_divisor.jpg) no-repeat top center;
}

#contacto h2
{
	width:221px;
	height:53px;
	background:transparent url(../images/bg_h2.png) no-repeat 0 -100px;
	text-indent:-10000px;
	margin:0 0 15px;
	padding:0;
}

#contacto .contact-form
{
	position:relative;
	width:400px;
	float:left;
	margin-bottom:60px;
}

#contacto .contact-form .top
{
	width:385px;
	height:37px;
	background:transparent url(../images/bg_contact_rounds.png) no-repeat 0 0;
}

#contacto .contact-form .middle
{
	width:385px;
	background:transparent url(../images/bg_contact_middle.png) repeat-y;
}

#contacto .contact-form .middle .loading
{
	position:absolute;
	width:160px;
	height:20px;
	left:40px;
	bottom:55px;
}

#contacto .contact-form input
{
	display:block;
	width:295px;
	height:35px;
	margin:0 0 10px 40px;
	padding:8px 4px 0 4px;
	border:3px solid #87390e;
	color:#411b06;
	font-size:1.3em;
}

#contacto .contact-form input:focus
{
	border:3px solid #FFF;
}

#contacto .contact-form textarea
{
	display:block;
	width:295px;
	height:180px;
	margin:0 0 0 40px;
	padding:8px 4px 0 4px;
	border:3px solid #87390e;
	color:#411b06;
	font-size:1.5em;
}

#contacto .contact-form textarea:focus
{
	border:3px solid #FFF;
}

#contacto .contact-form a
{
	width:70px;
	display:block;
	color:#FFF;
	height:48px;
	line-height:52px;
	font-size:1.5em;
	text-decoration:none;
	background:transparent url(../images/bg_contact_send.png) no-repeat;
	padding:0 0 5px 52px;
	margin:10px 0 0 225px;
	border-bottom:2px dotted transparent;
	outline:0;
}

#contacto .contact-form a:hover
{
	width:70px;
	display:block;
	color:#fcfcfc;
	height:48px;
	line-height:52px;
	font-size:1.5em;
	text-decoration:none;
	background:transparent url(../images/bg_contact_send.png) no-repeat;
	padding:0 0 5px 52px;
	margin:10px 0 0 225px;
	border-bottom:2px dotted #fcfcfc;
	outline:0;
}

#contacto .contact-form .bottom
{
	width:385px;
	height:37px;
	background:transparent url(../images/bg_contact_rounds.png) no-repeat 0 -37px;
}

#contacto .bloque
{
	width:350px;
	float:left;
	margin-bottom:60px;
}

#contacto .bloque .top
{
	width:350px;
	height:33.5px;
	background:transparent url(../images/bg_bloque_rounds.png) no-repeat 0 0;
}

#contacto .bloque .middle
{
	width:350px;
	background:transparent url(../images/bg_bloque_middle.png) repeat-y;
}

#contacto .bloque .middle .yo
{
	position:relative;
	width:290px;
	margin-left:30px;
}

#contacto .bloque .middle .yo .foto_gray
{
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:70px;
	border:5px solid #3D1A07;
	z-index:10;
}

#contacto .bloque .middle .yo .foto_color
{
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:70px;
	border:5px solid #702f0c;
}

#contacto .bloque .middle .yo span
{
	display:block;
	margin:0 0 4px 4px;
	height:20px;
	line-height:20px;
}

#contacto .bloque .middle .yo span.email
{
	background:url(../images/bg_hola_contact.png) no-repeat 0 5px;
	padding:1px 0 0 20px;
	font-size:80%;
}

#contacto .bloque .middle .yo span.phone
{
	font-size:95%;
	background:url(../images/bg_hola_contact.png) no-repeat 0 -14px;
	padding-left:20px;
}

#contacto .bloque .middle .avisos
{
	font-size:.9em;
}

#contacto .bloque .middle .avisos .errores
{
	padding:7px 0;
	width:280px;
	height:50px;
	margin:16px 0 0 34px;
	background:#3D1A07 url(../images/bg_warning.jpg) no-repeat 9px center;
	font-size:90%;
}

#contacto .bloque .middle .avisos .errores .aviso
{
	padding-left:20px;
	margin:0 0 0 72px;
	color:#b04409;
	background:url(../images/asterisk.png) no-repeat;
	font-weight:bold;
}

#contacto .bloque .middle .avisos .errores .validator
{
	padding-left:20px;
	margin:0 0 0 72px;
	color:#9d3c07;
}

#contacto .bloque .middle .exito
{
	font-size:.9em;
	padding:7px 0;
	width:280px;
	margin:5px 0 0 34px;
	background:#3D1A07 url(../images/bg_exito.jpg) no-repeat 9px center;
	font-size:90%;
	overflow:hidden;
}

#contacto .bloque .middle .exito span
{
	display:block;
	padding:0;
	margin:0 10px 0 72px;
	color:#b04409;
	font-weight:bold;
	text-align:left;
}

#contacto .bloque .bottom
{
	width:350px;
	height:33.5px;
	background:transparent url(../images/bg_bloque_rounds.png) no-repeat 0 -33.5px;
}

#footer
{
	width:750px;
	margin:0 0 0 115px;
	padding:10px 0 0;
	clear:both;
}

#footer .sillon
{
	position:relative;
	width:690px;
	height:217px;
	margin:0 auto;
	background:transparent url(../images/bg_sillon.png) no-repeat top center;
}

#footer .sillon .copyright
{
	position:absolute;
	top:80px;
	left:120px;
	width:190px;
	height:40px;
	background:#8F8860;
	border:1px dashed #D3D33E;
	text-align:center;
	padding:10px 0 5px;
	font-size:95%;
}

#footer .sillon .validation
{
	position:absolute;
	top:90px;
	right:25px;
	width:300px;
	height:40px;
	
}

#footer .sillon .validation a
{
	display:block;
	float:left;
	width:auto;
	margin-right:10px;
	padding:0 5px;
	background:#BF531F;
	border:1px dashed #D3D33E;
	color:#FFF;
	text-decoration:none;
	height:30px;
	line-height:30px;
}

#footer .sillon .validation a:hover
{
	display:block;
	float:left;
	width:auto;
	margin-right:10px;
	padding:0 5px;
	background:#431D08;
	border:1px dashed #D3D33E;
	color:#FFF;
	text-decoration:none;
	height:30px;
	line-height:30px;
}