@media only screen and (max-width: 1300px){
	.galeria_fotos{
		height: 520px;
	}
}

@media only screen and (max-width: 1150px){
	div.barra ul li{
		margin: 0 8px
	}
	h1, h2, section.segunda_parte span.ilum, section.segunda_parte span.sust{
		font-size: 3rem;
	}
	h2{
		margin-top: -35px;
	}
	section#productos_destacados div div.prop_x_prop ul{
		width: 47%;
	}
}

@media only screen and (max-width: 1000px){
	.carousel{
        width: 95%;
    }
    .carousel-inner img{
        height:80%;
    }
	.fotorama{
		width: 95%;
		margin: 0 auto 80px auto;
		text-align: center;
	}
	.fotorama__nav{
		width: 1000px;
		margin: 0;
	}
	.fotorama__nav--thumbs{
		width: 1000px;
	}
	div.telefonos{
		display: none;
	}
	.h1_principal{
		margin: 160px 0 160px 0
	}
	div.todos{
		font-size: 1.5rem
	}
	#productos_destacados{
		margin: 0;
	}
	.ilum_sust{
		margin: 160px 0 160px 0
	}
	h3{
		font-size: 1.25rem
	}
	#clientes{
		text-align: center;
	}
	section#productos_destacados{
		margin: 0;
	}
	section#productos_destacados div div{
		width: 100%;
		font-size: 2rem
	}
	section#clientes_destacados{
		margin: 400px 0 400px 0
	}
	div.navegacion div.barra{
		display: block;
		margin: 0
	}
	div.navegacion div.barra ul{
		margin: 0
	}
	div.barra ul li{
		padding: 20px 0;
		margin: 0;
	}
	div.barra ul li:nth-child(1){
		width: 49%;
		text-align: left;
		margin-left: 1%
	}
	div.barra ul li:nth-child(2){
		width: 49%;
		text-align: right;
		margin-right: 1%
	}
	div.barra ul li:nth-child(3){
		width: 32.3%;
		text-align: left;
		margin-left: 1%
	}
	div.barra ul li:nth-child(4){
		width: 33.3%;
		text-align: center;
	}
	div.barra ul li:nth-child(5){
		width: 32.3%;
		text-align: right;
		margin-right: 1%
	}
	div.barra ul li a{
		margin: 0;
	}
	div.navegacion div.contrario_boton_hamburguesa{
		width: 80%;
		display: inline-block;
	}
	div.navegacion div#div_boton_hamburguesa_abrir{
		display: inline-block;
		width: 20%;
		text-align: right;
   		cursor: pointer;
   		vertical-align: middle;
   		padding-right: 20px;
	}
	div.navegacion div#div_boton_hamburguesa_abrir img{
		width: 40%;
	}
	div.navegacion div#div_boton_hamburguesa_cerrar img{
		width: 40%;
	}
	div.parte_uno video{
		width: 100%;
		height: 150%;
	}
	div.fondo{
		background: white;
		height: 12%
	}
	div.quienes_somos p, section.nosotros div p, section.novedades div p, section.productos div p, section.contacto div p, section.producto_x_producto div p, section.proyectos div.proy p{
		line-height: 4rem;
		font-size: 2.5rem;
		text-align: center;
		margin-bottom: 125px
	}
	div.quienes_somos p{
		margin-bottom: 0
	}
	section.nosotros .titulo h3{
		text-align: center
	}
	section.nosotros .titulo .linea{
		margin: 0 auto
	}
	div.parte_uno{
			height: 630px;
			display: block;
	}
	section.segunda_parte{
		display: block;
	}
	section.segunda_parte p{
		margin-bottom: 0
	}
	div.parte_dos div.flex{
		height: 200px;
		margin: -100px 0 100px 0;
	}
	div.parte_dos div.flex div{
		margin-top: 100px
	}
	section.fotos_proyectos{
		width: 100%;
		margin: 0 auto 10% auto
	}
	section.fotos_proyectos div{
		width: 100%;
		margin: 0 auto 10% auto
	}
	div.parte_uno img{
		width: 100%;
		height: 100%;
		transition: none
	}
	div.parte_uno img:hover{
		transform: none;
		transition: none
	}
	div.parte_dos div.flex div h3, div.parte_uno div.flex div h3{
		font-size: 3rem
	}
	div.parte_dos div.flex div p, div.parte_uno div.flex div p{
		font-size: 2rem
	}
		.botones .btn{
			background: none;
			border: none;
			font-size: 1.25rem;
			font-weight: bold;
			letter-spacing: .1rem;
			text-transform: uppercase;
			padding: 12px 20px;
			min-width: 200px;
			cursor: pointer;
			transition: none;
			position: relative;
			margin-top: -70px
		}
		.btn:hover{
			color: black
		}
		.botones .btn::before{
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: #439E9C;
			border: none;
			z-index: -1;
			transition: none;
			transform-origin: none
		}
		.btn1::before{
			transform: none
		}
		.btn1:hover::before{
			transform: none
		}
		footer{
			font-size: 3rem;
		}
		footer iframe{
			height: 50%
		}
		footer div div.datos{
			width: 100%;
			text-align: center;
			line-height: 4.5rem
		}
		footer div div.datos img{
			width: 50%;
			margin: 150px 0
		}
		footer div.data_fiscal{
			text-align: center;
			width: 100%
		}
		footer div.data_fiscal img{
			height: 200px
		}
		footer span{
			font-size: 2rem
		}
		div.video{
			height: 50%
		}
		
		#productos_destacados div div, #productos_destacados div div:nth-child(2){
			display: block;
		}
		#clientes_destacados{
			display: block
		}
		h1{
			margin-top: 70px;
			margin-bottom: 0px;
		}
		h2{
			margin-bottom: 70px
		}
		section.producto_x_producto div div.imagen{
			display: inline-block;
			width: 100%;
			background: #ddd;
			vertical-align: top;
			text-align: center;
			margin: 0
		}
		section.producto_x_producto div div.modelo_desc{
			display: block;
			width: 100%;
			padding: 0;
			margin: 0 auto;
		}
		section.producto_x_producto div div.modelo_desc p{
			text-align: left
		}
		section.producto_x_producto div div.modelo_desc h3{
			letter-spacing: .35rem;
			margin: 80px 0 0 0;
			font-size: 3rem;
			text-align: left
		}
		section.producto_x_producto div div.apto, section.producto_x_producto div div.caracteristicas{
			width: 90%;
			margin: 0 5%;
			margin-top: 40px;
		}
		section.producto_x_producto div div.apto h4, section.producto_x_producto div div.caracteristicas h4{
			font-size: 3rem
		}
		section.producto_x_producto div div.caracteristicas table, section.producto_x_producto div div.apto ul{
			font-size: 1.4rem;
			border-collapse: collapse;
			padding: 0;
			padding-left: 25px;
			list-style: none
		}
		section.producto_x_producto div div.apto ul li{
			margin: 17.5px 0;
		}
		section.producto_x_producto div div.apto ul li::before {
  		content: "\2022";
  		color: #439E9C;
  		font-weight: bold;
  		display: inline-block; 
  		width: 1em;
 		margin-left: -1em;
		}
		section.producto_x_producto div div.caracteristicas table{
			font-size: 2.5rem
		}
		section.producto_x_producto div div.caracteristicas table tr{
			height: 135px;
		}
		section.producto_x_producto div div.caracteristicas{
			display: block;
			width: 100%;
			vertical-align: bottom
		}
		section.producto_x_producto div div.linea{
			display: none
		}
		section.producto_x_producto div div.garantia{
			display: inline-block;
			height: 900px;
			width: 100%;
			vertical-align: bottom;
			margin: 100px 0 0 0
		}
		section.producto_x_producto div div.garantia a{
			font-size: 3rem
		}

		section.producto_x_producto div div.garantia p:nth-child(even){
			display: block;
			font-size: 3rem;
			background: #ddd;
			text-align: center;
			padding: 120px 20px;
			line-height: 2.5rem
		}
		section.producto_x_producto div div.garantia p:nth-child(odd){
			display: block;
			font-size: 3rem;
			background: #ddd;
			text-align: center;
			padding: 53px 20px
		}
		div.navegacion{
			text-align: left;
			background: white;
			width: 100%;
			text-align: center
		}
		div.logo{
			width: 100%;
			text-align: center;
			margin: 15px 0
		}
		div.logo img{
			width: 350px;
			margin: 0;
		}
		div.barra{
			width: 100%;
			margin: 0;
		}
		/*CATANZARO	*/
		section.productos_destacados div{
			width: 95%;
			margin-bottom: 100px;
		}
		section#productos_destacados div div.prop_x_prop{
			width: 100%;
			margin: 50px 0;
		}
		section#productos_destacados div div.prop_x_prop ul{
			width: 68%;
		}
		section#productos_destacados div div.prop_x_prop ul li{
			font-size: 1.2rem;
		}
		section#productos_destacados div div.prop_x_prop ul li.precio{
			margin-top: 65px
		}
		iframe{
			height: 350px;
		}
		footer div.datos{
			width: 95%;
			margin: 25px auto;
			text-align: center;
			padding: 0;
		}
		footer div div.datos img.logo_footer{
			width: 350px;
			margin: 60px 0;
			padding: 0;
		}
		footer div div.datos ul{
			font-size: 1.4rem;
			line-height: 1.8rem;
			margin-bottom: 60px
		}
		footer div div.datos ul li{
			margin: 0 auto;
			width: 95%;
			font-size: 1.2rem;
		}
		footer div div.datos ul li:nth-child(6), footer div div.datos ul li:nth-child(7){
			display: block
		}
		footer div div.datos ul li:nth-child(2), footer div div.datos ul li:nth-child(3){
			margin: 0 auto 0 auto;
		}
		footer div div.datos ul li:nth-child(4), footer div div.datos ul li:nth-child(6){
			margin: 80px auto 0 auto;
		}
		footer div div.datos ul li:nth-child(4) img{
			margin: 0 auto -20px auto;
		}
		footer div div.datos ul li:nth-child(1), footer div div.datos ul li:nth-child(5), footer div div.datos ul li:nth-child(7){
			margin: 15px auto 15px auto;
			padding: 0;
		}
		footer div div.datos ul li a img{
			width: 230px;
			display: block;
			margin: 0 auto;
			padding: 0;
		}
		footer span{
			font-size: 1.2rem
		}
		section.contacto div, section.nosotros div{
			margin: 0 auto 80px auto;
		}
		section.contacto div p, section.nosotros div p{
			font-size: 1.2rem;
			line-height: 2rem;
			margin: 0;
		}
		section#buscador_contacto{
			margin-bottom: 80px;
		}
		section.segunda_parte h1{
			margin: 80px 0 0 0;
		}
		section.segunda_parte h2{
			margin: -35px 0 80px 0;
		}
		section.buscador{
			width: 95%;
		}
		section.buscador form{
			width: 100%;
		}
		section.ordenar_por{
			width: 100%;
		}
		img[alt]{
			font-size: 1.2rem;
		}
		div.paginador ul{
			margin: -50px auto 100px auto;
		}
		section.producto_x_producto div div.modelo_desc{
			display: block;
			width: 95%;
			padding: 0;
			margin: 0 auto 50px auto;
		}
		section.producto_x_producto div div.modelo_desc div.table{
			width: 100%;
			margin: 0 auto;
		}
		section.producto_x_producto div div.modelo_desc table{
			display: block;
			margin: 0 auto;
			width: 100%;
		}
		section.producto_x_producto div div.modelo_desc table th{
			padding: 10px 0 10px 10px;
			width: 10%;
			vertical-align: middle
		}
		section.producto_x_producto div div.modelo_desc table td{
			text-align: right;
			padding: 10px 10px 10px 0;
			width: 30%;
			vertical-align: middle
		}
		section.producto_x_producto div h3{
			padding-left: 2.5%;
		}
		section#buscador_contacto, section.buscador_float{
			display: block;
			width: 95%;
			margin: 0 auto;
			margin-bottom: 85px;
			background: white;
			box-shadow: 0px 0px 2px 1px #bbb;
			text-align: left;
		}
		section.buscador_contacto form, section.buscador_float form{
			text-align: left;
			margin: 20px 0 0 0;
			width: 100%;
			text-align: center;
			padding: 2.5% 0;
		}
		section.buscador_contacto form div, section.buscador_float form div{
			display: inline-block;
			width: 28%;
			text-align: left;
			margin: 1.5% 1.9%;
			vertical-align: bottom;
		}
		section.buscador_contacto form div.textarea, section.buscador_float form div.textarea{
			display: inline-block;
			width: 92.5%;
			text-align: left;
			margin: 1.5% 1.9%;
			vertical-align: bottom;
		}
		.galeria_fotos{
			margin-bottom: 51%;
			height: 350px;
		}
		#wrapper{
			width: 60%
		}
}

@media only screen and (max-width: 780px){
	/*.galeria_desktop{
		display: none
	}*/
	.galeria_mobile{
		display: block
	}
	.galeria_mobile_2{
		display: none
	}
	div.barra ul li:nth-child(1){
		width: 24%;
	}
	div.barra ul li:nth-child(2){
		width: 74%;
	}
	div.barra ul li:nth-child(3){
		width: 32.3%;
		text-align: left;
		margin-left: 1%;
		vertical-align: middle;
	}
	div.barra ul li:nth-child(4){
		width: 33.3%;
		text-align: center;
		vertical-align: middle;
	}
	div.barra ul li:nth-child(5){
		width: 32.3%;
		text-align: right;
		margin-right: 1%;
		vertical-align: middle;
	}
	div.barra ul li a{
		margin: 0;
	}
	footer span{
		width: 90%;
		margin: 0 auto;
		font-size: 1.2rem
	}
	section#productos_destacados div div.prop_x_prop ul{
		width: 63%;
	}
}






@media only screen and (max-width: 710px){
	h4{
		font-size: 1.15rem;
	}
	iframe{
		height: 500px;
	}
	footer div{
		width: 95%
	}
	footer div div.datos img.logo_footer{
		width: 220px;
	}
	footer div div.datos ul li a img{
		width: 150px;
	}
	footer span{
		width: 95%;
		margin: 0 auto;
		font-size: 1rem
	}
	h1{
		margin: 40px 0 0 0;
		font-size: 1.7rem
	}
	h2{
		margin: -18px 0 30px 0;
		font-size: 1.7rem
	}
	section.segunda_parte h1{
		margin: 40px 0 0 0;
	}
	section.segunda_parte h2{
		margin: -20px 0 0 0;
	}
	section#buscador_contacto{
		margin-bottom: 50px;
	}
	section.buscador form div, section#buscador_contacto form div{
		display: block;
		width: 90%;
		margin: 20px auto;
	}
	section.buscador form div select, section.buscador form div input.contacto,
	section.buscador_float form div select, section.buscador_float form div input.contacto{
		height: 60px;
	}
	section.buscador form div.number input, section.buscador_float form div.number input{
		height: 60px;
		text-align: center;
		font-size: 1.05rem
	}
	section.buscador form div input[type=submit], section.buscador form div input[type=submit].contacto, section.buscador_float form div input[type=submit], section.buscador_float form div input[type=submit].contacto{
		height: 60px;
		font-size: 1.2rem;
	}
	section#buscador_contacto form div.textarea textarea{
		height: 120px;
	}
	section.productos_destacados div{
		margin-top: 40px;
	}
	section.ordenar_por{
		width: 100%;
		text-align: center;
	}
	section.ordenar_por span{
		margin: 0
	}
	section.ordenar_por ul{
		padding-top: 12px;
		margin: 0;
		width: 100%;
	}
	#productos_destacados div div{
		text-align: center;
	}
	section.ordenar_por ul div li:nth-child(1){
		margin-right: 2px;
	}
	section.ordenar_por ul div li:nth-child(2){
		margin-left: 2px;
	}
	section.ordenar_por ul div{
		display: inline-block;
	}
	section.ordenar_por ul li a{
		padding: 12px;
		font-size: 1rem;
	}
	section.ordenar_por ul li a.seleccionada{
		font-size: 1rem;
	}
	div.paginador ul li a, div.paginador ul li.seleccionada{
		padding: 13px;
		width: 45px;
		font-size: 1rem;
	}
	section.producto_x_producto div h3{
		letter-spacing: .1rem;
		font-size: 1.3rem;
		width: 97%;
	}
	section.producto_x_producto div div.modelo_desc table tr td.moneda{
		font-size: 1.3rem;
	}
	#imgrotate{
		background: #eee;
		margin: 0;
		padding: 0;
	}
	.galeria_fotos{
		margin-bottom: 80%
	}
	#wrapper{
		width: 85%
	}
	section#productos_destacados div div.prop_x_prop{
			width: 95%;
			height: 550px;
			margin: 40px auto 0 auto;
			background: white;
			box-shadow: 0px 0px 2px 1px #bbb;
			text-align: left;
		}
		section#productos_destacados div div.prop_x_prop img{
			width: 400px;
			height: 400px;
			padding: 10px;
			display: block;
			margin: 0 auto;
		}
		section#productos_destacados div div.prop_x_prop ul{
			display: block;
			text-align: left;
			padding: 10px;
			width: 390px;
			margin: 0 auto;
		}
		section#productos_destacados div div.prop_x_prop ul li{
			margin-bottom: 6px;
			font-size: 1rem
		}
		section#productos_destacados div div.prop_x_prop ul li.precio{
			margin-top: 20px;
			font-weight: bold;
			text-align: right
		}
}



@media only screen and (max-width: 500px){
	/*.galeria_desktop{
		display: none
	}*/
	.galeria_mobile{
		display: none
	}
	.galeria_mobile_2{
		display: block
	}
	div.logo img{
		width: 250px
	}
	section#productos_destacados div div.prop_x_prop{
		height: 500px;
	}
	section#productos_destacados div div.prop_x_prop img{
		width: 350px;
		height: 350px;
	}
	section#productos_destacados div div.prop_x_prop ul{
		width: 340px;
	}
}



@media only screen and (max-width: 400px){
	div.barra ul li{
		font-size: .8rem
	}
	section#productos_destacados div div.prop_x_prop{
		height: 450px;
	}
	section#productos_destacados div div.prop_x_prop img{
		width: 300px;
		height: 300px;
	}
	section#productos_destacados div div.prop_x_prop ul{
		width: 290px;
	}
}



@media only screen and (max-width: 340px){
	div.barra ul li{
		font-size: .65rem
	}
	section#productos_destacados div div.prop_x_prop img{
		width: 250px;
		height: 250px;
	}
	section#productos_destacados div div.prop_x_prop ul{
		width: 240px;
	}
	footer div div.datos ul li:nth-child(5){
		font-size: 1rem
	}
}

@media only screen and (max-width: 280px){
	section#productos_destacados div div.prop_x_prop{
		height: 350px;
	}
	section#productos_destacados div div.prop_x_prop img{
		width: 200px;
		height: 200px;
	}
	section#productos_destacados div div.prop_x_prop ul{
		width: 190px;
	}
	footer div div.datos ul li:nth-child(5){
		font-size: .85rem
	}
}