@charset "UTF-8";

.font-default{font-family: 'Roboto'; font-weight: normal;}
.font-strong{font-weight: bold;}
.font-big{font-size: 22px;}
.font-middle{font-size: 16px;}
.font-little{font-size: 14px;}
.gray-color-font{color: #565656;}
.orange-title{color:#FF5100;}
.white-title{color: white;}
.lineleft{border-left: 1px solid #cacaca;}
.lineright{border-right: 1px solid #cacaca;}
.linebottom{border-bottom: 0px solid #cacaca;}
#top-title{height: auto; text-align: center; background-color: white;}
.main-title{font-size: 36px;}
.font-uppercase{text-transform: uppercase;}
.hero-banner{width: 100%; height: 340px; box-sizing: border-box; padding-top: 6em; background-image: url(../img/envios/map.jpg); background-position: bottom right; background-size: cover;}
#columns-and-information{height: auto; box-sizing: border-box; padding: 2em; text-align: center;}
.column{position: relative; width: 33.3333%; height: 400px; float: left; box-sizing: border-box; padding:2em; color: #565656;}
.icon-envios{position: relative; width: 100px; height: 100px; margin: auto; border: 0px dotted;}
.big-title{width: 100%; height: auto; box-sizing: border-box; padding: 0.5em; line-height: 1em;}
.medium-title{width: 100%; height: auto; box-sizing: border-box; padding: 0.5em; line-height: 1.25em;}
.little-text-about{width: 100%; height: auto; box-sizing: border-box; padding: 0.5em; line-height: 1.25em;}
.more-little-text-about{width: 100%; height: auto; box-sizing: border-box; padding: 0.5em; line-height: 1.25em; font-size: 0.9em;}
#seleccion{height: auto; text-align: center; background-color: whitesmoke;}
.selectors-container{position: relative; width: 100%; height: auto; box-sizing: border-box; padding-top: 1em; padding-bottom: 1em; display: block;}
#ver-mas-button-container{position: relative; width: 100%; height: auto; box-sizing: border-box; padding-top: 1em; padding-bottom: 1em; display: normal; text-align: center;}
.left-options{display: inline-block; width: 40%;}
.right-options{display: inline-block; width: 40%;}
.dropdown-option{position: relative; width: 75%; display: inline-block;}
#envios{height: auto; text-align: center; background-color: whitesmoke;}
.text-information{position: relative; width: 75%; height: auto; margin: auto; text-align: left; padding-bottom: 1em;}
.radio-button-container{position: relative; width: 40%; height: auto; margin: auto; text-align: center; padding: 0.8em; text-indent: 0px; top: 0px;}
#radio1, #radio2{float:left;}
#resultados{width: 90%; height: auto; text-align: center; box-sizing: border-box; margin: auto;}
.card-info-results{position: relative; width: 20%; height: auto; box-sizing: border-box; padding: 0; line-height: 1em; background-color: none; display: inline-block; float: none; border-bottom: 0px solid #fff; border-left: 0px solid #fff; border-right: 0px solid #fff; top: 0px; vertical-align: top; border-radius: 5px; text-align: center;}
.card-info-results ul{margin-top: 1em; /*text-indent: -1em;*/ width: 100%; text-align: center;}
.card-info-results li{list-style-type: none; text-align: center; margin-top: 1em; margin-bottom: 1em; border: 0px solid #cacaca; border-radius: 5px; padding: 0; width: 90%; box-sizing: border-box; /*margin-left: 1em;*/}
.li-title{/*color: #ff7800;*/ color: #565656; font-size: 0.875em;}
#garantia{position:relative; width:100%; height:auto; background-color:#F5F5F5; margin:auto; box-sizing: border-box; padding:2rem;}
#items-garantias ul li {list-style-type: disc; line-height: 1.45em; font-size: 1.1em; color: #565656;}
.consulta-envios-title{font-size: 28px; text-align: center; height: auto; width: 100%; margin: auto; background-color: #F5F5F5; padding-top: 30px;}
.radio-size{width: 35%; display: inline-block; height: auto; top: -15px;}
.camioneta{display: block; position: relative; width: 100%; height: auto; padding: 2em; text-align: center; margin: auto;}
.format-terminals{display: block; position: relative; width: 100%; height: auto; padding: 2em; text-align: center; margin: auto;}
.check-icon{position: relative; width: 64px; height: 64px; margin: auto; padding: 0em; text-align: center;}
.cancel-icon{position: relative; width: 64px; height: 64px; margin: auto; padding: 0em; text-align: center;}
.force-center{margin: auto; text-align: center; display: block; position: relative;}
.negative-top{top: -113px;}
.hero-banner p{background-color: rgba(255,255,255,0.8); padding-top: 1em; padding-bottom: 1em; box-sizing: border-box; width: 75%; margin: auto;}
.advert-envios-provincias{position: relative; width: 100%; height: auto; margin: auto; padding: 1.5em; color: white; background-color: #FF5100; text-align: center;}
.terminal_destacada_1{border-radius: 5px !important;}
.banner-consulta-seguimiento{position: relative; width: 50%; height: auto; margin: auto; padding: 0.5em; border: 1px solid #cacaca; border-radius: 5px; text-align: center; margin-bottom: 1em; display: block;}
.banner-consulta-seguimiento p{display: block; padding: 0 0 0 0; font-size: 1.3em; vertical-align: middle;}
.banner-consulta-seguimiento span{display: block; padding: 0 0 1em 0; font-size: 0.975em; vertical-align: middle;}
.banner-consulta-seguimiento .btn .btn-primary{display: block; vertical-align: middle;}
.last-title-garantia-container{position: relative; width: 75%; height: auto; margin: auto; padding: 1.5em; background-color: #eaeaea; border-radius: 5px; text-align: center;}

@media screen and (min-width: 900px) {
	.hero-banner{width: 100%; height: 340px; box-sizing: border-box; padding-top: 7em; background-image: url(../img/envios/map.jpg); background-position: bottom right; background-size: cover;}
	#columns-and-information{height: auto; box-sizing: border-box; padding: 2em; text-align: center;}
	.column{position: relative; width: 33.3333%; height: 475px; float: left; box-sizing: border-box; padding:2em; color: #565656;}
	.lineleft{border-left: 1px solid #cacaca;}
	.lineright{border-right: 1px solid #cacaca;}
	.linebottom{border-bottom: 0px solid #cacaca;}
	#resultados{position: relative; width: 90%; height: auto; text-align: center; box-sizing: border-box;}
	.card-info-results{width: 25%; float: none;}
	.column-alternate{position: relative; width: 33% !important; height: auto; margin: auto; padding: 0.3em; vertical-align: top; display: inline-block; min-height: 400px;}
	.hr-alternate-style{display: none;}
}

@media screen and (min-width: 769px) and (max-width:899px) {
	.hero-banner{width: 100%; height: 300px; box-sizing: border-box; padding-top: 1.7em; background-image: url(../img/envios/map.jpg); background-position: center right; background-size: cover;}
	#columns-and-information{height: auto; box-sizing: border-box; padding: 2em; text-align: center;}
	.column{position: relative; width: 100%; height: auto; float: none; box-sizing: border-box; padding:2em; color: #565656;}
	.lineleft{border-left: 0px solid #cacaca;}
	.lineright{border-right: 0px solid #cacaca;}
	.linebottom{border-bottom: 1px solid #cacaca;}
	.left-options{display: inline-block; width: 50%;}
	.right-options{display: inline-block; width: 50%;}
	#resultados{position: relative; width: 90%; height: auto; text-align: center; box-sizing: border-box;}
	.card-info-results{width: 50%; float: none;}
	.column-alternate{position: relative; width: 90% !important; height: auto; margin: auto; padding: 0.3em; vertical-align: top; display: block; min-height: auto;}
	.hr-alternate-style{display: block;}
}

/*@media screen and (min-width: 769px) {
	.hero-banner{width: 100%; height: 340px; box-sizing: border-box; padding-top: 7em; background-image: url(../img/envios/map.jpg); background-position: bottom right; background-size: cover;}
	#columns-and-information{height: auto; box-sizing: border-box; padding: 2em; text-align: center;}
	.column{position: relative; width: 33.3333%; height: 480px; float: left; box-sizing: border-box; padding:2em; color: #565656;}
	.lineleft{border-left: 1px solid #cacaca;}
	.lineright{border-right: 0px solid #cacaca;}
	.linebottom{border-bottom: 0px solid #cacaca;}
	#resultados{position: relative; width: 90%; height: auto; text-align: center; box-sizing: border-box;}
	.card-info-results{width: 30%; float: none;}
	.column-alternate{position: relative; width: 90% !important; height: auto; margin: auto; padding: 0.3em; vertical-align: top; display: block; min-height: auto;}
	.hr-alternate-style{display: block;}
}*/

@media screen and (max-width: 768px) {
	.hero-banner{width: 100%; height: 300px; box-sizing: border-box; padding-top: 1.7em; background-image: url(../img/envios/map.jpg); background-position: center right; background-size: cover;}
	#columns-and-information{height: auto; box-sizing: border-box; padding: 2em; text-align: center;}
	.column{position: relative; width: 100%; height: auto; float: none; box-sizing: border-box; padding:2em; color: #565656;}
	.lineleft{border-left: 0px solid #cacaca;}
	.lineright{border-right: 0px solid #cacaca;}
	.linebottom{border-bottom: 1px solid #cacaca;}
	.left-options{display: inline-block; width: 50%;}
	.right-options{display: inline-block; width: 50%;}
	#resultados{position: relative; width: 90%; height: auto; text-align: center; box-sizing: border-box;}
	.card-info-results{width: 50%; float: none;}
	.column-alternate{position: relative; width: 90% !important; height: auto; margin: auto; padding: 0.3em; vertical-align: top; display: block; min-height: auto;}
	.hr-alternate-style{display: block;}
}

@media screen and (max-width: 640px) {
	.main-title{font-size: 26px;}
	.hero-banner{width: 100%; height: 300px; box-sizing: border-box; padding-top: 5em; background-image: url(../img/envios/map.jpg); background-position: center right; background-size: cover;}
	#columns-and-information{height: auto; box-sizing: border-box; padding: 2em; text-align: center;}
	.column{position: relative; width: 100%; height: auto; float: none; box-sizing: border-box; padding:2em; color: #565656;}
	.lineleft{border-left: 0px solid #cacaca;}
	.lineright{border-right: 0px solid #cacaca;}
	.linebottom{border-bottom: 1px solid #cacaca;}
	.left-options{display: inline-block; width: 100%;}
	.right-options{display: inline-block; width: 100%;}
	#resultados{position: relative; width: 90%; height: auto; text-align: center; box-sizing: border-box;}
	.card-info-results{position: relative; width: 60%; height: auto; box-sizing: border-box; padding: 2em 0.5em 0.5em 0.5em; line-height: 1em; background-color: none; display: inline-block; float: none; border-bottom: 0px solid #cacaca; border-left: 15px solid #fff; border-right: 15px solid #fff;}
	.column-alternate{position: relative; width: 100% !important; height: auto; margin: auto; padding: 0.3em; vertical-align: top; display: block; min-height: auto;}
	.hr-alternate-style{display: block;}
}

@media screen and (max-width: 460px) {
	.main-title{font-size: 26px !important;}
	.hero-banner{width: 100%; height: 280px; box-sizing: border-box; padding-top: 2.3em; background-image: url(../img/envios/map.jpg); background-position: center right; background-size: cover;}
	#columns-and-information{height: auto; box-sizing: border-box; padding: 2em; text-align: center;}
	.column{position: relative; width: 100%; height: auto; float: none; box-sizing: border-box; padding:2em; color: #565656;}
	.lineleft{border-left: 0px solid #cacaca;}
	.lineright{border-right: 0px solid #cacaca;}
	.linebottom{border-bottom: 1px solid #cacaca;}
	.left-options{display: inline-block; width: 100%;}
	.right-options{display: inline-block; width: 100%;}
	#resultados{position: relative; width: 90%; height: auto; text-align: center; box-sizing: border-box;}
	.card-info-results{position: relative; width: 100%; height: auto; box-sizing: border-box; padding: 0.575em 0.5em 0.5em 0.5em; line-height: 1em; background-color: none; display: block; float: none; border-bottom: 0px solid #cacaca; border-left: 15px solid #fff; border-right: 15px solid #fff; margin: auto; top: 10px;}
	.banner-consulta-seguimiento{width: 90%;}
	.last-title-garantia-container{width: 90%;}
	.column-alternate{position: relative; width: 100% !important; height: auto; margin: auto; padding: 0.3em; vertical-align: top; display: block; min-height: auto;}
	.hr-alternate-style{display: block;}
}

@media screen and (max-width: 360px) {
	.main-title{font-size: 20px;}
	.hero-banner{width: 100%; height: 250px; box-sizing: border-box; padding-top: 1.5em; background-image: url(../img/envios/map.jpg); background-position: center right; background-size: cover;}
	#columns-and-information{height: auto; box-sizing: border-box; padding: 2em; text-align: center;}
	.column{position: relative; width: 100%; height: auto; float: none; box-sizing: border-box; padding:2em; color: #565656;}
	.lineleft{border-left: 0px solid #cacaca;}
	.lineright{border-right: 0px solid #cacaca;}
	.linebottom{border-bottom: 1px solid #cacaca;}
	.left-options{display: inline-block; width: 100%;}
	.right-options{display: inline-block; width: 100%;}
	#resultados{position: relative; width: 90%; height: auto; text-align: center; box-sizing: border-box;}
	.card-info-results{position: relative; width: 100%; height: auto; box-sizing: border-box; padding: 0.575em 0.5em 0.5em 0.5em; line-height: 1em; background-color: none; display: block; float: none; border-bottom: 0px solid #cacaca; border-left: 0px solid #fff; border-right: 0px solid #fff; margin: auto;}
	.card-info-results li{list-style-type: none; text-align: left; margin-top: 1em; margin-bottom: 1em; border: 0px solid #cacaca; border-radius: 5px; padding: 0.375em; width: 90%; box-sizing: border-box;}
	.banner-consulta-seguimiento {width: 90%;}
	.last-title-garantia-container{width: 90%;}
	.column-alternate{position: relative; width: 100% !important; height: auto; margin: auto; padding: 0.3em; vertical-align: top; display: block; min-height: auto;}
	.hr-alternate-style{display: block;}
}

@media screen and (max-width: 320px) {
	.main-title{font-size: 24px !important;}
	.hero-banner{width: 100%; height: 250px; box-sizing: border-box; padding-top: 1.9em; background-image: url(../img/envios/map.jpg); background-position: center right; background-size: cover;}
	#columns-and-information{height: auto; box-sizing: border-box; padding: 2em; text-align: center;}
	.column{position: relative; width: 100%; height: auto; float: none; box-sizing: border-box; padding:2em; color: #565656;}
	.lineleft{border-left: 0px solid #cacaca;}
	.lineright{border-right: 0px solid #cacaca;}
	.linebottom{border-bottom: 1px solid #cacaca;}
	.left-options{display: inline-block; width: 100%;}
	.right-options{display: inline-block; width: 100%;}
	#resultados{position: relative; width: 90%; height: auto; text-align: center; box-sizing: border-box;}
	.card-info-results{position: relative; width: 100%; height: auto; box-sizing: border-box; padding: 0.575em 0.5em 0.5em 0.5em; line-height: 1em; background-color: none; display: block; float: none; border-bottom: 0px solid #cacaca; border-left: 0px solid #fff; border-right: 0px solid #fff; margin: auto; top: 10px;}
	.banner-consulta-seguimiento {width: 90%;}
	.last-title-garantia-container{width: 90%;}
	.column-alternate{position: relative; width: 100% !important; height: auto; margin: auto; padding: 0.3em; vertical-align: top; display: block; min-height: auto;}
	.hr-alternate-style{display: block;}
}

/*agregado especial para mostrar y ocultar resultados de las terminales para habilitar el botón "Ver Más"*/

.rest-of-padding{position: relative; width: 90%; height: auto; text-align: center; box-sizing: border-box; display: block; margin: auto;}
.terminal-visible{display: inline-block;}
.terminal-oculta{display: none;}
.visible{display: block;}
.hidden{display: none;}
.terminal-icon{position: relative; width: auto; height: auto; margin: auto; text-align: center; float: none; display: inline-block; padding-top: 1em;}

/*alternate for icons and information on the top*/

#column-container{position: relative; width: 100%; height: auto; margin: auto; padding: 1em; background-color: transparent; text-align: center;}
.column-alternate{position: relative; width: 33%; height: auto; margin: auto; padding: 1em; vertical-align: top; background-color: transparent; display: inline-block; min-height: 400px; text-align: center;}
.icon-on-top{position: relative; width: 96px; height: 96px; margin: auto; padding: 1em; text-align: center; vertical-align: top; background-color: transparent;}
.column-main-title{position: relative; width: 90%; height: auto; margin: auto; text-align: center; padding: 0.5em 0 0.3em 0; background-color: transparent; font-size: 1.5em; font-weight: bold; text-transform: uppercase; color: #FF5100;}
.column-subtitle{position: relative; width: 90%; height: auto; margin: auto; text-align: center; padding: 0 0 0.3em 0; background-color: transparent; font-size: 0.9em; font-weight: normal; text-transform: uppercase; color: #565656;}
.block-of-text{position: relative; width: 90%; height: auto; margin: 1em auto 1em auto; text-align: center; line-height: 1.25em; font-size: 0.9em; color: #565656;}
.list-container{position: relative; width: 90%; height: auto; margin: auto; padding: 0.3em 0 0.3em 0; font-size: 0.8em; font-weight: normal; text-transform: none; color: #757575; text-align: center;}
.list-container ul li{list-style-type: none; line-height: 1.25em; text-align: center;}
.list-container li{padding-left: 0; text-indent: -2em; text-align: center;}
.alternate-list-title{font-weight: bold; font-size: 1.3em; margin: 0 0 0 0.2em; text-transform: uppercase; text-align: center;}
.hr-alternate-style{border: 0; height: 1px; background-color: #cacaca; display: none;}
.extra-small-text-complement{position: relative; width: 90%; height: auto; margin: auto; padding: 1em 0 1em 0; background-color: transparent; font-size: 0.875em; color: #999999;}