/* 
 * Modifications for the main GR's page overriding GRstrap. 
 * For more mods please read the GRstrap documentation.  
 * Saludos a los dev de BA!
 */
h4, .h4, h5, .h5, .panel-title, .btn, .input-xl, .navbar-brand {
	font-family: "Bitter", Helvetica, Arial, sans-serif;
}
/* Header */
header a.brand {
	width: 250px; 
	height: 75px;
}
header #searchbox {margin-top: 10px;}
header .navbar-form button {
	border: none;
	background: transparent !important;
	position: absolute;
	top: 0;
	right: 15px;
	z-index: 9;
	padding: 7px 15px 3px 15px;
	font-size: 16px;
	color: #aaa;
	box-shadow: none !important;
}
header .navbar-form button {
    padding: 30px 12px 0px 5px;
    font-size: 24px !important;
    line-height: 32px;
}

header h4.eslogan-text {
	font-family: "Caveat-Regular";
	font-size: 23px;
	text-align: right;
}

header div.eslogan {
	padding: 20px;
}

@media (max-width: 760px){
	header div.eslogan {
		display: none;
	}
}

@media (max-width: 768px) {
	header h4.eslogan-text {
		text-align: left;
	}
}


/* navbar */
.navbar {
	background-color: #FFF;
	border: 0px;
	text-transform: uppercase;
	font-weight: 700;
}

.navbar a {
 color: white;
}

/* navbar links */
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: rgb(57, 129, 173);
}

.nav>li>a:focus, .nav>li>a:hover {
	background-color: rgb(57, 129, 173);
}

/*nav bar top fix */
.navbar.container, .navbar.container-fluid {
	margin-top: 0px;
}


/* mejoras navbar mobile */
.navbar-toggle {
	float: none;
	border-radius: 0px;
}


/* navbar submenus */

.dropdown-menu {
	background-color: rgb(57, 129, 173);
	border: 0px;
	box-shadow: 0 0 0;
	border-radius: 0px;
}

.dropdown-menu>li>a {
	color: white;

}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: #59a2cf;
	color: white;
}


/* footer */

footer li.leaf, a {
	color: grey;
	list-style: none;
	list-style-type: none;
}

footer li.leaf a:focus, a:hover {
	color: black;
	text-decoration: none;
}

footer ul.leaf {
	padding: 0px;
	margin: 0px;
}

footer div.pie {
	padding-top: 20px;
	padding-bottom: 40px;
}

footer div.mgr, footer ul.mgr {
	margin-top: 10px;
	margin-bottom: 25px;
}



/* principal */
main.contenido {
	padding-bottom: 40px;
}
ol.secciones {
	background-color: #FFF;
}
ol.secciones>li+li:before {
    content: "> ";
    padding: 0 5px;
    color: #ccc;
}

/* columnas servicios */
.servicios>h4 {
	color: #8bbd3a;
}

/* tramites */
div.tramites {
	background-color: #D9EDF7;
}

div.tramites>p{
	font-family: Bitter;
	font-size: 23px;
	text-align: center;
	padding: 8px;
}

/* listados servicios y mas */
.list {
	border: 0;
	border-radius: 4px;
}

.list>h4 {
	color: #8bbd3a;
}

/* botones */
section.news .row-grid figcaption:focus, .news .row-grid figcaption:hover {
background-color: rgba(255,255,255,0.30);
}

figure img:focus {
background-color: rgba(255,255,255,0.30);
}

/* Player*/
h5.player-txt{
	width: 70px;
	padding: 4px;
	background-color: red;
	color: white;
}

audio {
	background-color: black;
	width: 200px;
}

audio::-webkit-media-controls-timeline-container, audio::-webkit-media-controls-timeline,audio::-webkit-media-controls-current-time-display {
	display: none;
}

/* (extraido de BAstrap) */
/* shortcuts */


.row-shortcut {
  margin: 30px 0 0 0;
}

.alert {
	margin-top: 5px;
	border-radius: 0;
	padding: 5px;
}

.whatsapp {
	background-color: green;
	border-radius: 8px;
}


.btn-active {
	background-color: #e6e6e6;
}

/*social footer */
.fb {
	background-image: url(../img/social/social-fb.svg);
}

.tw {
	background-image: url(../img/social/social-tw.svg);
}

.yt {
	background-image: url(../img/social/social-yt.svg);
}

.inst {
	background-image: url(../img/social/social-in.svg);
}

.fl {
	background-image: url(../img/social/social-fl.svg);
}
.cc {
	background-image: url(../img/social/social-cc.svg);
}

/* extras */
.center {
	text-align: center;
}

@media (min-width: 868px) {
	.center-text-row {
		padding-top: 5%;
	}
}

.agenda-list {
	padding: 0 15px;
}

.text-marker-list {
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .4);
}

.btn-muni-green {
	background-color: #8bbd3a;
	color: white;
}

.border-fix-top {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.program-lists {
	background-color: rgba(0, 0, 0, 0);
}

.agenda-cultural .embed-responsive .embed-responsive-item {
	background-size: contain;
	background-position: center;
	height: auto;
}

@media (min-width: 868px) {
	.agenda-cultural .top-height {
	height: 200px; }
}

.agenda-cultural .btn-space {
	text-align: center;
}

/* GERARDO */
.jumbotron{
  position: relative;
  
  /* Tried setting the height. Didnt work either */
  /* height: 200px; */
}

#video-background { 
  position: absolute;
  bottom: 50%; 
  right: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto;
  z-index: -1000; 
  overflow: hidden;
}

.thumb-noborder {
	padding: 0;
}
.news {
	padding-bottom: 10px;
}
.atajos-img {
	height: 165px;
	border-radius: 95%;
}
.atajos-text {
	font-family: 
	height: 165px;
	border-radius: 95%;
}
.img-perfil-table {
	height: 35%;
}
/* BOTONES */
.btn {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.075);
}
.btn-default {
	color: #666;
	border-color: #ccc;
	background-color: #eaeaea;
	background-image: linear-gradient(to bottom, #f9f9f9 0%, #eaeaea 100%);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.075);
}
.btn-primary {
	color: rgb(255,255,255);
	border-color: #59a2cf;
	background-color: #59a2cf;
	background-image: linear-gradient(to bottom, #59a2cf 0%, #59a2cf 100%);
}
/*   */
.shortcut {
	text-align: center;
	text-decoration: none;
	padding-top: 24px;
	padding-bottom: 12px;
	color: #333;
	border-radius: 6px;
	position: relative;
	display: block;
	background-color: transparent;
}
.shortcut span {
	color: #fff;
	text-align: center;
	margin: 0 auto 24px auto;
	width: 112px;
	height: 112px;
	border-radius: 56px;
	position: relative;
	display: block;
}
.shortcut span.glyphicon {
	padding-top: 32px;
	font-size: 48px;
	top: 0px;
}
/* COLORS */
.bg-danger-lt {
	background-color: #d13f34;
}
.bg-warning-lt {
	background-color: #ff9624;
}
.bg-primary {
	background-color: black;
}
.bg-success-lt {
	background-color: #9bc12b;
}
.bg-info-lt {
	background-color: #3cb5b1;
}
.bg-blue-lt {
	background-color: #4265bc;
}
.bg-violet-lt {
	background-color: #9c43a3;
}
.bg-pink-lt {
	background-color: #c64b7d;
}

/*PANELS*/
.panel-default > .panel-heading {
	border-bottom: solid 1px #ccc;
}
#accordion .panel-heading {
	border-radius: 0px;
	position: relative;
}
.panel-default>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}
/*BTN SIZES*/
.btn-group-xl > .btn, .btn-xl {
	padding: 15px 64px;
	font-size: 24px;
	line-height: 32px;
	border-radius: 6px;
	position: relative;	
}
.btn-group-lg>.btn, .btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}
.btn-group-sm>.btn, .btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.btn-group-xs>.btn, .btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.table-shortcut {
	border-radius: 5px;
	padding-top: 13px;
	padding-bottom: 34px;
}
.table-shortcut:hover, .table-shortcut:focus {
	background: #e5e5e5;
	text-decoration: none;
	color: #333;
}
.shortcut:hover, .shortcut:focus {
	background: #e5e5e5;
	text-decoration: none;
	color: #333;
}
#mgr-menu .nav >li >a:hover, #mgr-menu .nav >li >a:focus {
	background: transparent;
	text-decoration: none;
	color: #4485af;
}
.panel-default > .panel-heading a:hover {
	color: #888;
}
.panel-default > .panel-heading a:active, .panel-default > .panel-heading a:focus {
	color: #333;
}
.btn, .btn a, .dropdown-menu a, nav a, .nav a, .navbar a, .sidebar a, .breadcrumb a, .pager a, .list-group a, .panel-heading a, .panel-footer a {
	text-decoration: none;
}
.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px;
}
/* INPUT */
@media (min-width: 767px) {
	.input-xl {
		height: 64px;
		font-size: 24px
	}
}
.input-xl {
	height: 52px;
	font-size: 20px;
}
.input-lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}
select.input-sm {
	height: 30px;
	line-height: 30px;
}
.input-sm {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.jumbotron-main {
	padding: 0;
	margin-bottom: 0;
	color: #fff;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	background-position: center center;
}
.jumbotron-main {
	background-color: #666;
}
.jumbotron {
	text-align: center;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.jumbotron .container {
	padding-top: 60px;
	padding-bottom: 60px; 
}
.jumbotron .container {
	max-width: 100%;
}
.main-container {
	padding-top: 48px;
	padding-bottom: 96px;
}
.footer {
	padding: 60px 0;
	background-color: #111;
}
hr {
	border-top: 1px solid #ccc;
	margin-top: 23px;
	margin-bottom: 24px;
}
img.img-banner {
	margin-bottom: 5px;
	border-radius: 5px;
}
/* GRID OBRAS */
.grid-special {
	height: 400px;
	background-size: cover;
	background-position: center;
}
.grid-special-text {
	color: white;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 25%;
	left: 50%;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
	text-align: center;
}
.nav>li>a:focus, .nav>li>a:hover {
	background-color: #e5e5e5;
	color: #888;
}
#poncho-shortcut {
	width: 112px;
	height: 114px;
	border-radius: 56px;
	font-size: 3em;
	line-height: 3;
}
.tramite {
	background-color: #f9f9f9;
    text-align: center;
    padding: 8px 5px 18px 5px;
    margin-bottom: 5px;
}
.btn-row-lg {
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	text-shadow: none;
}
.btn-just-space {
	margin-bottom: 5px;
}
#hover-white::focus {
	text-shadow: 0px 0px 5px #a7a7a7;
}
.pepito > span {
	border: 3px solid white;
    border-radius: 56px;
    /* padding: 20px 21px 0px 21px; */
    padding: 24px 20px 0px 23px;
}
.pepito > span:hover {
	color: #6b6b6b;
	background-color: white;
	transition: background-color .5s;
	text-shadow: 0 2px 2px #dadada;
}
.pepito > h3 {
	padding-top: 5px;
}
/* ATAJOS HOME */
.shortcut{
/*	height: 300px;*/
}
.shortcut:hover{
	background: transparent;
}
.shortcut > span{
	width: 112px;
	height: 112px;
		border-radius: 50%;
		background-size: 100%;
		box-shadow: 0px 0px 10px 4px rgba(196, 196, 196, 0.5);
		-moz-box-shadow: 0px 0px 10px 4px rgba(196, 196, 196, 0.5);
		-webkit-box-shadow: 0px 0px 10px 4px rgba(196, 196, 196, 0.5);
		transition: box-shadow .25s ease;
	}
.shortcut:hover > span{
	box-shadow: 0px 0px 10px 4px rgba(102, 102, 102, 0.5);
	-moz-box-shadow: 0px 0px 10px 4px rgba(102, 102, 102, 0.5);
		-webkit-box-shadow: 0px 0px 10px 4px rgba(102, 102, 102, 0.5);
	}
.shortcut > span > span{
	background-size: cover;
}
footer {
	background-image: url(/assets/img/footer.jpg);
	background-size: cover;
}
h1,h2,h3,h4,h5,h6 {
	color: #4586af;
}
header {
	background-image: url(/assets/img/header.jpg);
	background-size: cover;
}
.navbar {
	background-color: transparent;
}
#home-btn > a:focus, a:hover {
	color: black;
}