/*div { border: 1px solid red; }*/

html, body {
	/*height: 100%;*/
}

body {
	margin:0; /* Eliminamos espacios en el cuerpo de nuestro documento */
	padding:0;  /* Eliminamos espacios en el cuerpo de nuestro documento */
}
 
div#ContainerPagina1, div#ContainerPagina2 {
	/*width: 750px;*/
	/*height: 97%;*/
	margin: 0 auto;

	height: auto;
	overflow: hidden;
}

div#ContainerPagina1 {
	padding: 10px;
}

div#rompeLinea { clear: both; }

div#Header { overflow:hidden; clear: both;  /* Eliminamos elementos flotantes alrededor  */ }
div#SubHeader { clear: both;  /* Eliminamos elementos flotantes alrededor  */ }

div#Menu, div#ContainerMenu {
	float: left;
	width: 255px;
	min-height: 550px;
}

div#Container {
	/*width: 100%;*/
	padding: 0px;
	margin: 0px;
	height: 100%;

	height: auto;
	overflow: hidden;
}

div#Contenido-wrap {
	/*width: 100%; /* 100% de ancho */
	margin: 0 auto;
	padding: 0px;
	margin: 0px 0px 0px 260px ;
	min-height: 500px;

	height: auto;
	overflow: hidden	;
}

div#Tira, div#Tira1, div#Tira2 {
	float: left;
	/*width: 135px; /* Ancho de nuestra columna */
	min-height: 491px;
	padding-top: 9px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;

	width: 125px;

	height: 100%;
	overflow: hidden;
}

div#Columna50 {
	float: left;
	width: 46%;
	padding-right: 2%;
	margin-right: 2%;
}

/* Para el separador de columnas*/
.gutter{ background:url(../images/divider.gif) repeat-y center top;	}


div#Contenido, div#Contenido1 {
	/*float: left;*/
	border:green;
	margin-left: 0px; /* Margen izquierdo. Debe ser el mismo valor que el ancho de nuestro menu */
	min-height: 491px;
}

div#Contenido2, div#Contenido3 {
	/*float: left;*/
	margin-left: 135px; /* Margen izquierdo. Debe ser el mismo valor que el ancho de nuestro menu */
	min-height: 491px;
}

div#Contenido, div#Contenido1, div#Contenido2, div#Contenido3  {
	/*padding-top: 9px;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;

	height: auto;
	overflow: hidden;
}

div#FooterLunares 
{
	clear: both;  /* Eliminamos elementos flotantes alrededor  */
	width: 100%;
	height: 45px;
}

div#Footer 
{
	clear: both;  /* Eliminamos elementos flotantes alrededor  */
	width: 100%;  /* Ancho del footer */
	height: 30px;
}

div#Footer img { padding-top: 5px; vertical-align: bottom; }

div#FooterSombra 
{
	/*clear: both;  /* Eliminamos elementos flotantes alrededor  */
	width: 100%;
	height: 9px;
}

.spacer { clear: both; padding:0; margin:0; }
.lspacer { clear: left; padding:0; margin:0; }
.rspacer { clear: right; padding:0; margin:0; }

.fotoRecuadrada{}
.fotoRecuadradaL{float:left;}
.fotoRecuadradaR{float:right;}

.Form { display: table; width: 95%;}

.FormLabel {
	float: left;
	width: 20%;
	padding-top:7px;
}	

.FormField {
	/*float: right;*/
	width: 75%;
}

.A50    { width:50%; }
.A75    { width:75%; }
.A100   { width:100%; }
.Center { text-align:center; }
.Left   { float:left; }
.Right  { float:Right; }
.OH     { overflow:hidden; }
.mayor  { font-size: 13px; }
.menor  { font-size: 9px;  }
.bold   { font-weight: bold; }