@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700&display=swap');

@import url("bootstrap.min.css");
@import url("mdb.min.css");

html { min-height: 100%;  position: relative; height: 100%;}
body { font-family: 'Nunito Sans', sans-serif; color: #c0c0c0;  font-size: 16px;  overflow-y:scroll; overflow-x:hidden;  margin: 0; }
body, wrapper {   min-height:100vh; }
.flex-fill {   flex:1 1 auto; }

a { color: #FFFFFF; }
a:hover { color: #c2c4c5; }

.w100 { width:100%; }
.w50 { width: 50%; }
.w40 { width: 40%; }

h3 { font-size: 34px; }

.bg_azul { background-color: #005469; color: #FFFFFF; }
.bg_gris { background-color: #f7f6f6; }
.tarjeta { background-color: rgba( 0, 84, 105, 0.75); color: #FFFFFF; font-size: 16px; padding:15px 30px; width: 300px; display: inline-block;}

.f_contact { 
	background: url("../images/f_contact.jpg") center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #FFFFFF;
	min-height: 440px;
}

.f_azul  { background: #03536a; }
.fondo  { background: url("../images/fondo.jpg") center top repeat-y; }
.fondo2  { background: url("../images/fondo2.jpg") center top repeat-y; }

.cuadro { padding: 70px 70px 60px 70px; color:#005365; }
.btn-informacion { border: 1px solid #005365; color:#005365; font-size: 16px; padding: .64rem 2.14rem;  white-space: normal; word-wrap: break-word; display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; }
.btn-informacion:hover { color:#004050;  }

.btn-masinfo { border: 1px solid #FFFFFF; color:#FFFFFF;  white-space: normal; word-wrap: break-word; display: inline-block; box-shadow: none; }
.btn-masinfo:hover { color:#FFFFFF; background-color: #005365; box-shadow: none;}

.pb-8, .py-8 { padding-bottom: 6rem !important; }
.pt-8, .py-8 { padding-top: 2rem !important; }

.head {  font-size: 24px; min-height: 150px; color:#005365; }
.va-b {  vertical-align: bottom; }

.h2, h2, .h3, h3 { font-weight:600; }

footer {  font-size: 14px;  }
footer a { color: #005365; }

#legal, #cookies {display:none;  color: #000000; }
#legal a, #cookies a { color: #281447; text-decoration:underline; }


.tit { font-weight:600; font-size: 20px; margin-top:15px; }
.tit2 { font-weight:600; font-size: 18px; margin-top:5px; }

.table > thead > tr > th {    vertical-align: bottom;    border-bottom: 0px solid #61b6dc;    background-color: #61b6dc;    color: #FFFFFF;    font-size: 14px;    font-weight: normal; }
.table > thead > tr > th {    padding: 5px 8px 5px 8px;    line-height: 1.42857143; }
.table td {  padding: 5px 8px 5px 8px; }
.table.table td {    padding-top: 5px;    padding-bottom: 5px;  }

.cp-hidden { display: none; }
.cp-notice * {    box-sizing: border-box;  }
.cp-notice {    position: fixed;    bottom: 0;    left: 0;    right: 0;    z-index: 99999;}
.cp-notice > .cp-bg {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 0;    background-color: #035368;    opacity: .95;}
.cp-notice > .cp-content {    position: relative;    z-index: 1;    margin: 0 auto;    padding: 20px; color: #FFFFFF;  font-size: 16px;}
.cp-notice > .cp-content a {  text-decoration:underline; }
.cp-notice > .cp-content p, .cp-notice > .cp-content a.cp-close {  color: white;    margin-bottom: 0;}
.cp-notice > .cp-content a.cp-close {    margin-bottom:15px;    text-decoration: none; text-decoration:underline; }

.link { color: #005469; }
.cab { color: #FFFFFF; font-weight:600; font-size:60px; }
.cab span{ padding-top:20px; }

.sub-tit { color: #005469; font-weight:700; font-size: 34px; }
h4 { color: #757575; font-weight:600; font-size: 34px; }

.ico { height: 80px; margin:0 10px; }
.tx { color:#757575; font-size: 18px; }
.bold {  font-weight:700; font-size: 20px; }
.tx b { font-weight:600; font-size: 20px; }

.num { color: #005469; font-weight: 600; text-align: center; font-size: 30px; display:block; border-bottom: 2px solid #005469; width: 100%;  } 
.azul{ color: #005469; font-size: 15px; }
.azul b { font-weight:600; font-size: 17px; }
li.tx  { margin-bottom:10px; }
.text-azul { color:#005365; }

.num_circle { background: #7ba6b0; color: #FFFFFF; font-size: 25px; width: 45px; height: 45px; padding:3px 5px;   text-align: center; display: inline-block;}
.consultoria li {  color: #005469; font-weight: 600; font-size: 18px;  }
.consultoria { margin-bottom: 0; }
.alcance { color: #005469; font-weight:600; font-size: 28px; }
.tx_p { font-size: 16px; color: #757575; }


.tarjeta h4 {color:#FFFFFF; font-size: 24px; margin-bottom:10px;  }

.equipos { color: #005469; font-weight:600; font-size: 20px; }

.navbar.navbar-light .navbar-nav .nav-item .nav-link {    color: #757575; }
.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link {    background-color: #FFFFFF; color:#03536a; font-weight:600;  }
.navbar {   padding: 0;  box-shadow: none;    -webkit-box-shadow: none }
.navbar-brand {   padding-top: 0;     padding-bottom: 0; }

.n-padd {   padding-left: 0;     padding-right: 0; }
.n-mar {   margin-left: 0;     margin-right: 0; }

.form-control { border-radius: 0; margin-bottom:15px; }
.verif { display:none; }

.ch-info.active {  z-index:9; } 
.ch-info.active .plus {  opacity: 0; }
.ch-roll.active {  opacity: 1; z-index:10;     -webkit-transform: scale(1);    -moz-transform: scale(1);    -o-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);} 

.ch-item {	position: relative;    -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;    transition: all 0.4s ease-in-out; }
.ch-info {	position: absolute; top:0; width: 100%; height: 100%; background: rgba(0,83,101, 0.22); cursor: pointer; z-index:10; }
.ch-roll {	position: absolute; top:0; width: 100%; height: 100%; background: rgba(0,83,101, 0.44); color:#FFFFFF;  z-index:9;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}


.tit-roll { font-size:4.5vw; font-weight:700; }

.ch-ficha {	position: absolute; top:0; width: 200%; height: 100%; z-index: 999; visibility: hidden; opacity: 0; /*background: rgba(0,0,0, 0.5);*/ }

.ch-ficha.l	{ transform: translateX(-150%); }
.ch-ficha.r	{ transform:  translateX(100%); }

.ch-ficha.activeleft	{ visibility: visible; opacity: 1; transform:translateX(-50%);	transition: .8s;}
.ch-ficha.activeright	{ visibility: visible; opacity: 1; transform:translateX(0%); transition: .8s;}


.ch-ficha .right	{ position: relative; margin-left: 20%;	padding: 40px 60px 30px 60px;	background:#f5f5f5;	color:#005365; }
.ch-ficha .left		{ position: relative; margin-right:20%;	padding: 40px 60px 30px 60px;	background:#f5f5f5;	color:#005365; }

.close-ficha, .close-contacto {	position: absolute; top:20px; right:20px; cursor:pointer; z-index:9999; }
.ch-ficha h2, .tit-contact { font-size:4vw; font-weight:700; }
.ch-ficha { font-size:20px; }

.btn-contacto { border: 1px solid #005365; color:#005365;  white-space: normal; word-wrap: break-word; display: inline-block; box-shadow: none; }
.btn-contacto:hover { color:#FFFFFF; background-color: #005365; box-shadow: none;}
.ch-ficha  ul { font-size:18px; list-style-image: url("../images/li.jpg") }

#v2 { overflow-x:hidden; }
.d-contact { background-color: #005365; position: absolute; top:0px; left:0; z-index:9999;  width: 100%; height: 100%; font-size: 20px; color:#FFFFFF; visibility: hidden; opacity:0;  -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;    transition: all 0.4s ease-in-out; }
.d-contact.active	{ visibility: visible; opacity: 1; }
.btn-enviar { border: 1px solid #FFFFFF; color:#FFFFFF;  white-space: normal; word-wrap: break-word; display: inline-block; box-shadow: none; }
.btn-enviar:hover { color:#FFFFFF; background-color: #004b5b; box-shadow: none;}


/*
.ch-info {	position: absolute; top:0; background: rgba(63,147,147, 0.8); width: 100%; height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
}
*/

@media (max-width: 767px) {
	.head {    font-size: 20px;  min-height: 180px; }
	.pb-8, .py-8 { padding-bottom: 3rem !important; }
	.pt-8, .py-8 { padding-top: 1rem !important; }
	.h2, h2 {    font-size: 26px; }
	.h3, h3 {    font-size: 22px; }

	.cuadro { padding: 30px; }

	.tarjeta { margin: 0px auto 15px auto; width: 100%;}
	.f_contact { background: url("../images/f_contact2.jpg") center top no-repeat; }

	.fondo  { background: none; }
	.fondo2 { background: none; }

	.cab { font-size:50px; }
	.sub-tit {font-size: 24px; }
	h4 { font-size: 22px; }

	.alcance {    font-size: 20px; }
	#consultoria-digital ul li { font-size: 16px;  }

	.nav-item { border-bottom:1px solid; padding-left:5px; }

	.tit-roll { font-size:11vw;}
	.btn {    padding: .64rem 1.14rem; }

	.ch-info { display:none; }
	.ch-roll { background: rgba(0,83,101, 0.22); opacity: 1; z-index:10;     -webkit-transform: scale(1);    -moz-transform: scale(1);    -o-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1); }
	.ch-ficha {    width: 100%; height:auto; font-size: 16px; }
	.ch-ficha  ul { font-size:15px;  }
	.ch-ficha .right	{ margin-left: 0%;	padding:30px 30px;	}
	.ch-ficha .left		{ margin-right: 0%;	padding:30px 30px;	}

	.ch-ficha.activeleft	{ transform:translateX(0%);}
	.ch-ficha.activeright	{ transform:translateX(0%);}

	.ch-ficha h2, .tit-contact { font-size:6vw; font-weight:700; }
	.close-ficha img, .close-contacto img { height:30px; }
	.btn-enviar { width: 100%;}

}