@charset "UTF-8";

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-v4-latin-regular.eot');
    src: url('../fonts/poppins-v4-latin-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-v4-latin-regular.woff') format('woff'),
         url('../fonts/poppins-v4-latin-regular.ttf') format('truetype'),
         url('../fonts/poppins-v4-latin-regular.svg#zona_probold') format('svg');
    font-style: normal;
}

html {
font-family:"poppins", sans-serif;
font-weight:200;
color:#000;
box-sizing:border-box;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

*, *:before, *:after {
box-sizing:inherit;
}

*{
box-sizing:border-box;
}

body {
margin:0;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
font-family:'poppins';
color:#525252;
opacity:1; /* Firefox */
font-weight:200;
font-size:1em;
text-align:left;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-family:'Zona pro';
color:#525252;
font-weight:200;
font-size:1em;
text-align:left;
}

::-ms-input-placeholder { /* Microsoft Edge */
font-family:'Zona pro';
color:#525252;
font-weight:200;
font-size:1em;
text-align:left;
}

img{
border:0;
}

.select2-container--default .select2-selection--single{
border:1px solid #dee2e6 !important;
}

.select2-container--default .select2-selection--single{
padding-top:0.2em;
height:2.3em!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
color:#666!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
margin-top:0.2em;
}

/* Colores */
.verde{
color:#77aa21;
}

.verdecpuntos::before{
color:#77aa21;
}

.verdeosc{
color:#00686e;
}

.verdeneg{
color:#00373e;
}

.negclaro{
color:#666;
}

.bgverde{
background-color:#77aa21;
}

.bgverdeosc{
background-color:#00686e;
}

.bgverdeneg{
background-color:#00373e;
}

h2{
font-size:1.5em;
color:#000;
position:relative;
text-transform:uppercase;
font-weight:600;
}

h2::after {
content:" ";
position:absolute;
left:50%;
transform:translatex(-50%);
border-bottom:1px solid #77aa21;
width:3em;
top:2em;
}

ul{
padding:0;
margin:0;
list-style-type:none;
}

ul>li{
position:relative;
padding-left:1em;
margin-bottom:0.5em;
}

ul.verderp>li::before{
content:"·";
font-weight:900;
font-size:1.5em;
position:absolute;
left:0;
top:-0.25em;
}

.txtlegal{
font-size:0.9em;
}

.cambiancho {
background: #e78629;
color:white;
height:2rem;
width:0;
color:#fff;
font-size:0.9em;
margin-top:0.5em;
}

.cambianchow{
transition:width 5s;
width:100%;
line-height:2em;
}

/* Menu */
#movmenu {
background-color:rgba(0,102,117,0.6);
position:absolute;
width:24em;
right:-1em;
top:5em;
padding:2em;
}

#movmenu>li{
border-bottom:1px solid #7ca7ad;
padding:0;
text-align:left;
}

.navly .movmenu, .slicknav_menu {
	display:block;
	background-color:rgba(76,76,76,0);
}

.slicknav_menu{
  position:absolute;
  z-index:9999;
  right:1em;
  top:1em;
}

.slicknav_btn {
	margin:0.5em;
	background-color:transparent;
  font-size:1.8em;
}

.submenu>ul{
margin:0;
padding:0;
}

.submenu > ul > li {
text-align:center;
width:33.33%;
display:inline-block;
padding:0;
float:left;
padding-left:2em;
padding-right:2em;
height:4em;
line-height:1em;
position:relative;
}

.submenu > ul > li > a {
display:block;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
left:50%;
font-size:0.9em;
width:80%;
color:#fff;
}

.submenu > ul > li > a:hover{
text-decoration:none;
}

/* Cabecera */
.cabecera{
width:100%;
position:relative;
left:0;
top:0;
}

.cabecera>.logo{
position:absolute;
left:3em;
top:2em;
}

.cabecera>h1{
color:#fff;
font-weight:600;
font-size:1.3em;
position:absolute;
top:40%;
left:50%;
transform:translatex(-50%);
font-size:2em;
width:80%;
}

/* Home */
.homecomtxt{
position:relative;
}

.homecomtxt>div{
position:absolute;
top:45%;
left:50%;
transform:translate(-50%,10%);
width:70%;
}

.homecaja{
  float:left;
  position: relative;
  width:33%;
  padding-bottom:25%;
  margin:0;
  overflow:hidden;
}

.homecajab{
  position: relative;
  width:47%;
  padding-bottom:20%;
  margin:0;
  overflow:hidden;
  float:left;
  cursor:default;
}

.homecajab:hover,
.homecajacir:hover,
.homecajadocs:hover,
.homecajainf:hover,
.homecajadocnorm:hover
{
cursor:pointer;
}

.cont {
  position:absolute;
  height:90%;
  width:90%;
  padding:5%;
  left:50%;
  top:3em;
  transform:translateX(-50%);
}

.homecajab .cont{
padding:0;
top:1em;
}

.table{
display:table;
width:100%;
height:100%;
}

.table-cell{
display:table-cell;
vertical-align:top;
}

.homecaja i, .homecajab i{
color:#fff;
font-size:3.5em;
font-weight:900;
}

.homecajab i{
font-size:3em;
}

.homecaja p, .homecajab p{
color:#fff;
line-height:1em;
font-size:0.95em;
}

/* Formularios */
.input-group-text.bg-iconform{
width:2.8em;
}

.bg-iconform{
background-color:#efefef;
}

.form-control:focus{
box-shadow:none;
}

.txttit,
.txttita
{
border-bottom:1px solid #000;
font-size:1.1em;
height:3em;
}

.txttita{
height:initial;
}

.txttit>a,
.txttita>a
{
display:block;
}

.txttit>a>span,
.txttita>a>span
{
font-family:'poppins';
font-size:0.9em;
}

.txttita>a>span{
font-size:0.8em;
}

button.aceptar
{
background-color:#77aa21;
color:#fff;
border:0;
height:3em;
font-size:1.2em;
text-align:center;
width:48%;
}

button.cancelar
{
background-color:#00686e;
color:#fff;
border:0;
height:3em;
font-size:1.2em;
text-align:center;
width:48%;
}

.volverbt
{
background-color:#c82333;
color:#fff;
border:0;
font-size:1.2em;
text-align:center;
padding:0.5em 2em;
}

.aceptar
{
background-color:#77aa21;
color:#fff;
border:0;
font-size:1.2em;
text-align:center;
padding:0.5em 2em;
}

.cancelar
{
background-color:#00686e;
color:#fff;
border:0;
font-size:1.2em;
text-align:center;
padding:0.5em 2em;
}

.aceptar:hover,
.cancelar:hover{
color:#efefef;
}

#datatable-responsive a{
color:#77aa21;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
border:0!important;
background:none!important;
}

.page-item.active .page-link {
background-color:#00686e;
border-color:#00686e;
}

.page-link:hover {
color:#77aa21!important;
}

table.dataTable thead th,
table.dataTable thead td{
border-bottom:1px solid #c0c0c0!important;
color:#666;
font-weight:600!important;
}

table.dataTable.no-footer{
border-bottom:1px solid #c0c0c0!important;
}

/* Lightbox */
.lbox{
position:absolute;
left:0;
top:0;
width:40em;
height:20em;
z-index:5;
overflow-y:auto;
border:1px solid #c0c0c0;
background-color:rgba(255,255,255,0.8);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:none;
}

/* Cookie notice */
#cookie-notice{
background-color:rgba(0,0,0,0.6)!important;
height:initial!important;
position:absolute;
left:0;
top:0;
display:inline-block;
z-index:9999;
display:none;
}

#cookienote-container{
width:90%;
}

#cookienote-container>h2{
display:none;
}

#cookienote-container p{
margin-left:0;
font-size:0.8em;
width:100%;
color:#fff;
text-align:justify;
}

#continue-list{
position:initial;
left:initial;
display:inline-block;
}

#cookienote-container ul{
position:initial;
left:initial;
width:100%;
}

#cookienote-container ul li{
display:block;
}

#cookienote-container ul li:first-child{
margin-left:10%;
float:left;
}

#cookienote-container ul li:last-child{
margin-right:10%;
float:right;
}

#cookienote-container ul#continue-list li button,
#cookienote-container ul#continue-list li a
{
background-position:initial;
color:#000;
font-size:1.2em;
border:0;
cursor:pointer;
background-color:#e8ff00;
text-transform:uppercase;
font-size:0.7em;
font-weight:700;
padding:0.5em 1em;
font-family:"zona pro";
text-decoration:none;
}

#back-to-top {
position:fixed;
bottom:40px;
right:40px;
z-index:9999;
width:2.3em;
height:1.8em;
text-align:center;
line-height:25px;
background:#e8ff00;
color:#444;
cursor:pointer;
border:0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
text-decoration:none;
transition:opacity 0.2s ease-out;
opacity: 0;
}
#back-to-top:hover {
background:#d5ea00;
}
#back-to-top.show {
opacity:1;
}

.wrappermain{
display:block;
text-align:center;
padding:0;
margin:0 auto;
max-width:1370px;
}

.contenedor{
width:100%;
height:100%;
text-align:center;
}

/* Mensajes */
.jconfirm-title{
font-weight:700;
}

/* Cabecera */
header{
width:100%;
position:relative;
display:block;
height:44em;
}

header .overdiapo{
display:inline-block;
position:absolute;
left:0;
top:0;
z-index:2;
width:100%;
}

.logo a img{
width:15em;
height:auto;
}


/* Pie */
.pie ul{
display:inline-block;
float:left;
list-style-type:none;
margin-top:0;
padding:0;
}

.pie ul li{
text-align:left;
position:relative;
padding-left:0.5em;
}

.pie ul li::before{
content:"·";
position:absolute;
top:0;
left:0;
color:#fff;
}

.pie ul li a{
color:#ffffff;
font-size:0.8em;
text-decoration:none;
}

.pielegal>p{
display:inline-block;
float:left;
font-size:0.8em;
}

.pielegal>div>a{
font-size:0.8em;
}