@import url(font-awesome.min.css);
@import url(all.css);
@import url('https://fonts.googleapis.com/css?family=Exo&display=swap');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro&display=swap');

* {
	margin: 0;
    padding: 0;
    font-family: 'Maven Pro', sans-serif;
}

body {
    overflow-x: hidden;
    display:none;
}

h2, h5 {
    text-align: center;
    font-family: 'Maven Pro', sans-serif;
}

a {
    text-decoration: none;
    color: green;
}

a:hover {
    text-decoration: none;
    color: darkgreen;
}

ul li{
    list-style: none;
    cursor: pointer;
}

ul li:hover {
    transition: all 180ms ease 0s;
    font-weight: bolder;
}

ul li a {
    font-family: 'Exo', sans-serif;
}

ul.lista-menu li a {
    font-size: 1.2em;
}
/**********************************************/
@media (min-width: 768px){
    .con {
        width: 100vmax;
        height: 100vmin;
        text-align: center;
    }

    .fullBackground {
        background-position: center center;
        background-attachment: fixed;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vmax;
        height: 100vmin;
        z-index: -1;
        /* filter: blur(5px); */
        opacity: 0.25;
        filter: alpha(opacity=25);
    }
    
    div#inicio {
        text-align: center;
        width: 100vmax;
        height: 100vmin;
        /* dding-top: 15vmin; */
        /* margin-top: 15vmin; */
    }

    section#contacto {
        background: linear-gradient(rgba(244, 250, 232,0.9), rgba(15,62,8,0.1)), url(../img/dna.jpg);
        background-position: center center;
        background-attachment: fixed;
        background-size: cover;
    }
}

img#logo {
    width: 15vmax;
    cursor: pointer;
    position: fixed;
    display: none;
    left: 2vmax;
    top: 1vmin;
    z-index: 100;
}

nav#navMenu {
    position: fixed;
    display: flex;
    right: 2vmax;
    top: 3vmin;
    display: none;
    z-index: 100;
}

nav#navMenu ul li {
    display: inline;
    padding: 1vmax;
}

img#logo, nav#navMenu {
    display: inline-block;
    vertical-align: middle;
}

img#logPrin {
    margin-top: 15vmin;
    width: 35vmax;
    display: none;
}

div.contenedor-titulo p {
    margin: 2vmax 0;
    font-family: 'Exo', cursive;
    font-size: 2em;
    color: darkgreen;
    display: none;
}

.poin {
    cursor: pointer;
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.2em;
    margin: 0;
    display: none;
}
/* NOSOTROS */
ul.tabs {
    padding-top: 10vmin;
}

div#tNos ul li {
    width: 10vmax;
    display: inline-block;
    padding: 1% 5% 1% 5%;
}

div#tNos ul li a {
    font-family: 'Exo', sans-serif;
    font-size: 1.2em;
}

div#tNos ul li.active {
    border-bottom: 3px solid darkgreen;
    font-weight: bold;
}

ul.tabs i {
    font-size: 1em;
}

article p {
    padding: 3vmin 15vmax;
    font-size: 1.2em;
}

img.imgNos {
    height: 45vmin;
}

a.acer, h2 {
    margin: 0 10vmax;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

img.cert1 {
    cursor: pointer;
    max-width: 11vmax;
}

img.cert {
    max-width: 7vmax;
    cursor: pointer;
}

a.acer p {
    font-weight: bold;
    cursor: pointer;
}

.aNos {
    font-weight: bold;
}
/* PRUEBAS */
section#pruebas h2 {
    padding-top: 10vmin;
}

div#tabla {
    padding: 0 5vmax;
}

td.details-control {
    background: url('../img/dt/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/dt/details_close.png') no-repeat center center;
}

.tabAux {
    padding-left:50px;
    text-align:left;
    width: 100%;
}

.dataTables_filter input[type=search] {
    padding: 1em;
    border: 2px solid green;
    border-radius: 4px;
    background: #FFF;
}

/* CONTACTO */

div#formulario {
    padding-top: 10vmin;
    width: 100vmax;
}

form {
    box-sizing: border-box;
}

input[type=text], textarea, input[type=email], input[type=number] {
    padding: 1em;
    display: block;
    margin: 1% 0 1% 25%;
    width: 50vmax;
    box-sizing: border-box;
    border-radius: 5px;
    border: none;
    border: 2px solid green;
}

textarea {
    height: 20vmin;
}

input[type=button], input[type=submit], input[type=reset] {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 1em;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    width: 45%;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: black;
    font-weight: bold;
}
::-moz-placeholder { /* Firefox 19+ */
    color: black;
    font-weight: bold;
}
:-ms-input-placeholder { /* IE 10+ */
    color: black;
    font-weight: bold;
}
:-moz-placeholder { /* Firefox 18- */
    color: black;
    font-weight: bold;
}

div#telefonos {
    margin-top: 5vmin;
    width: 100%;
}

div#telefonos i {
    font-size: 3em;
}

div#telefonos i, div#telefonos p {
    display: inline-block;
    vertical-align: middle;
}

.icono {
    text-align: center;
    display: inline;
    margin: 0 1%;
    color: #FFF;
    font-family: 'Maven Pro', sans-serif;
}
/* UBICANOS */
.google-maps {
    padding-top: 15vmin;
}

iframe {
    min-height: 32vmax;
    width: 50vmax;
}

footer{
    height: 20vmin;
    padding: 7vmin 0;
    font-family: 'Maven Pro', sans-serif;
    color: white;
    background: linear-gradient(rgba(244, 250, 232,.9), rgba(15,62,8,.7)), url(../img/dna.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

.aPri {
    color: #FFF
}

/**********************************************************************/