* 
	{
	margin: 0;
	padding: 0;
	}

.clear 	{
	clear: both;
}
	
img {
	border: 0;
}

body  {
	background: #eae8e8;
	font-family: Arial, sans-serif;
 	font-size: small;
}
	
#page {
	position: relative;
	width: 800px;
	height:inherit;
	padding-left: 0px;
}



/* Inicio Cabecera */

#header {
  position: relative;	
  float: center;
  width: 800px;
  height: 35px;
  top: 0px;
}

#content_header {
  position: relative;	
  float: center;
  width:430px;
  height: 45px;
  top: 5px;
  left:3em;
}

#content_header h1 {
  position: relative;
  float: left;
  text-align:center;
  top: 4px;
  color: #000;
  font: 35px  Arial, sans-serif;
}

#content_youtube {
  position: relative;	
  float: left;
  width:120px;
  height: 45px;
  top: 0px;
  left:0.3em;
}


/* Fin Cabecera */

/* Inicio Footer */

#content_footer {
  position: relative;	
  top:1em;
  float: right;
  width:250px;
  height: 45px;
  right:11em;
  font: 12px/20px "Tahoma", Arial, Helvetica, sans-serif;
  color:#f50000;
}

#content_footer p {
  position: relative;
  float:left;
  right:9em;
  top:2.5em;
  text-decoration:none;
  vertical-align:middle;
  
}

#content_footer a {
  color:#f50000;
  text-decoration:none;
  
}

#content_footer a:hover {
  color:#f50000;
  text-decoration:underline;
}

/* Fin Footer */

/* INICIO CONTENIDOS */

#content {
	position:relative;
	top: 0.0em;
	left: 0.0em;
	width: 800px;
	height: 720px;
	float: left;
}	

#content_left {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	height:150px;
	width: 17px;
}	

#content_center {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 725px;
}

#content_right {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 17px;
	height:150px;
}	

#body_form_top {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 725px;
	height: 20px;
}

#body_form_nav {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 725px;
	height: 50px;
	background: url(../img/body_form_nav.jpg) top no-repeat;
}

#body_pass_nav {
	position:relative;
	float: left;
	top: 0em;
	left: 2.8em;
	width: 360px;
	height: 50px;
}

#body_step1_nav {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 120px;
	height: 50px;
	background: url(../img/body_step1_nav.jpg) top no-repeat;
}

#body_step1_nav_opacity {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 120px;
	height: 50px;
	background: url(../img/body_step1_nav_opacity.jpg) top no-repeat;
}

#body_step2_nav {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 120px;
	height: 50px;
	background: url(../img/body_step2_nav.jpg) top no-repeat;
}

#body_step2_nav_opacity {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 120px;
	height: 50px;
	background: url(../img/body_step2_nav_opacity.jpg) top no-repeat;
}

#body_step3_nav {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 120px;
	height: 50px;
	background: url(../img/body_step3_nav.jpg) top no-repeat;
}

#body_step3_nav_opacity {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 120px;
	height: 50px;
	background: url(../img/body_step3_nav_opacity.jpg) top no-repeat;
}

#body_logo_nav {
	position:relative;
	float: left;
	top: 0em;
	left: 2.8em;
	width: 280px;
	height: 50px;
}


#body_form_bottom {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 725px;
	height: 80px;
}

#body_form_content {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 725px;
}

#form_data {
	position:relative;
	float: center;
	top: 1em;
	left: 0em;
	width: 625px;
	padding-bottom:1em;
}

#marcoyoutube {
	position:relative;
	float: left;
	top: 1em;
	left: 0em;
	width: 310px;
}

#logoyoutube {
	position:relative;
	float: center;
	top: 0em;
	left: 1.5em;
	width: 120px;
	height:70px;
	background: url(../img/logoyoutube.jpg) top no-repeat;
}

#botonyoutube {
	position:relative;
	float: right;
	top: 0em;
	left: 0em;
	width: 270px;
	height:160px;
}

#botonyoutube a {
	position:relative;
	float: right;
	top: 0em;
	left: 0em;
	width: 270px;
	height:160px;
	background: url(../img/botonyoutube.jpg) top no-repeat;
}

#botonyoutube a:hover {
	position:relative;
	float: right;
	top: 0em;
	left: 0em;
	width: 270px;
	height:160px;
	background: url(../img/botonyoutube.jpg) bottom no-repeat;
}

#marcongrabar {
	position:relative;
	float: left;
	top: 1em;
	left: 0em;
	width: 310px;
}

#logovideo {
	position:relative;
	float: center;
	top: 0em;
	right: 1.5em;
	width: 120px;
	height:70px;
	background: url(../img/logovideo.jpg) top no-repeat;
}

#botongrabar {
	position:relative;
	float: left;
	top: 0em;
	left: 0em;
	width: 270px;
	height:160px;
}


#botongrabar a {
	position:relative;
	float: right;
	top: 0em;
	left: 0em;
	width: 270px;
	height:160px;
	background: url(../img/botongrabar.jpg) top no-repeat;
}

#botongrabar a:hover {
	position:relative;
	float: right;
	top: 0em;
	left: 0em;
	width: 270px;
	height:160px;
	background: url(../img/botongrabar.jpg) bottom no-repeat;
}



p  {
	color: #7d7d7d;
	font: 12px/15px Arial, "Trebuchet MS", Helvetica, sans-serif;
	text-align: justify;
	margin: 0px 0 10px 0;
	margin-left:5.4em;
}
	
	
h1 {
	color: #b20000;
	font: 25px  Tahoma, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	left: 5px;
	margin: 0px 0 10px 0px;
}


h2 {
	color: #f50000;
	font: bold 12px  Tahoma, Verdana, Helvetica, sans-serif;
	text-align: justify;
	text-decoration: none;
	left: 5px;
	margin: 0px 0 10px 0px;
}