@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,700');

* {
	margin: 0;
	padding: 0;
	border: 0;
}

article, figcaption, figure, footer, header, hgroup, nav, section p {
	display: block;
}

body, html {width: 100%; height: 100%; }

body {
 	font-family: 'Titillium Web', sans-serif;
 	background: url('../img/img-bg.png') #155078 center top no-repeat;
	background-attachment: fixed;
 	 -webkit-font-smoothing: antialiased;
 	 position: relative;
 	 overflow-x: hidden;
 	 color: #fff;
}
header {width: 100%;}
section {width: 100%; padding: 3em 0;}
article {
	width: 70%;
	margin: 0 auto;
	position: relative;
	max-width: 960px;
}

figcaption {
	font-size: 0.85em;
	padding: 0.25em;
	text-align: center;
}

img {
	max-width: 100%;
}

video {
	margin: 0;
	padding: 0;
}
.clear {clear: both;}
.fade, a.fade, .menu-bar, header, .logo, .pad-large, .pad-small {
	-ms-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	opacity: 1;
	filter: alpha (opacity=10);
}

.fade:hover, a.fade, .menu-bar, header, .pad-large, .pad-small {
	-ms-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}

	*, *:before, *:after{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.movil {display: block;}
.screen {display: none; visibility: hidden;}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
}
.shadow {
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}
/******HEADER*****/
header {
	width: 50%;
	max-width: 720px;
	text-align: center;
	margin: 5em auto;
}
.logo {
	margin: 0 auto;
	width: 40%;
	display: inline-flex;
	padding: 10px;
}
.descripcion {
	width: 70%;
	padding: 0 20px;
	color: #002b54;
}
.logo, .descripcion {
	display: inline-block;
	vertical-align: middle;
}
/******Servicios*****/
.serv {
	margin-bottom: 3em;
}
h1 {
	font-size: 40px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}
h2 {
	font-size: 30px;
	width: 100%;
	border-bottom: 1px solid #ff9933;
	color: #ff9933;
	margin: 1em 0;
}
.box {
	width: 49%;
	display: inline-block;
	vertical-align: middle;
	padding: 0.5em;
	text-align: center;
	border: 1px solid transparent;
}
.box-4 {
	width: 24%;
	display: inline-block;
	vertical-align: middle;
	padding: 0.5em;
	text-align: center;
	border: 1px solid transparent;
}
.box-5 {
	width: 19%;
	display: inline-block;
	vertical-align: middle;
	padding: 0.5em;
	text-align: center;
	border: 1px solid transparent;
}
.box:hover, .box-4:hover, .box-5:hover {
	border: 1px solid #ab8217;
}
/*****Contacto******/
a {color: #fff; }
a:hover {color: #5692c5; text-decoration: none;}
.box-contact {width: 30%; margin: 2%; padding: 2% 0 0 2%; display: inline-block; vertical-align: top;}
#contacto {text-align: center; padding-top: 0}
#datos{text-align: right; margin-right: 0; padding-right: 0; font-size:18px}
#form-contact {text-align: left; border-left: 1px solid #ab8217}
#datos.box-contact {text-align: left;}
.ubicacion {background: url('../img/icn-ubic.svg') no-repeat}
.telefono {background: url('../img/icn-tel.svg') no-repeat}
.mail {background: url('../img/icn-mail.svg') no-repeat}
.user {background: url('../img/icn-user.svg') no-repeat}
.ubicacion, .telefono, .mail, .user { padding-left: 60px; height: 60px;width: 100%; line-height: 105%; margin: 0.5em 0; background-position: 0% 9px;}
.ubicacion {padding-top: 9px;}
.telefono, .mail, .user {padding-top: 20px;}
.txtinput, textarea {
  padding: 10px;
  margin: 5px 0;
	width: 100%;
  font-size: 13px;
  color: #004077;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	font-family: 'Titillium Web', sans-serif;
}
.txtinput, textarea {background: #fff;}
a#button {float: right; margin-right: -15px;}
a#button img {width: 70px;}
a#button:hover {opacity: 0.85; filter: alpha(opacity=85)}
::-webkit-input-placeholder {
	font-family: 'Titillium Web', sans-serif;
  color: #004077;
  font-size: 13px;
  opacity: 1;
  filter: alpha(opacity=100);
}

::-moz-placeholder {
	font-family: 'Titillium Web', sans-serif;
  color: #004077;
  font-size: 13px;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* firefox 19+ */

:-ms-input-placeholder {
	font-family: 'Titillium Web', sans-serif;
  color: #004077;
  font-size: 13px;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* ie */

input:-moz-placeholder {
	font-family: 'Titillium Web', sans-serif;
  color: #004077;
  font-size: 13px;
  opacity: 1;
  filter: alpha(opacity=100);
}

*:focus, button:focus {
  outline: none
}

input:focus, textarea:focus, select:focus {
  box-shadow: 0 0 5px #000;
}

textarea {
  resize: none;
}

input, .submitbtn, textarea, select, button {
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type=number] { -moz-appearance:textfield; }

/*****FOOTER****/
footer {font-size: 13px; text-align: center;padding: 1em 0;}


/***waypoints***/
.opzero {opacity: 0}
.op {opacity: 1}