body, html {
	height: 100%;
	margin:0 auto
}

body {
	background-image:url(img/degrad.jpg);
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:rgb(61,75,84);
	font-size:12px;
}

#outer { position: relative; height: 100%; width:90%; margin:0 auto; padding:0; overflow: visible; text-align:left; background-color:#FFF;}/* or without overflow */

#outer[id] { display: table; position: static;}

#middle { position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner { position: relative; top: -50%; width:100%; text-align:center} /* for explorer only */
/* optional: #inner[id] {position: static;} */

a{color:rgb(61,75,84); text-decoration:none}
a:hover{color:#000;}

p{ margin:0 0 55px 0;
}

p#buenas-ideas{ background: url("img/cons.gif") top center no-repeat; margin:0 0 33px 0; height:15px; text-indent: -9999px;
}

H1 { background: url("img/logoacento.jpg") top center no-repeat; height:133px; margin:0 0 34px 0; padding:0; text-indent: -9999px;
}

H2 { text-indent: -9999px;
height:0; margin:0 ; padding:0; overflow:hidden
}

H3 {
	font-size:10px;
	color:rgb(0,148,222);
	margin:0;
}

H3 a{
	color:rgb(0,148,222);
	text-decoration:none;
}

H3 a:hover{
	color:rgb(61,75,84);
}

H3 span{
	color:rgb(61,75,84);
}