@charset "UTF-8";
<style type="text/css">

.stepcarousel{
position: relative; /*leave this value alone*/
border: 5px solid navy;
overflow: scroll; /*leave this value alone*/
width: 280px;
height: 500px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
#botones {
	height: 30px;
	width: 300px;
	float: left;
	margin-left: 250px;
	display: inline;
	margin-top: 15px;
}
#menu {
	float: left;
	height: 250px;
	width: 150px;
	margin-top: 40px;
}
#left {
	width: 200px;
	height: 500px;
	float: left;
	margin-right: 40px;
}
#legal {
	float: left;
	height: 30px;
	width: 158px;
	margin-top: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}




.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}
#contenedor {
	height: 600px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	float: left;
	height: 70px;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(img/head.gif);
	background-repeat: no-repeat;
	margin-top: 30px;
}
#footer {
	float: left;
	height: 40px;
	width: 740px;
	background-color: #00FF99;
}
.titulo {
	display: none;
}
#item-menu {
	float: left;
	height: 33px;
	width: 126px;
	margin-top: 20px;
}

#main {
	height: 500px;
	width: 560px;
	float: left;
}
#texto-bio {
	float: left;
	height: 300px;
	width: 420px;
	margin-left: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: inline;
	margin-top: 100px;
}

/* Hide dotted image outline from Firefox and Netscape */ a {
outline: none; }