body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	max-width: 1400px;
	font-weight: 300;
}

h5 {
	font-size: 2rem;
}

h6 {
	color: #057560;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 300;
	padding-left: 3%;
	padding-right: 3%;
}

.scrollable-menu {
    height: auto;
    max-height: 160px;
    overflow-x: hidden;
}

.referencia {
	position: relative;
}

#imagen-portada {
	position: relative;
	height: 250px;
	background-color: rgb(140,140,140);
	background-image: url("../imagenes/imagen-principal-480x316.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: height 0.4s;
	-moz-transition: height 0.4s;
	-o-transition: height 0.4s;
	transition: height 0.4s;
}

#imagen-portada img {
	position: absolute;
	left: 40%;
	top: 12%;
	width: 40%;
}

#imagen-portada > h1 {
	position: absolute;
	left: 40%;
	bottom: 35%;
	color: #fff;
	font-weight: 300;
	font-size: 1.75rem;
	padding-right: 2%;
}

#bloque-botones {
	position: absolute;
	left: 40%;
	bottom: 3%;
}

#bloque-botones p {
	display: none;
	color: #ffd122;
}

#bloque-botones a {
	font-weight: 600;
	font-size: 1.2rem;
}

#imagen-portada .btn {
	display: block;
	padding: 3px 6px;
	margin-bottom: 10px;
	color: #000;
	background-color: #ffd122;
	border-radius: 6px;
}

#carousel {
	display: none;
	background-color: #eee;
}

.carousel-control {
	color: #333;
	width: 10%;
}

.carousel-control.right, .carousel-control.left {
	background-image: none;
	background: transparent;
}

.carousel-inner .item {
	padding: 5% 10% 15% 5%;
}

.carousel-caption {
	bottom: 40px;
}

.carousel-caption div {
	display: inline-block;
	background-color: #ffd122;
	color: #000;
	text-shadow: none;
	padding: 5px 12px;
	border-radius: 7px;
}

.carousel-caption a,
.carousel-caption a:link,
.carousel-caption a:visited,
.carousel-caption a:hover,
.carousel-caption a:active {
	text-decoration: none;
	color: inherit;
}

.carousel-indicators li {
	border: none;
	background-color: #fff;
}

.carousel-indicators li.active {
	background-color: #ccc;
}

.item img {
	min-height: 475px;
}

.item h4 {
	color: #057560;
	font-size: 3.5rem;
	font-weight: 300;
	margin-bottom: 1em;
}

.item p {
	font-weight: 300;
}

#texto-intro {
	font-size: 1.2rem;
	background-color: #eee;
	padding: 14px 28px 14px 28px;
}

#texto-intro p {
  padding-top: 0.5em;
}

#texto-intro p.verde {
	color: #057560;
	text-align: center;
	padding-top: 0;
}

.barra {
	height: 14px;
	background-image: url("../imagenes/cuadrados-taxi.png");
	background-color: #ffd122;
}

#taxista {
	background-color: #ffd122;
	color: #057560;
	text-align: center;
	padding: 30px 12px 18px 12px;
}

#taxista p:nth-of-type(1) {
	font-size: 2.3rem;
	font-weight: 300;
}

#taxista p:nth-of-type(2) {
	font-weight: 400;
}

#taxista .btn {
	color: #ffd122;
	background-color: #057560;
	border-width: 0;
	border-radius: 6px;
	padding: 4px 24px 4px 24px;
	margin-top: 2%;
	margin-bottom: 2%;
}

#taxista2 {
	display: none;
	background-color: #ffd122;
}

#taxista2 .panel-group .panel {
	border-style: none;
	border-radius: 6px;
}

#taxista2 .panel-default {
	border-style: none;
	background-color: transparent;
}

#taxista2 .panel-default > .panel-heading {
	background-color: #057560;
	color: #fff;
	border-style: none;
	border-radius: 6px;
	text-align: center;
}

.panel-title {
	font-size: 1.3rem;
}

.panel-body {
	font-size: 1.3rem;
}

#taxista2 .panel-body {
	margin-top: 12px;
	margin-bottom: 16px;
	background-color: #eee;
	border-style: none;
}

#taxista2 a, a:active, a:hover {
	color: #ffd122;
	text-decoration: none;
}

#asociado button {
	float: right;
	margin-top: 5px;
}

#independiente button {
	float: right;
	margin-top: 5px;
}

.cierre {
	background-color: transparent;
	float:right;
	margin: 10px 15px 10px 0;
	font-size: 2rem;
}

#mapa {
	overflow: hidden;
	height: 360px;
}

#mapa iframe {
	border: none;
	position: relative;
	top: -50px;
	width: 100%;
	height: 410px;
}

#areas {
	background-color: rgb(140,140,140);
	background-image: url("../imagenes/fondo3.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: height 0.7s;
	-moz-transition: height 0.7s;
	-o-transition: height 0.7s;
	transition: height 0.7s;
	padding-top: 30px;
}

#areas p {
	text-align: center;
	font-weight: 300;
	font-size: 2rem;
}

#areas p:first-of-type {
	color: #057560;
	font-weight: 400;
}

#areas .dropdown {
	display: inline-block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

#menu-provincias {
	min-width: 198px;
}

#menu-provincias li {
	padding-left: 8px;
}

#menu-provincias p {
	font-size: 1.35rem;
	text-align: left;
	margin-bottom: 5px;
	padding-left: 3px;
}

#listado-municipios {
	overflow-y: auto;
	margin: 16px 10% 16px 10%;
	height: 140px;
}

#listado-municipios p {
	font-size: 1.5rem;
	margin-bottom: 0.15em;
	text-align: left;
}

.bloque-municipios {
	display: none;
	background-color: rgba(255,255,255, 0.85);
	padding: 0.2em;
}

#areas .bloque-municipios p:first-of-type {
	color: #057560;
	font-size: 1.7rem;
	font-weight: 700;
}

.badge {
	font-size: 1rem;
	margin-left: 0.4em;
	color:#000000;
}

.auriga {
	background-color: #ffd122;
}

.radiotaxi {
	background-color: #e6e6e6;
}

.nota {
	font-size: 1.3rem;
	margin-left: 10%;
	margin-bottom: 6px;
}

input {
	margin: 5px 0;
}

.form-control {
	border-radius: 6px;
}

form button.btn-default {
	background-color: #057560;
	display: block;
	color: #fff;
	border-style: none;
}

footer {
	padding-top: 22px;
	padding-bottom: 20px;
}

footer, footer a {
	text-align: center;
	color: #fff;
	background-color: #057560;
	font-size: 1.2rem;
}

footer p {
	margin: 0;
}

#social {
	width:120px;
	margin: 8px auto;
	padding-top: 16px;
}

#social img {
	width: 30px;
}

#social a {
	padding: 0 10px;
}

/* -------------------------------------------------------- */
@media (min-width: 375px) {

	h6 {
		font-size: 2rem;
	}

	#imagen-portada {
		height: 286px;
	}

	#imagen-portada > h1 {
		font-size: 2rem;
	}

	#texto-intro p.verde {
		font-size: 1.45rem;
	}

	#areas p {
		padding-left: 8px;
		padding-right: 8px;
	}

	#menu-provincias p {
		font-size: 1.45rem;
	}

	footer, footer a {
		font-size: 1.3rem;
	}

}

/* -------------------------------------------------------- */
@media (min-width: 425px) {

	#imagen-portada {
		height: 286px;
	}

	#imagen-portada > h1 {
		font-size: 2.3rem;
	}

	#texto-intro {
		font-size: 1.35rem;
	}

	#texto-intro p.verde {
		font-size: 1.7rem;
	}

	#areas p {
		padding-left: 8px;
		padding-right: 8px;
		font-size: 1.7rem;
	}

	#menu-provincias p {
		font-size: 1.55rem;
	}

	footer, footer a {
		font-size: 1.4rem;
	}

}

/* -------------------------------------------------------- */
@media (min-width: 480px) {

	#imagen-portada {
		height: 316px;
		background-image: url("../imagenes/imagen-principal-800x526.jpg");
	}

	#imagen-portada img {
		left: 48%;
		width: 35%;
	}

	#bloque-botones {
    left: 48%;
  }

	#imagen-portada > h1 {
    left: 48%;
    padding-right: 30px;
  }


	h1 br {
		display: none;
	}

	#listado-municipios {
		margin: 16px 20% 16px 20%;
	}

	.nota {
		margin-left: 20%;
		margin-bottom: 10px;
	}
}

/* -------------------------------------------------------- */
@media (min-width: 768px) {

	h6 {
		font-size: 2.2rem;
	}

	#imagen-portada {
		height: 490px;
	}

	#bloque-botones {
		width: 45%;
		left: 43%;
		max-width: 346px;
	}

	#bloque-botones p {
		display: block;
		font-size: 3.9rem;
		text-align: center;
	}

	#bloque-botones a.btn {
		display: block;
		width: 35%;
		min-width: 165px;
		font-size: 1.3rem;
	}

	#bloque-botones a:nth-of-type(2) {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	#imagen-portada img {
		right: 10%;
		left: auto;
		top: 8%;
		width: 26%;
		max-width: 250px;
	}

	#imagen-portada > h1 {
		top: 28%;
		left: 43%;
		font-size: 1.4rem;
	}


	#texto-intro {
		position: absolute;
		left: 43%;
		top: 35%;
		background-color: transparent;
		color: #fff;
		padding: 0 28px 0 0;
	}

	#texto-intro p {
		font-size: 1.4rem;		
	}

	#texto-intro p.verde {
		color: inherit;
		text-align: inherit;
		font-weight: inherit;
		font-size: 1.9rem;
	}

	#carousel {
		display: block;
	}

	#taxista p:nth-of-type(1) {
    font-size: 2.6rem;
	}

	#taxista p:nth-of-type(2) {
		font-size: 1.8rem;
	}

	#asociado .form-horizontal {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	#independiente .form-horizontal {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	#accordion {
		padding-left: 20%;
		padding-right: 20%;
	}

	#mapa {
		height: 480px;
	}

	#mapa iframe {
		height: 530px;
	}

	#boton-municipios {
		padding-left: 25px;
		padding-right: 25px;
	}

	#listado-municipios {
		margin: 16px 20% 16px 20%;
		height: 180px;
	}

	.nota {
		margin-left: 20%;
		margin-bottom: 10px;
	}

	.panel-title {
		font-size: 1.6rem;
	}

	#menu-provincias {
		min-width: 224px;
	}

	#menu-provincias p {
		font-size: 1.7rem;
	}

	footer, footer a {
		font-size: 1.6rem;
	}

}


/* -------------------------------------------------------- */
@media (min-width: 1024px) {

	h6 {
		font-size: 3rem;
	}

	#imagen-portada {
		height: 721px;
		background-image: url("../imagenes/imagen-principal-1400x921.jpg");
	}

	#imagen-portada > h1 {
		top: 28%;
		font-size: 1.9rem;
		left: 45%
	}

	#texto-intro {
		position: absolute;
		left: 45%;
		top: 35%;
		background-color: transparent;
		color: #fff;
		padding: 0 55px 0 0;
	}

	#texto-intro p {
		font-size: 1.9rem;		
	}

	#texto-intro p.verde {
		font-size: 2.4rem;		
	}


	#bloque-botones {
		width: 38%;
		max-width: 480px;
		left: 45%;
		bottom: 6%;
	}

	#bloque-botones p {
		display: block;
		font-size: 4.3rem;
		text-align: center;
	}

	#bloque-botones a.btn {
		display: block;
		width: 48%;
		min-width: 170px;
		font-size: 1.5rem;
	}

	#listado-municipios {
		margin: 16px 30% 16px 30%;
		height: 260px;
	}

	.nota {
		margin-left: 30%;
		margin-bottom: 10px;
	}

	#taxista p:nth-of-type(1) {
    font-size: 3rem;
	}

	#taxista p:nth-of-type(2) {
		font-size: 2rem;
	}

	#asociado .form-horizontal {
		width: 60%;
	}

	#independiente .form-horizontal {
		width: 60%;
	}

	#mapa {
		height: 600px;
	}

	#mapa iframe {
		height: 650px;
	}

	footer, footer a {
		font-size: 2rem;
	}

	#social {
		width: 140px;
	}

	#social img {
		width: 40px;
	}

}


@media (min-width: 1200px) {

	#bloque-botones p {
		font-size: 5rem;
	}

}