/*********** 1390 ***************/

@media screen and (max-width: 1920px) and (min-width: 1500px){
	#animacion .imganim {
		margin-top: calc(50vh - 140px);
		margin-left: calc(1vh + calc(-19vh + 15%));
		width: 30vw;
	}
	
}
@media screen and (max-width: 1499px){
	#animacion .imganim {
		margin-top: calc(58vh - 140px);
		margin-left: 2%;
		width: 30%;
	}

}


@media screen and (max-width: 1386px) and (max-height: 680px) {
	.contenido-centrado {
		width: 100%;
	}
	
	.columnas{
		padding:10px;
	}
	.columnas .col:nth-child(2) {
		padding-left: 0px;
	}
	.columnas .col:nth-child(1) {
    padding-right: 32px;
}
	#info-content .img-col {
		width: 100%;
		height: auto;
		margin: auto;
		display: block;
		margin-top: 7px;
	}
	#info-content h2 {
		font-weight: 200;
		font-size: 28px;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	#info-content p {
		font-size: 15px;
		line-height: 20px;
	}
	#info-content ul {
		font-size: 15px;
		margin-left: 20px;
	}
	#info-content ul li {
		margin-bottom: 9px;
	}
	.social {
		margin-top: 0px;
		margin-bottom: 2px;
	}
	.txt-titulo .social li {
		margin-right: 0px;
		margin-bottom: 0px;
	}
	#header {
		background-color: #233350e0;
		padding-top: 4px;
		height: 81px;
		width: 100%;
	}
	.txtlin {
		float: left;
		line-height: 21px;
		text-align: right;
		margin-left: 0px;
		margin-top: 6px;
		font-size: 15px;
		width: 185px;
	}
	.logo1 {
		height: 73px;
		margin-left: 10px;
	}
	.nav-menu li a {
   
		font-size: 16px;
		letter-spacing: 0px;
		height: 34px;
	}
	.columnas .col2 img{
		width: 315px;
	}
	.prods {
		margin-top: 10px;
	}
	.prod {
		width: 100px;
		float: left;
	}
	.prod img {
		width: 70%;
		margin: auto;
		display: block;
	}
	.prod p{
		font-size:13px!important;
	}
	.ymas {
		font-size: 18px;
		font-weight: bold;
		color: #009440;
	}
	#pie {
		padding: 0px 10px;
		font-size:13px;
	}
	#pie a{
		font-size:13px;
	}
	.txt-titulo{
		margin-right: 10px;
	}
	
	#menu {
		margin-top: 25px;
		margin-left: 70px;
	}
	
	.micro_formulario input[type=text], .micro_formulario input[type=email], .micro_formulario input[type=tel], .micro_formulario textarea {
		width: 100%;
		padding: 4px;
		border: none;
		margin-bottom: 13px;
		font-size: 14px;
		font-family: 'Roboto Condensed', sans-serif;
	}
	.micro_formulario {
		width: 310px;
		height: 278px;
		padding: 20px 15px;
		top: -12px;
		right: 0px;
	}
	
	
	.micro_formulario input[type=text], .micro_formulario input[type=email], .micro_formulario input[type=tel], .micro_formulario textarea {
		width: 100%;
		padding: 4px;
		border: none;
		margin-bottom: 9px;
		font-size: 14px;
		font-family: 'Roboto Condensed', sans-serif;
	}
	.micro_formulario textarea {
		height: 55px;
	}
	.micro_formulario .acepto {
		color: black;
		float: left;
	}
	.micro_formulario .enviar input {
		margin-top: -20px;
		font-size: 18px;
	}
}
@media screen and (max-width: 1250px) {
	#animacion .rect {
		margin-top: calc(30vh - 140px);
		margin-left:3%;
	}
	#animacion .imganim {
		margin-top: calc(19vh - 140px);
		margin-left: 2%;
		width: 48%;
		float: left;
		clear: both;
	}
}
/*********************************************/
@media screen and (max-width: 1024px) {
	section{
		height:auto;
	}
	#info-content .img-col{
		height: auto;
		width:100%;
	}
	.btnform img {
		width: 45%;
	}
	#info-content .contenido-centrado {
		height: auto;
	}
	.btnform {
		display: block;
	}
	
	
	.micro-contacto {
		top: 127px;
		width: 150px;
		right: 5px;
		display:block;
	}
	#animacion {
    	height: 100vh;
	}
	
	.columnas .col:nth-child(1),.columnas .col:nth-child(2) {
    	padding-top: 25px;
	}
	.columnas .col2 img {
    	width: 407px;
	}
	.columnas .col{
		width:100%;
	}
	#info-content {
    	height: auto;
	}
	#menu {
    	margin-left: 20px;
    	float: left;
    	width: 463px;
    	z-index: 999;
		margin-top: 2px;
	}
	ul.nav-menu, div.nav-menu > ul {
    	width: 506px;
	}
	.txt-titulo{
		margin-left: 10px;
	}
	.micro_formulario {
		display:none;
		top: 20px;
		right: 36px;
    	width: 280px;
    	height: 340px;
    	padding: 20px 15px;
    	
	}
	.micro_formulario .acepto {
    	font-size: 13px;
	}
	.prods {
		margin-top: 60px;
	}
}

/*********************************************/
@media screen and (max-width: 768px) {
	
	.logo1 {
    	height: 46px;
	}
	.nav-menu li{
		padding-left: 10px;
    	padding-right: 10px;
	}
	ul.nav-menu, div.nav-menu > ul {
    	margin: auto;
    	width: 354px;
	}
	#menu {
		width: 354px;
    	margin-top: 0px;
    	margin-left: 22px;
	}
	.txt-titulo {
    	font-size: 16px;
    	padding: 0px 0px 0px 0px;
    	width: 213px;
    	margin-left: 2px;
    }
	.txt-titulo .social li {
    	margin-bottom: 6px;
	}
	
	
	#principal {
    	overflow: visible;
	}
	#info-content .img-col{
		height: auto;
		width:76%;
	}
	#animacion {
    	height: 100vh;
	}
	#info{
		padding-top:0px;
	}
	.columnas{
		margin-top:70px;
	}
	.columnas .col {
    	width: 100%;
	}
	
	.columnas .col2 img {
    	width: 343px;
	}
	.columnas .col:nth-child(1), .columnas .col:nth-child(2) {
    	padding-top: 35px;
	}
	
	.micro_formulario {
    	width: 237px;
    	height: 315px;
    	padding: 20px 15px;
    	display:none;
		top: 20px;
		right: 36px;
	}
	.micro_formulario .acepto {
    	font-size: 13px;
	}
	.micro_formulario .enviar input {
    	margin-top: 10px;
    	font-size: 16px;
	}
	.micro_formulario .enviar input{
		padding: 6px 14px;
		border-radius: 11px;
	}
	.micro_formulario input[type=text], .micro_formulario input[type=email], .micro_formulario input[type=tel], .micro_formulario textarea{
		margin-bottom: 7px;
	}
	.prod {
    	width: 115px;
    }
	.prod p {
    	font-size: 14px!important;
	}
}
/*********************************************/
@media screen and (max-width: 1440px) and (max-height: 880px) {
	#animacion {
    	height: 100vh;
	}
	#principal {
		/*overflow: visible;*/
	}
	#info-content {
    	width: 100%;
    	height: 100vh;
	}
	.micro-contacto {
    	right: 90px;
	}
	.micro_formulario{
		height: 344px;
	}
	.columnas .col2 img{
		width: 100%;
	}
	#info-content h2 {
    	margin-top: 10px;
    	margin-bottom: 40px;
	}
	.micro_formulario .acepto{
		float: left;
	}
	.micro_formulario .enviar input{
		margin-top:0px;
	}
	.prods {
		margin-top: 50px;
	}
	.columnas .col {
    	height: 42vh;
	}
	#info-content .img-col{
		margin-top: 50px;
	}
}

/*********************************************/
@media screen and (max-height: 680px) {
	#animacion {
		height: 100vh;
		width: 100%;
	}
	section {
		height: auto;
		float: left;
		width: 100vw;
	}
	#info-content {
		width: 100%;
		height: auto;
	}
	.columnas{
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.columnas .col{
		height:auto;
	}
	#info-content .img-col {
		width: 85%;
		height: auto;
    }
	.col2 img{
	    width: 100%;
	}
	.prods {
    	margin-top: 39px;
	}
	#info-content h2 {
    	margin-top: 27px;
    	margin-bottom: 39px;
	}
}


/*********** 1048 ***************/
@media screen and (min-width: 65.5em) {}

/*********** 1000 ***************/
@media screen and (max-width: 62.5em) {}

/*********** 812 ***************/
@media screen and (max-width: 812px) {
	.fviol .col1-2, .fviol .col2-2{
		opacity:1;
	}
}

/*********** 680 ***************/
@media screen and (max-width: 680px) {
	body{
		width:100%;
	}
	.columnas,.sectores .sectorimg{
		width:100%;
		margin-bottom: 0px;
	}
	body,#header,#principal,#contenido,.contenido-centrado,.logo-menu{
		width:100%;
	}
	#header{
		float:left;
		height: 81px;
		position: fixed;
	}
	
	#menu{
		width:100%;
		margin-left: 0px;
		margin-top: 0px;
		float:left;
		position:relative;
	}
	.nav-menu li {
    	height: 24px;
	}
	menu-iconics-container{
		width:100%;
		float:left;
	}
	ul.nav-menu, div.nav-menu > ul{
		margin-left: 10px;
	}
	ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
	display: block;
}
	.txt-titulo {
    	font-size: 14px;
    	text-align: right;
    	float: right;
    	color: #74ACDD;
    	padding: 5px 10px 0px 0px;
    	font-weight: 400;
    	width:230px;
		position: absolute;
    	right: 10px;
	}
	.txtlin {
		font-size: 10px;
		line-height: normal;
		margin-top: 0px;
		color: white;
		width: 122px;
	}
	.social {
    	display: block;
    	width: 80px;
    	margin-top: 10px;
	}
	.logo1{
		width:100px;
		margin-left:5px;
		margin-top: 12px;
		height:auto;
	}
	.micro-contacto{
		top: 127px;
		width:150px;
		right: 5px;
	}
	.micro-contacto img{
		width:50%;
	}
	.micro_formulario{
		top: 25px;
		width: 370px;
	}
	.txt-titulo .social li {
	    margin-right: 10px;
	}
	.txt-titulo .social li img {
    	height: 18px;
	}
	ul.nav-menu, div.nav-menu > ul{
		width: 100%;
		margin-left: 10px;;
		margin-top:10px;
		height:24px;
	}
	.nav-menu li{
		height: 24px;
		padding-top: 5px;
		padding-left: 7px;
		padding-right: 4px;
	}
	.nav-menu li a{
		font-size: 10px;
	}
	
	.nav-menu li {
		height: 24px;
		
	}
	#principal{
		margin-top:0px;
		float:left;
	}
	#contenido{
		float:left;
	}
	
	
	.columnas{
		padding-left: 10px;
    	padding-right: 10px;
	}
	.columnas .col1, .columnas .col2 {
    	width: 100%;
	}
	
	ul.col {
    	column-count: 1;
	}
	ul.col li {
    	font-size: 16px;
	}
	.columnas .col2,.columnas .col2 img {
    	width: 100%;
	}
	#animacion {
    	height: 100vh;
	}
	.contenido-centrado {
    	width: 100%;
    	padding: 0px 0px;
	}
	.columnas .col:nth-child(1) {
    	padding-right: 0px;
	}
	.columnas .col:nth-child(2) {
    	padding-left: 0px;
	}
	.columnas .col {
    	width: 100%;
    	float: left;
    	height: auto;
	}
	#info-content .img-col {
    	height: auto;
    	width: 100%;
	}
	.columnas .col2 img {
    	width: 100%;
    	margin-top: 20px;
	}
	.prods{
		flex-wrap: wrap;
	}
	.prod {
    	width: 100px;
	}
	#pie {
    	padding: 0px 4px;
    	font-size: 9px;
	}
	#pie p{
		width: 159px;
	}
	#pie a {
    	font-size: 9px;
		width: 100px;
	}
	#pie p {
		font-size: 9px;
		line-height: 12px;
	}
	.micro_formulario {
    	top: 25px;
    	width: 224px;
		right: 20px;
		display:none;
	}
}
/* fin 680*/


@media screen and (max-width: 568px) {
	
	ul.nav-menu, div.nav-menu > ul {
    	width: 100%;
    	margin-left: 10px;
		
	}
	.nav-menu .sub-menu{
		top:23px;
		width: 120px;
	}
	.nav-menu li a {
    	font-size: 10px;
		height:19px;
	}
	ul.nav-menu, div.nav-menu > ul {
    width: 100%;
    	display: none;
	}
	#info {
		height:auto;
	}
	#info-content {
		width: 100%;
		height: auto;
	}
	.columnas {
		margin-top: -1px;
	}
	.prods {
		margin-top: 35px;
		margin-bottom: 20px;
	}
	.btnform{
		display: block;
		float: right;
	}
	.btnform img{
		width:45%;
	}
	#header .contenido-centrado{
		overflow:visible;
	}
}

/*********** 472 ***************/
@media screen and (max-width: 480px) {
	#animacion .rect {
    background-color: #303536d6;
    width: 100%;
    height: 251px;
    float: left;
    margin-top:180px;
    margin-left: 0px;
    padding: 20px;
    margin-bottom: 25px;
	}
	#animacion .rect h2 {
		font-size: 46px;
		margin-bottom: 15px;
	}
	#animacion .rect p {
		font-size: 18px;
		line-height: 22px;
	}
	#animacion .imganim {
		margin-top: calc(19vh - 140px);
		margin-left: 2%;
		width: 96%;
	}
	@keyframes  flecha{
		from{top:85vh;}
		to{top:90vh;}
	}
	.micro-contacto {
		top: 99px;
	}
	#footer3{
		width: 100%;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#footer3 .fcol1 {
		width: 100%;
		font-size: 14px;
		border:none;
	}
	#footer3 .direccion img{
		width: 25px;
	}
	#footer3 .direccion p {
		width: 80%;
	}
	#footer3 .fcol2 {
		width: 100%;
		float: left;
		margin-left: 0px;
		color: white;
		font-size: 15px;
		border:none;
	}
	#footer3 .fcol3 {
		width: 100%;
		float: left;
		margin-left: 10px;
		padding-top: 25px;
		height: 126px;
	}
	.fcol3 .social img{
		width:50px;
	}

	.infof2 {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 12px;
	}
	.infof2 .copy {
		float: left;
		margin-right: 0px;
	}
	.infof2 .em {
		margin-top: 5px;
	}
	.infof2 .aviso {
		float: right;
		margin-right: 0px;
		margin-top: 10px;
	}
	ul.nav-menu, div.nav-menu > ul {
    	width: 66%;
    	margin-left: 0;
    	margin-top: 0px;
    	height: 21px;
		display:block;
		float:right;
	}
	
	
	#footer3 .fcol4 ul li {
    	display: inline-block;
    	margin-left: 18%;
	}
	#footer3 .fcol4{
		margin-top:30px;
		margin-bottom:30px;
		margin-right:0px;
	}
	
	#popup{
		width:100%;
		left: 0px;
    	top: 200px;
	}
	#popup .col1, #popup .col2 {
    	width: 100%;
	}
	#popup .col1{
		display:none;
	}
	#popup form{
		margin-top:10px;
	}
	.logos-clientes img{
		margin-left: calc(50% - 155px);
	}
	.clientes-seccion .contenido-centrado {
    	display: block;
	}
}

@media screen and (max-width: 420px) {
	
	#footer3 .fcol2 {
		width: 100%;
		float: left;
		margin-left: 0px;
		color: white;
		font-size: 15px;
		border:none;
		height:auto;
	}
	#footer3 .fcol3,#footer3 .fcol4 {
		width: 100%;
		float: left;
		margin-left: 0px;
		padding-top: 0px;
		height:auto;
		font-size:15px;
	}
	
	
	#footer3 .fcol5 img{
		margin-left:calc(50% - 85px);
	}
	#footer3 .mail {
    	margin-top: 20px;
	}
	#footer3 .imgmail {
    	margin-right: 7px;
		margin-top:-12px;
	}
	#footer3 .fcol5 {
    	width: 100%;
	}
}

@media screen and (max-width: 375px) {
	#animacion .rect {
    background-color: #303536d6;
    width: 100%;
    height: 202px;
    float: left;
    margin-top:180px;
    margin-left: 0px;
    padding: 20px;
    margin-bottom: 25px;
	}
	#animacion .rect h2 {
		font-size: 30px;
		margin-bottom: 8px;
	}
	#animacion .rect p {
		font-size: 18px;
		line-height: 22px;
	}
	#animacion .imganim {
		margin-top: 0px;
	}
}

@media screen and (max-width: 320px) {
	
}