@charset "utf-8";
@font-face {
    font-family: 'Anton';
    src: url('Anton-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Impact';
    src: url('Impact.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body,td,th {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: medium;
	color: #2222AA;
}
body {
  width: 100%;
    margin: 0;
}
.Estilo13 {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.Estilo14 {color: #FFFFFF}
.Estilo15 {color: #999999}
.Estilo4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	font-weight: bold;
}
h1 {
    color: blue;
    font-family: verdana;
    font-size: 1.8em;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#header {
	margin-left: 80px;
	width: 170px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}
.button1 {
  background-color: #008CBA;
  border: none;
  color: white;
	padding: 1em 32px 2em 32px;
	vertical-align: middle;
	text-align: center;
  text-decoration: none;
  display: inline-block;
  border: 1px solid red;
  font-size: 20px;
  margin: 4px 2px;
  cursor: pointer;
}

#headmenu {
	float: left;
	margin-top: 50px;
}

#headmenu a,#headmenu a:visited {
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #254E92;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
#headmenu a:hover,#headmenu a:active {
	color: #990000;
	background-color: #CCCCCC;
}
#redes {
	float: right;
	margin-right: 45px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 10px;
	margin-top: 40px;
	background-image: url(../images/black80.png);
}

/* Clear floats after the columns */
.rowh1:after {
  content: "";
  display: table;
  clear: both;
}

.row::after {
  content: "";
  clear: both;
  display: block;
  position: static;
}

[class*="col-"] {
  float: left;
  background-color: #FFFFFF;
}

.col-1 {
	width: 33%;
	padding-top: 2px;
  padding-bottom: 2px;
	position: relative;
	}
.col-2 {
	width: 33%;
	padding-top: 2px;
  padding-bottom: 2px;
	position: relative;
	}
.col-33 {
	width: 33%;
	padding-top: 2px;
  padding-bottom: 2px;
	position: relative;
	}
.col-50 {
	width: 50%;
	padding-top: 2px;
  padding-bottom: 2px;
	position: relative;
}
.col-50 a:link, a:visited, a:active {
    text-decoration:none;
}

.gridimg {
	width:99%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border-radius:5%;"
}

.bottom-left {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background-color: rgba(0, 0, 0,0);
  padding-left: 5px;
  padding-right: 5px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3vw;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px #000000;
}

.top-left {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: rgba(0, 0, 0,0);
  padding-left: 5px;
  padding-right: 5px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3vw;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px #000000;
}

.top-right {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: rgba(0, 0, 0,0);
  padding-left: 2vw;
  padding-right: 5px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3em;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px #000000;
}

.bottom-right {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: rgba(0, 0, 0,0);
  padding-left: 5px;
  padding-right: 5px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3vw;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px #000000;
}

.tresbot{
  position: absolute;
  bottom: 20px;
  right: 10px;
  background-color: rgba(0, 0, 0,0);
  padding-left: 5px;
  padding-right: 5px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 2vw;
	color: #FFFFFF;
	text-shadow: 2px 2px 12px #000000;
}
.cuadroazul{
	background-image: url(../images/grid/fondoc2.jpg);
	background-repeat: repeat;
	width:100%;
	height:auto;
}
.cuadroazul2{
	background-image: url(../images/grid/fondoc2.jpg);
	background-repeat: repeat;
	width:100%;
	height:auto;
}

#automatico_caract {
	position: relative;
	background-image: url(../images/bluetrans.png);
	width: 80%;
	border-radius: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	text-shadow: 2px 2px 5px #000000;
	color: #FFFFFF;
	font-size: large;
	text-align: justify;
	margin-left:auto;
	margin-right:auto;
}



#presentacion {
	clear: left;
	height: 56Vw;
  position: relative;
  top: 40px;
}
#slideshow1 {
	height: 55Vw;
	background-image: url(../images/slides01.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3em;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px #000000;
	padding-left: 100px;
	padding-top: 450px;
	z-index: 11;
	background-position: center 0%;
}

.slides1 {
	margin-left: 400px;
	font-size: xx-large;
}
#slideshow2 {
	height: 55Vw;
	background-image: url(../images/titan003.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3em;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px #000000;
	padding-left: 150px;
	padding-top: 450px;
	z-index: 11;
}
.slides2 {
	margin-left: 320px;
	font-size: xx-large;
	color: #DFE1D0;
}
#slideshow3 {
	height: 55Vw;
	background-image: url(../images/slides03.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3em;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px #000000;
	padding-left: 50px;
	padding-top: 450px;
	z-index: 11;
}
.slides3 {
	margin-left: 120px;
	font-size: smaller;
}
#slideshow4 {
	height: 55Vw;
	background-image: url(../images/slides04.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3em;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px #000000;
	padding-right: 50px;
	padding-top: 450px;
	text-align: right;
	z-index: 11;
}
.slides4 {
	font-size: smaller;
	color: #66CCCC;
}
#slideshow5 {
	height: 55Vw;
	background-image: url(../images/slides05.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3em;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px #000000;
	padding-left: 50px;
	padding-top: 450px;
	z-index: 11;
}
.slides5 {
	margin-left: 250px;
	font-size: smaller;
}
#slideshow6 {
	height: 55Vw;
	background-image: url(../images/slides06.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3em;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px #000000;
	padding-left: 50px;
	padding-top: 450px;
	text-align: right;
	z-index: 11;
}
.slides6 {
	margin-right: 400px;
	font-size: xx-large;
}

#slideshow7 {
	height: 55Vw;
	background-image: url(../images/slides07.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3em;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px #000000;
	padding-left: 520px;
	padding-top: 450px;
	z-index: 11;
}
.slides7 {
	margin-left: 400px;
	font-size: xx-large;
}

/* Add a black background color to the top navigation */
.topnav {
		width: 100%;
		position: fixed;
  	top:0;
    background-color: #333;
    overflow: hidden;
    z-index: 100;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
   position: absolute;
   right: 0;
   top: 0;
   display: none;
}

#menuautomatico {
	clear: both;
	height: 70px;
	background-color: #999999;
}
.menuautodetalle {
	margin-left: 100px;
	margin-top: 27px;
	font-weight: bolder;
	font-size: larger;
	float: left;
}
.menuautoinicio {
	margin-left: 15px;
	margin-top: 15px;
	font-size: small;
	float: left;
}
.menuautoinicio a,.menuautoinicio a:visited{

	text-decoration: none;
	color: #333333;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.menuautoinicio a:hover,.menuautoinicio a:active{
	text-decoration: none;
	color: #003366;
	background-color: #CCCCCC;

}
.menuautoitems {
	margin-right: 10px;
	float: right;
	font-weight: bold;
	margin-top: -14px;
}
#menuautoitems {


}
#menuautoitems ul {
	display: block;



}
#menuautoitems li{
	display: inline;
	list-style:none;


}
#menuautoitems a,#menuautoitems a:visited{
	padding-right: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	color: #333333;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
#menuautoitems a:hover,#menuautoitems a:active{
	padding-right: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	color: #003366;
	background-color: #CCCCCC;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#menuautoitems .current a{
	padding-right: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	color: #003366;
	background-color: #CCCCCC;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.box { display: none; }

.box:first-child { display: block; }

#caracteristicas01 {
	background-image: url(../images/caracteristicas01.jpg);
	height: 278px;
	text-align: right;
	padding-top: 750px;
	padding-right: 40px;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px #000000;
	z-index: 10;
}
.small {
	font-weight: lighter;
}
.blue {
	color: #52BADF;
}
#menulateral {
	float: right;
	padding-left: 10px;
	text-align: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-image: url(../images/white50.png);
	z-index: 10;
	position: relative;
	top: 200px;
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: #333333;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-box-shadow: -3px 3px 10px #000000;
	box-shadow: -3px 3px 10px #000000;
}
#menulateral a, #menulateral a:visited {
	color: #555555;
	font-weight: bold;
	text-decoration: none;
	font-size: small;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#menulateral a:hover, #menulateral a:active {
	color: #000000;

}

.container1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contenedor2 {
  background-color: #cfe9a6;
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
  font-size: x-large;
  font-weight: bold;
  margin-bottom: 15px;
}
.texto2 {
  font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
  font-size: x-large;
  font-weight: bold;
  padding-left: 10%;
  padding-right: 10%;
}
.texto3 {
  font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
  font-size: x-large;
  font-weight: bold;
  margin-right: 10px; /* Espacio entre el texto y la imagen */
}

#caracteristicasmain {

}
#vermas {
	text-align: center;
	z-index: 999;
	position: relative;
	bottom: 60px;
}
#caracteristicas02 {
	padding-left: 10%;
	padding-right: 10%;
}
.contenedor-central {
    width: 98%; /* Ajusta el ancho según tu preferencia */
    margin: 0 auto; /* Esto centra el contenedor horizontalmente */
    text-align: center; /* Centra el contenido interno horizontalmente */
}
#cuadronegro {
      position: relative;

    text-align: center; /* Para centrar el texto */
    padding: 15px;
    background-color: #330066;
    color: #fff;
    border-top-left-radius: 15px; /* Esquinas superiores redondeadas */
    border-top-right-radius: 15px; /* Esquinas superiores redondeadas */
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 1.25em;
    font-weight: bold;
}

#cuadronegro::after {
    content: "";
    position: absolute;
    bottom: -30px; /* Ajusta la posición vertical de la flecha */
    left: 50%;
    transform: translateX(-50%); /* Centra la flecha horizontalmente */
    border-width: 35px 35px 0; /* Define el tamaño de la flecha */
    border-style: solid;
    border-color: #330066 transparent transparent; /* Color de la flecha */
}

#caracterisicastitulo {
  text-align: center; /* Para centrar el texto */
	padding-left: 10%;
	background-color: #cfe9a6;
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 15px;
}
#caracteristicas_column1 {
	float: left;
	width: 32%;
	text-align: justify;


}
#caracteristicas_column2 {
	float: left;
	width: 32%;
	margin-left: 2%;
	text-align: justify;

}
#caracteristicas_column3 {
	width: 32%;
	float: right;
	text-align: justify;

}
#img_bomba {
	background-image: url(../images/bomba_achique.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	border-radius: 10px;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}
#img_ahorro {
	background-image: url(../images/ahorrotiempo.jpg);
	background-position: left top;
	height: 188px;
	background-repeat: no-repeat;
	max-width: 420px;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	background-size: 100%
}
#img_calor {
	background-image: url(../images/imagencalor.jpg);
	background-position: left top;
	height: 150px;
	background-repeat: no-repeat;
	max-width: 420px;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	background-size: 100%
}
#img_agua {
	background-image: url(../images/imagenagua.jpg);
	background-position: left top;
	height: 135px;
	background-repeat: no-repeat;
	max-width: 420px;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	background-size: 100%
}
#img_reduz {
	background-image: url(../galerias/bajonivel/ajo_nivel_13.jpg);
	background-position: left top;
	height: 214px;
	background-repeat: no-repeat;
	max-width: 420px;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	background-size: 100%
}
#img_3en1 {
	background-image: url(../images/imagen3en1.jpg);
	background-position: left top;
	height: 164px;
	background-repeat: no-repeat;
	max-width: 420px;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	background-size: 100%
}
#img_temporada {
	background-image: url(../images/imagentemporada.jpg);
	background-position: left top;
	height: 156px;
	background-repeat: no-repeat;
	max-width: 420px;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	background-size: 100%
}
#img_perfil {
	background-image: url(../images/perfil_cubre.jpg);
	background-size: contain;
	height: 60px;
	background-repeat: no-repeat;

}
#img_suciedad {
	background-image: url(../images/suciedadfuera.jpg);
	background-position: left top;
	height: 120px;
	background-repeat: no-repeat;
	max-width: 420px;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
}
.rightcolumn {
	float: right;
	width: 52%;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 690px;
	font-size: large;
}
#caracteristicas_03 {
	background-color: #BBDEFB;
	margin-top: 15px;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow-y: auto;
}
.leftcolumn {
	float: left;
	width: 43%;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 710px;
	font-size: large;
}
.cleaner {
	clear: both;
	height: 10px;
}
#caracteristicas04 {
	margin-top: 15px;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow-y: auto;
}
#caracteristicas05 {
	background-image: url(../images/bariloche.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	height: 850px;
	padding-left: 50px;
	padding-top: 50px;
}
#temporada {
	padding: 30px;
	width: 30%;
	color: #FFFFFF;
	border-radius: 10px;
	background-image: url(../images/black70.png);
	font-size: large;
}
#caracteristicas06 {
	background-image: url(../images/producto_auto.jpg);
	height: 1110px;
	padding-top: 50px;
	padding-right: 10%;
}
#caracteristicasbajonivel01 {
	background-image: url(../images/bajonivel16.jpg);
	height: 650px;
	padding-top: 250px;
	padding-right: 30%;
}
#caracteristicastitan {
	background-image: url(../images/titan002.jpg);
	height: 1000px;
	padding-top: 50px;
	padding-right: 10%;
}
#automatico_caract2 {
	position: relative;
	background-image: url(../images/bluetrans.png);
	width: 80%;
	border-radius: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	text-shadow: 2px 2px 5px #000000;
	color: #FFFFFF;
	font-size: large;
	text-align: justify;
	margin-left:auto;
	margin-right:auto;
}


#automatico_caract {
	background-image: url(../images/bluetrans.png);
	width: 30%;
	float: right;
	border-radius: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-shadow: 2px 2px 5px #000000;
	color: #FFFFFF;
	font-size: large;
	text-align: justify;
}
#ojal_caract {

	width: 70%;
	float: right;
	border-radius: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-shadow: 2px 2px 5px #000000;
	color: #FFFFFF;
	font-size: large;
	text-align: justify;
}
#caracteristicas07 {
	padding-top: 50px;
	padding-right: 10%;
	overflow-y: auto;
	padding-left: 10%;

}
#caracteristicas07a {
	padding-top: 50px;
	padding-right: 20%;
	overflow-y: auto;
	padding-left: 20%;

}
.rightcolumn2 {
	float: left;
	width: 50%;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;


}

.leftcolumn2 {
	float: left;
	width: 40%;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 410px;
	font-size: large;
}
#caracteristicas_taladro2 {
	padding-top: 50px;
	padding-right: 10%;
	overflow-y: auto;
	padding-left: 10%;

}
#caracteristicas_taladro {
	background-image: url(../images/producto_taladro01.jpg);
	height: 232px;
	padding-right: 10%;
	padding-left: 100px;
	padding-top: 500px;
	color: #FFFFFF;
	text-shadow: 2px 2px 5px #000000;
	background-color: #E5E5E5;
	background-repeat: no-repeat;
	background-position: center 0%;

}
#caracteristicas_manualdoble {
	background-image: url(../images/producto_doblecomando01.jpg);
	height: 232px;
	padding-right: 10%;
	padding-left: 100px;
	padding-top: 500px;
	color: #FFFFFF;
	text-shadow: 2px 2px 5px #000000;
	background-color: #E5E5E5;
	background-repeat: no-repeat;
	background-position: center 0%;

}
#caracteristicas_manual {
	background-image: url(../images/producto_manual01.jpg);
	height: 232px;
	padding-right: 10%;
	padding-left: 100px;
	padding-top: 500px;
	color: #FFFFFF;
	text-shadow: 2px 2px 5px #000000;
	background-color: #E5E5E5;
	background-repeat: no-repeat;
	background-position: center 0%;

}
.caracteristicas_producto {
	padding-top: 50px;
	padding-right: 10%;
	overflow-y: auto;
	padding-left: 10%;

}

#productos001 {
	color: #FFFFFF;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 25px;
	padding-bottom: 40px;
	overflow-y: auto;
}
#producto1 {
	padding-top: 70px;
	padding-bottom: 70px;
	width: 49%;
	float: left;
	margin-bottom: 20px;
	font-size: x-large;
	text-shadow: 3px 3px 2px #000000;
	font-weight: bold;
	background-image: url(../images/producto01_auto.jpg);
	background-position: center center;
}
#producto2 {
	background-color: #CCC;
	padding-top: 70px;
	padding-bottom: 70px;
	width: 49%;
	float: right;
	margin-bottom: 20px;
	font-size: x-large;
	text-shadow: 3px 3px 2px #000000;
	font-weight: bold;
	background-image: url(../images/producto02_taladro.jpg);
	background-position: center center;
}

#producto3 {
	background-color: #CCC;
	padding-top: 70px;
	padding-bottom: 70px;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
	background-image: url(../images/producto03_bajo.jpg);
	font-size: x-large;
	text-shadow: 3px 3px 2px #000000;
	font-weight: bold;
	background-position: center center;
}
#producto4 {
	background-color: #CCC;
	padding-top: 70px;
	padding-bottom: 70px;
	width: 49%;
	float: left;
	background-image: url(../images/producto04_manual.jpg);
	font-size: x-large;
	text-shadow: 3px 3px 2px #000000;
	font-weight: bold;
	background-position: center center;
}
#producto5 {
	background-color: #CCC;
	padding-top: 70px;
	padding-bottom: 70px;
	width: 49%;
	float: right;
	background-image: url(../images/producto05_doble.jpg);
	font-size: x-large;
	text-shadow: 3px 3px 2px #000000;
	font-weight: bold;
	background-position: center center;
}

#producto6 {
	background-color: #CCC;
	padding-top: 135px;
	padding-bottom: 135px;
	width: 100%;
	margin-bottom: 20px;
	background-image: url(../images/producto06_colosso.jpg);
	font-size: x-large;
	text-shadow: 3px 3px 2px #000000;
	font-weight: bold;
	background-position: center center;
}

#producto7 {
	background-color: #CCC;
	padding-top: 100px;
	padding-bottom: 100px;
	width: 100%;
	margin-bottom: 20px;
	background-image: url(../images/producto07_ojales.jpg);
	font-size: x-large;
	text-shadow: 3px 3px 2px #000000;
	font-weight: bold;
	background-position: center center;
}
.visibilidad {
	opacity: 0.90;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.visibilidad:hover {
	opacity: 1;
}

#laempresa01 {
	background-image: url(../images/black80.png);
	width: 30%;
	float: right;
	border-radius: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-shadow: 2px 2px 5px #000000;
	color: #FFFFFF;
	font-size: large;
	text-align: justify;
}
#laempresa001 {
	height: 900px;
	padding-top: 50px;
	padding-right: 10%;
	background-image: url(../images/laempresa001.jpg);
	background-position: 0% bottom;
}
#footer {
	margin-top: 50px;
	background-color: #666666;
	padding-left: 30%;
	padding-right: 30%;
	padding-top: 15px;
	padding-bottom: 25px;
}
.link {
	color: #FFFFFF;
	text-decoration: none;
	font-size:xx-large;

}
.galeria30 {
	margin-left:1%;
	width:32%;
	float:left;
	margin-top:10px;
	max-width:180px;

}
.galeria30a {
	margin-left:1%;
	width:32%;
	float:left;
}
#slideautomatico01 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/automatico/bg/automatico1.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slideautomatico02 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/automatico/bg/automatico2.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slideautomatico03 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/automatico/bg/automatico3.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slideautomatico04 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/automatico/bg/automatico4.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slideautomatico05 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/automatico/bg/automatico5.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidetaladro01 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/taladro/bg/taladro5.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidetaladro02 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/taladro/bg/taladro2.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidetaladro03 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/taladro/bg/taladro3.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidetaladro04 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/taladro/bg/taladro4.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidetaladro05 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/taladro/bg/taladro1.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidemanual01 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/manual/bg/manual_5.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidemanual02 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/manual/bg/manual_2.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidemanual03 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/manual/bg/manual_3.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidemanual04 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/manual/bg/manual_4.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidemanual05 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/manual/bg/manual_1.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidedoble01 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/doblecomando/bg/doblecomando_1.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidedoble02 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/doblecomando/bg/doblecomando_2.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidedoble03 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/doblecomando/bg/doblecomando_3.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidedoble04 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/doblecomando/bg/doblecomando_4.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidetitan01 {
	height: 56vw;
	z-index: 11;
	background-image: url(../images/titan002.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidetitan02 {
	height: 56vw;
	z-index: 11;
	background-image: url(../images/titan003.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidetitan03 {
	height: 56vw;
	z-index: 11;
	background-image: url(../images/titan001.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
.setenta {
	width:68%;
	float:left;
	margin-left:1%;
}
.treinta {
	width:29%;
	float:right;
	margin-right:1%;
}
.titulogaleria {
	font-size: xx-large;
	color: #DFE1D0;
}
.cien {
	width: 100%;
	overflow-y: scroll;
	height: 700px;
}
#slidebajo01 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/bajonivel/bg/bajonivel01.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidebajo02 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/bajonivel/bg/bajonivel03.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}

#slidebajo03 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/bajonivel/bg/bajonivel02.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slidebajo04 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/bajonivel/bg/bajonivel04.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
.provincias {
	font-size: xx-small;
	color: #999999;
}
.provincias a{
	font-size: xx-small;
	color: #999999;
	text-decoration:none;

}
.celeste {
	font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:xx-large;
	color:#51A1D6;
	margin-top:25px;
	margin-bottom:25px;
}

#slideojales01 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/ojales/bg/ojales_01.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slideojales02 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/ojales/bg/ojales_02.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slideojales03 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/ojales/bg/ojales_03.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slideojales04 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/ojales/bg/ojales_04.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#slideojales05 {
	height: 56vw;
	z-index: 11;
	background-image: url(../galerias/ojales/bg/ojales_05.jpg);
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: top, center;
}
#caracteristicasojal {
	background-image: url(../galerias/ojales/bg/ojales_04.jpg);
	height: 1110px;
	padding-top: 50px;
	padding-right: 10%;
}

#selectorproducto {
	height:1px;
	background-color:#CCC;
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

/* Estilos para las imágenes de formas de medir piscinas del formulario*/
.img-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.img-container img {
    width: 208px; /* Tamaño predeterminado de las imágenes */
    height: 117px;
    margin: 5px; /* Espacio entre las imágenes */
}

/* When the screen is less than 670 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 670px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav a.icon2 {
    display: block;
  }
	[class*="col-"] {
    width: 100%;
  }
  .top-left {
	font-size: 5vw;
	}
  .top-right {
	font-size: 5vw;
	}
  .bottom-left {
	font-size: 5vw;
	}
  .bottom-right {
	font-size: 5vw;
	}
	.tresbot{
  position: absolute;
  bottom: 20px;
  right: 10px;
	font-size: 3.5vw;
	}
	.trestxt{
	padding:2px 8px;
	font-size:3vw;
	}
	.cuadroazul{
		background-image: none;
	}
	.cuadroazul2{
		background-image: none;
	}

  .topnav.responsive {position: fixed; top: 0;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
	#automatico_caract2 {
		position: relative;
		background-image: url(../images/bluetrans.png);
		width: 80%;
		border-radius: 10px;
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
		text-shadow: 2px 2px 5px #000000;
		color: #FFFFFF;
		font-size: large;
		text-align: justify;
		margin-left:auto;
		margin-right:auto;
	}

    h1 {
        color: blue;
        font-family: verdana;
        font-size: 1.2em;
    }
    #header {
    	margin-left:auto;
    	margin-right:auto;
    	width: 170px;
    	padding-top: 10px;
    	padding-bottom: 10px;
    	float: none;
    }
    #headmenu {
    	float: none;
    	margin-top: 10px;
    	margin-bottom: 10px;
    	margin-left:auto;
    	margin-right:auto;
    	width: 90%;
    	text-align:center;
    }

    #headmenu a,#headmenu a:visited {
    	padding-left: 10px;
    	padding-right: 10px;
    	text-decoration: none;
    	color: #254E92;
    	font-weight: bold;
    	padding-top: 2px;
    	padding-bottom: 2px;
    	-webkit-transition: all 1s ease;
    	-moz-transition: all 1s ease;
    	-ms-transition: all 1s ease;
    	-o-transition: all 1s ease;
    	transition: all 1s ease;
    }

    #redes {
    	float: none;
    	margin-left:auto;
    	margin-right:auto;
    	padding-right: 10px;
    	padding-left: 10px;
    	border-radius: 10px;
    	margin-top: 10px;
    	background-image: url(../images/black80.png);
    	text-align: center;
    }

    #presentacion {
    	clear: left;
    	height: 56vw;
    }
    #slideshow1 {
    	height: 55vw;
    	background-image: url(../images/slides01_700.jpg);
    	background-position: top, center;
    	background-repeat:no-repeat;
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-size: medium;
    	color: #FFFFFF;
    	text-shadow: 5px 5px 10px #000000;
    	padding-left: 10px;
    	padding-top: 100px;
    	z-index: 11;
    }

    .slides1 {
    	margin-left: 10px;
    	font-size: small;
    }
    #slideshow2 {
    	height: 55vw;
    	background-image: url(../images/titan003_700.jpg);
    	background-position: top, center;
    	background-repeat:no-repeat;
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-size: medium;
    	color: #FFFFFF;
    	text-shadow: 5px 5px 10px #000000;
    	padding-left: 10px;
    	padding-top: 100px;
    	z-index: 11;
    }
    .slides2 {
    	margin-left: 10px;
    	font-size: small;
    	color: #FFF;
    }
    #slideshow3 {
    	height: 55vw;
    	background-image: url(../images/slides03_700.jpg);
    	background-position: top, center;
    	background-repeat:no-repeat;
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-size: medium;
    	color: #FFFFFF;
    	text-shadow: 5px 5px 10px #000000;
    	padding-left: 10px;
    	padding-top: 100px;
    	z-index: 11;
    }
    .slides3 {
    	margin-left: 10px;
    	font-size: small;
    }
    #slideshow4 {
    	height: 55vw;
    	background-image: url(../images/slides04_700.jpg);
    	background-position: top, center;
    	background-repeat:no-repeat;
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-size: medium;
    	color: #FFFFFF;
    	text-shadow: 5px 5px 10px #000000;
    	padding-right: 10px;
    	padding-top: 100px;
    	text-align: right;
    	z-index: 11;
    }

    #slideshow5 {
    	height: 55vw;
    	background-image: url(../images/slides05_700.jpg);
    	background-position: top, center;
    	background-repeat:no-repeat;
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-size: medium;
    	color: #FFFFFF;
    	text-shadow: 5px 5px 10px #000000;
    	padding-left: 10px;
    	padding-top: 100px;
    	z-index: 11;
    }
    .slides5 {
    	margin-left: 10px;
    	font-size: small;
    }
    #slideshow6 {
    	height: 55vw;
    	background-image: url(../images/slides06_700.jpg);
    	background-position: top, center;
    	background-repeat:no-repeat;
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-size: medium;
    	color: #FFFFFF;
    	text-shadow: 5px 5px 10px #000000;
    	padding-left: 10px;
    	padding-top: 100px;
    	text-align: left;
    	z-index: 11;
    }
    .slides6 {
    	margin-right: 40px;
    	margin-left: 10px;
    	font-size: small;
    }
    #slideshow7 {
    	height: 55vw;
    	background-image: url(../images/slides07_700.jpg);
    	background-repeat:no-repeat;
    	background-position: top, center;
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-size: medium;
    	color: #FFFFFF;
    	text-shadow: 5px 5px 10px #000000;
    	padding-left: 10px;
    	padding-top: 100px;
    	z-index: 11;
    }
    .slides7 {
    	margin-left: 10px;
    	font-size: small;
    }
    #ojal_caract {
    	width: 95%;
    	float: none;
    	border-radius: 00px;
    	padding-top: 0px;
    	padding-right: 1%;
    	padding-bottom: 0px;
    	padding-left: 1%;
    	text-shadow: none;
    	color: #000;
    	font-size: medium;
    	text-align: justify;
    }

    #menuautomatico {
    	clear: both;
    	height: auto;
    	background-color: #999999;
    	padding-top: 0px;
    }
    .menuautodetalle {
    	margin-left: 0px;
    	margin-top: 5px;
    	margin-bottom: 0px;
    	font-weight: bolder;
    	font-size: small;
    	float: left;
    	width: 50%;
    	text-align:center;
    }
    .menuautoinicio {
    	margin-left: 0px;
    	margin-top: 5px;
    	margin-bottom: 0px;
    	font-size: small;
    	float: left;
    	width: 50%;
    	text-align:center;
    }

    .menuautoitems {
    	float: left;
    	font-weight: bold;
    	margin-top: 10px;
    	width: 80%;
    	text-align:center;
    }

    #menuautoitems {

    }
    #menuautoitems ul {
    	display: block;

    }
    #menuautoitems li{
    	display: inline;
    	list-style:none;
    	width: 100%;
    	text-align:center;

    }
    #menuautoitems a,#menuautoitems a:visited{
    	padding-right: 10px;
    	padding-top: 2px;
    	padding-left: 10px;
    	padding-bottom: 2px;
    	text-decoration: none;
    	color: #333333;
    	-webkit-transition: all 1s ease;
    	-moz-transition: all 1s ease;
    	-ms-transition: all 1s ease;
    	-o-transition: all 1s ease;
    	transition: all 1s ease;

    }
    #menuautoitems a:hover,#menuautoitems a:active{
    	padding-right: 10px;
    	padding-top: 2px;
    	padding-left: 10px;
    	padding-bottom: 2px;
    	text-decoration: none;
    	color: #003366;
    	background-color: #CCCCCC;
    	border-bottom-left-radius: 0px;
    	border-bottom-right-radius: 0px;

    }
    #menuautoitems .current a{
    	padding-right: 10px;
    	padding-top: 2px;
    	padding-left: 10px;
    	padding-bottom: 2px;
    	text-decoration: none;
    	color: #003366;
    	background-color: #CCCCCC;
    	border-bottom-left-radius: 0px;
    	border-bottom-right-radius: 0px;


    }

    #caracteristicas01 {
    	background-image: url(../images/caracteristicas01_1200.jpg);
    	height: 278px;
    	text-align: right;
    	padding-top: 750px;
    	padding-right: 40px;
    	color: #FFFFFF;
    	text-shadow: 5px 5px 10px #000000;
    	z-index: 10;
    }


    #caracteristicas02 {
    	padding-left: 10%;
    	padding-right: 10%;
    }

    #caracteristicas_column1 {
    	float: none;
    	width: 100%;
    	text-align: justify;


    }
    #caracteristicas_column2 {
    	float: none;
    	width: 100%;
    	margin-left: 4%;
    	text-align: justify;

    }
    #caracteristicas_column3 {
    	width: 100%;
    	float: none;
    	clear: both;
    	text-align: justify;

    }
    #img_bomba {
    	background-image: url(../images/bomba_achique.jpg);
    	background-repeat: no-repeat;
    	background-position: left top;
    	height: 110px;
    	border-radius: 10px;
    	max-width: 420px;
    	margin-left: auto;
    	margin-right: auto;
    }
    #img_ahorro {
    	background-image: url(../images/ahorrotiempo.jpg);
    	background-position: left top;
    	height: 188px;
    	background-repeat: no-repeat;
    	max-width: 420px;
    	border-radius: 10px;
    	margin-left: auto;
    	margin-right: auto;
    	background-size: 100%
    }
    #img_calor {
    	background-image: url(../images/imagencalor.jpg);
    	background-position: left top;
    	height: 150px;
    	background-repeat: no-repeat;
    	max-width: 420px;
    	border-radius: 10px;
    	margin-left: auto;
    	margin-right: auto;
    	background-size: 100%
    }
    #img_agua {
    	background-image: url(../images/imagenagua.jpg);
    	background-position: left top;
    	height: 135px;
    	background-repeat: no-repeat;
    	max-width: 420px;
    	border-radius: 10px;
    	margin-left: auto;
    	margin-right: auto;
    	background-size: 100%
    }
    #img_reduz {
    	background-image: url(../galerias/bajonivel/ajo_nivel_13.jpg);
    	background-position: left top;
    	height: 214px;
    	background-repeat: no-repeat;
    	max-width: 420px;
    	border-radius: 10px;
    	margin-left: auto;
    	margin-right: auto;
    	background-size: 100%
    }
    #img_3en1 {
    	background-image: url(../images/imagen3en1.jpg);
    	background-position: left top;
    	height: 164px;
    	background-repeat: no-repeat;
    	max-width: 420px;
    	border-radius: 10px;
    	margin-left: auto;
    	margin-right: auto;
    	background-size: 100%
    }
    #img_temporada {
    	background-image: url(../images/imagentemporada.jpg);
    	background-position: left top;
    	height: 156px;
    	background-repeat: no-repeat;
    	max-width: 420px;
    	border-radius: 10px;
    	margin-left: auto;
    	margin-right: auto;
    	background-size: 100%
    }
    #img_perfil {
    	background-image: url(../images/perfil_cubre.jpg);
    	background-size: contain;
    	height: 60px;
    	background-repeat: no-repeat;

    }
    #img_suciedad {
    	background-image: url(../images/suciedadfuera.jpg);
    	background-position: left top;
    	height: 120px;
    	background-repeat: no-repeat;
    	max-width: 420px;
    	border-radius: 10px;
    	margin-left: auto;
    	margin-right: auto;
    }
    .rightcolumn {
    	float: none;
    	width: 98%;
    	text-align: justify;
    	padding-left: 1%;
    	padding-right: 1%;
    	max-width: 690px;
    	font-size: large;
    }
    #caracteristicas_03 {
    	background-color: #BBDEFB;
    	margin-top: 15px;
    	padding-left: 2%;
    	padding-right: 2%;
    	padding-top: 10px;
    	padding-bottom: 10px;
    	overflow-y: auto;
    }
    .leftcolumn {
    	float: none;
    	width: 98%;
    	text-align: justify;
    	padding-left: 1%;
    	padding-right: 1%;
    	max-width: 710px;
    	font-size: large;
    }

    #caracteristicas04 {
    	margin-top: 15px;
    	padding-left: 10%;
    	padding-right: 10%;
    	padding-top: 10px;
    	padding-bottom: 10px;
    	overflow-y: auto;
    }
    #caracteristicas05 {
    	background-image: url(../images/bariloche_700.jpg);
    	height: 150px;
    	padding-top: 380px;
    	background-color:#CCC;
    	background-position: top, center;
    	background-repeat:no-repeat;
    	padding-left: 10px;

    }
    #temporada {
    	padding: 10px;
    	width: 90%;
    	color: #FFFFFF;
    	border-radius: 10px;
    	background-image: none;
    	font-size: small;

    }
    #caracteristicas06 {
    	background-image: url(../images/producto_auto_700.jpg);
    	height: 450px;
    	padding-top: 300px;
    	padding-right: 0%;
    	background-repeat:no-repeat;
    	background-position: top;
    }
    #caracteristicasbajonivel01 {
    	background-image: url(../images/bajonivel16_700.jpg);
    	height: 400px;
    	padding-top: 400px;
    	padding-right: 0%;
    	background-repeat: no-repeat;
    	background-position: center 0%;
    }
    #caracteristicastitan {
    	background-image: url(../images/titan002_700.jpg);
    	height: 420px;
    	padding-top: 430px;
    	padding-right: 0%;
    	background-repeat: no-repeat;
    	background-position: top;
    }
    #automatico_caract {
    	background-image: url(../images/bluetrans.png);
    	width: 90%;
    	float: none;
    	border-radius: 10px;
    	padding-top: 10px;
    	padding-right: 10px;
    	padding-bottom: 10px;
    	padding-left: 10px;
    	text-shadow: 2px 2px 5px #000000;
    	color: #FFFFFF;
    	font-size: medium;
    	text-align: justify;
    	margin-right: 5%;
    	margin-left: 3%;
    }
    #caracteristicas07 {
    	padding-top: 50px;
    	padding-right: 10%;
    	overflow-y: auto;
    	padding-left: 10%;

    }
    #caracteristicas07a {
    	padding-top: 50px;
    	padding-right: 20%;
    	overflow-y: auto;
    	padding-left: 20%;

    }
    .rightcolumn2 {
    	float: left;
    	width: 100%;
    	text-align: justify;
    	padding-left: 10px;
    	padding-right: 10px;


    }

    .leftcolumn2 {
    	float: left;
    	width: 100%;
    	text-align: justify;
    	padding-left: 10px;
    	padding-right: 10px;
    	max-width: none;
    	font-size: large;
    }
    #caracteristicas_taladro2 {
    	padding-top: 50px;
    	padding-right: 10%;
    	overflow-y: auto;
    	padding-left: 10%;

    }
    #caracteristicas_taladro {
    	background-image: url(../images/producto_taladro01_450.jpg);
    	height: 100px;
    	padding-right: 10%;
    	padding-left: 100px;
    	padding-top: 150px;
    	color: #FFFFFF;
    	text-shadow: 2px 2px 5px #000000;
    	background-color: #E5E5E5;
    	background-repeat: no-repeat;
    	background-position: center 0%;

    }
    #caracteristicas_manualdoble {
    	background-image: url(../images/producto_doblecomando01_450.jpg);
    	height: 100px;
    	padding-right: 10%;
    	padding-left: 100px;
    	padding-top: 150px;
    	color: #FFFFFF;
    	text-shadow: 2px 2px 5px #000000;
    	background-color: #E5E5E5;
    	background-repeat: no-repeat;
    	background-position: center 0%;

    }
    #caracteristicas_manual {
    	background-image: url(../images/producto_manual01_450.jpg);
    	height: 100px;
    	padding-right: 10%;
    	padding-left: 100px;
    	padding-top: 150px;
    	color: #FFFFFF;
    	text-shadow: 2px 2px 5px #000000;
    	background-color: #E5E5E5;
    	background-repeat: no-repeat;
    	background-position: center 0%;

    }
    .caracteristicas_producto {
    	padding-top: 50px;
    	padding-right: 10%;
    	overflow-y: auto;
    	padding-left: 10%;

    }

    #productos001 {
    	color: #FFFFFF;
    	margin-top: 25px;
    	margin-bottom: 25px;
    	padding-left: 1%;
    	padding-right: 1%;
    	padding-top: 25px;
    	padding-bottom: 40px;
    	overflow-y: auto;
    }
    #producto1 {
    	padding-top: 70px;
    	padding-bottom: 70px;
    	width: 49%;
    	float: left;
    	margin-bottom: 20px;
    	font-size: small;
    	text-shadow: 3px 3px 2px #000000;
    	font-weight: bold;
    	background-image: url(../images/producto01_auto.jpg);
    	background-position: center center;
    }
    #producto2 {
    	background-color: #CCC;
    	padding-top: 70px;
    	padding-bottom: 70px;
    	width: 49%;
    	float: right;
    	margin-bottom: 20px;
    	font-size: small;
    	text-shadow: 3px 3px 2px #000000;
    	font-weight: bold;
    	background-image: url(../images/producto02_taladro.jpg);
    	background-position: center center;
    }

    #producto3 {
    	background-color: #CCC;
    	padding-top: 70px;
    	padding-bottom: 70px;
    	width: 100%;
    	clear: both;
    	margin-bottom: 20px;
    	background-image: url(../images/producto03_bajo.jpg);
    	font-size: small;
    	text-shadow: 3px 3px 2px #000000;
    	font-weight: bold;
    	background-position: center center;
    }
    #producto4 {
    	background-color: #CCC;
    	padding-top: 70px;
    	padding-bottom: 70px;
    	width: 49%;
    	float: left;
    	background-image: url(../images/producto04_manual.jpg);
    	font-size: small;
    	text-shadow: 3px 3px 2px #000000;
    	font-weight: bold;
    	background-position: center center;
    }
    #producto5 {
    	background-color: #CCC;
    	padding-top: 70px;
    	padding-bottom: 70px;
    	width: 49%;
    	float: right;
    	background-image: url(../images/producto05_doble.jpg);
    	font-size: small;
    	text-shadow: 3px 3px 2px #000000;
    	font-weight: bold;
    	background-position: center center;
    }

    #producto6 {
    	background-color: #CCC;
    	padding-top: 130px;
    	padding-bottom: 130px;
    	width: 100%;
    	margin-bottom: 10px;
    	background-image: url(../images/producto06_colosso.jpg);
    	font-size: small;
    	text-shadow: 3px 3px 2px #000000;
    	font-weight: bold;
    	background-position: center center;
    }

    #producto7 {
    	background-color: #CCC;
    	padding-top: 105px;
    	padding-bottom: 100px;
    	width: 100%;
    	margin-bottom: 20px;
    	background-image: url(../images/producto07_ojales.jpg);
    	font-size: small;
    	text-shadow: 3px 3px 2px #000000;
    	font-weight: bold;
    	background-position: center center;
    }

    #laempresa01 {
    	background-image: url(../images/black80.png);
    	width: 90%;
    	float: right;
    	border-radius: 10px;
    	padding-top: 10px;
    	padding-right: 10px;
    	padding-bottom: 10px;
    	padding-left: 10px;
    	text-shadow: 2px 2px 5px #000000;
    	color: #FFFFFF;
    	font-size: medium;
    	text-align: justify;
    }
    #laempresa001 {
    	height: 900px;
    	padding-top: 50px;
    	padding-right: 5%;
    	padding-left: 5%;
    	background-image: url(../images/laempresa001_1200.jpg);
    	background-position: center;
    }
    #footer {
    	margin-top: 50px;
    	background-color: #666666;
    	padding-left: 10%;
    	padding-right: 10%;
    	padding-top: 15px;
    	padding-bottom: 25px;
    }
    .link {
    	color: #FFFFFF;
    	text-decoration: none;
    	font-size:large;

    }
    .galeria30 {
    	margin-left:1%;
    	width:32%;
    	float:left;
    	margin-top:10px;
    	max-width:180px;

    }
    .galeria30a {
    	margin-left:3%;
    	margin-right:3%;
    	width:94%;
    	float:left;
    }
    #slideautomatico01 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/automatico/bg/automatico1_700.jpg);
    	background-repeat:no-repeat;
    }
    #slideautomatico02 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/automatico/bg/automatico2_700.jpg);
    	background-repeat:no-repeat;
    }
    #slideautomatico03 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/automatico/bg/automatico3_700.jpg);
    	background-repeat:no-repeat;
    }
    #slideautomatico04 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/automatico/bg/automatico4_700.jpg);
    	background-repeat:no-repeat;
    }
    #slideautomatico05 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/automatico/bg/automatico5_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidetaladro01 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/taladro/bg/taladro5_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidetaladro02 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/taladro/bg/taladro2_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidetaladro03 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/taladro/bg/taladro3_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidetaladro04 {
    	height:57vw;
    	z-index: 11;
    	background-image: url(../galerias/taladro/bg/taladro4_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidetaladro05 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/taladro/bg/taladro1_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidemanual01 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/manual/bg/manual_5_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidemanual02 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/manual/bg/manual_2_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidemanual03 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/manual/bg/manual_3_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidemanual04 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/manual/bg/manual_4_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidemanual05 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/manual/bg/manual_1_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidedoble01 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/doblecomando/bg/doblecomando_1_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidedoble02 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/doblecomando/bg/doblecomando_2_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidedoble03 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/doblecomando/bg/doblecomando_3_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidedoble04 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/doblecomando/bg/doblecomando_4_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidetitan01 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../images/titan002_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidetitan02 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../images/titan003_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidetitan03 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../images/titan001_700.jpg);
    	background-repeat:no-repeat;
    }
    .setenta {
    	width:100%;
    	float:none;
    	margin-left:0%;
    }
    .treinta {
    	width:100%;
    	float:none;
    	margin-right:0%;
    }
    .titulogaleria {
    	font-size: xx-large;
    	color: #DFE1D0;
    }
    .cien {
    	width: 100%;
    	overflow-y: scroll;
    	height: 700px;
    }
    #slidebajo01 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/bajonivel/bg/bajonivel01_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidebajo02 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/bajonivel/bg/bajonivel03_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidebajo03 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/bajonivel/bg/bajonivel02_700.jpg);
    	background-repeat:no-repeat;
    }
    #slidebajo04 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/bajonivel/bg/bajonivel04_700.jpg);
    	background-repeat:no-repeat;
    }
    #slideojales01 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/ojales/bg/ojales_01_700.jpg);
    	background-repeat:no-repeat;
    }
    #slideojales02 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/ojales/bg/ojales_02_700.jpg);
    	background-repeat:no-repeat;
    }
    #slideojales03 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/ojales/bg/ojales_03_700.jpg);
    	background-repeat:no-repeat;
    }
    #slideojales04 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/ojales/bg/ojales_04_700.jpg);
    	background-repeat:no-repeat;
    }
    #slideojales05 {
    	height: 57vw;
    	z-index: 11;
    	background-image: url(../galerias/ojales/bg/ojales_05_700.jpg);
    	background-repeat:no-repeat;
    }
    #caracteristicasojal {
    	background-image: url(../galerias/ojales/bg/ojales_04_700.jpg);
    	height: 400px;
    	padding-top: 400px;
    	padding-right: 0%;
    	background-repeat:no-repeat;
    	background-position:top;
    }
    #vermas {
    	visibility:hidden;
    	text-align: center;
    	z-index: 999;
    	position: relative;
    	bottom: 60px;
    }

   .img-container img {
        width: 45%; /* Ancho del 45% en pantallas pequeñas, imagenes de medir piscina */
        height: auto; /* Altura automática para mantener la proporción */
    }


}