.pie {
	font-family: Arial;
	font-size: 70%;
	color: #000000;
}

.pie a:link {
	font-family: Arial;
	color: #000000;
	text-decoration: underline;
}
.pie a:visited {
	font-family: Arial;
	color: #000000;
	text-decoration: underline;
}
.pie a:hover {
	font-family: Arial;
	color: #000000;
	text-decoration: underline;
}
.pie a:active {
	font-family: Arial;
	color: #000000;
	text-decoration: underline;
}
.pie a {
	font-family: Arial;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

    body {
    	font: 100% Arial, Verdana, Helvetica, sans-serif;
    	background: #FFFFFF;
    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    	padding: 0;
    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
    	color: #000000;
    }
    .oneColFixCtrHdr #container {
    	width: 780px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
    	background: #f95c4f;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	border: 1px solid #000000;
    	text-align: left; /* esto anula text-align: center en el elemento body. */
    }
    .oneColFixCtrHdr #header {
    	background: #f95c4f; 
    	padding: 0 10px 0 20px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
    }
    .oneColFixCtrHdr #mainContent {
    	padding: 0 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	background: #f95c4f;
    }
    .pie #footer {
    	padding: 0 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
    	background:#DDDDDD;
    }
    .pie #footer p {
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
	
	
#menu {
margin: 0 0 0 0;
float: left;
height: 40px;
}
	
#menu li {
	text-align:center;
	text-decoration: none;
	float:left;
	list-style:none;
	height: 40px;
	width: 148px;
	font: 14px Arial;
}	

#menu li a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	display:block;
	height: 28px;
	width: 148px;
	padding: 10px 0 0 0;
}

#menu li a:hover {
	color: #FFFFFF;
	background: #dfe512;
}

.formulario {
	font: 16px Arial, Helvetica, sans-serif;
}

.textoMensaje {
	font-size: 250%
}
.textoMensaje strong {
	font-size: 300%;
	font-weight: bold;
	color: #FFFFFF;
}

#mensaje {
	padding: 0 0 0 150px;
}

#imagen {
	padding: 20px 0 20px 180px;
	text-align:left;
	background:#FFFFFF;
	font: Arial;
	font-size: 150%;
	font-weight: bold;
}
#explicacion {
	/*background: url(imagenesStar/fondoStartUpPack.jpg) center no-repeat;
	height: 635px;*/
}

.textoExplicacion {
	padding: 0 0 0 150px;
	font-size: 150%
}
.textoExplicacion strong {
	font-size: 200%;
	font-weight: bold;
	color: #FFFFFF;
}

.textoGracias {
	padding: 0 0 0 150px;
	font-size: 150%;
	color: #00a8d0;
}
.textoGracias strong {
	font-size: 200%;
	font-weight: bold;
	color: #dfe512;
}

.textoGarantia {
	font-size: 150%;
	font-weight: bold;
}
.textoGarantia strong {
	font-size: 150%;
	font-weight: bold;
	color: #FFFFFF;
}

#formulario {
	text-align: right;
}


input { 
	font-family: Arial;
	font-size: 100%; 
	color: #000000; 
	background-color: #dfe512; 
	border: #000099; border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.Enviar {
	font-family: Arial;
	font-size: 100%;
	font-weight: bold;
	color: #000000; 
	background-color: #FFFFFF; 
	border: #000099; border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	cursor: auto;

}
	
textarea {
	font-family: Arial;
	font-size: 100%; 
	color: #000000; 
	background-color: #dfe512; 
	border: #000099; border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}
#formularioClase {
	float:left;
	width: 340px;
	padding: 0 20px 0 0;
}
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

.textoOtros {
	font-family: Arial;
	font-size: 100%; 
}