/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;	background:transparent;}
body {line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
/* ESTRUCTURA */
body{
	background:#97bf0d url(../images/body.png) repeat-y center;
	height:100%;
}
#wrapper{
	width:951px;
	margin:0 -476px;
	position:absolute;
	left:50%;
	min-height:100%;
}
/* HEADER */
#header{
	width:951px;
	height:133px;
	background:url(../images/header.png) no-repeat;
	position:absolute;
	z-index:1;
}
h1 a{
	width:231px;
	height:68px;
	background:url(../images/costa_consultores.png) no-repeat;
	margin:22px 0 0 42px;
	text-indent:-9999px;
	float:left;
	display:block;
}
#nav{
	float:right;
	overflow:hidden;
}
/*
@font-face {
	font-family: 'Aachenbt';
	src: url('../fonts/aachenbt-webfont.eot');
	src: url('../fonts/aachenbt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aachenbt-webfont.woff') format('woff'), url('../fonts/aachenbt-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
    font-family:'HelveticaNeue';
    src: url('../fonts/hlc.ttf');
}
#nav ul{
	margin:0 25px;
}
#nav ul li{
	float:left;
	text-align:center;
}
#nav ul li a{
	font:small-caps 1.3em HelveticaNeue;
	line-height:.9em;
	color:#4c4c4c;
	text-decoration:none;
	width:123px;
	height:83px;
	padding:46px 0 0 0;
	display:block;
}
#nav ul li a:hover{color:#97bf0d;}
#nav ul li a.navSN{height:91px;padding:38px 0 0 0;}
#nav ul li a.navSN:hover, #nav ul li.selectSN a{background:url(../images/navSN.png) no-repeat left 10px;}
#nav ul li a.navCOB:hover, #nav ul li.selectCOB a{background:url(../images/navCOB.png) no-repeat left 10px;}
#nav ul li a.navTR:hover, #nav ul li.selectTR a{background:url(../images/navTR.png) no-repeat left 10px;}
#nav ul li a.navAS:hover, #nav ul li.selectAS a{background:url(../images/navAS.png) no-repeat left 10px;}
#nav ul li a.navCON:hover, #nav ul li.selectCON a{background:url(../images/navCON.png) no-repeat left 10px;}

/* CONTENIDO */
#content{
	width:951px;
	overflow:hidden;
	margin-bottom:158px;
	padding:112px 0 22px 0;
}

/* FOOTER */
#footer{
	width:939px;
	height:130px;
	padding:16px 0 30px 12px;
	background:#5f5f5f url(../images/isotipo.png) no-repeat 735px bottom;
	font:.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#8b8b8b;
	position:absolute;
	bottom:0;
	left:0;
}
#bgfooter{
	background:url(../images/pliego.jpg) no-repeat;
	width:67px;
	height:68px;
	position:absolute;
	right:0;
	top:-68px;
	z-index:-1;
}
#sitemap ul{
	float:left;
	margin:0 50px 0 0;
	text-transform:uppercase;
}
#sitemap ul li a{
	color:#8b8b8b;
	text-decoration:none;
}
#sitemap ul li a:hover{
	text-decoration:underline;
	color:#b4b4b4;
}
#socialmedia{
	float:right;
	width:200px;		
}
#socialmedia #fb, #socialmedia #tw{
	float:right;
	width:120px;
	height:25px;
	padding:7px 0 0 45px;
	margin:0 0 8px;
}
#socialmedia #fb{
	background:#527ab3 url(../images/fb.png) no-repeat top left;
}
#socialmedia #tw{
	background:#77d5ec url(../images/tw.png) no-repeat top left;
}
#socialmedia #fb a, #socialmedia #tw a{
	text-decoration:none;
	color:#ffffff;
}