/* Globales */
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	font-size: 62.5%;
}
body{
	overflow-x: hidden;
	background-color: #e9e7e8;
	font-size: 1.6rem;
	font-family: 'Roboto','Arial', sans-serif;
}
a, a:hover{
	color: #333;
	font-weight: 700;
	text-decoration: none;
}
.flexslider {
	width: 100%;
}
.flexbox{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: space-around;
}
.flexbox-dkt{
	display: block;
}
.flex-start{
	justify-content: flex-start;
}

/* Wrapper */
.wrapper{
	width: 100%;
	max-width: 96rem;
	margin: 0 auto;
	padding: 2.5rem;
}
section.top{
	flex: 1;
}

/* Header */
header{
	display: inline-block;
}
header .logo{
	width: 6rem;
}

/* Search Box */
.search-box{
	float: right;
	margin-top: 2.1rem;
	justify-content: initial; 
}
.search-box .search-label{
	display: inline-block;
	height: 3.5rem;
	line-height: 3.5rem;
	padding: 0 1rem;
	color: #fff;
	background-color: #2b333e;
	font-size: 1.3rem;
	cursor: default;
}
.search-box input{
	width: 13rem;
	height: 3.5rem;
	padding: 0 1rem;
	border: 0;
}
.search-box .submit{
	display: none;
}

/* Nav */
nav{
	width: 100%;
	margin-top: 2rem;
	background-color: #fff;
}
nav ul li{
	display: block;
}
nav ul li a{
	display: block;
	height: 5rem;
	line-height: 5rem;
	padding: 0 2rem;
	font-size: 1.4rem;
	text-transform: uppercase;
}
nav ul li a:hover{
	background-color: #f6f6f6;
}

/* Main */
main{
	display: block;
	width: 100%;
}
main:after{
	content: '';
	clear: both;
	display: table;
}

/* Títulos */
.sec-title{
	width: 100%;
	margin-bottom: 1rem;
	background-color: #fff;
}
.sec-title a{
	display: block;
	width: 10.5rem;
	padding: 0.5rem 0;
	color: #fff;
	background-color: #4d5b66;
	text-align: center;
	text-transform: uppercase;
}
.sec-heading{
	display: inline-block;
	width: 22rem;
	height: 5rem;
	line-height: 5rem;
	margin: 2rem 0;
	background-color: #fff;
	font-size: 2.4rem;
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
	text-align: center;
	text-transform: uppercase;
}

/* Resumy */
.resumy{
	display: none;
}

/* Thumbs */
.thumbs{
	-webkit-flex-flow: row wrap;
	justify-content: space-around;
}
.thumbs figure{
	flex: 1 40%;
	margin: 2rem 0.5rem 0 0.5rem;
	text-align: center;
}
.thumbs figure .logo{
	width: 100%;
	height: 12rem;
	padding-top: 2.2rem;
	background-color: #5dbfa5;
}
.thumbs figure figcaption{
	display: block;
	height: 4rem;
	line-height: 4rem;
	background-color: #fff;
}
.thumbs figure figcaption .title{
	display: block;
	font-size: 1.4rem;
	font-family: 'Roboto Condensed','Arial', sans-serif;
	text-transform: uppercase;
}
.thumbs figure figcaption .desc{
	display: none;
}

/* Sell App*/
.sell-app{
	width: 100%;
	height: 5rem;
}
.sell-app .icon{
	display: none;
	flex: 1;
}
.sell-app .desc{
	flex: 9;
	height: 5rem;
	padding: 0.5rem 1rem;
	background-color: #fff;
}
.sell-app .desc p{
	display: none;
}
.sell-app .btn{
	flex: 2;
	text-align: center;
}
.sell-app .btn a{
	display: block;
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	padding: 0 0.5rem;
	color: #fff;
	background-color: #f0475a;
	text-transform: uppercase;
}

/* Noticias */
.news figure{
	width: 100%;
	margin: 1rem 0;
}
.news .bg-img,
.news figcaption .icon,
.news figcaption .new-desc{
	display: none;
}
.news figcaption .new-title{
	height: 3rem;
	line-height: 3rem;
	background-color: #4d5b66;
	font-family: 'Roboto Condensed','Arial', sans-serif;
}
.news figcaption .new-title a{
	display: block;
	padding-left: 1.5rem;
	color: #fff;
	font-weight: 400;
}

/* Mapas */
.map{
	width: 100%;
	height: 40rem;
	background-color: #fff;
}
.map iframe{
	width: 100%;
	height: 100%;
}
.map-lines{
	padding: 1.5rem;
	background-color: #a7d2c6;
}
.map-lines table{
	width: 100%;
}
.map-lines table th,
.map-lines table td{
	padding: 0.5rem 0;
	text-align: center;
	vertical-align: middle;
}
.map-lines table th{
	background-color: #daeae4;
	text-transform: uppercase;
}
.map-lines table th:first-child{
	background-color: transparent;
}
.map-lines table td:first-child{
	text-align: left;
}
.map-lines table td .small-desc{
	display: block;
	font-size: 1.2rem;
}

/* Gráficas */
.graficas .graficas-img{
	width: 100%;
	height: 12.7rem;
	background-image: url(../img/graficas-inicio.png);
	background-size: cover;
	background-position: center;
}


/* LINEAS search */
main > .flex-start{
	margin-bottom: 2rem;
}
main .top-search{
	margin-bottom: 2rem;
	justify-content: flex-start;
}
main .search{
	position: relative;
	height: 18rem;
	margin: 0 2rem 0 0;
	padding: 2.3rem 1.5rem 1rem;
	background-color: #a7d3c7;
	flex: 1;
}
main .search label{
	display: block;
	font-size: 1.3rem;
}
main .search input{
	width: 90%;
	margin: 0.3rem 0 1.5rem;
	padding: 0.9rem 0.8rem;
	background-color: #fff;
	border: 0;
	border-radius: 0;
	font-size: 1.2rem;
}
main .search .change-route{
	position: absolute;
	top: 6.2rem;
	right: 1rem;
	cursor: pointer;
}
/* LINEAS result */
main .result{
	height: 18rem;
	padding: 1rem 1.5rem 0.5rem;
	background-color: #c3dbd5;
	flex: 1;
}
main .result p{
	margin-bottom: 0.5rem;
}
main .result p:hover{
	font-weight: 700;
	cursor: pointer;
}

/* SUBE */
.sube-map{
	background-size: cover;
	background-image: url(../img/mapa-sube.jpg);
}

main .points{
	flex-flow: column;
	margin: 2rem auto 0;
}
main .points .box{
	width: 100%;
	max-width: 30rem;
	margin: 0 auto 3rem;
}
main .points .point-top{
	position: relative;
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	margin-bottom: 1rem;
	color: #fff;
	background-color: #5dbfa5;
	font-size: 1.2rem;
}
main .points .point-top .icon{
	float: left;
	width: 3.5rem;
	height: 3rem;
	margin-right: 0.5rem;
	background-color: #2b323b;
}
main .points .point-top span{
	display: block;
}
main .points .point-top .checkbox{
	position: absolute;
	top: 0;
	right: 0;
}
main .points .point-top .checkbox input{
	margin-top: 0.9rem;
}

main .points .point-bottom{
	width: 100%;
	height: 10rem;
	background-color: #5dbfa5;
	text-align: center;
}
main .points .point-bottom a{
	display: block;
	width: 100%;
	height: 10rem;
	padding-top: 2rem;
	color: #fff;
	font-size: 2.5rem;
}

/* TRANSITO ref */
main .ref{
	display: none;
}
main .ref .box{
	flex: 1;
}
main .ref .box .title{
	height: 3rem;
	line-height: 3rem;
	font-weight: 700;
	flex: 1;
	margin-top: 0.7rem;
	padding-left: 1.5rem;
}
main .ref .box .desc{
	padding: 0 0.5rem;
}
main .ref .box .desc img{
	width: 3rem;
}

/* Transito */
.transito-heading{
	flex: 1;
	margin: 2rem 0;
}
.transito-heading .sec-heading{
	flex: 1;
	min-width: 28rem;
	margin: 0 0 1rem 0;
}
.transito-heading .search-box{
	flex: 1;
	float: none;
	min-width: 20rem;
	margin: 0;
}
.transito-heading .search-box .search-label{
	height: 5rem;
	line-height: 5rem;
}
.transito-heading .search-box input{
	flex: 1;
	width: 100%;
	height: 5rem;
}

.transito.map{
	background-color: transparent;
	background-image: url(../img/mapa-transito.jpg);
	background-size: cover;
	background-position: center;
}
.transito.map img{
	display: block;
	width: 100%;
}

.noticias{
	margin-top: 3rem;
}
.noticias img{
	display: block;
	width: 100%;
}

/* Rótulos */
.rotulos{
	flex-flow: column;
}
.rotulos-box-container{
	flex: 1;
}
.rotulos-box-container.right{
	flex: 1.5;
	margin: 2rem 0 0 0;
}
.rotulos-box-container .sec-heading{
	width: 100%;
}
.rotulo-box .rot-titulo .titulo{
	flex: 1;
	padding: 1rem 0;
	color: #fff;
	background-color: #4b5258;
	font-weight: 700;
	text-align: center;
}
.rotulo-box .rot-titulo .desc{
	flex: 2;
	padding: 1rem 0 1rem 1rem;
	background-color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
.rotulo-box .rot-titulo .desc .top{
	margin-top: 0.5rem;
	font-size: 1.4rem;
	text-transform: none;
}
.rotulo-box .rot-titulo .desc .bottom{
	color: #888;
	font-size: 1.2rem;
}
.rotulo-box .rot-desc{
	padding: 2rem 1rem;
	font-size: 1.3rem;
}
.rotulo-box .rot-desc ul{
	flex: 1.5;
}
.rotulo-box .rot-desc .logo-uba{
	flex: 0.5;
}
/* Rótulos Integrantes */
.integrantes{
	margin: 3rem 0 5rem;
}
.integrantes figure{
	margin-bottom: 2rem; 
}
.integrantes figure .avatar{
	width: 100%;
	padding: 1rem;
	border: 1.5rem solid #5cb899;
	width: 100%;
	height: 20rem;
	background-position: center;
	background-size: cover;
}
.integrantes figure .avatar.int-1{
	background-image: url(../1/img/avatar.jpg);
}
.integrantes figure .avatar.int-2{
	background-image: url(../2/img/avatar.jpg);
}
.integrantes figure .avatar.int-3{
	background-image: url(../3/img/avatar.jpg);
}
.integrantes figure .avatar.int-4{
	background-image: url(../4/img/avatar.jpg);
}
.integrantes figure figcaption{
	padding: 2.5rem 1rem;
	background-color: #fff;
	text-align: center;
}
.integrantes figure figcaption .int-title{
	text-transform: uppercase;
	font-weight: 700;
}
.integrantes figure figcaption .int-desc{
	padding-top: 1rem;
	font-size: 1.3rem;
}
/* Rótulos Copyright */
.copyright{
	font-size: 1.3rem;
}

/* Bios */
.bio{
	flex-flow: column;
	margin: 3rem 0 5rem;
}
.bio .avatar{
	flex: 1;
	width: 100%;
	max-width: 35rem;
	height: 25rem;
	margin: 0 auto;
	padding: 1rem;
	background-size: cover;
	background-position: center;
	border: 1.5rem solid #5cb899;
}
.bio .avatar.int-1{
	background-image: url(../1/img/avatar.jpg);
}
.bio .avatar.int-2{
	background-image: url(../2/img/avatar.jpg);
}
.bio .avatar.int-3{
	background-image: url(../3/img/avatar.jpg);
}
.bio .avatar.int-4{
	background-image: url(../4/img/avatar.jpg);
}
.bio .caption {
	flex: 1;
	margin: 1rem auto;
}
.bio .caption .int-title{
	max-width: 35rem;
	padding: 2rem 1rem;
	background-color: #fff;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}
.bio .caption .int-desc{
	max-width: 35rem;
	padding: 2rem 1rem;
	font-size: 1.3rem;
}

/* Footer */
.footer-wrapper{
	width: 100%;
	background-color: #2b343d;
}
footer{
	width: 100%;
	max-width: 96rem;
	margin: 0 auto;
	padding: 2.5rem;
}
footer ul.flexbox{
	-webkit-flex-flow: column;
}
footer ul li{
	text-align: center;
}
footer ul li a{
	display: block;
	height: 5rem;
	line-height: 5rem;
	padding: 0 0.8rem;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 400;
	text-transform: uppercase;
}
footer ul li a:hover{
	color: #fff;
	background-color: #262e35;
	font-weight: 400;
}

/* Secciones */
.resumy, .thumbs, .sell-app, .news, .graphic, .map-lines{
	margin: 2.5rem 0;
}

@media all and (min-width: 768px) {
	/* Globales */
	.flexbox-dkt{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		justify-content: space-around;
	}

	/* Header */
	header{
		float: left;
		width: 20%;
	}
	header .logo{
		width: auto;
	}

	/* Search Box */
	.search-box{
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.search-box input{
		width: auto;
		padding: 0 3rem 0 1rem;
	}
	.search-box .submit{
		display: block;
		float: left;
		width: 3rem;
		height: 3.5rem;
		line-height: 3.5rem;
		margin-left: -3rem;
		text-align: center;
	}

	/* Nav */
	nav{
		float: right;
		width: 80%;
		height: 6rem;
		margin-top: 0; 
		padding: 0 0 0 0.4rem;
	}
	nav ul li{
		display: inline-block;
		margin-left: -0.4rem;
	}
	nav ul li a{
		height: 6rem;
		line-height: 6rem;
	}

	/* Resumy */
	.resumy{
		width: 100%;
		padding: 0 0.5rem;
	}
	.resumy .intro{
		width: 27%;
		padding: 3rem 1rem 0 0;
	}
	.resumy .intro h1{
		width: 100%;
		height: 5rem;
		line-height: 5rem;
		margin-bottom: 2.5rem;
		color: #fff;
		background-color: #f0475a;
		font-size: 3rem;
		font-weight: 400;
		text-align: center;
		text-transform: uppercase;
	}
	.resumy .intro h1 span{
		font-weight: 700;
		font-family: 'Roboto Condensed','Arial', sans-serif;
	}
	.resumy .intro p{
		margin-top: 0.5rem;
		line-height: 1.4;
		font-size: 1.3rem;
		text-align: justify;
	}
	.resumy .cover{
		width: 73%;
	}

	/* Thumbs */
	.thumbs{
		-webkit-flex-flow: initial;
		justify-content: initial;
	}
	.thumbs figure{
		width: 25%;
		margin: 2rem 0 0 2rem;
	}
	.thumbs figure:first-child{
		margin-left: 0;
	}
	.thumbs figure figcaption{
		height: auto;
		min-height: 8.4rem;
		line-height: normal;
		margin-top: 0.7rem;
		padding: 1rem;
	}
	.thumbs figure figcaption .title{
		font-size: 1.6rem;
	}
	.thumbs figure figcaption .desc{
		display: inline-block;
		margin-top: 0.5rem;
		font-size: 1.1rem;
		font-family: 'Roboto','Arial', sans-serif;
	}

	/* Sell App */
	.sell-app{
		height: 6rem;
	}
	.sell-app .icon{
		display: block;
		height: 6rem;
		padding: 0.4rem 0;
		background-color: #4d5b66;
	}
	.sell-app .icon img{
		display: block;
		height: 100%;
		margin: 0 auto;
	}
	.sell-app .desc{
		height: 6rem;
	}
	.sell-app .desc p{
		display: block;
		margin-top: 0.3rem;
		font-size: 1.2rem;
	}
	.sell-app .btn a{
		height: 6rem;
		line-height: 6rem;
	}

	/* Noticias */
	.news figure{
		flex: 1;
		margin: 0 0 0 1.5rem;
	}
	.news figure:first-child{
		margin-left: 0;
	}
	.news .bg-img{
		display: block;
		position: relative;
		height: 13rem;
		background-size: cover;
		background-position: center;
	}
	.news .bg-img.img-1{
		background-image: url(../img/news1.png);
	}
	.news .bg-img.img-2{
		background-image: url(../img/news2.png);
	}
	.news .bg-img.img-3{
		background-image: url(../img/news3.png);
	}
	.news .bg-img .date{
		position: absolute;
		bottom: 0;
		width: 6rem;
		height: 6rem;
		color: #fff;
		background-color: #5cc0a6;
		text-align: center;
	}
	.news .bg-img .date .day{
		display: block;
		margin-top: 0.6rem;
		font-size: 2.5rem;
		font-weight: 700;
	}
	.news figcaption .icon{
		display: block;
		float: left;
		width: 3.5rem;
		height: 3rem;
		background-color: #2f333f;
	}
	.news figcaption .new-title{
		padding-left: 3rem;
	}
	.news figcaption .new-desc{
		display: block;
		padding: 0.8rem 0.5rem 0 4.5rem;
		font-size: 1.3rem;
		text-align: justify;
	}

	/* Sube */
	main .points{
		flex-flow: row;
	}
	main .points .box{
		width: 20rem;
		margin: 0;
	}
	main .points .box:first-child{
		margin: 0 2rem 0 0;
	}

	/* Mapas */
	.sec-heading{
		width: 30rem;
		height: 6rem;
		line-height: 6rem;
		font-size: 2.8rem;
	}
	.map-lines table tbody tr td:first-child{
		width: 60%;
	}

	/* Lineas */
	main .top-search{
		-webkit-flex-flow: column wrap;
		flex: 4;
	}
	main .search{
		position: relative;
		height: 18rem;
		margin: 0 2rem 0 0;
		padding: 2.3rem 1.5rem 1rem;
		background-color: #a7d3c7;
		flex: 1;
	}
	main .result{
		height: 18rem;
		margin-top: 2rem;
		margin-right: 2rem;
		padding: 1rem 1.5rem 0.5rem;
		background-color: #c3dbd5;
		flex: 1;
	}
	.map{
		width: auto;
		flex: 8;
	}

	/* Transito */
	.transito-heading.flexbox{
		position: relative;
		flex-flow: column;
		margin-bottom: 0;
	}
	.transito-heading .sec-heading{
		flex: 0;
		width: 100%;
		font-size: 2.1rem;
	}
	.transito-heading .search-box,
	.transito-heading .ref{
		flex: 1;
		margin-top: 0;
	}
	.transito-heading .ref{
		display: block;
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	.transito.map{
		flex: 2;
		margin-left: 2rem;
	}
	.transito.map img{
		display: block;
		width: 100%;
	}

	.noticias {
		margin-top: 6rem;
	}

	/* Rótulos */
	.rotulos{
		flex-flow: row;
	}
	.rotulos-box-container.right{
		margin: 2rem 0 0 2rem;
	}
	/* Rótulos Integrantes */
	.integrantes figure{
		flex: 1;
		margin: 0 0 0 1.5rem;
	}
	.integrantes figure:first-child{
		margin: 0;
	}

	/* Bios */
	.bio{
		flex-flow: row wrap;
	}
	.bio .avatar{
		flex: 1;
		margin-right: 2rem;
	}
	.bio .caption{
		flex: 2;
		margin: 0;
	}

	/* Footer */
	.footer-wrapper{
		height: 5rem;
	}
	footer{
		padding: 0 2.5rem;
	}
	footer ul.flexbox{
		-webkit-flex-flow: row wrap;
		justify-content: flex-start;
	}
}