@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1023px) {
.offset-body {padding-top: 50px;}
.pasadoruno .flech { width: 24px;} .pasadoruno .flech img { width: 24px;}
#menu .redes {text-align: center; padding-top: 0;}
#menu .brand {width: 20%;}
#menu.oculto {background: rgba(69, 69, 69, 1);}
#myNavbar { float: left; width: 100%; background: rgba(69, 69, 69, 1); padding: 10px; margin-top: 10px;}
#menu.navbar-default .navbar-nav .open .dropdown-menu > li > a { font-size: 12px; color: #fff;}
#menu .redes p {display:none;}
#menu .navbar-header {border-bottom: 0; padding: 0; margin: 0;}
#menu .navbar-nav > li {width: 100%; text-align: left;}
.pasadoruno .flech img {width: 10px;}
.pasadoruno .flech {width: 10px; }
.pasadoruno .textos .title {bottom: inherit;position: relative;}
.pasadoruno .textos .title h2 {font-size: 31px;}
.pasadoruno .textos .title h3 {font-size: 18px; margin-top: 10px;}
.pasadoruno .textos .title p {font-size: 14px; line-height: 17px; font-weight: 300;}
.pasadoruno .textos .title p.light {font-size: 10px; margin-top: 20px;}
.pasadoruno .flech {display: none;}
#carousel1 .carousel-indicators {width: 100%; padding-right: 40px; text-align: right;}
.map-container iframe {min-height: 340px;}
.service {min-height: 100%;}
.service.white {min-height: 100%;}
.parallax { background-size: 280%; background-color: #5dae87;background-position: -700px 0px;}
.parallax-text {width: 90%;}
}

@media only screen and (max-width: 767px) {
	.pasadoruno .textos {display: none;}
	.parallax-text {width: 100%;}
	.parallax {	background-color: #5dae87;	background-image: none; height: auto;}
	.log img {float: none; margin: 0 auto;}
	footer .log p {text-align: center; }
	footer .co {padding:0; margin-bottom: 20px;}
}


@media only screen and (max-width: 568px) {
	#menu .brand {	width: 40%;}
}

@media only screen and (max-width: 460px) {
	#menu .brand {	width: 60%;}
	.text p {text-align: justify;}
	.service {padding:20px 20px 20px;}
	.title-page .title .tline {bottom:71px;}
	.service.white p {text-align: justify;}
	#carousel1 .carousel-inner .item .content h3 {font-size: 30px;}
	#promos .carousel-inner .item .content h3 {font-weight: 36px;}
	.address img {max-width: 300px;}
}
@media only screen and (max-width: 375px) {
.title-page .title {font-size: 28px;}
.ico {width: 100%!important;}
#formi {padding:0;}
#formi .btn.green {width: 100%;}
}