/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
body{background:url(../img/bg/bg-olas-cabecera.jpg) no-repeat center top}
.head, .navBar, .body, .foot {width:976px; margin:0 auto;}
.body {overflow:hidden; _overflow:visible; _zoom:1;}


/* styles used to position the footer at the bottom of the page */
html, body {height:100%}

.page {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	_text-align:left; /* wraps other template elems to set width */ /* text-align IE5.5 */
	}
									   
html>body .page {height: auto}

* html .page {height:100%}


.head {
	height:320px;
}

.navBar {
	height:35px;
	padding-top:5px;
	position:relative;
	z-index:1000;
}

.body {
	padding:30px 0 155px; /* padding-bottom = footWrapper.height + 20px separation */
}

.decorativeBottom {
	background:url(../img/bg/bg-decorative-bottom.png) no-repeat right bottom;
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}


.footWrapper {
	background:url(../img/bg/bg-footWrapper.jpg) no-repeat center bottom;
	height:135px;
	position:absolute;
	bottom:0;
	width:100%;
}

/* ====== Columns ====== */
.main{overflow: hidden; padding-bottom:120px;_overflow:visible;_zoom:1;} /* padding-bottom used to preserving space for the decorative image in inner pages */
.leftCol{float:left; width:227px; margin-right:10px; _margin-right:7px;}
.rightCol{float:right; width: 300px;_margin-left:-3px;}


/* ====== specific styles for different sections of the site ====== */
.bodyHome .decorativeBottom {
	background:none;
}

.bodyHome .main {
	padding-bottom:0;
}