/*--------------------------------------------------------------------
LAYOUT "corpo" Style - MRG(IE7+ FF1.5+ Opera9+)

Version: 	1.0 - 2010
author: 	Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(reset.css);

/*----------------------------------------------------------------------*/
html, body{ 
	font: 14px Corbel, Helvetica, Arial, sans-serif; color: #858585;
	background: #ffffff url(/imgs/body-bg.jpg) no-repeat top center; height: 100%; 
}

#wrapperMaster{position: relative; min-height: 100%; background: transparent url(/imgs/wrapperMaster-bg1.jpg) no-repeat bottom center;}

/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
#header{position: relative;	width:955px; height: 130px; margin: 0 auto;}
#header h1{
	position: absolute; top: 37px; left: 25px;	width: 165px; height: 53px; z-index:20;
	background: transparent url(/imgs/brand.png) no-repeat;
}
#header h1 a{position: relative; display:block; width: 100%; height: 100%; text-indent: -5555px; border: 0;}
#balao1, #balao2{position: absolute; top:-500px;}

/* =Menu principal */
#navMain{position: absolute; top:55px; left: 252px; width: 680px; height:27px; z-index:20;}
#navMain li{float: left; margin-left: 11px;}
#navMain li:first-child{margin-left:0;}
#navMain a{
	position: relative; display: block; height: 27px; line-height: 27px; text-indent: -9999px;	border: 0;
  overflow: hidden; background: transparent url(/imgs/navMain.png) no-repeat; 	   						
} 
#navMain #navL1{width: 81px; background-position: 0px 0;}
#navMain #navL2{width: 155px; background-position:-92px 0;}
#navMain #navL3{width: 123px; background-position: -258px 0;}
#navMain #navL4{width: 91px; background-position: -392px 0;}
#navMain #navL5{width: 77px; background-position: -494px 0;}
#navMain #navL6{width: 96px; background-position: -582px 0;}
#navMain a span{ /*:INFO: tirar fora do stage antes do javascript meter opacidade zero para nao ter fliker */
	position: absolute; left:-9999px; top:0; display: block; width: 100%; height: 100%; z-index: 110; 
	background: transparent url(/imgs/navMain.png) no-repeat 0 -27px;	cursor: pointer;
}
#navMain .on a span{left:-9999px; cursor: default; background: none;}
#navMain .on a{cursor: default;}
#navMain #navL1 span{background-position: 0 -27px;}
#navMain #navL2 span{background-position: -92px -27px;}
#navMain #navL3 span{background-position: -258px -27px;}
#navMain #navL4 span{background-position: -392px -27px;}
#navMain #navL5 span{background-position: -494px -27px;}
#navMain #navL6 span{background-position: -582px -27px;}
#navMain .on #navL1{background-position: 0 -54px;}
#navMain .on #navL2{width: 155px; background-position: -92px -54px;}
#navMain .on #navL3{width: 123px; background-position: -258px -54px;}
#navMain .on #navL4{width: 91px; background-position: -392px -54px;}
#navMain .on #navL5{width: 77px; background-position: -494px -54px;}
#navMain .on #navL6{width: 96px; background-position: -582px -54px;}

#mrgInter{position: absolute; top: 13px; right: 96px; z-index: 20; width: 103px; height: 9px;}
#mrgInter a{
	position: relative; display: block; width: 103px; height: 9px; text-indent: -9999px;	border: 0;
  overflow: hidden; background: transparent url(/imgs/txt-mgrInternacional.png) no-repeat; 
} 
/* =Linguas */
#linguas{position: absolute; top: 9px; right: 27px; z-index: 20; width: 60px; height: 15px;}
#linguas li{float: left; margin-left: 2px;}
#linguas li:first-child{margin-left:0;}
#linguas a{
	position: relative; display: block; height: 15px; line-height: 15px; text-indent: -9999px;	border: 0;
  overflow: hidden; background: transparent url(/imgs/linguas.png) no-repeat; width: 18px; 	   						
} 
#linguas #ling1{background-position: 0px 0;}
#linguas #ling2{background-position:-20px 0;}
#linguas #ling3{background-position: -40px 0;}
#linguas #ling1:hover, #linguas #ling1:focus{background-position: 0px -15px;}
#linguas #ling2:hover, #linguas #ling2:focus{background-position:-20px -15px;}
#linguas #ling3:hover, #linguas #ling3:focus{background-position: -40px -15px;}
#linguas .on #ling1{background-position: 0px -30px; cursor: default;}
#linguas .on #ling2{background-position:-20px -30px; cursor: default;}
#linguas .on #ling3{background-position: -40px -30px; cursor: default;}


/*-------------------------------------------------------------------------
=CONTENT 
-compensa -px do footer. Se fizesse no floats dava prob! tinha o clear a seguir sem altura
-nao posso clear floats via overflow hidden, tirava o padding bottom = ficava sem rodape
-------------------------------------------------------------------------*/
#contentWrapper{
	position: relative; width: 955px; min-height: 400px; margin: 0 auto;	
	padding: 0 0 210px 0; z-index: 30; 
}
#subNav{float: left; position: relative; width: 195px; padding:50px 0 50px 25px;}

#content{
	float: left; position: relative; width: 735px; padding:50px 0 50px 0; 
	background: transparent url(/imgs/content-bg.png) repeat-x; overflow: hidden;
}

/*-------------------------------------------------------------------------
=CONTENT 1 e 2 colunas (clear float no content)
-------------------------------------------------------------------------*/
#contentMain{float: left; position: relative; width: 385px;	padding: 0 40px;}
.oneCol #contentMain{float: none; position: relative; width: 600px;	padding: 0 0 0 40px;}
#contentExtra{float: left; position: relative; width: 245px;	padding: 3px 0 0 0;}

#content p, #content ul{padding: 0 0 8px 0;}
#content h3{color:#1c1d3d; font-size: 23px; font-weight: normal; line-height: 22px; padding: 20px 0 8px 0;}
#content h3:first-child{padding-top: 0;}
#content h3 span{display: block;	font-size: 16px; font-style: italic; margin-top: -4px;}
#content h4{font-size: 18px; color: #1c1d3d; padding: 10px 0 3px 0; font-weight: bold;}
#content h5{font-size: 14px; color: #1c1d3d; padding: 10px 0 2px 0;}
#content p.foto{float: right; padding: 0 0 20px 0;}
#contentExtra img{padding: 0 0 20px 0;}
#content ul li{padding: 0 0 4px 12px; background: transparent url(/imgs/icon-listas.gif) no-repeat 0 6px;}
#content ul ul{padding: 0 0 0 5px;}

#content .lerMais{color: #058ba7; text-decoration: underline; cursor: pointer; font-size:12px; }
#content .lerMais:hover, #content .lerMais:focus{color: #fb5e0c; text-decoration: none;}


/* = Lista ordenada acordeao + Acordeao*/
#content .slide{
	font-weight: normal; font-style: italic; font-size: 15px; margin: 3px 0 10px 0; padding:0 0 0 10px; 
	background: transparent url(/imgs/icon-listas-accordion.png) no-repeat 0 4px; color: #094584;
	line-height: 15px;
}
*:first-child+html #content .slide{background: none; padding: 0;} /* :HACK: IE7 nao aparece o icon*/
#content .slideon{background-position: 0px -40px;}
#content .slide span{color: #094584; cursor: pointer!important;}
#content .slide span:hover, #content .slide span:focus{color: #fb5e0c; }
#content .slideon span{color: #07afb8;}

/* = Lista pdf*/
#content .listPdf{font-size: 12px; padding-top: 3px;}
#content .listPdf li{padding: 0 0 18px 20px;background: transparent url(/imgs/icon-pdf-small.png) no-repeat 0 0;}
#content .listPdf li a{background: none; padding: 0; font-weight: bold; color:#1c1d3d;}
#content .listPdf li a:hover{color: #07afb8;}

/*-------------------------------------------------------------------------
=CONTENT coluna navegacao
-------------------------------------------------------------------------*/
#subNav h2{position: relative; text-indent: -5555px; margin-bottom: 10px;}
#navSec{position: relative; margin-left: 10px; width: 180px; font-size: 12px; font-weight: bold;}
#navSec li{display: block; margin-bottom:4px;	text-transform: lowercase;}
#navSec a{
	position: relative; z-index: 40; height: 23px; line-height: 23px;
	vertical-align: middle; padding: 5px 8px;  
	text-decoration: none; color: #058ba7; background-color: #c9e6ed;
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; 
}
#navSec a:hover, #navSec a:focus{color: #ffffff;}
#navSec .on a{color: #ffffff;background-color: #1c1d3d; cursor: default;}


/*-------------------------------------------------------------------------
=FOOTER
-------------------------------------------------------------------------*/
#footer{
	position:relative; width: 955px; height: 210px;  padding: 0;  margin: -210px auto 0 auto;	color: #ffffff;
	background: transparent url(/imgs/footer-bg.png) no-repeat 0 120px; font-size: 11px; z-index: 30; 
}
#footer p{position: absolute; left: 65px; top: 129px;}
#footer ul{position: absolute; right: 5px; top: 127px;}
#footer ul li{display: inline; margin-left: 5px; vertical-align: middle;}
#footer ul li img{vertical-align: middle;}
#footer a{border: 0; text-decoration: underline; color: #ffffff;}
#footer a:hover, #footer a:focus{text-decoration: none; color: #fb5e0c;}

/*-------------------------------------------------------------------------
 =OVERLAY - LIGHTBOX 
-------------------------------------------------------------------------*/
.overlay, .overlayP, .overlayBoxP,.overlayBoxV{display:none;}
.overlayBox{display:none; width:950px;height: auto; margin: 0 auto; font-size: 12px;}
.overlayBox h2{font-size: 14px; padding: 2px 0; text-transform: uppercase;}
.overlayBox h3{font-size: 13px; font-weight: bold; padding: 8px 0 2px 0;}
.overlayBox ul li{padding: 2px 0;}
.overlayBox ul ul{padding: 2px 0 5px 5px;}
.overlayBox .btClose span{display: none;}

/*-------------------------------------------------------------------------
=PRE DEFINICOES e COMUNS A ESTE SITE
------------------------------------------------------------------*/
#content a[href^="http:"] {
	background: transparent url(/imgs/icon-link-externo.gif) no-repeat right 2px;
	padding-right: 10px;	
}
#content a[href^="http://www.mrg.pt"], #content a[href^="http://www.mrg.pt/"],
#content a[href^="http://mrg.pt"], #content a[href^="http://mrg.com/"]{
	background-image: none; padding-right: 0;	
}
#content a[href$=".zip"]{
	background: transparent url(/imgs/icon-link-zip.gif) no-repeat right 2px;
	padding-right: 10px;	
}
#content a[href$=".pdf"]{
	background: transparent url(/imgs/icon-link-pdf.gif) no-repeat right 1px;
	padding-right: 11px;	
}

a{color: #058ba7; text-decoration: underline;}
a:hover, a:focus{color: #fb5e0c; text-decoration: none;}
a.btPic{text-decoration: none;}
.nospace{margin: 0;}
.noMouse, .noMouse a{cursor: default;}
.mouse, .mouse a{cursor: pointer !important;}
.bold{font-weight: bold;}
.blue{color: #1c1d3d;}
.small{font-size: 12px;}