.middle_area_bg {
	background-image: url(images/fond.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 400px;
	height: 300px;
	
}

.d1 {
    width:400px;
	display:inline-block; 
    background: -webkit-linear-gradient(#222222, #596B73); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#222222, #596B73); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#222222, #596B73); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#222222, #596B73); /* Standard syntax */
    border-top-left-radius:15px; border-top-right-radius:15px; padding:5px; 
    border-top: 3px solid #222222;
    border-left: 3px solid #222222;
    border-right: 3px solid #222222;
}

.d2 {
	display:inline-block; width:400px; background-image:url(images/transparent.png); border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; 
}

.d3 {
    display:inline-block; width:400px; height:30px; background-color:#596B73; border-bottom-left-radius:15px; border-bottom-right-radius:15px;	
    border-bottom: 3px solid #222222;
    border-left: 3px solid #222222;
    border-right: 3px solid #222222;
}

.uploadpdftoword a { 
display: block; 
background-color: #ffffff;
color: #333333;
font-size: 13px;
padding: 5px;
float:left;
border: 1px solid #82A7CC;
border-radius: 10px;
} 
.uploadpdftoword a:hover { 
display: block; 
background-color: #f4f4f4;
color: #333333;
font-size: 13px;
padding: 5px;
float:left;
border: 1px solid #82A7CC;
border-radius: 10px;
}

.docright {
	background-image: url(images/docright.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 250px;
	width: 195px;
	border: none;
}

.docleft {
	background-image: url(images/docleft.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 250px;
	width: 195px;
    border: none;	
}
.upload {
	border: none;
    background: url(Images/download_button_en.png) no-repeat top left;
    padding: 2px 8px;
    width: 250px;
	height: 48px;
} 
.convert_download {
	border: none;
    background-color: #EDBE04;
    padding: 10px;
    color:#ffffff;
    font-size:18px;
    border-radius:8px;
} 
.convert_download:hover {
	border: none;
    background-color: #B2CA2D;
    padding: 10px;
    color:#ffffff;
    font-size:18px;
    border-radius:8px;
} 
.jpgtotxt a { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/jpgtotxt.png) no-repeat; 

} 
.jpgtotxt a:hover { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/jpgtotxt1.png) no-repeat; 
}
.pdftoword a { 
display: block; 
width: 110px; 
height: 26px; 
background: transparent url(menu/pdftoword.png) no-repeat; 

} 
.pdftoword a:hover { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/pdftoword1.png) no-repeat; 
}
.jpgtopdf a { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/jpgtopdf.png) no-repeat; 

} 
.jpgtopdf a:hover { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/jpgtopdf1.png) no-repeat; 
}
.pdftotext a { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/pdftotext.png) no-repeat; 

} 
.pdftotext a:hover { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/pdftotext1.png) no-repeat; 
}

.pdftoimage a { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/pdftoimage.png) no-repeat; 

} 
.pdftoimage a:hover { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/pdftoimage1.png) no-repeat; 
}

.pdftohtml a { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/pdftohtml.png) no-repeat; 

} 
.pdftohtml a:hover { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/pdftohtml1.png) no-repeat; 
}

.texttopdf a { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/texttopdf.png) no-repeat; 

} 
.texttopdf a:hover { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/texttopdf1.png) no-repeat; 
}
.wordtopdf a { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/doctopdf.png) no-repeat; 

} 
.wordtopdf a:hover { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/doctopdf1.png) no-repeat; 
}
.htmltopdf a { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/htmltopdf.png) no-repeat; 

} 
.htmltopdf a:hover { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/htmltopdf1.png) no-repeat; 
}
.pdftodoc a { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/pdftodoc.png) no-repeat; 

} 
.pdftodoc a:hover { 
display: block; 
width: 110px; 
height: 26px;
background: transparent url(menu/pdftodoc1.png) no-repeat; 
}

















<br>

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

Menu_Top,
summary {
  display: block;
}




/*************************************************
* Basic Footer Styles                            *
*************************************************/
Menu_Top {
  padding-bottom: 0px;
}
Menu_Top .content {
  margin:auto;
  text-align:center;
  float:center;
}
Menu_Top .content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
Menu_Top .content .donate {
  width: 190px;
  float: left;
}
Menu_Top .content .donate img {
  width: 110px;
  margin: 0 15px 0 15px;
  cursor: pointer;
}
Menu_Top .content .links {
  float: left;
}
Menu_Top .content .links .service,
Menu_Top .content .links .business,
Menu_Top .content .links .social {
  padding: 0;
  margin: 0;
  display: inline-block;
}
Menu_Top .content .links .service li {
  margin: 0;
}





Menu_Top .content .links .service li a {
  background: -webkit-linear-gradient(#596B72, #FFFFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#596B72, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#596B72, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#596B72, #FFFFFF); /* Standard syntax */  
  color:#ffffff; 
  border-radius:3px;
  font-size:13px;
  margin: 0;
  padding: 3px 6px;
  float: left;
  color: #333333;
  border: 1px solid #C3C3C3;
}
Menu_Top .content .links .service li a:hover {
  margin: 0 5px;
  padding: 3px 6px; 
  background: -webkit-linear-gradient(#829C30, #E0EB95); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#829C30, #E0EB95); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#829C30, #E0EB95); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#829C30, #E0EB95); /* Standard syntax */  
  color:#ffffff; 
  border-top: 2px solid #283E5D;
  border-radius:3px;
  font-size:13px;
  margin: 0;
  display: inline-block;
  float: left;
}
Menu_Top .content .links .service li.active a {
  margin: 0 5px;
  padding: 3px 6px; 
  border-top: 2px solid #283E5D;
  background: -webkit-linear-gradient(#829C30, #E0EB95); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#829C30, #E0EB95); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#829C30, #E0EB95); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#829C30, #E0EB95); /* Standard syntax */ 
  color:#ffffff; 
  border-radius:3px;
  font-size:13px;
  margin: 0;
  display: inline-block;
}
Menu_Top .content .links .service li.active a:hover {
  margin: 0 5px;
  padding:3px; 
  border-top: 2px solid #283E5D;
  background: #999999; /* Standard syntax */ 
  color:#ffffff; 
  border-radius:3px;
  font-size:13px;
  margin: 0;
  display: inline-block;
}





Menu_Top .content .links .service li a.shop,
Menu_Top .content .links .business li a.shop,
Menu_Top .content .links .social li a.shop {
  padding-left: 20px;
  background-image: url(../assets/img/ui-cart.svg);
  background-size: 15px;
  background-position: left center;
  background-repeat: no-repeat;
}
Menu_Top .content .links .social li a span {
  font-family: smallpdfgui, "Source Sans Pro", Arial, Sans-Serif;
  padding-right: 5px;
}
Menu_Top .content .lang {
  width: 190px;
  position: relative;
}
Menu_Top .content .lang ul {
  line-height: 44px;
  min-height: 48px;
  margin: 0 0 0 15px;
  border-radius: 5px;
  border: 2px solid #778088;
  padding-left: 15px;
  box-sizing: border-box;
}
Menu_Top .content .lang li {
  display: none;
}
Menu_Top .content .lang li a {
  width: 100%;
  color: #778088;
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  line-height: 30px;
}
Menu_Top .content .lang li a:hover {
  color: black;
}
Menu_Top .content .lang li.active,
Menu_Top .content .lang ul:hover li {
  display: block;
}
Menu_Top .content .lang ul:hover {
  line-height: 30px;
  position: absolute;
  bottom: -48px;
  right: 0px;
  left: 0px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 7px 0 6px 15px;
  background-color: white;
}
Menu_Top .content .footnote {
  float: left;
  color: #778088;
  font-size: 15px;
}
Menu_Top .content .footnote .copyright,
Menu_Top .content .footnote .text {
  padding: 0 15px;
}
/*************************************************
* Mobile                                        *
*************************************************/
@media (max-width: 800px) {
  Menu_Top {
    padding-top: 5px;
  }
  Menu_Top .content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
  }
  Menu_Top .content .donate {
    display: none;
  }
  Menu_Top .content .links {
    width: 100%;
    margin-bottom: 30px;
  }
  Menu_Top .content .links .service,
  Menu_Top .content .links .business,
  Menu_Top .content .links .social {
    width: 100%;
    float: left;
  }
  Menu_Top .content .links .service li,
  Menu_Top .content .links .business li,
  Menu_Top .content .links .social li {
    line-height: 48px;
  }
  Menu_Top .content .links .service li a,
  Menu_Top .content .links .business li a,
  Menu_Top .content .links .social li a {
    border-bottom: 2px solid #E2E2E2;
    width: 100%;
  }
  Menu_Top .content .lang {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  Menu_Top .content .lang:hover {
    margin-bottom: 68px;
  }
  Menu_Top .content .lang ul {
    margin-right: 15px;
  }
  Menu_Top .content .footnote {
    width: 100%;
  }
  Menu_Top .content .footnote .copyright,
  Menu_Top .content .footnote .text {
    display: block;
    text-align: center;
    line-height: 24px;
  }
}