body {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-weight: 400;
	background-color: rgba(0, 0, 0, 0.02);
}

h1 a {color: #878787;}

.grey {color: #999999;}

.button {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;	
}

.button-group li{	
	padding-top: 3%;
}

.button-group a{
	color: rgba(0, 0, 0, 1);
	background-color: transparent;
}

.button-group a:hover {
	color: rgba(0, 0, 0, 0.4);
	background-color: transparent;
}

.button-group{
	float: none;
}

.button-grey {background: #aaa;}
.button-grey:hover {background: #999;}

.no-margin {margin: 0px !important;}

.namelogo h1 {
	font-size: 1.5em;
	font-weight: 600;
	text-align: center;
}

@media only screen and (min-width: 40.063em) {
	.button-group{
		float: right;
	}
	.namelogo {
		padding-bottom: 0px;
	}
	.namelogo h1 {
		font-size: 16px;
		text-align: left;
	}
}

@media only screen and (min-width: 64.063em) {
	.namelogo h1 {
		font-size: 24px;
		text-align: left;
	}
}

.hero{
	background: url("/public/img/pilot-vessel.jpg");
	background-size: cover;
	box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.15);
	height: 361px;
	background-position: center center;
}

.intro-text {
	padding-top: 40%;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}

@media only screen and (min-width: 40.063em) {
	.intro-text{
		padding-top: 25%;
	}
}

@media only screen and (min-width: 64.063em) {
	.intro-text{
		padding-top: 18%;
	}
}

.intro-text p{
	font-family: 'Shadows Into Light', cursive;
	font-size: 44px;
}

.about, .work, .contact {
	padding: 50px 0 0 0;
}

.iso_20000 {float: right; margin-top: 0px; width: 131px;}

.work img:hover {
	opacity: 0.5;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.work li {
	height: 140px;
	overflow: hidden; 
}


hr {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	opacity: 0.8;
}

footer {
	padding: 80px 0 10px 0;
}

footer a:hover {
	color: rgba(0, 0, 0, 0.4);
	background-color: transparent;
}

.login-box {
  background: #fff;
  border: 1px solid #ddd; 
  margin: 0 0 40px 0;
  padding: 20px 20px 0 20px;
}

.nav-bar li.active {background: #0078A0;}
.nav-bar li.active a {color: white;}


.alert {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2;
    color: #333333;
}

.alert p:last-child {margin-bottom: 0px; padding-bottom: 0px;}

.alert.radius {
    border-radius: 3px;
}
.alert.alert-info {
    border-style: solid;
    border-width: 1px;
    border-color: #b6edff;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #ecfaff;
    color: #333333;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.alert button {display: none;}



.copy a {color: #cccccc; font-size: 1.1rem;}

.idiomas {
	font-size: 0.7rem;
	text-align: right;
	background: #e3e3e3;
	padding: 2px 0;
}
.idiomas span, .idiomas a {padding-left: 10px;}
.idiomas a {color: #999999; }


.alert-box.alert a {color: white; font-weight: bold;}


.adorno {
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;	
}


@media only screen and (max-width: 64.063em) {
	.about, .work, .contact, footer {
		padding-top: 10px;
	}
	.login-box {margin-bottom: 0px;}
	.idiomas span, .idiomas a {
			padding-left: 7px;
	}
}

.login-simple .login-box {margin-bottom: 0px;}
.login-simple footer {padding-top: 0px;}

p {text-align: justify}
.alert p {text-align: left;}