@charset "utf-8";
/* CSS Estudio WAB/index.html */



/* ----------------------> RESET */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}



/* ----------------------> CSS GENERAL */

.wrapper{
margin:0 auto;
width:900px;
overflow:hidden;
} 

#abajo{
	bottom:0;
	position:fixed;
	width:900px;
	height:515px;
	background:transparent url(../img/fons.jpg) no-repeat scroll center bottom;
}

img.hola{
	left:260px;
	position:absolute;
	top:20px;
}
img.wab{
	position:absolute;
	left:380px;
}
img.nuestraweb{
	position:absolute;
	left:210px;
	top:90px;
}
img.porcierto{
	left:490px;
	position:absolute;
	top:145px;
}


a.info{
	z-index:999;
	bottom:170px;
	left:25px;
	position:absolute;
	background:url(../img/info.png);
	display:block;
	width:181px;
	height:110px;
	text-indent:-9999px;
}
a.info:hover{
	background:url(../img/info.png) 0px -110px;
}

a.blog{
	bottom:190px;
	left:390px;
	display:block;
	width:120px;
	height:97px;
	position:absolute;
	background:url(../img/blog.png);
	text-indent:-9999px;
}
a.blog:hover{
	background:url(../img/blog.png) 0px -97px;
}

a.twitter{
	position:absolute;
	background:url(../img/twitter.png);
	display:block;
	width:91px;
	height:39px;
	text-indent:-9999px;
	bottom:200px;
	left:465px;
}
a.twitter:hover{
	background:url(../img/twitter.png) 0px -39px;
}

	
p.trabajos{
	background:url(../img/trabajos.png);
	display:block;
	height:90px;
	width:160px;
	text-indent:-9999px;
	position:absolute;
	bottom:210px;
	position:absolute;
	right:70px;
}
a.fab{
	margin:-18px 0 0 170px;
	float:left;
	background:url(../img/fab.png);
	width:105px;
	height:22px;
	text-indent:-9999px;
	bottom:205px;
	position:absolute;
	right:80px;
}
	a.fab:hover{
		background:url(../img/fab.png) 0 -22px;
	}
a.dr{
	margin:0 0 0 170px;
	float:left;
	background:url(../img/despierta.png);
	width:160px;
	height:23px;
	text-indent:-9999px;
	bottom:177px;
	position:absolute;
	right:25px;
	z-index:999;
}
	a.dr:hover{
	background:url(../img/despierta.png)0 -23px;
}

a.tag{
	margin:0 0 0 170px;
	float:left;
	background:url(../img/tag.png) no-repeat;
	width:160px;
	height:22px;
	text-indent:-9999px;
	bottom:150px;
	position:absolute;
	right:25px;
	z-index:999;
}
	a.tag:hover{
	background:url(../img/tag.png) no-repeat 0 -22px;
}
a.quemedivorcio{
	margin:0 0 0 170px;
	float:left;
	background:url(../img/quemedivorcio.png) no-repeat;
	width:160px;
	height:24px;
	text-indent:-9999px;
	bottom:122px;
	position:absolute;
	right:25px;
	z-index:999;
}
	a.quemedivorcio:hover{
	background:url(../img/quemedivorcio.png) no-repeat 0 -24px;
}

		
		#javi{
		position:absolute;
		bottom:0px;
		background:url(../img/javi.png) no-repeat;
		width:262px;
		height:200px;
		left:83px;
		}
		#laura{
		position:absolute;
		bottom:0px;
		background:url(../img/laura.png) 0px -200px no-repeat;
		width:205px;
		height:200px;
		left:345px;
		}
		#lluis{
		position:absolute;
		bottom:0px;
		background:url(../img/lluis.png) 0px -600px no-repeat;
		width:262px;
		height:200px;
		right:88px;
		}