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

.breadcrumb .active {
    color: #00B1B0;
    font: 14px/36px 'CenturyGothic';
    text-transform: uppercase;
}

.container-values h3, .container-shops h3 {
    color: #00B1B0;
    font: 25px/1 'CenturyGothic';
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    padding: 10px 0;
}

.container-shop-direction a {
    color: #00B1B0;
    display: block;
    margin-bottom: 20px;
}



.header_general{
background-image: url( ../images/marel/h_valores.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 300px;
position: relative;
float: left;
}

.header_tiendas{
background-image: url( ../images/marel/h_tiendas.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 300px;
position: relative;
float: left;
}

.header_preguntas{
background-image: url(  ../images/marel/h_aviso.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 300px;
position: relative;
float: left;
}

.header_contacto{
background-image: url( ../images/marel/h_contacto.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 300px;
position: relative;
float: left;
}

.history_activo{
color: #00B1B0;
    font: 14px/36px 'CenturyGothic';
    text-transform: uppercase;

}

.history_inactivo{
font: 13px/36px 'CenturyGothic';
color: #333;
text-decoration: none;
}

.tituloblanco{
position: absolute;
    font: 40px/1 'CenturyGothic';
    color: white;
    z-index: 1;
    width: 100%;
    text-align: center;
    height: 60px;
    margin-top: 110px;
    text-transform: uppercase;
}


.tituloseccion{
    font: 30px/1 'CenturyGothic';
    z-index: 1;
    width: 100%;
    text-align: center;
    height: 60px;
    margin-top: 30px;
	color:#00B1B0;
}

.subtituloseccion{
  font: 20px/1 'CenturyGothic';
    z-index: 1;
    width: 100%;
    text-align: center;
	color:#00B1B0;
}

.titulosucursales{
  font: 16px/1 'CenturyGothic';
  font-weight: bold;
    z-index: 1;
    width: 100%;
    text-align: justify;
	color:#333;
	margin-bottom: 15px;
	margin-top: 20px;
}

.textocontenidos{
  font: 15px/1 'CenturyGothic';
    z-index: 1;
    width: 100%;
    text-align: justify;
	color:#333;
}


.textosucursales{
  font: 13px/1 'CenturyGothic';
    z-index: 1;
    width: 100%;
    text-align: justify;
	color:#333;
}

.agrandarmapa{
  font: 13px/1 'CenturyGothic';
    z-index: 1;
    width: 100%;
    text-align: left;
	color:#00B1B0;
	text-decoration: none;
}

.enconstruccion{
background-image: url(../images/marel/UC.jpg);
background-repeat: no-repeat;
background-position: center;
width: 357px;
height: 300px;
 margin-left: auto;
  margin-right: auto;
}

.tip1{
background-image: url( ../images/marel/tip1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:contain;
width: 545;
height: 448px;
 margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}




.spacer40px{
height: 40px;
}

.spacer60px{
height: 60px;
}

.tip2{
background-image: url( ../images/marel/tip2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:contain;
width: 545;
height: 448px;
 margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.tip3{
background-image: url( ../images/marel/tip3.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:contain;
width: 545;
height: 448px;
 margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}


.container_direcciontienda {
    position: relative;
    min-height: 90px;
}
.mapaaa{position: relative;
    overflow: hidden;}


.icono_boutiques{
background-image: url( ../images/marel/icon-boutiques.png);
width: 70px;
height: 60px;
 margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.icono_tiendas{
background-image: url( ../images/marel/icon-tiendas.png);
width: 70px;
height: 60px;
 margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}




.icono_mision{
background-image: url(../images/marel/icon-mision.png);
width: 70px;
height: 60px;
 margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.icono_vision{
background-image: url(../images/marel/icon-vision.png);
width: 70px;
height: 60px;
 margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.icono_v1{
background-image: url( ../images/marel/icon-competitividad.png);
width: 70px;
height: 60px;
 margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.icono_v2{
background-image: url( ../images/marel/icon-compromiso.png);
width: 70px;
height: 60px;
 margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.icono_v3{
background-image: url( ../images/marel/icon-respesto.png);
width: 70px;
height: 60px;
 margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.icono_v4{
background-image: url( ../images/marel/icon-innovacion.png);
width: 70px;
height: 60px;
 margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
.icono_v5{
background-image: url( ../images/marel/icon-desarrollo.png);
width: 70px;
height: 60px;
 margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.logo1{
background-image: url(../images/marel/marel-msport.png);
width: 90px;
height: 70px;
}

.logo2{
background-image: url( ../images/marel/marel-mcolleccion.png);
width: 150px;
height: 70px;
}


.margen_verde{
border-color: #00B1B0;
border-style: solid;
border-width: 1px;
padding: 20px 20px 20px 20px;
position: relative;
float: left;
width: 90%;
margin-bottom: 20px;
}



/*--------------------------------------------------------------------------------1200px----------------------------------------------------- */

@media (max-width: 425px) {

.tip1{
background-size:contain;
width: 300;
height: 247px;
}

.tip2{
background-size:contain;
width: 300;
height: 247px;
}

.tip3{
background-size:contain;
width: 300;
height: 247px;
}
.spacer60px{
height: 15px;
}

 }