html{
background:#000000;
}

body{
background-color:#000000;
margin:20px 0px 0px 0px ;
padding:0px;}

#entrada{
margin:0px auto;
width:620px;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
top:50%;
left:50%;
margin-top:-140px;
margin-left:-310px;}
#entrada p{
color:#FFFFFF;
text-align:justify;}
#entrada img{
margin-left:190px;}


h1{
color:#FFFFFF;
font-weight:lighter;
widows:620px;
margin:0 auto;
text-align:center;
font-size:40px;	}

#contenedor
{
border:1px solid #2a2a2a;
margin:0 auto;
width:970px;
	color:#cccccc;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}


		/*****************
		HACK para que el contenedor se despliegue con los divs que contiene. Extraido de:
		http://www.csslab.cl/2006/07/20/flotando-en-la-incertidumbre/
		
		***************/
		#contenedor:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		#contenedor {display: inline-table;}
		/* Hides from IE-mac \*/
		* html #contenedor {height: 1%;}
		#contenedor {display: block;}
		/* End hide from IE-mac */
		
		
		/*****************
		fin de HACK 
		
		***************/


#izquierda
{
	float: left;
	width: 480px;
}
	#izquierda img
	{
	border:0px;
		}
		#texto{
		font-size:12px;
		margin:10px 20px;
		text-align:justify;}
		#form1 p.escribela{
		text-align:center;}
		#form1 p .envio{
		margin-left:150px;
		background:transparent url(images/bg-enviar.gif) no-repeat center center;
		border:0px;
		width:83px;
		height:29px;
		color:#FFFFFF;
		text-transform:uppercase;
		font-weight:bold;}
		a.entrada{
		display:block;
		margin-left:150px;
		background:transparent url(images/bg-enviar.gif) no-repeat center center;
		border:0px;
		width:73px;
		height:22px;
		padding-left:10px;
		padding-top:7px;
		color:#FFFFFF;
		text-transform:uppercase;
		font-weight:bold;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;}
		
		a.entrada-index{
		display:block;
		text-align:center;
		background:transparent url(images/bg-enviar-index.gif) no-repeat center center;
		border:0px;
		height:22px;
		padding-top:7px;
		color:#FFFFFF;
		text-transform:uppercase;
		font-weight:bold;
		text-decoration:none;
		margin-top:40px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;}
	#izquierda label
	{
	float:left;
	width:150px;
	text-align:right;
		}
		
	#formulario{
	background-color:#2a2a2a;
	padding-bottom:10px;
	margin:0px;}	
	#formulario #form1{
	margin:0px;}	
	#formulario #form1 p{
	margin:5px;}
	h3{
	font-size:25px;
	text-align:center;
	background:transparent url(images/bg-h3.gif) no-repeat left top;
	padding-top:10px;
	font-weight:lighter;
	padding-bottom:0px;
	margin:0px;}
	h3.abajo{
	font-size:22px;
	text-align:center;
	background:none;
	padding-top:0px;
	font-weight:lighter;
	padding-bottom:0px;
	margin:0px;}
#derecha
{
	float: right;
	position:relative;
	width: 466px;
}

.texto-bajo-video{
font-size:12px;
margin:0px 20px;
padding-bottom:20px;
text-align:justify;}

#derecha a.border0{
border:0px;
}
#derecha a.border0 img{
border:0px;
}