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

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



@font-face {
	font-family: 'Nexa Extra';
	src: url('../fonts/Nexa-ExtraLight.eot');
	src: url('../fonts/Nexa-ExtraLight.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Nexa-ExtraLight.woff2') format('woff2'),
	url('../fonts/Nexa-ExtraLight.woff') format('woff'),
	url('../fonts/Nexa-ExtraLight.ttf') format('truetype'),
	url('../fonts/Nexa-ExtraLight.svg#Nexa-ExtraLight') format('svg');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Nexa';
	src: url('../fonts/Nexa-Heavy.eot');
	src: url('../fonts/Nexa-Heavy.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Nexa-Heavy.woff2') format('woff2'),
	url('../fonts/Nexa-Heavy.woff') format('woff'),
	url('../fonts/Nexa-Heavy.ttf') format('truetype'),
	url('../fonts/Nexa-Heavy.svg#Nexa-Heavy') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}


*
{
	box-sizing: border-box;
}

body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family: 'Nexa Extra', Arial, sans-serif !important;
	font-size:15px;
}

a:visited, a:link, a:active
{
	text-decoration:none;
	color:inherit;
}

ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

li {
  padding-left: 1em;
  text-indent: -1em;
  color:#808080;
  line-height:25px;
}

li:before {
  content: ">";
  padding-right: 5px;
}

h1
{
	color:#D61043;
	font-size:25px;
	font-family:Arial;
}

h2
{
	color:#000;
	font-size:15px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
}

.graph
{
	max-width:100%;
	height:auto;
}
.graph.half {
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	margin: 5px auto;
}

header
{
	background:rgb(235, 0, 41);
	color:#FFF;
	font-family: 'Nexa Extra', Arial, sans-serif !important;
}

header #a
{
	display:block;
	font-size:14px;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:20px;
	text-align:center;
}

header #b
{
	display:block;
	font-size:3.2vw;
	text-align:left;
	padding-left:10px;
	padding-bottom:20px;
}

header #b IMG
{
	margin:0 3px;
	max-width: 28px;
}

#div_logo
{
	display:inline-block;
	height:130px;
	text-align:center;
	width:85%;
	max-width: 250px;
}

#div_logo img {
	width: 100% !important;
	height: auto !important;
}

#div_menu
{
	display:none;
}

#mobile_icon
{
	display:inline-block;
	width:13%;
	text-align:right;
	vertical-align:middle;
}

#mobile_icon img
{
	vertical-align:middle;
}

#div_menu_mobile
{
	display:none;
	background:#FFF;
	z-index:99999991999199;
	width:90%;
	margin:0 auto;
}

.menu_mobile_item
{
	color:#333;
	font-size:18px;
	line-height:27px;
}

.menu_mobile_subitem
{
	color:#CCC;
	font-size:15px;
	line-height:23px;
	padding-left:30px;
}

.red
{
	color:rgb(235, 0, 41);
}

nav
{
	background:rgb(255,255,255);
}

.wrapper
{
	width:100%;
	margin:0 auto;
	margin-top:30px;
}

.wrapper2
{
	width:100%;
	margin:0 auto;
	height:auto;
	display:block;
}

slideshow
{
	height:auto;
	position:relative;
}

#box1
{
	background:rgb(107, 103, 103);
	height:auto;
}

#box1 #a
{
	display:none;
}

#box1 #a .item
{
	height:40px;
	width:25%;
	color:#FFF;
	line-height:40px;
	display:inline-block;
	text-align:center;
	font-size:1.3vw;
}

#box1 #a .item:hover
{
	background:rgb(186,163,96);
}

#box1 #b
{
	text-align:center;
	padding-top:25px;
}

#box1 #b img
{
	margin:0 5px;
}

footer
{
	background:#000000;
	vertical-align:bottom;
}

footer #a
{
	height:100%;
	display:block;
	padding-left:20px;
	padding-top:20px;
	text-align:left;
	color:#eb0029;
	font-size:12px;
	vertical-align:top;
}

footer #a img {
	width: 260px !important;
	height: auto !important;
}

footer #b
{
	display:block;
	text-align:center;
	vertical-align:top;
	padding-bottom:20px;
}

footer p {
	width: 96%;
	text-align: right !important;
}

#quienes_somos
{
	width:90%;
	margin:40px auto;
	text-align:left;
}

#quienes_somos p
{
	color:#000;
	line-height:26px;
	font-size:15px;
	font-family:"Times New Roman", Times, serif;
}

#quienes_somos #a
{
	display:block;
	vertical-align:top;
	margin:0 auto;
}

#quienes_somos #b
{
	display:block;
	vertical-align:top;
	margin:0 auto;
}

<!-- menu desplegable -->
.dropbtn {
    padding: 13px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
	margin-right:20px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	line-height:30px;
}

.dropdown-content a {
    color: #949494;
    padding: 12px 10px;
    text-decoration: none;
    display: block;
	font-size: 14px;
}

.dropdown-content a:hover
{
	background-color: #D6D6D6;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    color: rgb(235, 0, 41);
}

#internas
{
	width:90%;
	margin:40px auto;
	text-align:left;
}

#internas p
{
	color:#949494;
	line-height:26px;
	font-size:15px;
}

#internas #a
{
	display:inline-block;
	vertical-align:top;
	padding-right:30px;
}

.textbox
{
	height:30px;
	width:250px;
	padding-left:10px;
	display:block;
	margin-bottom:30px;
	font-size:13px;
}

.selectbox
{
	height:30px;
	width:250px;
	padding-left:10px;
	display:block;
	margin-bottom:30px;
	font-size:13px;
}

.btn
{
	padding:10px;
	background:rgb(235, 0, 41);
	color:#FFF;
	width:200px;
	text-align:center;
}

.prod_title
{
	padding:3px;
	padding-left:1px;
	font-family:Impact;
	font-size:25px;
	cursor: pointer;
}

.three_column
{
	width:90%;
	display:block;
	margin:1px auto;
	text-align:center;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

.three_column div
{
	padding:5px;
}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

.mySlides {
    display: none;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.highligth
{
	padding:10px;
	background:#666;
	color:#FFF;
	font-size:14px;
	margin-bottom:10px;
	margin-top:10px;
}

#product
{
	margin:40px auto;
	text-align:left;
	width:90%;
}

#product p
{
	color:#949494;
	line-height:26px;
	font-size:16px;
	white-space: pre-wrap;
}

#product #a
{
	display:block;
	vertical-align:top;
	padding-right:30px;
}

#product #b
{
	display:block;
	vertical-align:top;
	text-align:center;
}

#search_btn
{
	cursor:pointer;
}

#noticias
{
	width:90%;
	margin:40px auto;
	text-align:left;
}

#noticias .nt_tit
{
	color:#000;
	line-height:26px;
	font-size:22px;
}

#noticias .nt_date
{
	color:#C0C0C0;
	line-height:26px;
	font-size:13px;
}

#noticias .nt_txt
{
	color:#949494;
	line-height:26px;
	font-size:16px;
}

#noticias #a
{
	display:inline-block;
	vertical-align:top;
	padding-right:30px;
}

#noticias #b
{
	display:none;
}

#pdf_
{
	display: none;
}

.prod_sub
{
	margin-bottom: 10px;
	font-family: Din;
	font-size: 17px;
	color: #252525;
	padding-left: 10px;
	display: none;
}

.wrapper4
{
	width:90%;
	margin:0 auto;
	margin-top:30px;
}

.five_column
{

	display:inline-block;
	margin:1px 0;
	margin-top: 50px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align: left
}
#clausulas
{
	font-family: Arial;
	font-size: 10px;
	line-height: 30px;
}


.whatsapp-lateral {
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 999;
}
.whatsapp-lateral .lateral-button {
	padding: 0;
	border: 0;
	background: transparent;
	text-decoration: none;
}
.whatsapp-lateral img {
	width: 40px;
	height: auto;
}



@media (max-width: 599px) {
	.whatsapp-lateral {
		bottom: 15px;
	}
	.whatsapp-lateral .lateral-button {
	}
	.whatsapp-lateral img {
		width: 45px;
	}
}








/* NUEVOS ESTILOS */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Common */
#quienes_somos.new h1,
#quienes_somos.new h2,
#quienes_somos.new h3,
#quienes_somos.new h4,
#quienes_somos.new h5,
#quienes_somos.new h6,
#quienes_somos.new p,
#internas.new h1,
#internas.new h2,
#internas.new h3,
#internas.new h4,
#internas.new h5,
#internas.new h6,
#internas.new p,
#internas.new a {
	/*font-family: 'Poppins', sans-serif !important;*/
}



/* Quienes somos */
#quienes_somos.new {
	width: 90%;
	max-width: 1200px;
	margin: 50px auto;
}
#quienes_somos.new #a {
	width: 100%;
	border-right: none;
}
#quienes_somos.new #a h1 {
	color: #df1c24;
	margin: 10px 0 30px 0;
}
#quienes_somos.new #a p {
	text-align: justify;
	color: #333333;
}
#quienes_somos.new #b {
	width: 100%;
	border-right: none;
	display: block;
	padding: 0;
	margin: 50px 0 0 0;
}
#quienes_somos.new #b::after {
	content: '';
	display: block;
	clear: both;
}
#quienes_somos.new #b .col {
	width: 100%;
	float: none;
	margin: 0 0 30px 0;
}
#quienes_somos.new #b .col img {
	width: 100%;
	max-width: 65px;
	height: auto;
}
#quienes_somos.new #b .col h2 {
	width: 100%;
	max-width: 100%;
	font-size: 30px;
	margin: 0;
}
#quienes_somos.new #b .col p {
	width: 100%;
	max-width: 100%;
	text-align: justify;
	color: #333333;
	margin: 0;
}
#quienes_somos.new #b .col ul {
	width: 100%;
	max-width: 100%;
	text-align: justify;
	color: #333333;
	margin: 0;
}
#quienes_somos.new #b .col ul li {
	color: #333333;
}



/* Exportaciones */
#internas.new {
	width: 90%;
	max-width: 920px;
	margin: 20px auto 0;
}
#internas.new.mt0 {
	margin: 0 auto;
	max-width: 1200px;
}
#internas.new #a {
	width: 100%;
	padding: 0;
	text-align: center;
}
#internas.new #a h1 {
	text-align: center;
	color: #df1c24;
	margin: 10px 0 30px 0;
}
#internas.new #a h2 {
	font-size: 30px;
	margin: 0 auto 30px auto;
	color: #000000;
	text-align: center;
}
#internas.new #a p {
	text-align: center;
	color: #333333;
}
#internas.new #a a {
	width: auto;
	display: inline-block;
	padding: 20px 40px;
	font-size: 30px;
	color: #ffffff;
	background: #df1c24;
	margin: 50px auto;
	text-decoration: none;
	text-align: center;
}
#internas.new .graph {
	margin: 20px auto;
}
#internas.new #b::after {
	content: '';
	display: block;
	clear: both;
}
#internas.new #b .col {
	width: 100%;
	float: none;
	margin: 0 auto 25px;
}
#internas.new #b .col img {
	width: 100%;
	max-width: 240px;
	height: auto;
	display: block;
	margin: 10px auto;
}
#internas.new #b .col p {
	width: 90%;
	max-width: 360px;
	display: block;
	margin: 5px auto;
	color: #333333;
	text-align: center;
}
#internas.new .basc {
	width: 140px;
	height: auto;
	display: block;
	margin: 50px auto;
}
.wrapper-full {
	width: 100%;
	background: #e5e5e5;
	padding: 50px 0;
}
.wrapper-full .wrapper {
	margin: 0 auto;
}



/* chatarra */
#internas.new #a .row {
	width: 100%;
	margin: 25px auto 50px auto;
	position: relative;
	z-index: 10;
}
#internas.new #a .row .col-30 {
	width: 100%;
	float: none;
	margin: 20px 2% 20px 0;
}
#internas.new #a .row .col-30 img {
	width: 90%;
	max-width: 350px;
	height: auto;
}
#internas.new #a .row .col-70 {
	width: 100%;
	float: none;
	margin: 20px 0 20px 0;
}
#internas.new #a .row .col-70 p {
	text-align: justify;
	color: #333333;
}
#internas.new #a .row .col-70 ul li {
	text-align: justify;
	color: #333333;
}
#internas.new #a .row .col-20 {
	width: 100%;
	float: none;
	margin: 20px 0;
}
#internas.new #a .row .col-20 img {
	width: 90%;
	max-width: 150px;
	height: auto;
	display: block;
	margin: 5px auto 25px;
}
#internas.new #a .row .col-20 p {
	width: 90%;
	display: block;
	margin: 5px auto;
	text-align: center;
	color: #333333;
}
#internas.new #a .row .col-50 {
	width: 100%;
	float: none;
	margin: 20px 0;
}
#internas.new #a .row .col-50 h2 {
	width: 90%;
	display: block;
	margin: 5px auto;
	text-align: justify;
	color: #ffffff;
}
#internas.new #a .row .col-50 p {
	width: 90%;
	display: block;
	margin: 5px auto;
	text-align: justify;
	color: #ffffff;
}
.clearfix {
	clear: both;
}
.wrapper-full.chatarra-bg {
	position: relative;
	background: url("../images/chatarra-back.jpg") center no-repeat;
	background-size: cover;
	padding: 100px 0;
}
.wrapper-full.chatarra-bg .back {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background: rgba(0,0,0, 0.6);
}



/* club recicladores */
.text-center {
	text-align: center;
}
#internas.new #a .row.flex {
	width: 100%;
	margin: 25px auto 50px auto;
	position: relative;
	z-index: 10;
	display: block;
	justify-content: center;
	align-items: center;
}
#internas.new #a .row.flex .col-50 {
	width: 100%;
	margin: 20px 0;
}
#internas.new #a .row.flex .col-50 p {
	color: #333333;
	width: 90%;
	text-align: justify;
}
#internas.new #a .row.flex .col-50 img {
	width: 90%;
	max-width: 600px;
	display: block;
	margin: 0 auto;
}
.wrapper-full.recicladores {
	position: relative;
	padding: 0 0;
	background: #df1c24;
}
.wrapper-full.recicladores .back {
	width: 100%;
	height: 70%;
	position: absolute;
	top: 15%;
	right: 0;
	z-index: 1;
	background: #df1c24;
}
.wrapper-full.recicladores .wrapper #internas #a .row.flex {
	margin: 25px 0;
	display: block;
}
.wrapper-full.recicladores .wrapper #internas #a .row.flex .col-50 {
	width: 100%;
	max-width: 600px;
	display: block;
	margin: 20px auto;
	float: none;
}
.wrapper-full.recicladores .wrapper #internas #a .row.flex .col-50 img {
}
.wrapper-full.recicladores .wrapper #internas #a .row.flex .col-50 h3,
.wrapper-full.recicladores .wrapper #internas #a .row.flex .col-50 p {
	max-width: 400px;
	display: block;
	color: #ffffff;
	margin: 0 auto;
	text-align: center;
}



/* desguace embarcaciones */
.wrapper-full.desguace {
	position: relative;
	padding: 0 0;
	background: transparent;
}
.wrapper-full.desguace .back {
	width: 100%;
	height: 70%;
	position: absolute;
	top: 15%;
	right: 0;
	z-index: 1;
	background: #df1c24;
	display: none;
}
.wrapper-full.desguace .wrapper #internas #a .row.flex {
	margin: 25px 0;
	display: block;
}
.wrapper-full.desguace .wrapper #internas #a .row.flex .col-50.red {
	background: #df1c24;
	padding: 30px 30px;
}
.wrapper-full.desguace .wrapper #internas #a .row.flex .col-50 img {
	width: 100%;
	max-width: 600px;
	height: auto;
}
.wrapper-full.desguace .wrapper #internas #a .row.flex .col-50 h3,
.wrapper-full.desguace .wrapper #internas #a .row.flex .col-50 p {
	width: 100%;
	color: #ffffff;
	margin: 0;
	text-align: justify;
}



/* centros acopio */
#quienes_somos.new #a .row .col-33 {
	width: 100%;
	float: none;
}
#quienes_somos.new #a .row .col-33 .content {
	width: 95%;
	max-width: 300px;
	height: auto;
	display: block;
	margin: 20px auto;
	background: #e5e5e5;
	padding: 25px;
}
#quienes_somos.new #a .row .col-33 .content h2 {
	text-align: center;
	font-weight: 700;
}
#quienes_somos.new #a .row .col-33 .content p {
	text-align: center;
}

.instagram-titulo {
  padding: 50px 0 50px;
  display: block;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.instagram-titulo .instagram-subtitulo {
  font-size: 25px;
  color: #df1c24;
  margin: 20px auto;
  /*font-family: 'Poppins', sans-serif !important;*/
  font-weight: bold;

}
.instagram-titulo a{
  background:#ffffff;
  color: #df1c24;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 15px;
  border: 1px solid #df1c24;
  /*font-family: 'Poppins', sans-serif !important;*/

}

.instagram-titulo {
	padding: 50px 0 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.instagram-titulo .instagram-subtitulo {
	font-size: 25px;
	color: #df1c24;
	margin: 0 200px 0 0;
	/*font-family: 'Poppins', sans-serif !important;*/
	font-weight: bold;

}
.instagram-titulo a{
	background:#ffffff;
	color: #df1c24;
	padding: 10px 30px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 15px;
	border: 1px solid #df1c24;
	/*font-family: 'Poppins', sans-serif !important;*/

}


footer {
	height: auto;
}
footer #a {
	width: 100%;
	height: auto;
	display: block;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	vertical-align: top;
}
footer #a p {
	text-align: center;
	margin: 10px auto;
}
.certificaciones {
	width: 100%;
	background: #e9e9e8;
	padding: 20px;
	text-align: center;
	margin: 20px 0 0 0;
}
.certificaciones img {
	height: 80px;
	display: inline-block;
	margin: 10px;
	vertical-align: middle;
}




p {
	font-family: 'Nexa Extra', Arial, sans-serif !important;
}
strong, h1, h2, h3, h4, h5, h6 {
	font-family: 'Nexa', Arial, sans-serif !important;
}

.instagram-titulo {
	display: block;
	text-align: center;
}
.instagram-titulo .instagram-subtitulo {
	display: block;
	margin: 0 auto 15px;
}


#footer-webmail {
	width: 96%;
	padding: 20px 0 5px;
	margin: 0 auto;
}
#footer-webmail p {
	margin: 0;
	text-align: center;
	font-size: 14px;
}