/*******************************************************************
	-- Encabezado y Login
********************************************************************/
html{
	overflow-x:hidden;
}
html body.modal-open{
	padding: 0px !important;
}
html .cont-data{
	overflow:hidden;
	position:relative;
	z-index:10;
	background-color:#fff;
}
nav{
	background-color:#515151;
	color:#FFF;
	font-family: 'Ubuntu', sans-serif !important;
	border-bottom:5px solid #b71c1c !important;
	-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
			-khtml-user-select: none; /* Konqueror HTML */
				-moz-user-select: none; /* Firefox */
					-ms-user-select: none; /* Internet Explorer/Edge */
						user-select: none; /* Non-prefixed version, currently*/
	padding: 0.8rem 1rem !important;
	z-index:20 !important;
}
nav h1{
	font-family: 'Ubuntu', sans-serif !important;
	font-size:25px;
	margin-bottom:0px;
}
nav span.pleca{
	background-image:url(pleca.png);
}
nav a{
	font-family: 'Ubuntu', sans-serif !important;
	color:#fbfbfb;
	cursor:pointer !important;
}
nav div#navbarResponsive ul li a.nav-link{
	cursor:pointer;
}
nav a:hover{
	color:#eee;
}
nav a i{
	margin-left:10px;
}
nav a.navbar-brand,nav a.navbar-brand h1.navbar-brand{
	margin-right:0px;
}
nav button i.fas.fa-bars,nav button{
	color:#fbfbfb;
}
nav button{
	-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
			-khtml-user-select: none; /* Konqueror HTML */
				-moz-user-select: none; /* Firefox */
					-ms-user-select: none; /* Internet Explorer/Edge */
						user-select: none; /* Non-prefixed version, currently*/
}
nav a img.logo{
	width:130px;
}
nav div#navbarResponsive ul li a img{
	width: 21px;
	top: -3px;
	position: relative;
	margin-left: 7px;
}
nav div#navbarResponsive ul li a{
	padding-left:2.5rem;
	padding-right:2.5rem
}
/*******************************************************************
	-- Banner
********************************************************************/
.carousel-item {
	font-family: 'Ubuntu', sans-serif !important;
	height: 100vh;
	min-height: 300px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
		-moz-background-size: cover;
			-o-background-size: cover;
				background-size: cover;
	-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
			-khtml-user-select: none; /* Konqueror HTML */
				-moz-user-select: none; /* Firefox */
					-ms-user-select: none; /* Internet Explorer/Edge */
						user-select: none; /* Non-prefixed version, currently*/
}
div#Indicators div.carousel-inner div.carousel-caption.especial-title button.btn.btn-raised.btn-danger{
	font-family: 'Ubuntu', sans-serif !important;
	background-color: #b71c1c;
	text-transform: none;
	font-size: 15px;
	border-radius: 50px;
	padding: 6px 13px !important;
}
div#Indicators div.carousel-inner div.carousel-caption.especial-title button.btn.btn-raised.btn-danger i{
	float:right;
	z-index:99999;
}
div#Indicators .carousel-caption.especial-title {
    right: 0%;
    left: 0%;
    text-align: left;
    padding-left: 5%;
	margin-bottom:60px;
}
div#Indicators .carousel-caption.especial-title h3{
	font-family: 'Ubuntu', sans-serif !important;
	font-size:4vw;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.77);
}
body header.sticky-top{
	z-index:0 !important;
}
header.sticky-top div#Indicators > a{
	width:5% !important;
}
div#Indicators.carousel.slide ol.carousel-indicators li{
	height: 5px;
	cursor: pointer;
	-webkit-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.75);
}
/*******************************************************************
	-- Colaboración
********************************************************************/
section.container-fluid.colaboration{
	padding:40px 0px;
	font-family: 'Ubuntu', sans-serif !important;
	text-align:center;
	background-color:#fff;
	border-top:2px solid #b71c1c !important;
	position:relative;
	overflow:hidden;
}
section.container-fluid.colaboration h2{
	font-family: 'Ubuntu', sans-serif !important;
	font-weight:600;
	margin-bottom:40px;
}
section.container-fluid.colaboration p{
	font-family: 'Ubuntu', sans-serif !important;
	color:#333;
	font-size:13px;
}
section.container-fluid.colaboration img{
	width:200px;
}
section.container-fluid.colaboration div.row div p{
	margin-top:30px;
}
/*******************************************************************
	-- Data
********************************************************************/
section.data{
	position:relative;
	overflow:hidden;
	background-color:#004254;
	font-family: 'Ubuntu', sans-serif !important;
	text-align:center;
	padding:60px 0px;
	color:#fff;
}
section.data h3{
	font-size:40px;
	font-weight:600;
	padding: 20px 0px;
	border-bottom:2px solid #fff; 
	border-top:2px solid #fff; 
}
section.data .min-text{
	margin-top:20px;
	font-size:18px;
}
section.data .long-text{
	font-size:23px;
	margin-top:40px;
	font-weight:600;
}
div section.container-fluid.data div.container h2{
	margin-top:50px;
	margin-bottom:50px;
}
div section div.container-fluid.colaboration div.row div div.imagen-graph{
	min-height:108px;
	padding-top:25px;
}
div section div.container-fluid.colaboration div.row div div.imagen-graph img.map{
	margin-top:12px;
}
div section div.container-fluid.colaboration div.row div div.imagen-graph img.lq{
	width:60px;
	margin-top:12px;
}
div section div div.row div img{
	width:90px;
}
div.cont-data section.container-fluid.data div.container-fluid.colaboration div.row div.order{
   display: flex;
   align-items: center;
   justify-content: center;
}
div.cont-data section.container-fluid.data div.container-fluid.colaboration div.row div div.color-cube{
	min-height:250px;
	background-color:#007a95;
	width:90%;
}
div.cont-data section.container-fluid.data div.container-fluid.colaboration div.row div div.color-cube p{
	padding-top:35px;
}
div.cont-data section.container-fluid.data div.container h3.title{
	padding-top:40px;
	border:none;
}
div.cont-data section.container-fluid.data div.container img.plus{
	width: 31px;
	margin-left: 20px;
	position: relative;
	top: -3px;
	cursor: pointer;
}
div.cont-data section.container-fluid.data div.container div#collapseExample img.mapa_ilustra{
	padding:30px 0px;
	width:80%;
}
div.cont-data section div.color-cube a{
	color:#fff !important;
}
/*******************************************************************
	-- IPS
********************************************************************/
section.ips{
	position:relative;
	overflow:hidden;
	background-color:#923100;
	font-family: 'Ubuntu', sans-serif !important;
	text-align:center;
	padding:60px 0px;
	color:#fff;
}
section.ips a{
	font-family: 'Ubuntu', sans-serif !important;
	color:#fff !important;
}
section.ips h3{
	font-size:40px;
	font-weight:600;
	padding: 20px 0px;
	border-bottom:2px solid #fff; 
	border-top:2px solid #fff; 
}
section.ips h2{
	padding:40px 0px;
}
section.ips img.plus{
	width: 31px;
	margin-left: 20px;
	position: relative;
	top: -3px;
	cursor: pointer;
}
div#ISP div div.modal-content div.modal-body img{
	width:100%;
}
/*******************************************************************
	-- About
********************************************************************/
section.about{
	position:relative;
	overflow:hidden;
	background-color:#007793;
	font-family: 'Ubuntu', sans-serif !important;
	text-align:center;
	padding:80px 0px;
	color:#fff;
    background-image: url("../img/textura_fondo.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
}
section.about h3{
	font-size:40px;
	font-weight:600;
	padding: 20px 0px;
}
/*******************************************************************
	-- Footer
********************************************************************/
footer{
	background:#424242;
	position:relative;
	padding: 30px 4px 16px 6px !important;
	text-align:center;
	position:relative;
	overflow:hidden;
}
footer h1,footer a{
	font-family: 'Ubuntu', sans-serif !important;
	font-size:25px;
	color:#9fa0a0;
	margin:0px !important;
}
footer a:hover{
	color:#eee;
}
footer p,footer address a{
	color:#9fa0a0;
	font-size:13px;
	padding:0px;
	margin:0px;
}
footer.container-fluid div.row div img{
	width:90px;
	position: relative;
	margin-top: 10px;
}
footer.container-fluid a h1{
	font-size:18px;
	margin-bottom:15px !important;
}
/*******************************************************************
	-- Login
********************************************************************/
div#FormLogin div div.modal-content{
	background-color:#505050;
	border-radius:15px;
}
div#FormLogin div div.modal-content p,div#FormLogin div div.modal-content h3{
	color:#ffffff;
	margin:0;
	padding:0;
}
div#FormLogin div div.modal-content h3{
	text-transform:uppercase;
}
div#FormLogin div div.modal-content input{
	border:none;
	border-radius:50px;
	opacity:0.5;
	width:100%;
}
div#FormLogin div div.modal-content input[type="text"]{
	padding:5px 0 5px 40px;
}
div#FormLogin div div.modal-content input[type="email"]{
	padding:5px 0 5px 40px;
	margin-top:10px;
}
div#FormLogin input.btn.btn-large{
	background:#999;
	margin-top:20px;
}
div#FormLogin.modal div div.modal-content div.modal-footer button.btn.btn-danger{
	color:#999 !important;
}
div#FormLogin div div.modal-content div.modal-body div ul{
	font-family: 'Ubuntu', sans-serif !important;
}
.modal-backdrop.show {
    opacity: 0.8;
}
div#FormLogin.modal img.gif{
	width:80px;
	text-align:center;
}
div#FormLogin.modal .action_result{
	text-align:center;
}
/*******************************************************************
	-- Dashboard
********************************************************************/
section.container-fluid.dashboard{
	margin:20px 0px;
}
section.container-fluid.dashboard div#viz1543040631778.tableauPlaceholder{
	margin:0 auto !important;
	width:100%;
}
section.container-fluid.dashboard div#viz1542763495005.tableauPlaceholder{
	margin:0 auto !important;
}
section.container-fluid.dashboard div.tableauPlaceholder{
	margin:0 auto !important;
}
section.container-fluid.dashboard iframe.tableauViz{
	min-height:720px;
	margin:0 auto !important;
}
section.container-fluid.dashboard div#viz1542763495005.tableauPlaceholder iframe.tableauViz{
	min-height:720px;
	margin:0 auto !important;
}
section.container-fluid.dashboard div.container-fluid div.row div#sticky-sidebar{
	border-radius:15px;
	background-color:#515151 !important;
	padding:20px 0px;
}
section.container-fluid.dashboard div.container-fluid div.row div#sticky-sidebar div.color-cube div.imagen-graph{
	display: flex;
   align-items: center;
   justify-content: center;
   text-align:center;
}
section.container-fluid.dashboard div.container-fluid div.row div#sticky-sidebar img{
	width:60px;
	text-align:center;
}
section.container-fluid.dashboard div.container-fluid div.row div#sticky-sidebar p{
	color:#fff;
	text-align:center;
	font-size:14px;
}
section.container-fluid.dashboard{
	overflow:hidden;
}

/*******************************************************************
	-- Documentos
********************************************************************/

div.container-fluid div.row div.docs div.row div.col-4{
	padding:50px;
	text-align:center;
}
div.container-fluid div.row div.docs div.row div.col-4 i{
	font-size: 37px;
	color: #b71c1c;
}
/*******************************************************************
	-- Responsive
********************************************************************/
@media (max-width: 990px) {
	section.data img{
		width:100%;
	}
	nav.navbar.navbar-expand-lg div#navbarResponsive ul{
		margin-top: 17px;
		border-top: 1px solid #b71c1c;
		padding-top:15px;
	}
}
@media (max-width: 766px) {
	div.cont-data section.container-fluid.colaboration div.row div.col-md-4{
		margin-bottom:25px;
	}
	section.container-fluid.colaboration div.row div p {
		margin-top: 5px;
	}
}
@media (max-width: 500px) {
	section.data h3,section.about h3{
		font-size:30px;
	}
	section.data .min-text{
		font-size:15px;
	}
	section.data .long-text{
		font-size:18px;
		margin-top:40px;
		font-weight:600;
	}
}