@charset "utf-8";

#left_content {
	position:relative;
	float:left;
	width:300px;
}

#left_content p {
	font:normal 12px/20px Tahoma, Verdana, Helvetica, sans-serif;
}

#left_content a {
	font-weight:bold;
	text-decoration:none;
}

#right_content {
	position:relative;
	float:right;
	width:620px;
	margin-bottom:30px;
}

#video {
	position:relative;
	width:620px;
	height:270px;
	background:url(../img/video_bg.jpg) no-repeat top left;
}

#playButton{
	display:block;
	position:absolute;
	left:20px;
	top:215px;
	width:200px;
	height:30px;
	padding-left:54px;
	padding-top:18px;
	background:transparent url(../img/flash_buttong.gif) no-repeat scroll left top;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#stepsList li{
	list-style:none;
	float:left;
	/*width:190px;*/
	padding:0px 20px 0px 40px;	
	font:normal 12px/20px Tahoma, Verdana, Helvetica, sans-serif;
}

* html #stepsList li {
	width:250px;
	w\idth:190px;
}


/*Ciclo de vida
--------------------*/

ol#stepsList {
	position:relative;
	width:980px;
	height:450px;
	background:url(../img/ciclodevida_bg.jpg) no-repeat top left;
}
 
ol#stepsList li{
	list-style:none;
	font:bold 11px/14px Tahoma, Verdana, Helvetica, sans-serif;
	color:#333333;
	/*text-align:justify;*/
}
ol#stepsList li p b{
	font-size:12px;
	color:#000000;
}
ol#stepsList li p {
	font-weight:normal;
	padding-bottom:5px;
	margin-bottom:5px;
}

#stepsList li#step1 {
	position:absolute;
	top:100px;
	left:65px;
	width:100px;
}

#stepsList li#step2 {
	position:absolute;
	top:15px;
	left:315px;
	width:125px;
}

#stepsList li#step3 {
	position:absolute;
	top:100px;
	left:560px;
	width:125px;
}

#stepsList li#step4 {
	position:absolute;
	top:257px;
	left:186px;
	width:140px;
}

#stepsList li#step5 {
	position:absolute;
	top:257px;
	left:370px;
	width:195px;
}
p.note{
	font-size:11px;
}