*{
	margin:0px;
	color: #36363C;
	box-sizing: border-box;	
}

.row {
	margin-left:0px;
	margin-right:0px;
	box-sizing: border-box;	
}

body {
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;	
	height: 100%;
	margin: 0px;
}

.barraTop {
background-color:#BF0909;
height:13px;
}

.titulo{
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
	color:#BF0909;
}

.titulo_mapa{
	margin-top:-15px;
	margin-bottom:0px;
	padding-bottom: 15px;
	text-align:center;
	color:#36363C;
	font-size:30px;
	font-weight:bold;
}

.subtitulo{
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	font-size:25px;
}

.parrafo{
	text-align:justify;
}

.tarjeta{		
	border: 1px solid #BFBFBF;
	background-color: white;
	margin-top:10px;	
	padding:10px;
	height:95%;
}

.tarjeta:hover {	
	background-color:#E7EBF1;
	text-decoration:none;
}
.tarjeta {
	transition: background-color 0.3s linear 0.0s;
}

.tarjeta a {
	text-align:left;
	text-decoration:none;
	color:#36363C;	
}


.tarjeta h2{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:25px;
}

a:hover {
	text-decoration:none;
}

.tarjeta p{
	font-size:16px;
	font-weight: normal;	
}

.footer{	
	margin-bottom:0px;
	background-color:#BF0909;
	height:13px;
}

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

.logoprincipal {
	float: left;
	text-align:left;
	margin-top:5px;	
	margin-bottom:0px;	
}


.logo {
	float: left;
	text-align:left;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:0px;	
}

#divPrincipal {	
	width: 100%;
	height:100vh;
}

.panel-tableau {
    width: 100%;
	height: calc(100% - 107px);
}

.btmRegresar {
	float:right;
	margin-top:5px;
	margin-right:15px;
	cursor:pointer;
}