* { margin: 0; padding: 0; border: 0; outline: 0; list-style-type: none; font-size: 1em;}

#cabecera {background: #df0000 url(fondo_cabecera_mini.png) center bottom ; color: #fff;}
#web {background: url(globo-1.png) 50% 90% no-repeat;}
#android {background: url(android.png) 50% 90% no-repeat;}
#blender {background: url(blender.png) 50% 90% no-repeat;}
#contacto {background: url(contacto.png) 50% 90% no-repeat;}
#portfolios {background: url(portfolios.png) 50% 90% no-repeat;}
#pie ul {background: #df0000 url(fondo_pie.png); color: #fff;}
#menu-index dt a span {background:  #df0000 url(fondo.png) 0% 100% repeat; color: #fff;}
#menu-index dd p {background: url(boton.png) 0.4em 50% no-repeat;}
#menu-index dd ul li {background: url(mini_boton.png) 0% 50% no-repeat;}
#contenedor {background: #fff url(papel.png); color: #000;}

/******* cabecera *********/
#ini {
	display: block;
	z-index: 2;
	margin: 0 auto;
	position: relative;
}

#cabecera {
	width: 100%;
	min-width: 30em;
	max-height: 220px;
	padding-bottom: 1em;
}

#cabecera img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
}

#h1-cabecera {
	font-size: 1em;
	line-height: 1em;
	text-align: center;
	position: absolute;
	left: 35%;
	background: #df0000;
	color: #fff;
}

#contenedor {
	padding-top: 1em;
	min-width: 30em;
	height: auto;
}

/******* pie ***********/

address { display: none; }

/********* menu del index *************/
#menu-index {
	border: 2px solid #df0000;
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
}

#menu-index dt, #menu-index dd {
	width: 46%;
	height: 12em;
	border: 1px solid #df0000;
	float: left;
	clear:left;
}

#menu-index dt.par {float: right;margin: 1% 3% 1% 0;}

#menu-index dt {margin: 1% 1% 1% 3%;}

#menu-index dt a {
	display: block;
	text-align: center;
	height: 100%;
	text-decoration: none;
}

#menu-index span {
	display: block;
	line-height: 1.1em;
	font-size: 1.1em;
	padding: 5px 0px;
}

#menu-index dd {
	float: right;
	clear: none;
	margin: 1% 3% 1% 0;
}

#menu-index dd.par {margin: 1% 1% 1% 3%;float: left;}

#menu-index dt.primer, #menu-index dd.primer {margin-top: 2%;}

#menu-index dt.fin, #menu-index dd.fin {margin-bottom: 2%;}

#menu-index dd p {
	border-bottom: 1px solid #d40000;
	line-height: 1.1em;
	font-size: 1.1em;
	padding: 5px 0px;
	text-indent: 1.8em;
}

#menu-index dd ul {width: 90%;margin: 1em auto;}

#menu-index dd ul li {text-indent: 1.8em;}

/******* pie ***********/
#aviso {
	font-size: 0.8em;
	width: 94%;
	margin: 0.6em auto;
}

#pie {min-width: 30em;}

#pie ul {overflow: hidden;padding: 1.2em 0;}

#pie ul li {float: left;padding: 0.4em;}

#pie ul li a {color: #fff;text-decoration: none;}

/* Fin */