/* Boxes
-------------------------------------------------------------- */
/* Use these classes to set the width of a column. */
.box-100%{ width: 100%; }
.box-10  { width: 10px; }
.box-20  { width: 20px; }
.box-25  { width: 25px; }
.box-30  { width: 30px; }
.box-40  { width: 40px; }
.box-50  { width: 50px; }
.box-60  { width: 60px; }
.box-70  { width: 70px; }
.box-80  { width: 80px; }
.box-90  { width: 90px; }
.box-100 { width: 100px; }
.box-110 { width: 110px; }
.box-120 { width: 120px; }
.box-130 { width: 130px; }
.box-140 { width: 140px; }
.box-145 { width: 145px; }
.box-150 { width: 150px; }
.box-156 { width: 156px; }
.box-170 { width: 170px; }
.box-180 { width: 180px; }
.box-190 { width: 190px; }
.box-200 { width: 200px; }
.box-230 { width: 230px; }
.box-250 { width: 250px; }
.box-270 { width: 270px; }
.box-282 { width: 282px; }
.box-300 { width: 300px; }
.box-310 { width: 310px; }
.box-320 { width: 320px; }
.box-350 { width: 350px; }
.box-390 { width: 390px; }
.box-430 { width: 430px; }
.box-450 { width: 450px; }
.box-470 { width: 470px; }
.box-510 { width: 510px; }
.box-550 { width: 550px; }
.box-590 { width: 590px; }
.box-620 { width: 620px; }
.box-630 { width: 630px; }
.box-650 { width: 650px; }
.box-670 { width: 670px; }
.box-680 { width: 680px; }
.box-710 { width: 710px; }
.box-730 { width: 730px; }
.box-750 { width: 750px; }
.box-780 { width: 780px; }
.box-790 { width: 790px; }
.box-792 { width: 792px; }
.box-830 { width: 830px; }
.box-870 { width: 870px; }
.box-910 { width: 910px; }
.box-950 { width: 950px; }


/* Filas
-------------------------------------------------------------- */
.fila-42 {
	clear: left;
	float: left;
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
}
.fila-4 {
	clear: left;
	float: left;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
}







/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 
	margin-top:1.5em; 
}
.append-bottom { 
	margin-bottom:1.5em; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
	width: 100%;
}
.clearfix {
	display: block;
	clear: both;
}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear {
	clear:both;
	float: left;
}
#FlashMessage {
	background-color: #e4f8be;
	padding: 8px;
	margin: 1px;
	font-size: 13px;
	border: 2px solid #98d326;
	line-height: 16px;
	color: #333333;
	background-image: url(../img/CSS_sprite.png);
	background-repeat: no-repeat;
	background-position: -795px -571px;
	display: block;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 25px;
}