html, body { min-height:100%; }
body {
	margin: 0;
	padding: 0;
	background: #d1d2d4;
	color: #666;
	font: 75%/1.3 Arial, Helvetica, sans-serif; 
	text-align: center;
}
hr {
	clear: both;
	border: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	color: #fff;
	background: #fff;
	float: none;
}
* html hr { display:none; }

a img { border: none;}

/* Positioning */

#container {
	padding: 0;
	background: transparent url(../_img/background-shadow.png) repeat-y;
	width: 938px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 30px;
	height: 100%;
	margin-bottom: 35px;
}

#wrapper {
	padding: 0;
	width: 884px;
	margin-left: 22px;
	background: #fff;
	margin-top: 0px;
	text-align: left;
	position: relative;
}

#header, #main {
	width:884px;
	padding: 0;
	position: relative;
	clear: both;
}

#main {
	background: #eff0f2;
	border: 1px solid #a3a7aa;
	margin: 15px 60px 10px 80px;
	width: 756px;
}

#sidebar {
	width:278px;
	float: left;
	height: 100%;
}

#bborder {
	background: transparent url(../_img/background-bottom.png) no-repeat;
	background-position: 1px 10px;
}

/* Header */

#header {
	height: 108px;
	background-color: #fff;
}

#header h1, #header h2 {
	margin: 0;
}

#header h1 a {
	background: transparent url(../_img/logo.png) no-repeat 0 0;
	width: 317px;
	height: 108px;
	display: block;
	position: absolute;
	text-indent: -1000em;
	bottom: 0px;
	left: 50px
}

#e-solar #header h1 a {
	background: transparent url(../_img/logo-solar.png) no-repeat 0 0;
}

#header h2 span {
	width: 369px;
	height: 89px;
	display: block;
	position: absolute;
	text-indent: -1000em;
	bottom: 17px;
	left: 413px
}

#header h2 span.home{
	background: transparent url(../_img/teaser.png) no-repeat 0 0;
}

#header h2 span.arquitectura {
	background: transparent url(../_img/arquitectura.png) no-repeat 0 0;
}

#header h2 span.ingenieria {
	background: transparent url(../_img/ingenieria.png) no-repeat 0 0;
}

#header h2 span.ingenieria-civil {
	background: transparent url(../_img/ingenieria-civil.png) no-repeat 0 0;
}

#header h2 span.edificacion {
	background: transparent url(../_img/edificacion.png) no-repeat 0 0;
}

#header h2 span.telecomunicaciones {
	background: transparent url(../_img/telecomunicaciones.png) no-repeat 0 0;
}

#header h2 span.energia-solar {
	background: transparent url(../_img/energia-solar.png) no-repeat 0 0;
}

/* Navigation Menu*/

#menu {
	height: 287px;
}

#menu li {
	list-style-type: none;
}

#menu li h3 a {
	width: 277px;
	height: 48px;
	display: block;
	position: absolute;
	text-indent: -1000em;
	left: 0px;
}

#menu li h3#ingenieria a {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat 0 0;
	top: -1px;
}

#menu li h3#ingenieria a:hover {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat -289px 0;
	top: 0px;
}

#menu li h3#ingenieria a.active, #menu li h3#ingenieria a.active:hover {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat -579px 0;
	top: -1px;
}

#menu li h3#edificacion a {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat 0px -48px;
	top: 48px;
}

#menu li h3#edificacion a:hover {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat -289px -47px;
	top: 47px;
}

#menu li h3#edificacion a.active, #menu li h3#edificacion a.active:hover {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat -579px -48px;
	top: 48px;
	height: 47px;
}


#menu li h3#civil a {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat 0px -96px;
	top: 96px;
}

#menu li h3#civil a:hover {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat -289px -95px;
	top: 95px;
}

#menu li h3#civil a.active, #menu li h3#civil a.active:hover {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat -579px -96px;
	top: 96px;
	height: 46px;
}

#menu li h3#arquitectura a {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat 0px -144px;
	top: 144px;
}

#menu li h3#arquitectura a:hover {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat -289px -142px;
	top: 142px;
	height: 47px;
}

#menu li h3#arquitectura a.active, #menu li h3#arquitectura a.active:hover {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat -579px -142px;
	top: 142px;
	height: 47px;
}

#menu li h3#teleco a {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat 0px -192px;
	top: 192px;
	height: 48px;
}

#menu li h3#teleco a:hover {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat -289px -189px;
	top: 189px;
	height: 49px;
}

#menu li h3#teleco a.active, #menu li h3#teleco a.active:hover {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat -579px -189px;
	top: 189px;
	height: 47px;
}

#menu li h3#solar a {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat 0px -240px;
	top: 240px;
}

#menu li h3#solar a:hover {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat -289px -236px;
	top: 236px;
}

#menu li h3#solar a.active, #menu li h3#solar a.active:hover {
	background: transparent url(../_img/kodyprho-menu.png) no-repeat -579px -236px;
	top: 236px;
	height: 50px;
}


#imagebar {
	width: 270px;
	text-align: center;
	padding-bottom: 75px;
}

/* Content section */

#content {
	width: 420px;
	margin: 0px 15px 50px 300px;
	font: 120%/175% Arial, Helvetica, sans-serif;
}

a.imgfloat {
	float: left;
	margin-right: 10px;
}

#footer {
	font-size: 115%;
	margin: 15px 60px 10px 80px;
	width: 756px;
	text-align: center;
}