.centered {
	text-align: center;
	margin: 0 auto;
}

.tramite-box {
	background-color: #F5F5F5;
	width: 35em;
	height: 23em;
	margin-top: 3em;
	margin-bottom: 3em;
}

.btn-tramite {
	margin-top: 1em;
}

#tab_1 > .form-group #filtro_delegacion, #tab_2 > .form-group #filtro_agencia {
	width: 79%;
	display: inline-block;
}

#tab_1 > .form-group #delegacion_cercana, #tab_2 > .form-group #agencia_cercana {
	width: 20%;
	display: inline-block;
	margin-top: -2px;
}

#delegaciones, #agencias{
	clear: both;
	max-height: 300px;
	overflow-y: scroll;
}

#delegaciones > ul, #agencias > ul{
	padding: 0 2%;
}

#delegaciones li, #agencias li{
	clear: both;
	padding-top: 10px;
	list-style:none;
}

#delegaciones li > div, #agencias li > div{
	display: flow-root;
}

/*#delegaciones li > div span, #agencias li > div span{*/
.col-left{
	float:left;
	width: 80%;
}

#delegaciones li > div button, #agencias li > div button{
	float:right;
}

/*#delegaciones li > hr, #agencias li > hr{*/
.col-left > hr {
	margin-top: 3px;
	margin-bottom: 0;
	width: 100%;
	display: -webkit-inline-box;
}

.firstHeading {
	font-size: 20px;
}

.modal-content {
	background-color: #dadada;
	border: 2px solid #5f5656;
	border-radius: 0;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}

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

.modal-dialog {
	width: 40%;
}

#ver_todas_delegaciones, #ver_todas_agencias {
	display: none;
	text-align: center;
}


@font-face {
font-family: 'dinBold';
	src: url('/delegaciones/fonts/DINNextRoundedLTPro-Medium.eot?#iefix') format('embedded-opentype'),
	  	 url('/delegaciones/fonts/DINNextRoundedLTPro-Medium.otf')  format('opentype'),
		 url('/delegaciones/fonts/DINNextRoundedLTPro-Medium.woff') format('woff'),
		 url('/delegaciones/fonts/DINNextRoundedLTPro-Medium.ttf')  format('truetype'),
		 url('/delegaciones/fonts/DINNextRoundedLTPro-Medium.svg#DINNextRoundedLTPro-Medium') format('svg');
 font-weight: normal;
 font-style: normal;
}

button.btn.btn-default {background-color: #9aca3c; color: white;}
.tab-content>.tab-pane {background-color: #eaeaea;}
hr {border-top: 1px solid #9aca3c !important;}
input#filtro_delegacion {background-color: #f5f5f5;}
input#filtro_agencia {background-color: #f5f5f5;}
body {font-family: dinBold !important;}
.nav-tabs>li.active>a {
    color: white !important;
    background-color: #9aca3c !important;
    border: 1px solid #9aca3c !important;
}
.nav-tabs>li>a {
    border: 1px solid #9aca3c !important;
    color: #9aca3c !important;
}
.nav-tabs>li {width: 100%; text-align: center;}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .tramite-box {
    	width: 99% !important;
    	height: 28em;
    }

    #filtro_delegacion {
    	width: 99% !important;
    }

    #filtro_agencia {
    	width: 99% !important;
    }

    #delegacion_cercana {
    	width: 99% !important;
    }

    #agencia_cercana {
    	width: 99% !important;
    }

    .form-group {
    	text-align: center !important;
    }

    .nav-tabs>li>a {
        border: none !important;
    }

    .col-left {
        width: 65% !important;
    }

    #pago {
    	padding-bottom: 1.9em !important;
    }

    .modal-dialog {
        width: 90% !important;
    }
}