/**
Colores UNIBOL
Azul:	#1159b1
Rojo:	#e53816
Blanco:	#ffffff

font-family: 'Ranga', cursive;
font-family: 'Oswald', sans-serif;
font-family: 'Playball', cursive;

*/
body {
	background-color: #ffffff;
	font-family: 'Oswald', sans-serif;
}
h2 {
	font-size: 2.4rem;
}
h2 span{
	font-size: 2.6rem;
}

.btn-primary {
	background-color: #34495e !important;
	border-color: #34495e !important;
}
.btn-primary:hover {
	background-color: #2c3e50 !important;
}

.header-color {
	background-color: #020c17cf !important;
}
.encabezado-sitio, .nav-principal {
	font-family: 'Oswald', sans-serif;
}

.text-welcome {
	font-family: 'Playball', cursive;
	color: #283747; /* #1159b1; */
}
/** Sociales */
.sociales ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sociales ul li{
	position: relative;
	display: inline-block;
}
.sociales ul li a::before {
	font-family: 'FontAwesome';
	display: inline-block;
	vertical-align: top;
	padding: 0.4rem;
	font-size: 2rem;
	color: #1159b1;
}
.sociales i{
	color: #1159b1; 
	font-size: 2rem;
}
.encabezado-sitio a{
	text-decoration: none;
}
.navegacion {
	background-color: #283747 !important; /* #0e468b */
}
.navbar-light .navbar-toggler{
	background-color: #ffffff; 
}
.navbar-light .navbar-brand, .navbar-light .navbar-brand:hover{
	color: #ffffff;
}
.nav-principal{
	background-repeat: repeat-x;
	background-position: 0px top, 0px bottom;
}
.nav-link {
	color: #ffffff;
	font-size: 1.4rem;
	transition: all .5s ease-in-out;
}
.nav-link:hover{
	background-color: #2c3e50 !important; /*#1569d1;*/
	border-radius: 3px;
	color: #ffffff;
}
#nav_principal ul li {
	line-height: 1.2rem;
}
#carousel-principal {
	padding: 0px;
}
#carousel-principal .carousel-indicators li{
	height: 20px;
	background: url(../../img/around.png);
	background-repeat: no-repeat;
}
.carousel-caption h3 {
	font-size: 2rem;
	font-weight: 900;
	color: #ffffff;
}
/* Optional */
.carousel-caption-2 {
	bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.carousel-caption-2 h3 {
	color: #e53816;
	text-shadow: 0px 1px 0px #000;
	font-size: 0.9rem;
}
/** Nuevo Sitio **/
.nuevo-sitio p {
	color: #979797;
	font-size: 1.2rem;
}
/** Servicios **/
.imagen-servicio img {
	border: 4px solid #ffffff;
	border-radius: 6px;
	-webkit-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	transition: transform .3s ease;
}
.imagen-servicio img:hover {	
	-webkit-transform: scale(1.1) rotate(5deg);
	-ms-transform: scale(1.1) rotate(5deg);
	transform: scale(1.1) rotate(5deg);
}
.servicio-contenido .svc-titulo {
	border-bottom: 3px solid #e53816; font-size: 1.7rem; margin-bottom: 15px;
}
.servicio-contenido .svc-principal {
	font-size: 1.1rem; font-weight: 400;
}
.servicio-contenido .svc-secundario {
	font-size: 1.1rem; font-weight: 300;
}
.servicio-info{
	background-color: #ffffff;
	margin-top: -5rem;
}
.servicio-info h3 {
	font-size: 1.5rem;
}
.servicio-info span {
	font-size: 1.2rem;
}
.servicio-info .btn-primary {
	border-radius: 0px;
}
.servicio-info .text-explicativo{
	font-size: 1.0rem; 
	padding: 2px 10px 2px 10px;
	font-weight: 200;
}
/** Direccion */
.direccion {
	background-color: #020c17;
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 0.9rem;
	padding-bottom: 15rem;
}
.direccion .direccion-titulo {
	margin-bottom: 1rem;
	border-bottom: 3px solid #e53816;
	margin-right: 1.2rem;
	height: 2.2rem;
	font-weight: 700;
}
.direccion p{
	margin-bottom: 0.3rem;
	margin-right: 1.2rem;
}
.direccion .iconos {
	padding-right: 5px;
	width: 18px;
}

/** Contactenos */
.contactanos {
	background-image: url(../../img/informacion-documentacion.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed;
	color: #ffffff;
	background-color: #020c17;
	background-size: contain;
}
.contactanos h3{
	font-size: 2.5rem;

}
.contactanos p{
	font-size: 1.5rem;
}
.telefono {
	content: '\f098';
	font-family: 'FontAwesome';
	padding: 0.4rem;
	-webkit-font-smoothing: antialiased;
	color: #ffffff;
}

.img-logo-adv{
	padding:1.0rem 1rem 0.1rem 1.0rem		;
}

@media screen and (max-width: 767px) {
	.direccion .direccion-titulo {
		margin-top: 3rem;	
	}
	.servicio-info .text-explicativo {
		font-size: 1.2rem;
	}
	h2 span{
		font-size: 2.6rem;
		line-height: 2.4rem;
	}
	.logo-float {
		display: none;
	}
	.navegacion {
	background-color: #020c17cf !important;
	}
}

@media screen and (min-width: 992px) {
	.contactenos {
		background-size: cover;
	}
}
@media screen and ( min-width: 991px;){
	
}
/* Small devices (landscape phones, 576px and up)  */
@media (min-width: 576px) and (max-width: 767.98px) {
	.img-logo-adv{
		display: none;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.img-logo-adv{
		width: 12.0rem;
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.img-logo-adv{
		width: 14rem;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.img-logo-adv{
		width: 15rem;
	}
}

/*
// Pequeños dispositivos (teléfonos panorámicos, 576px y más)
@media (min-width: 576px) {...}

// Dispositivos medianos (tabletas, 768px y más)
@media (min-width: 768px) {...}

// Dispositivos grandes (equipos de escritorio, 992px y superiores)
@media (min-width: 992 px) {...}

// Dispositivos extra grandes (escritorios grandes, 1200px y superiores)
@media (min-width: 1200 px) {...}




// Dispositivos extra pequeños (teléfonos de retrato, menos de 576px)
@media (max-width: 575.98px) { ... }

// Pequenhos dispositivos (landscape phones, menos que 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, menos que 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, menos que 1200px)
@media (max-width: 1199.98px) { ... }

*/
/** Servicios Especiales */
.servicio-especial h4{
	padding: 0;
	margin-top: 1rem;
	margin-bottom: 0rem;
	text-align: center;
}
.servicio-especial .card-text {
	font-size: 1.0rem;
	font-weight: 300;
}
.servicio-especial .card-title {
	font-weight: 400;
}
/** Informacion **/
.imagen-informacion img {
	border-radius: 5px;
	-webkit-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	transition: transform .3s ease;
}
.imagen-informacion img:hover {	
	-webkit-transform: scale(0.9) rotate(5deg);
	-ms-transform: scale(0.9) rotate(5deg);
	transform: scale(0.9) rotate(5deg);
}
#accordionInformacion .servicio-contenido .svc-titulo {
	margin-bottom: 5px;
}
#accordionInformacion .card-header {
	padding: 0.25rem 0.7rem;
}

/* **  Table Calculadora */
.tabla-calculadora table {
	width: auto;
}
.tabla-calculadora .table-sm td, .tabla-calculadora .table-sm th {
	padding: .1rem;
}
.tabla-calculadora .form-control-sm {
	height: calc(1.0em + .5rem + 2px);
	padding: .15rem .5rem;
}
.div-calculadora {
	background-color: #f2f2f2;
	padding: 1rem;
	border-radius: 0.2rem;
	border: 1px solid rgba(0,0,0,.125);
	margin: 0.0rem;
}
.div-body-card {
	padding: 0.50rem 0.75rem !important;	
}
.faq-header {
	line-height: 0.5rem;
}
.faq-text {
	padding: 1.0rem;
	line-height: 1.3rem;
}

/* Effect ZOOM */

img.zoom {
    width: 100%;
    height: auto;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.w3-modal {
    z-index: 3;
    display: none;
    padding-top: 50px;
    padding-bottom: 50px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.w3-animate-zoom {
    animation: animatezoom 0.6s;
}
.w3-card-4, .w3-hover-shadow:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}
.w3-modal-content {
    width: 900px;
}
.w3-modal-content {
    margin: auto;
    margin-top: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 90%;
}

.w3-opacity, .w3-hover-opacity:hover {
    opacity: 0.60;
}
.w3-red, .w3-hover-red:hover {
    color: #fff !important;
    background-color: #f44336 !important;
}
.w3-button:hover {
    color: #000 !important;
    background-color: #ccc !important;
}
.w3-xlarge {
    font-size: 36px !important;
}
.w3-display-topright {
    position: absolute;
    right: 0;
    top: 0;
}
.w3-btn, .w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.w3-btn, .w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}