html{ overflow-y:scroll; height:100%; min-height:100%; background:#5cbfdb url(../img/body-bg.jpg) no-repeat center 65px;}
body{ text-align:center; min-height:100%; background:transparent url(../img/photo-bg.jpg) no-repeat center bottom; font:62.5% Arial, Helvetica, sans-serif}
* html body { height:100%; }

*{ padding:0; margin:0}
a img, fieldset{border: 0}

.center{ margin: 0 auto; width:958px; text-align:left}

/* Top */
#Page{ background: transparent url(../img/top-bg.gif) repeat-x center top; padding-top: 3px}
	
.logo { float:left; width:150px}
.login { float:right; padding: 16px 8px 8px 22px; background: transparent url(../img/login-bg.gif) no-repeat left center}	
	.login a { display:block; height: 9px; width:56px; margin-bottom: 6px; text-indent:-9000px; outline:none; }		
	#nav-login { background: url(../img/login.gif) no-repeat top left}
	#nav-registo { background: url(../img/registo.gif) no-repeat top left}	
	

.nav { float:right; padding-top: 9px}
	.nav li { float:left; list-style:none; padding-right: 36px; height: 63px}
		.nav li a{ display:block; color:#afafaf; font-size:0.9em; text-decoration:none; padding-left:3px}
		.nav li a span{ display:block; padding: 9px 8px 9px 5px}
		.nav li a strong{ display:block; font-size:1.2em}
		.nav li a img{ display:block}			
		
		.nav li a:hover, .nav li.selected a{ background: transparent url(../img/navLeft.gif) no-repeat top left}
		.nav li a:hover span, .nav li.selected a span{ background: transparent url(../img/navRight.gif) no-repeat top right}		
	
	.nav li.selected { background: transparent url(../img/nav-sel.gif) no-repeat 8px bottom }	
		
/* Content */
#Body { float:right; width:780px; clear:right; padding-right: 8px; color: #595959}
	#Content { float:right; width:780px; clear:right; padding-top: 25px}

.breadcrumb { font-size:1.1em; padding-left:17px}
	.breadcrumb p{ color:#a7e1e9; padding:2px 0 15px}
		.breadcrumb a{ color:#a7e1e9; font-weight:bold; margin-right: 2px}
		.breadcrumb a:hover{ text-decoration:none}
		.breadcrumb em{ font-style:normal; margin-left: 2px}	

.box1 { padding-top:10px}
.box1, .box1-bottom { width:780px; float:left}
	.box1-content { background: url(../img/box1-bg.png) no-repeat top left; float:left; width:760px; padding: 17px 10px}
	.box1-bottom { background: url(../img/box1-bottom.png) no-repeat top left; height: 5px }
.box1-Separator { background: url(../img/box1-sep.gif) no-repeat 442px 29px }
	
.box2 { padding-top:10px}
.box2, .box2-bottom { width:427px; float:left}
	.box2-content { background: url(../img/box2-bg.png) no-repeat top left; float:left; width:407px; padding: 10px}
	.box2-bottom { background: url(../img/box2-bottom.png) no-repeat top left; height: 14px }	
	
.box3 { padding-top:10px}
.box3, .box3-bottom { width:303px; float:left}
	.box3-content { background: url(../img/box3-bg.png) no-repeat top left; float:left; width:283px; padding: 10px}
	.box3-bottom { background: url(../img/box3-bottom.png) no-repeat top left; height: 13px }
	
.box4 { width:941px; float:left; padding: 10px 4px 10px 12px }
	.box4-content { background: url(../img/box4-bg.png) no-repeat top left; float:left; width:923px; padding: 6px 0 0px 18px}
	.box4-bottom { background: url(../img/box4-bottom.png) no-repeat top left; height: 4px; width:941px; clear:both  }				
.box4-Separator { background: url(../img/box1-sep.gif) no-repeat 457px 2px }

.colLeft { float:left; width:427px}
.colRight { float:right; width:303px}
.colLeft2Col { float:left; width:436px}
.colRight2Col { float:right; width:444px}

#Footer { text-align:right; clear:both; padding: 9px 12px 30px; color:#005975; font-size:0.9em }
	#Footer img { float:right; margin-left: 5px }
	#Footer p { padding-top: 5px  }

#page-footer { position:relative; clear:both; min-height:430px}
	* html #page-footer { height:430px}
	#page-footer div{ position: absolute }	
	#posMsg1 { left:0; top:108px;}
	#posMsg2 { left:230px; top:40px;}
	#posMsg3 { left:525px; top:100px;}
	#posMsg4 { left:760px; top:75px;}			
	
#Content-bottom { clear: both }	
		
/* Global*/		
.cb{ display:block; clear:both}	
.info { font-size:1.5em; line-height: 1.3em }
.listBull-1 { padding: 10px 0 10px 20px; clear:both}
	.listBull-1 li { list-style:none; background:transparent url(../img/bull1.png) no-repeat left top; padding:0 0 10px 24px}	
	.listBull-1 li a { color: #595959; text-decoration: none }
	.listBull-1 li a.selected { color: #198a9e; text-decoration: none }		

.listBull-item-1 { background:transparent url(../img/bull1.png) no-repeat left top; padding:0 0 10px 24px; margin-top: 15px}	
.listBull-item-2 { background:transparent url(../img/bull1.png) no-repeat left top; padding:0 0 10px 24px; clear:both }	

.audio-List { clear: both; padding: 10px 0 5px}
	
.btn { clear: both; padding: 10px 0 0 5px}	
.ballon-1 { width:275px; float:right }
	.ballon-1 p{ padding: 0 0 10px 18px}
	
h1.info{ padding-bottom: 15px}
.txtSpc { padding: 5px}	
	.txtSpc .btn { padding-left:0 }	
	
.show1{ background: transparent url(../img/show1.png) no-repeat left top; min-height:152px; padding: 0px 167px 0 0 }
	div.show1 p{ padding: 10px 0 0 }
	* html .show1{ height:152px }
	.show1 .btn { text-align:right}
		.show1 .btn a { margin-left: auto }
		
.show2{ background: url(../img/show4.png) no-repeat left top; min-height:152px;  }
	div.show2 p{ padding: 10px 0 0; width:250px;}
	* html .show2{ height:154px }
	.show2 .btn { text-align:right; width:255px;}
		.show2 .btn a { margin-left: auto }		
		
.ballon-2 { background: transparent url(../img/bg-player.gif) no-repeat top left; width: 399px; height: 360px; margin-top: 10px; padding: 14px }