@charset "UTF-8";
/* CSS Document */


#header-box {
	 /*position:absolute;*/
	 height: 56px;
     background: #d42929
}

.box {
    float: left;
    width: 100%
}

.center {
    margin: 0 auto;
    width: 1000px;
    max-width: 95%
}

.icones{
	float: left;
}


.logo{
	float: left;
	/*display: inline-block;*/
	height: 56px;
}

/*.tit{
	background-color: #880f0a;
    color: white;
    font-size: 18px;
}*/


.pdf{
	float: right;
	display: inline-block;
	padding-right: 30px;
}

.desconto{
	width: 176px;
	height: 56px;
	background-image:url(../pics/ico_desc_esp.png);
	margin-right: 20px;
}
.desconto:hover{
	background-image:url(../pics/ico_desc_esp_rool.png);
}

.ico_pdf{
	width: 54px;
	height: 56px;
	/*margin-right: 20px;*/
	background-image:url(../pics/ico_pdf.png);
}
.ico_pdf:hover{
	background-image:url(../pics/ico_pdf_roll.png);
}

.ico_part{
	width: 54px;
	height: 56px;
	/*margin-right: 20px;*/
	background-image:url(../pics/ico_part.png);
    cursor: pointer;
}
.ico_part:hover{
	background-image:url(../pics/ico_part_roll.png);
}

.fb-share-icon {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 1px;
  background-image: url(https://www.arealeditores.pt/content/material-didatico/catalogos/rolf_2018_2/thumb.jpg);
  /* IE7 */
  *display: inline;
  *zoom: 1;
}
.fb-share-text {
  position: relative;
  top: -1px;
}






 /* Dropdown Button */
.dropbtn {
	/*position: relative;*/
    background-color: #880f0a;
	/*width: 100px;*/
	height: 56px;
    color: white;
    padding: 10px 14px;
    font-size: 18px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #a22722;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
	padding: 10px 14px;
    /*min-width: 300px;*/
	width: 340px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    /*padding: 0 10px;*/
	font-size: 16px;
	line-height: 25px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ededed}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;z-index:500;}