.categories-grid {
  padding:  0;
}
ul.popular {
  padding: 0;
}
.grid-categories p {
    color: #444;
}
.grid-categories {
  padding-left: 15px;
}
.grid-categories h4 {
	font-size:24px;
	/*color:#160e88;  /*003466;   /*007798;*/
	/*font-family: 'Karla-Bold';*/
}

.popular li{
	list-style:none;
	padding:0.4em 0;
	border-bottom:1px solid #f0f0f0;
}
.popular li a{
	color:#333;
	font-size:1em;	
}
.popular li i{
	width: 17px;
    height: 17px;
    background: url(../imagenes/img-sprite.png)no-repeat -562px -40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    color: #f94341;
}

.map iframe {
	width: 100%;
	min-height: 350px;
	border: none;
}



/* 
    Component: callout
------------------------
*/
.callout {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.callout h4 {
  margin-top: 0;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout code,
.callout .highlight {
  background-color: #fff;
}
.callout.callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.callout.callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.callout.callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}
.callout.callout-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.callout.callout-error {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
  color: #B94A48;
}
.callout.callout-danger h4 {
  color: #B94A48;
}
.callout.callout-warning h4 {
  color: #C09853;
}
.callout.callout-info h4 {
  color: #3A87AD;
}



a.more{
	text-decoration: none;
	font-size: 14px;
	color:#fff;
	background: #2965a1;   /*003466;  /*00993a;*/
	display: inline-block;
	padding: 0.6em 1em;
	text-align: center;
	line-height: 1em;
}
a.more:hover {
  background: #555;   /*39b96a;*/
}


/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 0;
}
.btn.btn-default.btn-flat {
  border-bottom-color: #d9dadc;
}
.btn.btn-flat {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}

/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
  color: #f9f9f9 !important;
}
.bg-gray {
  background-color: #eaeaec !important;
}
.bg-black {
  background-color: #222222 !important;
}
.bg-red {
  background-color: #f56954 !important;
}
.bg-yellow {
  background-color: #f39c12 !important;
}
.bg-aqua {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue {
  background-color: #3c8dbc !important;
}
.bg-green {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #932ab6 !important;
}
.bg-maroon {
  background-color: #85144b !important;
}




/* Page: Tasks
=================================================================== */

.priority.high {
	background: #FFEFEC; /* rgba(250,96,61,.1); */
	margin-bottom: 1px;
}

.priority.high span {
	background: #FA603D; /* rgba(250,96,61,1); */
	/*padding: 2px 10px;*/
	padding: 3px 10px 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
}

.priority.medium {
	background: #FFF7EB; /* rgba(250,187,61,.1); */
	margin-bottom: 1px;
}

.priority.medium span {
	background: #FABB3D; /* rgba(250,187,61,1); */
	/*padding: 2px 10px;*/
	padding: 3px 10px 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
}

.priority.low {
	background: #F1F9ED; /* rgba(120,205,81,.1); */
	margin-bottom: 1px;
}

.priority.low span {
	background: #78CD51; /* rgba(120,205,81,1); */
	padding: 3px 10px 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
}

.task {
	background-color: #f9f9f9;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 1px;
}

.task.last {
	border-bottom: 1px solid transparent;
}

.task.high {
	border-left: 2px solid #FA603D; /* rgba(250,96,61,1); */
}

.task.medium {
	border-left: 2px solid #FABB3D; /* rgba(250,187,61,1) */;
}

.task.low {
	border-left: 2px solid #78CD51; /* rgba(120,205,81,1); */
}

.task .desc {
	display: inline-block;
	width: 75%;
	padding: 10px 10px;
	font-size: 16px;
}

.task .desc .title{
	font-size: 16px;
	margin-bottom: 5px;
}

.task .time {
	display: inline-block;
	float: right;
	width: 15%;
	padding: 10px 10px 10px 0px;
	font-size: 12px;
	text-align: right;
}

.task .time .date {
	font-size: 18px;
	margin-bottom: 5px;	
}



.caja{
 	background: #ffffff;
 	border-radius:10px;
 	-webkit-border-radius:10px;
 	-moz-border-radius:10px;
 	-o-border-radius:10px;
	box-shadow: 0px 2px 10px #8D7C77;
	-webkit-box-shadow: 0px 2px 10px #8D7C77;
	-moz-box-shadow:0px 2px 10px #8D7C77;
	-o-box-shadow: 0px 2px 10px #8D7C77;
}
.grid_text{
	padding:20px;
}
.grid_text p{
	margin-top: 20px;
}
.grid_text p span{
	color: #e51937;
}
h3.style{
	text-align:center;
	font-size: 1.1em;
	color: #333;  /*808080;*/
	text-transform: uppercase;
}
p.para{
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-size: 0.8725em;
	line-height: 1.8em;
	color: #808080;
	font-weight: 400;
}

.ribbon {
   position: absolute;
   right: 10px; top: 5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px; 
   text-align: right;
}
.ribbon span {
   font-size: 10px;
   color: #fff; 
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg); /* Needed for Safari */
   width: 100px; display: block;
   background:#e84c3d;
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
}
.ribbon span::before {
   content: '';
   position: absolute; 
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #e84c3d;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #e84c3d;
}
.ribbon span::after {
   content: '';
   position: absolute; 
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #e84c3d;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #e84c3d;
}