/*Body*/
body {
    font-family: arial, sans-serif;
    padding: 0;
    margin: 0;
    background-color: #00488a; 
    width:1000px;
}
/*Header*/
#header1 {
    background-color: #00488a;
    /*Opacity start*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.8;
    opacity: 0.7;
    /*Opacity end*/
    color: #f96e5b;
    position: fixed;
    top: 0;
    left: 0;
    width:1000px;
    height: 180px;
    padding: 0;
    margin: 0;
z-index: 100;
}
#header1 #header-content {
    margin: 10px 100px;
    width:1000px;
    height:80%;
    left:0;
z-index: 100;
}
#header-back {
    background-color: #00488a;
    top: 0;
    left: 0;
    width: 1000px;
    height: 180px;
    padding: 0;
    margin: 0; 
    z-index: -1;  
}
#header-line {
    color: #aaffff;
    position: fixed;
    top: 155px;
    right: 0;
    width: 1000px;
    height: 2px;
    padding: 0;
    margin: 0;
    z-index:101;
}
#menu_horizontal {
    color: #f96e5b;
    position: fixed;
    top: 140px;
    left: 0;
    width: 100%;
    height: 150px;
    padding: 0;
    margin: 0;
    z-index: 101;
}
/*Footer*/
#footer {
    background-color: #00488a;
    color: #aaffff;
    position: static;
    bottom: -500;
    left: 0;
    width: 1000px;
    height: 100px;
    padding: 0;
    margin: 0;
}
#footer #footer-content {
    margin: 10px;
}
/*Logos*/
#logo_submarin {
    color: #f96e5b;
    position: fixed;
    top: 20px;
    left: 10px;
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
}
#logos {
    color: #f96e5b;
    position: fixed;
    top: 10px;
    right: 0;
    width: 150;
    height: 2px;
    padding: 0;
    margin: 0;
    z-index: 100;
}
/*Fonts*/
/*Font header*/
H1
{
   color:#aaffff;
   font-size:24pt;
font-weight:200;
   font-family:arial;
text-align:justify;
}

H1s
{
   color:#aaffff;
   font-size:12pt;
font-weight:normal;
font-family:verdana;
text-align:left;
vertical-align:text-top;
}

 /*Font footer*/
H2
{
   color:#aaffff;
   font-size:8pt;
   font-style:normal;
   font-weight:normal;
   font-family:arial;
text-align:center;
}
 /*Font titles*/
H3
{
   color:#aaffff;
   font-size:14pt;
   font-style:normal;
   font-weight:normal;
   font-family:arial;
text-align:center;

}
 /*Font titles*/
H4
{
   color:#aaffff;
   font-size:10pt;
   font-style:normal;
   font-weight:normal;
   font-family:arial;
text-align:center;
}
H5
{
   color:#aaffff;
   font-size:10pt;
   font-style:normal;
   font-weight:normal;
   font-family:arial;
text-align:justify;
  margin: 10px 10px 10px 10px;
}
 /*Font errors*/
ER
{
   color:#ffffff;
   font-size:10pt;
   font-style:normal;
   font-weight:normal;
   font-family:arial;
text-align:center;
}
/*paragraph inted*/
p {
    text-indent: 50px;
}

/*Links*/
/* unvisited link */
a:link {
    color: #aaffff;
 
 
}
/* visited link */
a:visited {
    color: #aaffff;


}
/* mouse over link */
a:hover {
    color: #ed6363;


}
/* selected link */
a:active {
    color: #aaffff;


}
/* boxes login*/
.div1 {
    width: 500px;
    height: 350px;
    border: 1px solid;
    border-color: #aaffff;
    top: 10px;
    left: 10px;
    padding: 0;
    margin: 10; 


}
.div2 {
    width: 500px;
    height: 350px;
    border: 1px solid;
    border-color: #aaffff;
    top: -312px;
    left: 521px;
    padding: 0;
    margin: 0; 
    position:relative;
    z-index:-1000;
}
/* boxes contac*/
.div3 {
    width: 500px;
    height: 720px;
    border: 1px solid;
    border-color: #aaffff;
    top: 10px;
    left: 10px;
    padding: 0;
    margin: 10; 

}
.div4 {
    width: 800px;
    height: 720px;
    border: 1px solid;
    border-color: #aaffff;
    top: -732px;
    left: 521px;
    padding: 0;
    margin: 0; 
    position:relative;
}
.div5 {
    width: 800px;

    border: 1px solid;
    border-color: #aaffff;
    top: 10px;
    left: 10px;
    padding: 0;
    margin: 10; 

}


/*HPCC*/
.div_ada_1 {
    width: 500px;
    height: 350px;
    border: 1px solid;
    border-color: #aaffff;
    top: 10px;
    left: 10px;
    padding: 0;
    margin: 10;
    }
.div_ada_2 {
    width: 500px;
    height: 350px;
    border: 1px solid;
    border-color: #aaffff;
    top: -362px;
    left: 521px;
    padding: 0;
    margin: 0; 
    position:relative;
    z-index:-1000;
}
.div_ada_3 {
    width: 1011px;
    height: 350px;
    border: 1px solid;
    border-color: #aaffff;
    top: -353px;
    left: 10px;
    padding: 0;
    margin: 0; 
    position:relative;
    z-index:-1000;
}
/*LNVCA*/
.div_lnvca_1 {
    width: 500px;
    height: 400px;
    border: 1px solid;
    border-color: #aaffff;
    top: 10px;
    left: 10px;
    padding: 0;
    margin: 10;
    }
.div_lnvca_2 {
    width: 500px;
    height: 400px;
    border: 1px solid;
    border-color: #aaffff;
    top: -412px;
    left: 521px;
    padding: 0;
    margin: 0; 
    position:relative;
   
}
.div_lnvca_3 {
    width: 500px;
    height: 500px;
    border: 1px solid;
    border-color: #aaffff;
    top: -403px;
    left: 10px;
    padding: 0;
    margin: 0; 
    position:relative;

}
.div_lnvca_4 {
    width: 500px;
    height: 500px;
    border: 1px solid;
    border-color: #aaffff;
    top: -905px;
    left: 521px;
    padding: 0;
    margin: 0; 
    position:relative;

}
.div_lnvca_5 {
    width: 500px;
    height: 600px;
    border: 1px solid;
    border-color: #aaffff;
    top: -896px;
    left: 10px;
    padding: 0;
    margin: 0; 
    position:relative;

}
.div_lnvca_6 {
    width: 500px;
    height: 600px;
    border: 1px solid;
    border-color: #aaffff;
    top: -1498px;
    left: 521px;
    padding: 0;
    margin: 0; 
    position:relative;

}



/*button*/
.btn {
  background: #868686;
  background-image: -webkit-linear-gradient(top, #868686, #000000);
  background-image: -moz-linear-gradient(top, #868686, #000000);
  background-image: -ms-linear-gradient(top, #868686, #000000);
  background-image: -o-linear-gradient(top, #868686, #000000);
  background-image: linear-gradient(to bottom, #868686, #000000);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 14px;
  padding: 5px 5px 5px 5px;
  border: solid #aaffff 1px;
  text-decoration: none;
  width:100px;
  height:40px;
  
    display: -webkit-flex; /* Safari */
    -webkit-valign-items: center; /* Safari 7.0+ */
    display: flex;
    valign-items: center;

}

.btn:hover {
  background: #aaffff;
  background-image: -webkit-linear-gradient(top, #aaffff, #ed6363);
  background-image: -moz-linear-gradient(top, #aaffff, #ed6363);
  background-image: -ms-linear-gradient(top, #aaffff, #ed6363);
  background-image: -o-linear-gradient(top, #aaffff, #ed6363);
  background-image: linear-gradient(to bottom, #aaffff, #ed6363);
  text-decoration: none;
  border: solid #868686 1px;
}
/*form submit*/
.form_submit {
    border: 0px solid;
    border-color: #aaffff;
    padding: 0;
    margin:10px 40px;

}
/*form submit*/
.form_submit_contact {
    border: 0px solid;
    border-color: #aaffff;
    padding: 0;
    margin:10px 40px;

}
/*leaflet*/
.google_map {
    border: 1px solid;
    width: 400px;
    height: 400px;
    border-color: #aaffff;
    padding: 0;
    margin:40px 50px;
}

/*Usr-Pwd*/
.inputboxUsr {
width: 150px;
margin: 0 0 1em 0;
border: 1px solid #868686;
background-color:#aaffff;
}
.inputboxPwd {
width: 150px;
margin: 0 0 1em 0;
border: 1px solid #868686;
background-color:#aaffff;
}
.inputboxContact{
width: 300px;
margin: 0 0 1em 0;
border: 1px solid #868686;
background-color:#aaffff;
}
.inputboxMessage{
width: 300px;
height:150px;
margin: 0 0 1em 0;
border: 1px solid #868686;
background-color:#aaffff;
}
/*photo about us*/
.photo_ada {
  background: #868686;
  background-image: url("/submarin/about/hpcc/images/Ada_Lovelace_gray.png");
  background-size: 100px;
  background-repeat: no-repeat;
  -webkit-border-radius: 40;
  -moz-border-radius: 40;
  border-radius: 40px;
  padding: 5px 5px 5px 5px;
  margin:5px 5px 5px 5px;
  border: solid #aaffff 1px;
  width:100px;
  height:100px;
  float: left;
}

.photo_ada:hover {

  background-image: url("/submarin/about/hpcc/images/Ada_Lovelace_red.png");
  text-decoration: none;
  border: solid #868686 1px;
}