#divDeseo {display:none;}

body {width:600px;font-family:Courier New, Courier, mono;}

.linea1 {font-size:15pt; width:446px; overflow: hidden;}
.linea2 {font-size:11pt; width:446px; overflow: hidden;}
.linea3 {font-size:9pt; width:446px; overflow: hidden;}
.linea4 {font-size:8pt; width:446px; overflow: hidden;}

.italica  {font-style:italic;}
.negrita {font-style:bold;}
.oculto {visibility:hidden;}
.espacioTop {padding: 18px 0px 0px 0px;}	/*top  right  botton  left*/
.espacioBotton {padding: 0px 0px 18px 0px;}	/*top  right  botton  left*/
.derecha {text-align:right;}

a									{ text-decoration: none;}
a:link								{ color: #000000;}
a:link, a:visited					{ text-decoration: none;}
a:visited							{ color: #000000;}
a:hover, a:active					{ text-decoration: none; color: #000; background-color: #ccc;}
a:active, a:focus					{ outline-width: 0;}
a:focus								{ text-decoration: none; }
/* get rid of those system borders being generated for A tags */
a:active 							{outline:none;}
:focus 								{-moz-outline-style:none;}

div.separador {
	width: 600px;
	height: 4px;
	border-top:4px inset #000;
}

div.separadorDeseos{
	width: 600px;
	height: 1px;
	border-top:1px inset #ccc;
}

div.textos {
	width: 600px;
	padding: 0px 0px 0px 0px;	
	margin:0px 0px;	
	-background-color:red;
}

div.textos div.tope {
	float:left;
	text-align:left;
	width: 446px;
	padding:0px 0px 0px 0px;
	-background-color:green;	
}

div.deseo {
	float:left;
	margin:0px 0px 0px 0px;	/*distancia entre deseo y deseo*/
	text-align:left;
	width: 446px;
	.background-color:cyan;
}


/********************************************formulario*******************************/
.cssform p{
	clear: left;
	margin: 0;
	padding: 3px 0 3px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
	-background-color:#121212;
}
.labelA{
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	-background-color:#212121;
}
.labelB{
	font-style: bold;
	float: left;
	margin-left: -135px; /*width of left column*/
	width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	-background-color:#212121;
}

.cssform input[type="text"]{ 
	width: 288px;	
	border:1px solid #aaa;
}

.cssform textarea{
	text-transform: uppercase;
	background-color:#ccc;
	border:1px solid #ccc;
	margin-left: -135px; /*width of left column*/
	}	
	
div.fondo {
	float:left;
	width: 446px;
	background-color:#ccc;
	margin-top:12px;
	padding; 20px;
}
/*
OVERFLOW
visible  	Default. The content is not clipped. It renders outside the element
hidden 	The content is clipped, but the browser does not display a scroll-bar to see the rest of the content 
scroll 	The content is clipped, but the browser displays a scroll-bar to see the rest of the content
auto 	If the content is clipped, the browser should display a scroll-bar to see the rest of the content

POSITION
absolute  	Generates an absolutely positioned element, positioned relative to its containing block. The element's position is specified with the "left", "top", "right", and "bottom" properties
fixed 	Generates an absolutely positioned element, positioned relative to the browser window. The element's position is specified with the "left", "top", "right", and "bottom" properties
relative 	Generates a relatively positioned element, positioned relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position
static 	No position, the element occurs in the normal flow (ignores any top, bottom, left, right, or z-indez declarations)
inherit 	Specifies that the value of the position property should be inherited from the parent element
*/