@charset "UTF-8";
/* Scss estilos */
/*Colores*/
/*Fonts*/
/*Opciones*/
/*CSS Font Family Trueno*/
@font-face {
  font-family: trueno;
  src: url(fonts/TruenoLt.otf);
  font-weight: 200; }
@font-face {
  font-family: trueno;
  src: url(fonts/TruenoRg.otf);
  font-weight: 400;
  /*normal*/ }
@font-face {
  font-family: trueno;
  src: url(fonts/TruenoSBd.otf);
  font-weight: 500;
  /*normal*/ }
@font-face {
  font-family: trueno;
  src: url(fonts/TruenoBd.otf);
  font-weight: 700;
  /*bold*/ }
@font-face {
  font-family: trueno;
  src: url(fonts/TruenoExBd.otf);
  font-weight: 800;
  /*normal*/ }
@font-face {
  font-family: trueno;
  src: url(fonts/TruenoBlk.otf);
  font-weight: 900;
  /*normal*/ }
/*Italicas*/
@font-face {
  font-family: trueno;
  src: url(fonts/TruenoLtIt.otf);
  font-weight: 200;
  font-style: italic; }
@font-face {
  font-family: trueno;
  src: url(fonts/TruenoRgIt.otf);
  font-weight: 400;
  /*normal*/
  font-style: italic; }
@font-face {
  font-family: trueno;
  src: url(fonts/TruenoSBdIt.otf);
  font-weight: 500;
  /*normal*/
  font-style: italic; }
@font-face {
  font-family: trueno;
  src: url(fonts/TruenoBdIt.otf);
  font-weight: 700;
  /*bold*/
  font-style: italic; }
@font-face {
  font-family: trueno;
  src: url(fonts/TruenoExBdIt.otf);
  font-weight: 800;
  /*normal*/
  font-style: italic; }
@font-face {
  font-family: trueno;
  src: url(fonts/TruenoBlkIt.otf);
  font-weight: 900;
  /*normal*/
  font-style: italic; }
/*estilos sitio ORVA con bootstrap*/
/* CSS general */
html,
html * {
  padding: 0;
  margin: 0;
  max-width: 100vw; }

body {
  overflow-x: hidden; }

* {
  box-sizing: border-box; }

a {
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto; }

/*estilos sitio ORVA con bootstrap*/
html, body {
  height: 100%; }

.affix {
  top: 0;
  width: 100%; }

.affix + .container-fluid {
  padding-top: 70px; }

body {
  font-family: trueno; }

.oculto {
  display: none; }

.no-click {
  pointer-events: none; }

.twitter-tweet {
  font-size: 1em; }

h2 {
  font-size: 1.5em; }

/* alerta */
.alerta {
  display: block; }

div.navbar-fixed-top:nth-of-type(1) {
  top: 0px; }

div.navbar-fixed-top:nth-of-type(2) {
  top: 50px; }

div.navbar-fixed-top:nth-of-type(3) {
  top: 100px; }

/* padded section */
.pad-section {
  padding: 50px 0; }

.pad-section img {
  width: 100%; }

/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0; }

/*estilo testimoniales*/
#testimoniales {
  margin-top: 70px;
  margin-bottom: 70px;
  paddig-top: 50px;
  paddig-bottom: 50px; }

.testimonio .autor {
  font-size: 1.5em; }

.testimonio .texto {
  font-style: italic; }

/* Scss Logo */
body > div#logo {
  text-align: center;
  position: relative;
  height: 105vh;
  width: 100%;
  padding: 25% 10%;
  transition: height 2s;
  transition: padding 1s; }

body > div#logo > img {
  margin: auto;
  position: relative;
  top: 0px;
  bottom: 0px;
  width: 80%;
  transition: margin 1s; }

#lema {
  font: italic bold 3em Calibri, Candara, Segoe, Segoe UI, Optima, Arial sans-serif;
  text-shadow: 4px 4px 8px #0a0a0a, 0px 0px 1px #000000; }

/*Navbar*/
li.col-md-2 {
  text-align: center; }

.navbar {
  margin-bottom: 0;
  border-radius: 0px;
  border: 0px; }

.navbar-brand {
  background-color: lightGrey;
  padding: 5px 15px; }

.logo:hover {
  background-color: white !important; }

/*colores y fondos*/
body {
  background: #323232 url(../img/fondos/fondo.jpg) center center fixed; }

a {
  text-decoration: none;
  color: #003251; }

#lema {
  color: white; }

.navbar-brand {
  background-color: lightGrey; }

.numero {
  color: white;
  }

.testimonio .autor {
  color: #1e0c0c; }

/*
.testimonio .texto {
	color: rgba(247, 247, 247, .5);
}
*/
#contacto input[type=text], select, textarea {
  color: #3D3D3D; }

/* CSS Video */
.fullscreen-bg {
  display: flex;
  justify-content: center;
  position: absolute;
  height: 100vh;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  z-index: -100;
  background: #ca9793 url("../ui/video/ORVAfnd.jpg") center center/auto 100vh no-repeat; }

.fullscreen-bg__video {
  position: absolute; }

@media (min-aspect-ratio: 16 / 9) {
  /*más alto que el aspecto del video*/
  .fullscreen-bg__video {
    width: 100vw;
    max-height: none; } }
@media (max-aspect-ratio: 16 / 9) {
  .fullscreen-bg__video {
    height: 100vh;
    max-width: none; } }
/* CSS nosotros */
#nosotros {
  background: url(../img/fondos/nosotros.jpg) no-repeat center center fixed;
  background-size: cover;
  box-shadow: 0px -20px 30px 20px rgba(0, 0, 0, 0.15);
  position: relative;
  text-align: justify; }

#nosotros + div.row {
  height: 150vh; }

.cajaIzquierda, #abajo {
  padding: 30px 20px 50px 20px;
  /*height: 100vh;*/
 }

  .cajaIzquierda{
  max-width: 100vw;
    min-height: 80vh;
    margin: 0px auto;
  }

.cajaIzquierda p {
    margin: 20px 40px; }
  .cajaIzquierda h1 {
    margin: 20px auto;
    text-align: center; }
  .cajaIzquierda p {
    margin: 0px 0px; }
  .cajaIzquierda h1 {
    text-align: right; }

#abajo{
  background-color: #3D3D3D;
  width: 100vw;

}






#abajo a{
  color:rgba(247, 247, 247, 1);
}

/*estilo datos */
.dato h2 {
  font-size: 2em; }

.numero {
  font-size: 4em; }

@media all and (min-width: 960px) {
  #nosotros + div.row {
    height: auto; }

  .cajaIzquierda {
    padding-left: 200px;
    padding-right: 20px;
    margin: 0px auto; }
    #abajo img{
      width:40vw;
    }



  }
/*estilo servicios*/
#servicios {
  margin-top: 30px;
  margin-bottom: 70px;
  paddig-top: 50px;
  paddig-bottom: 50px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap; }
  #servicios h1 {
    margin: 40px auto;
    width: 100vw; }

.actividad-parent {
  width: 250px; }

.actividad {
  /*height: 280px;/*Quitar si hago script para ajustar alturas de cada actividad*/ }
.con-liga{
	cursor: pointer;
}

.actividad .nombre {
  font-size: 1.5em;
  font-weight: 700; }

.servicio .principal {
  display: inline;
  font-weight: 700; }

.servicio .detalle {
  display: inline;
  font-weight: 200; }

.servicio li {
  font-size: 0.8em;
  font-weight: 200; }

@media all and (min-width: 350px) {
  .actividad-parent {
    min-width: 250px;
    max-width: 300px;
    width: 100%; } }
@media all and (min-width: 600px) {
  .actividad-parent {
    width: 45%; } }
@media all and (min-width: 1030px) {
  .actividad-parent {
    width: 30%;
    max-width: none;
    font-size: 1.5vw; }

  #servicios h1 {
    font-size: 3.8vw; } }
/* CSS proyectos */
.nombreProyecto {
  pointer-events: none; }

/* CSS contacto */
#contacto {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2em 0em;
  /* Style the submit button with a specific background color etc */
  /* When moving the mouse over the submit button, add a darker green color */
  /* Add a background color and some padding around the form */ }
  #contacto h1 {
    font-size: 2em; }
  #contacto form {
    max-width: 800px;
    width: 90vw;
    max-resolution: 0px auto; }
  #contacto input[type=text], #contacto select, #contacto textarea {
    width: 100%;
    /* Full width */
    padding: 12px;
    /* Some padding */
    border: 1px solid #ccc;
    /* Gray border */
    border-radius: 4px;
    /* Rounded borders */
    box-sizing: border-box;
    /* Make sure that padding and width stays in place */
    margin-top: 6px;
    /* Add a top margin */
    margin-bottom: 16px;
    /* Bottom margin */
    resize: vertical;
    /* Allow the user to vertically resize the textarea (not horizontally) */ }
  #contacto input[type=submit] {
    background-color: #003251;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
	min-height: 50px;
	}
  #contacto input[type=submit]:hover {
    background-color: #375a37; }
  #contacto .container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px; }
  #privacidad{
	padding:20px;
	}