/*--------------------------------------------------------------------
LAYOUT - PAVIMETAL(IE7+ FF1.5+ Opera9+)

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

/*----------------------------------------------------------------------*/
html, body{ /* need html and min-height and not just heightfor ipad*/
	width: 100%; min-height: 100%;  color: #221F1F;	background: #fbfaf9; overflow-x: hidden;
}

@font-face {
    font-family: 'paviM';
    src: url('../fonts/paviM.eot');
    src: url('../fonts/paviM.eot?#iefix') format('embedded-opentype'),
         url('../fonts/paviM.woff') format('woff'),
         url('../fonts/paviM.ttf') format('truetype');
    font-weight: normal; font-style: normal; 
}
@font-face {
    font-family: 'paviB';
    src: url('../fonts/paviB.eot');
    src: url('../fonts/paviB.eot?#iefix') format('embedded-opentype'),
         url('../fonts/paviB.woff') format('woff'),
         url('../fonts/paviB.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'paviBk';
    src: url('../fonts/paviBoo.eot');
    src: url('../fonts/paviBoo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/paviBoo.woff') format('woff'),
         url('../fonts/paviBoo.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'paviL';
    src: url('../fonts/paviL.eot');
    src: url('../fonts/paviL.eot?#iefix') format('embedded-opentype'),
         url('../fonts/paviL.woff') format('woff'),
         url('../fonts/paviL.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}

html, body{
	font: 13px/16px "paviB", Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}

header, #content, .content , footer{position: relative; width: 978px; margin: 0 auto;}


/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
header{
	position: fixed; top: 0; left: 0; width: 100%; height: 114px; z-index: 500;
	background: rgb(251, 250, 249); /* IE8 Fix */
	background: rgba(251, 250, 249, .95);
}
.mobile header{position: relative;}
header .wrapper{position: relative; width: 978px; margin: 0 auto;}

header h1{
	position: absolute; top: 26px; left: 6px; width: 298px; height: 88px;  z-index: 100;
}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	header h1{
		background: transparent url(../imgs/id-pavimetal@2x.png) no-repeat center center;
		background-size: 256px 38px;
	}
}
h1 a{
	position: absolute; display: block; top: 0; left: 0; width: 256px; height: 38px;
	padding: 20px 16px; border: 5px solid transparent;
	background: transparent url(../imgs/id-pavimetal.png) no-repeat center center;
    text-indent: -5555px;
}
h1 a.hover{border: 5px solid #000;}
/* .home h1 a{cursor: default;} */

/* OVER ID*/
#mensagens{
	position: fixed; top: 0; left:0; width: 100%; height: 100%; z-index: 40;
	background: rgb(51,255,20); /* IE8 Fix */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)"; /* IE8 Fix */
	background: rgba(51,255,20,.97); display: none;
}
#mensagens ul{
	position: relative; width: 978px; margin: 0 auto; color: #ffffff; 
	font: 100px/120px "paviB", Helvetica, Arial, sans-serif;  text-transform: uppercase;
}
#mensagens ul li{position: absolute; top:155px;  left: 22px; display: none;}

/* =navigation*/
nav#mainNav ul{
	position: absolute; top: 78px; /*right:187px; */ right:86px;
	font: 12px/12px "paviB", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #221F1F;
}
nav#mainNav ul li{display: inline-block; padding: 0 7px;}
nav#mainNav ul a{color: #221F1F;}
nav#mainNav ul a:hover, nav#mainNav ul a:focus{color: #20ea01;}
nav#mainNav ul li.on a{color: #20ea01; cursor: default;}

nav#mainNav ul.submenu{
	top: 17px; right:-18px; font-size: 10px; line-height: 16px; color: #a1a2a3;
	font: 10px/16px "paviB", Helvetica, Arial, sans-serif;
}
nav#mainNav ul.submenu.off{display:none;}
nav#mainNav ul.submenu a{color: #9c9d9e;}
nav#mainNav ul.submenu a:hover, nav#mainNav ul.submenu a:focus{color: #20ea01;}
nav#mainNav ul.submenu li{padding: 0 13px;  position: relative;}
nav#mainNav ul.submenu li:first-child{border-right: 1px solid #e4e4e4;}
nav#mainNav ul.submenu li.ling{
	width: 109px; height: 16px; padding-bottom: 10px; text-align: right;
	background: transparent url(../imgs/linguas-bg.png) no-repeat 13px -32px; 
}
nav#mainNav ul.submenu li.ling:hover{background-position: 13px 0px;}
nav#mainNav ul.submenu li.ling a{margin-right: 11px; text-align: right;}
nav#mainNav ul.submenu li.ling:hover a{color: #20ea01;}
nav#mainNav ul.submenu li.ling:hover>ul#lingMenu{top:24px; left:33px; opacity:1;}
/* linguas */
nav#mainNav #lingMenu{
	position: absolute; top:-5555px; left:-5555px; width: 85px; background: #ffffff;  opacity:0;
	font: 10px/16px "paviB", Helvetica, Arial, sans-serif; padding: 5px 2px 5px 2px;
	border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;
	box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, .1); -webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, .1); 
	-moz-transition: opacity 0.1s linear; -webkit-transition: opacity 0.1s linear; 
	-o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; 	 
}
nav#mainNav #lingMenu li{
	display: block; float: none;  padding: 0; margin: 0;
	background: none; border: 0; text-align: right;
}
nav#mainNav #lingMenu li.off{display: none;}
nav#mainNav #lingMenu li a{
	margin: 0; padding: 0; display: block; 
	padding: 1px 9px 1px 10px; color: #9c9d9e;
}
nav#mainNav #lingMenu li a:hover{color: #20ea01;}



/*-------------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/
#content, .content{margin-top: 114px;}
.mobile #content, .mobile .content{margin-top: 0;}

/*-------------------------------------------------------------------------
=HEADER PIC
-------------------------------------------------------------------------*/
#headerPic{
	position: relative; top: 0; left: -263px;
	width: 1500px; height: 490px; overflow:	hidden; 
}

#headerPic figure{position: absolute;}
#headerPic figcaption{
	position: absolute; top:215px; left: 261px;	width: 239px; height: 205px; padding: 35px 36px;	display: block; 
	font: 34px/40px "paviB", Helvetica, Arial, sans-serif; color: #ffffff; text-transform: uppercase; letter-spacing: -1px;
	background-color: rgb(51,255,20); /* IE8 Fix */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)"; /* IE8 Fix */
	background-color: rgba(51,255,20,.97);
}
#headerPic figcaption a{color: #ffffff;}

.picHeader #headerPic{height: 301px;}
.picHeader #headerPic img{display: none;}
.picHeader #headerPic figcaption{
	top:301px; 
	-moz-transition: top .5s ease-out; 	-webkit-transition: top .5s ease-out;  
	-o-transition: top .5s ease-out; transition: top .5s ease-out;		
}
.picHeader #headerPic.animGO figcaption{top:30px;}



/*-------------------------------------------------------------------------
=FOOTER
-------------------------------------------------------------------------*/
footer{
	height: 286px; padding: 22px 0 50px 0; color: #221F1F;
	font: 12px/15px "paviM", Helvetica, Arial, sans-serif; 
}
footer article{
	position:relative; float: left; width: 311px; height: 229px;  margin-bottom: 22px;
}
.pt footer article{background: #e9e9e3 url(../imgs/footer-catalogo-bg.png) no-repeat;}
.en footer article{background: #e9e9e3 url(../imgs/footer-catalogo-bg-en.png) no-repeat;}
.fr footer article{background: #e9e9e3 url(../imgs/footer-catalogo-bg-fr.png) no-repeat;}


footer article.enderecos{
	float: left; width: 645px; height: 229px; margin-right: 22px;
	background: transparent url(../imgs/footer-map-bg.gif) no-repeat left top;
}

footer article.enderecos h5{
	position: absolute; top: 34px; left: 27px; text-transform: uppercase; letter-spacing: -1px;
	font: 25px/23px "paviM", Helvetica, Arial, sans-serif; color: #00ff00; z-index: 10;
}
/* footer article.enderecos h5 a{color: #00ff00;} */
footer article.enderecos h5 span{
	display: block;	text-transform: none; color: #a5a5a5; font-size: 12px; letter-spacing: normal;
}
footer article.enderecos a.btEnderecos{
	display: block; position: absolute; left: 0px; top: 0px; width: 645px; height: 229px; z-index: 0;
	background: transparent url(../imgs/footer-map-bg.gif) no-repeat left bottom; opacity: 0;
	-moz-transition: opacity 0.1s linear; -webkit-transition: opacity 0.1s linear; 
	-o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; 
}
footer article.enderecos:hover a.btEnderecos{opacity: 1;}
footer article.enderecos h5:hover{cursor: pointer;}
/* footer article.enderecos:hover h5 span{color: #FFF;} */
footer article.enderecos p{position: absolute; top: 161px; left:27px; font-size: 11px; z-index: 10;}


footer article p.pdf{width: 100%; position: absolute; bottom: 27px; left: 0; top: auto;}
footer article p.pdf a{
	display: block; text-align: center; margin: 0 auto; width: 230px;
	background: #221F1F; padding: 11px 0;  line-height: 1;
	font: 12px "paviB", Helvetica, Arial, sans-serif; color:#ffffff; text-transform: uppercase;
}
footer article p.pdf a:hover{background: #20ea01;}


footer article ul{
	position: relative; margin: 43px 0 0 34px;
	font: 11px/13px "paviM", Helvetica, Arial, sans-serif;  overflow: hidden;
}
footer article ul li{float: left; width: 248px;}
footer article ul h6{font: 12px/18px "paviB", Helvetica, Arial, sans-serif;  text-transform: uppercase;}

footer p.info{width: 100%; border-top: 3px solid #e5e5dd;   padding-top: 16px; clear: both;}
footer p.info span{color: #959595;}
footer p.info span a{color: #959595;}
footer p.info span a:hover{color: #221F1F;}

footer ul.entidades{
	position: absolute; bottom:19px; right:0; height: 44px; width: 400px; text-align: right; 
}
footer ul.entidades li{
		display: inline-block; height: 44px; line-height: 44px; margin: 0 0 0 20px;
		background: transparent url(../imgs/footer-entidades.png) no-repeat 0 0;
		text-indent: 100%;white-space: nowrap;overflow: hidden;
}
ul.entidades li.compete{width: 78px; background-position: 0 0;}
ul.entidades li.qren{width: 83px; background-position:-97px 0;}
ul.entidades li.eu{width: 49px; background-position:-195px 0;}
ul.entidades li.apcer{width: 80px; background-position:-265px 0;}

/*-------------------------------------------------------------------------
=COMUNS
-------------------------------------------------------------------------*/
/* PRELOADING*/
#preload{
	position: absolute; top: -999px; left: -999px; width: 106px; height: 106px; overflow: hidden;
}
#holderLoad{
	position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; overflow: hidden;
}


/*links*/
a{
	text-decoration: none; color: #221F1F;
	-moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; 
	-o-transition: color 0.1s linear; transition: color 0.1s linear; 
}
a:hover, a:focus{text-decoration: none; color: #20ea01;}
a[href^="tel:"]{cursor: default;}

::-moz-selection{background: #20ea01;color: #ffffff;} 
::selection{background: #20ea01;color: #ffffff;}


img {
  -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;	
  -webkit-user-drag: none; -moz-user-drag: none;
}

/* FORMS*/
input:focus, textarea:focus {outline: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {/*no arrows on input number*/
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/* ARROW BOX */
.arrow_boxTop, .arrow_boxBottom{position: relative;	background: #ffffff;}
.arrow_boxTop:after, .arrow_boxBottom:after{
	position: absolute; bottom: 100%; border: solid transparent; content: " "; 
	height: 0; width: 0; pointer-events: none;
}
.arrow_boxBottom:after{top:100%; left:50%; bottom: auto;}
.arrow_boxTop:after, .arrow_boxBottom:after{border-bottom-color: #ffffff; border-width: 6px; left: 50%;margin-left: -6px;}
.arrow_boxBottom:after{ border-top-color: #ffffff; border-width: 10px; left: 50%;margin-left: -10px;}


/*-------------------------------------------------------------------------
=IE8 Nav hack!
-------------------------------------------------------------------------*/
.ie8 #mainNav ul:first-child li:first-child + li + li {display: none;}