* {

  box-sizing: border-box;
  
  	margin: 0px;
    padding: 0px;

}

body {
	width: 100%;
	color: black;
	/*font-size: 14px;*/
	font-size: 1em;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.bg_nav {
	background-color: #377E7E;
}

#banner {
	padding-top:42%;		
	background-image: url('../img/banner_01.jpg');
	background-size: contain;
	background-repeat: no-repeat;
}

div#banner_content {
	position: absolute;
	padding: 30px;
	color: #FFF;
	text-align: center;
	font-size:3.2vw;
  
  /*  Para centrar verticalmente usando position and transform */

   
    background: #000000;
    filter:alpha(opacity=60); /* IE */
    -moz-opacity:0.6; /* Mozilla */
    opacity: 0.6; /* CSS3 */
}

.bg-black-10 
{
  background:rgba(0,0,0,0.1);
}

.bg-black-20 
{
  background:rgba(0,0,0,0.2);
}

.bg-black-30 
{
  background:rgba(0,0,0,0.3);
}

.bg-black-40 
{
  background:rgba(0,0,0,0.4);
}

.bg-black-50 
{
  background:rgba(0,0,0,0.5);
}

.bg-black-60 
{
  background:rgba(0,0,0,0.6);
}

.bg-black-70 
{
  background:rgba(0,0,0,0.7);
}

.bg-black-80 
{
  background:rgba(0,0,0,0.8);
}

.bg-black-90 
{
  background:rgba(0,0,0,0.9);
}

/*
.semiTransparentback 
{
    background: #000000;
    filter:alpha(opacity=60); -> IE 
    -moz-opacity:0.6; -> Mozilla 
    opacity: 0.6; -> CSS3 
    position: absolute;
    top: 100px; left: 0;
    height: 100%; width:920px;
}
*/

/* ==============================  */

/* Footer */
#footer {
	color: #377E7E;
	margin: 20px auto 20px auto;	
	text-align: center;
	
	/*border-top: 1px #B2B2B2 solid;*/
}

#footer_map {
	margin-top: 10px;
	font-size: .8em;
	 
	font-weight:bold;
	 
}

#footer_map a {
	color: #377E7E; 
	text-decoration: none;
	/*display: block;
	padding: 5px 10px 5px 10px;*/
}
#footer_map a:hover {
	color: #377E7E;
	text-decoration:underline;
	
	/*text-decoration: none;*/
	/*font-weight:bold;*/
}

#footer_text {
	margin-top: 10px;
	font-size: .8em;
}

#footer_text a {
	color: #377E7E; 
	text-decoration: none;
}

#footer_text a:hover {
	color: #377E7E;
	text-decoration:underline;
	/*font-weight:bold;*/
}

.header_text {
	font-size: 1.5rem;
	font-weight:bold;
	line-height: 0.8;
}

.padding_top_down_20 {
	padding: 20px 0 20px 0;	
}

.padding_down_20 {
	padding: 0 0 20px 0;	
}

.padding_top_20 {
	padding: 20px 0 0 0;	
}

.margin_down_20 {
	margin: 0 0 20px 0;	
}

.margin_top_20 {
	margin: 20px 0 0 0;	
}

.line-white { 
    display: block;
    margin-before: 0.2em;
    margin-after: 0.2em;
    margin-start: auto;
    margin-end: auto;
    overflow: hidden;
    border-width: 1px;
    background-color: #FFFFFF;
}

.line-bg-50 { 
	width:50%;
    display: block;
    margin-before: 0.2em;
    margin-after: 0.2em;
    margin-start: auto;
    margin-end: auto;
    overflow: hidden;
    border-width: 1px;
    background-color: #377E7E;
}

/* ================== */

.bg_aboutus {
	height:100%;
	background-image: url('../img/bg_aboutus.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.bg_services {
	height:100%;
	background-image: url('../img/bg_services.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.a_list {
 padding-left: 20px;
 list-style-position:inside;
}
.b_list {
 padding-left: 40px;
 list-style-position: inside;
}

.text_bg_color {
	color:#377E7E;
}

.link_underline a {
		text-decoration: underline;

}

.link_underline a:hover {
		text-decoration: none;

}