@charset "utf-8";

.row.content {height: 1500px; /* margin-bottom: 20px; */ margin-bottom: 7px; margin-top: 7px; }    
/* Set gray background color and 100% height */

.sidenav {
  background-color: #f1f1f1;
  height: 100%;
}

/* Set black background color, white text and some padding */
footer {
  background-color:#830BD3;
  color: white;
  padding: 15px;
} 

header {
    background-color:#830BD3;
    color:white;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {height: auto;} 
}

#map {
    height: 400px;
    width: 100%;
}

body {
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
}

li {
    font-weight: bold;
}

@media screen and (max-width:500px) {
	td {
		font-size:14px;
	}
	th {
		font-size:15px;
		font-weight:bold;
	}
	h2 {font-size:28px;}
	h2 {font-size:24px;}
	.nav {font-size:20px}
	.news_image { width: 50%; margin:5px; width:50%; float:left }
}
@media screen and (min-width:501px) {
	td {
		font-size:20px;
	}
	th {
		font-size:21px;
		font-weight:bold;
	}
	h1 {font-size:36px;}
	h2 {font-size:30px;}
	.nav {font-size:26px}
	.news_image { width: 25%; margin:5px; width:20%; float:left }
}

@media only screen and (max-height:600px) {
	#map { height: 200px }

}
@media only screen and (min-height:750px) {
	#map { height: 350px }
}
@media only screen and (min-height:1000px) {
	#map { height: 500px }
}


h1 {font-weight: normal;margin-top: 0px;}

h2 {font-weight: bold;}

h3 {font-weight: bold;margin-bottom: 0px;font-size:21px; }

.article-preview {
	font-size:20px;
	line-height: 1.1;
}

.article-date {
	background-color: red;
	color: white;
}

h4 { 
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color:#337ab7;
	font-size:18px;
}

h5 {
	font-weight:bold;
	margin-bottom:0px;
}

h6 {
	margin:0px;
	font-size:16px;
	font-weight:bold;
}

.gasolinera-info {
	font-size: 14px;
	font-weight: bold;		
}

.combustible-selection {	
	font-size: 20px;
}	

.combustible-type {
	background-color: #DA372B;
	color: white;
	font-weight: bold;	
	padding: 2px;
	
}

.combustible-price {
	background-color: black;
	color: white;
	font-weight: bold;		
	padding: 2px;

}

.breadcrumb {
	background-color:transparent;
	margin-bottom:0px;
}

.rise {
	transform:rotate(90deg);	
	heigh: 14px;
	width: 14px;
}

.fall {
	transform:rotate(90deg);
	heigh: 14px;
	width: 14px;
}