*{
	margin:0;
	padding:0;
}
body{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	background:#000000;
}
h1 a{
	background:url(i/titulobg.png) left top no-repeat;
	display:block;
	width:228px;
	height:35px;
	overflow:hidden;
	text-indent:-400px;
	margin-left:66px;
}
#general{
	width:960px;
	height:600px;
	margin:0 auto;
}
#bg1{
	background:url(i/bg1.jpg) top center no-repeat;
	height:182px;
}
#bg2{
	background:url(i/bg2.jpg) top center no-repeat;
	height:209px;
}
#bg3{
	background:url(i/bg3.jpg) top center no-repeat;
	height:209px;
}
#menu{
	background:url(i/menubg.png) top center no-repeat;
	width:306px;
	height:56px;
	padding-top:0px;
}
#menu li{
	float:left;
}
#menu ul{
	padding-left:30px;
}
#indexbtn, #ilustrabtn, #biobtn, #contactobtn{
	display:block;
	height:10px;
	overflow:hidden;
	text-indent:-400px;
}
#indexbtn{
	background: url(i/iniciobg.png) left top no-repeat;
	width:43px;
}
#indexbtn:hover {
	background-position:left -10px;
}
#ilustrabtn{
	background: url(i/ilustracionesbg.png) left top no-repeat;
	width:87px;
}
#ilustrabtn:hover {
	background-position:left -10px;
}
#biobtn{
	background: url(i/biografiabg.png) left top no-repeat;
	width:63px;
}
#biobtn:hover {
	background-position:left -10px;
}
#contactobtn{
	background: url(i/contactobg.png) left top no-repeat;
	width:57px;
}
#contactobtn:hover {
	background-position:left -10px;
}
#bg2 #biografia{
	background: url(i/peerrobg.png) left top no-repeat;
	display:block;
	height:138px;
	width:193px;
	overflow:hidden;
	text-indent:-400px;
	margin-left:376px;
}
#bg2 #biografia:hover {
	background-position:left -138px;
}
#cont{
	padding-top:89px;
}
#bg3 #cont #ilustraciones{
	background: url(i/peluchebg.png) left top no-repeat;
	display:block;
	height:109px;
	width:154px;
	overflow:hidden;
	text-indent:-400px;
	margin-left:193px;
	_margin-left:100px;
	margin-top:11px;
	float:left;
}
#bg3 #cont #ilustraciones:hover {
	background-position:left -109px;
}
#bg3 #cont #contacto{
	background: url(i/platobg.png) left top no-repeat;
	display:block;
	height:119px;
	width:175px;
	overflow:hidden;
	text-indent:-400px;
	margin-left:167px;
	float:left;
}
#bg3 #cont #contacto:hover {
	background-position:left -119px;
}
/*  hacks  ------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */