/* Layout
 * ------
 * Using a negative margin technique, adapted from ZEN. The page is loaded by this order:
 *
 * 1. Header
 * 2. Content
 * 3. Navigation menus
 * 4. Sidebar Left
 * 5. Sideabr Right */
/* remove 'auto' and the width to switch to a fluid width */
/* line 16, ../sass/layout.sass */


/* Colores para ver el layout */
/*body{background:url(../images/bk.body.gif) 0 0 repeat!important;}*/
/*div#page{background:url(../images/grid/960_grid_12_col.png) 0 0 repeat-y!important;}*/
/*div.block{background:#55b0ed;}*/


body{font-size:125%;}

div#page{width:96em;margin:0 auto 2em auto;font-size:.5em;}

div#main{padding:0;border-bottom:.8em solid #aaa;background:#fff;
	-webkit-box-shadow: 1px 1px 2px 0px #999;
	-moz-box-shadow: 1px 1px 2px 0px #999;
	box-shadow: 1px 1px 2px 0px #999;
	behavior:url(http://www.amma.es/PIE.htc);position:relative;}

/* Layout rules. (Disclaimer: do not change if you're not sure you know what you're doing.) */
/* line 21, ../sass/layout.sass */
#content {width: 100%;margin-right: -100%;padding:0;float: left;}

/* line 27, ../sass/layout.sass */
div.sidebar {padding:0;float: left;}

body.node-type-portadilla div.sidebar{padding:0;}

/* line 30, ../sass/layout.sass */
#sidebar-second {float: right;}

/* Fondos grises para columna lateral */
body.sidebar-left div#main{background:url(../images/bk.sidebar.png) 0 11.2em no-repeat #fff;}
body.sidebar-right div#main{background:url(../images/bk.sidebar.png) 64em 11.2em no-repeat #fff;}


/* Margenes en contenido de paginas para evitar líneas muy largas de texto */
div#content-inner{ padding:1em 5em 6em;}



/* Margenes en portadillas */
body.node-type-portadilla div#content-inner{ padding:1em 1em 5em 1em;}






/* line 33, ../sass/layout.sass */
#footer {float: none;clear: both;}

/* Layout Helpers */
/* line 38, ../sass/layout.sass */
#header,
#footer,
.mission,
.breadcrumb,
.node {clear: both;}

/* Sidebars width
 * --------------
 * Changing the width of the sidebars is dead easy, just change the
 * values below corresponding to the sidebar you want to modify.
 * Make sure you keep negative values as negative values.
 * For example, if I want to increase the width of the left sidebar
 * to 300px, I would have to change each '190' to '300'. */
/* line 56, ../sass/layout.sass */
.two-sidebars .center,
.sidebar-left .center {margin-left: 32em;}


/* line 60, ../sass/layout.sass */
#sidebar-first{width:32em;margin-right: -32em;}

/* line 66, ../sass/layout.sass */
.two-sidebars .center,
.sidebar-right .center {margin-right:32em;}

/* line 70, ../sass/layout.sass */
#sidebar-second {width:32em;}

.no-sidebars .center{ width:54em; margin:0 auto;}
.no-sidebars div#content-inner { padding:1em 0 6em;}

/* Margenes en el contenido de la home */
body.front div.center{ width:96em;}
body.front div#content { margin-top:7em;}
body.front div#content-inner { padding:0;}


/* Columns Inner
 * -------------
 * You can change the padding inside the columns without changing the
 * width of them by just usinbg the INNER div of each column */
/* line 77, ../sass/layout.sass */
.inner {padding: 0;}

/* Navigation styles
 * -----------------
 * The navigation is loaded after the content, so we need to make space
 * for it, equal to its height, so if you change the height of the navigation,
 * remember to adapt the margin top of the content and sidebars. */
/* line 85, ../sass/layout.sass */
#navigation {width: 96em;height: 6.5em;margin-left:0;margin-right: -100%;padding: 0;float: left; background:#fff;}

/* line 95, ../sass/layout.sass */
.with-navigation #content{margin-top: 6.5em;}
.with-navigation .sidebar{margin-top: 10.2em;}