@media screen{
	* html{overflow-y:hidden}
	* html body{height:100%; overflow:auto}
}
:root{overflow-y:scroll}

body{margin:0; padding:0; background-color:#000; font:normal 0.79em "Century Gothic",Helvetica,Arial,Verdana,Sans-Serif; line-height:1.4em; color:#333}
a {color:#000; text-decoration:none}
a:hover {color:#000; text-decoration:underline}
.r {text-align:right}

#wrap {width:970px; margin:0 auto}

#lCol{position:relative; padding:25px 25px 0 25px; float:left; width:110px}
	#logo {width:110px; height:140px; background:url(../_img/logo.gif) no-repeat 0 top; text-indent:-5000px}

	#menu {width:110px; height:30px; margin:0 auto; padding:0; overflow:visible; position:absolute}
		#menu ul {margin:0; padding:0; list-style:none}
		#menu li {margin:0; padding:0}
		#menu a {display:block; margin:0; padding:0; height:28px; text-decoration:none; background-repeat:no-repeat; text-indent:-5000px; outline:none}

		#cat #menu a {background-image:url(../_img/menu_cat.gif)}
		#esp #menu a {background-image:url(../_img/menu_esp.gif)}
		#eng #menu a {background-image:url(../_img/menu_eng.gif)}
	
		#menu .print {width:110px; background-position: 0 -30px}
		#menu .print:hover, #menu .print.current {background-position: -110px -30px}

		#menu .identity {width:110px; background-position: 0 -60px}
		#menu .identity:hover, #menu .identity.current {background-position: -110px -60px}		
		
		#menu .about {width:110px; background-position: 0 0x}
		#menu .about:hover, #menu .about.current {background-position: -110px 0}
	
		#menu .contact {width:110px; background-position: 0 -88px}
		#menu .contact:hover, #menu .contact.current {background-position: -110px -88px}

	#contactar {color:#fff;width:110px; height:30px; margin:0 auto; margin-top:120px; overflow:visible; position:absolute; font:normal 12px Helvetica, Arial, sans-serif}
	#contactar a {color:#fff; }
	#contactar .vCard {margin-top:10px; display:block; height:24px; line-height:24px; background:url(../_img/vcard.gif) no-repeat left center; padding-left:30px}

	#lCol a.twitter {position:absolute; margin-top:120px; display:block}
	#lCol a.twitter.contact {margin-top:230px}
	
#lang {float:right; text-align:left; margin-top:20px; font:normal 12px Arial, Helvetica, sans-serif}
	#lang a { color:#aaa; padding:0 5px; text-decoration:none}
	#lang a:hover { text-decoration:none; color:#fff}
	

#rCol {float:left; width:810px; /*padding:0 160px 0 0;*/ background-color:#000}
	#content {background-color:#fff; padding:15px 25px 25px 25px; width:600px; min-height:600px}
	#content h1 {line-height:1em; z-index:100; }
	#content h2 {line-height:1em; /*border-bottom: 2px solid #ddd*/ background:url(../_img/bg_titol2.gif) repeat-x 0 0}
	#content img {margin-bottom:50px}
	#content a[target="_blank"] {font-weight:bold}

	#cat #content a.more-info  {background:url(../_img/info_cat.gif) no-repeat 0 top}
	#esp #content a.more-info  {background:url(../_img/info_esp.gif) no-repeat 0 top}
	#eng #content a.more-info  {background:url(../_img/info_eng.gif) no-repeat 0 top}

	#content a.more-info {z-index:1000; display:block; float:right; margin-top:-38px; width:118px; height:20px}
	#cat #content a.more-info:hover, #esp #content a.more-info:hover, #eng #content a.more-info:hover {background-position:0 bottom}
	
	#content.more-info img {margin-bottom:0; border:none; outline:none}

	#content.logos img {border:none; outline:none}
	#content.logos img.l {margin:0 25px 25px 27px}
	#content.logos img.r {margin:0 0 25px 0}

	#content .pagination {color:#777; font-size:135%}

	.grafica.more-info p {margin-bottom:30px}
	.grafica.more-info #footer table {margin-top:30px}
	
	.perfil p {margin:75px 155px 50px 0; text-align:justify}
	.perfil h2 {width:450px}
	.perfil table {width:450px; margin:10px 0 25px 0; font-size:95%}
	.perfil td {vertical-align:top; padding-bottom:15px; line-height:1.25em}
	.perfil td.data {font-weight:bold; width:80px}
	
#footer table {padding:0; margin:15px 0 0 0; width:100%; border-top:1px solid #222 }
#footer td.r {text-align:right; padding-top:5px}
#footer td a[target="_blank"] {font-weight:normal}