/* Structure */
/*
-Holy Grail 3 column liquid-layout: No Quirks Mode, No IE Conditional Comments
-No CSS hacks. SEO friendly 2-1-3 column order. Cross-browser. Equal height columns.
http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm
*/


#outer-wrapper {
	width:100%;
	text-align:center;
	font:100% helvetica, arial, sans-serif; /* Equivalences: 1em = 16px = 12pt */
/*	font:16px helvetica, arial, sans-serif; */
	color:#666;
}
	#page-wrapper {
		position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
		clear:both;
		overflow:hidden; /* This chops off any overhanging divs */
		margin:0 auto 0 auto;
		width:100%; /* width of whole page */
		min-width:60em; /* 960px - Minimum width of layout */
		max-width:75em; /* 1200px - Maximum width of layout */
		background:#fff;
		text-align:left;
	}
		#header-wrapper {
			clear:both;
			float:left;
			width:100%;
		}
		#columns-wrapper-mask {
			position:relative;
			clear:both;
			overflow:hidden;
			float:left;
			width:100%;
			background:#c9d7f1; /* Secondary sidebar (left side) background colour */
		}
			#columns-wrapper-mask-2 {
				position:relative;
				float:left;
				left:4em; /* Columna izq (incluyendo sus márgenes internos -> en este caso 0) */
				width:200%;
				background:#fff; /* Content zone background colour */
			}
				#columns-wrapper {
					position:relative;
					float:left;
					left:50%;
					margin-left:-26em; /* Columna izq (incluyendo márgenes internos -> en este caso 0) + der (incluyendo sus 2 márgenes internos) */
					width:100%;
					background:#fff; /* Main sidebar (right side) background colour */
				}
					#content-wrapper-mask {
						position:relative;
						float:right;
						right:100%;
						width:50%;
						border-right:1px dashed #ccc;
					}
						#content-wrapper-mask-2 {
							overflow:hidden;
							margin:1em 1em 1em 27em; /* margen derecho, inferior y superior del contenido - margen izq = C.izq (incluyendo marg. internos -> en este caso no tiene) + marg. izq del contenido + c.der (incluyendo sus márgenes internos) */
						}
							#content-wrapper {
								overflow:hidden;
								width:100%;
							}
					#sidebar-wrapper {
						position:relative;
						overflow:hidden;
						float:left;
						padding:1em; /* márgenes de la columna der */
						width:20em; /* Columna der */
/*						border-left:1px dashed #ccc;*/
					}
					#secondary-sidebar-wrapper {
						position:relative;
						overflow:hidden;
						float:left;
						left:22em; /* Columna der (incluyendo sus márgenes internos) + margen interno izq de columna izq (en este caso es 0) */
						margin-left:-50%;
						width:4em; /* Columna izq */
					}
		#footer-wrapper {
			clear:both;
			float:left;
			width:100%;
		}