*		  				{ margin: 0; padding:0;}
html, body 				{ width:100%; height:100%; overflow:hidden; background: #000 url(../images/background.jpg) center top no-repeat;}
a						{ text-decoration:none; color:#058a93;}
a:hover					{ border-bottom: 1px solid #ffa700;}
a.curr 					{ border-bottom: 1px solid #ffa700;}
a:focus 				{ outline: none; }
a:active 				{ outline: none; }
a img					{ border:0;}

#wrap			{ position:relative; width:736px; height:558px}

#banner_top		{ position:absolute; top:0; left:0; width:736px; height:98px; background:url(../images/tope.jpg) top no-repeat; }
#logo_tw		{ position:absolute; bottom:75px; left:200px; width:20px; z-index:2;}
#logo_fb		{ position:absolute; bottom:75px; left:180px; width:20px; z-index:2;}
#nav_buttons	{ position:absolute; right:0; top:78px; height:22px; }
#nav_button		{ width:65px; background:url(../images/button_back.png); text-align:center;}

#left_bar		{ position:absolute; left:0; top:98px; width:230px; height:460px; background:url(../images/fondo_menu.jpg) top no-repeat; text-align:right }
#menu			{ margin-top:10px;}
.menu_item 		{ width:210px; margin:5px; height:17px; background:none; overflow:hidden}
#slogan			{ position:absolute; left:0; bottom:10px; width:210px; margin:10px;}

#content		{ position:absolute; right:0; top:98px; width:466px; height:420px; background:#cce2f9; padding:20px;}


#copyright		{ position:absolute; left:0px; bottom:-25px; height:20px; width:100%; text-align:center;}
#by_frago		{ position:absolute; right:10px; bottom:-25px; height:20px; width:100%; text-align:right;}

.separator 		{ height: 1px; width: 100%; display: block; background-color: #fff;}

/*fonts*/
#nav_button	a	{ font: lighter 11px "Century Gothic", sans-serif; color:#007d85;}

.big_button		{ font: normal 13px "Verdana", sans-serif; color:#007d85;}
.button			{ font: normal 11px "Verdana", sans-serif; color:#007d85; line-height:14px;}
.small_white	{ font: normal 11px "Verdana", sans-serif; color:#fff;}
.big_white		{ font: bolder 18px "Verdana", sans-serif; color:#fff;}
.small_green	{ font: bold 10px "Verdana", sans-serif; color:#007d85;}
p				{ font: normal 11px "Verdana","Tahoma","Arial", sans-serif; color:#007d85; line-height:13px; text-align:justify}
strong			{ font: bold 11px "Verdana","Tahoma","Arial", sans-serif; color:#007d85; line-height:13px; text-align:justify}
h3				{ font: bold 11px "Verdana","Tahoma","Arial", sans-serif; color:#007d85; line-height:13px; text-align:left}
h2				{ font: bold 12px "Verdana","Tahoma","Arial", sans-serif; color:#007d85; line-height:13px; text-align:left}
h1				{ font: bold 14px "Verdana","Tahoma","Arial", sans-serif; color:#007d85; line-height:13px; text-align:left}

/*Scroll Pane Plug-in*/
.pane_content		{ left:0; height:420px; overflow:auto; }
a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}