/*   --------------------- DISEÑOS DE MOVIL --------------- */


@media (max-width:330px)/*V.Vertical*/ {

/* ------WEB-----*/
*{
  margin:  0;
  padding: 0;
}
body{  
	min-width:320px;
    	max-width:320px;
	width:100%;
	 background-image: url("ES/Web/Img/Fondo/cocina.avif");
    background-repeat: repeat;
}

#miWeb{
   
    width: 100%
    height:100%  /*100%=655px*/
	 position: absolute;
 bottom: 0px;
 right: 0px;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 z-index: -1000;
 overflow: hidden;
}
/*-----FIN WEB------*/


#ES{
height:50%;
width:100%;
background-image: url("ES250px.avif");
background-repeat: no-repeat;
background-sice: contain;
margin:5px;
}

#ING{
height:50%;
width:100%;
background-image: url("ING250px.avif");
background-repeat: no-repeat;
background-sice: contain;
margin:5px;
}

#ES:hover{
	height:50%;
width:100%;
background-image: url("ES250pxOpa.avif");
background-repeat: no-repeat;
background-sice: contain;
}
#ING:hover{
	height:50%;
width:100%;
background-image: url("ING250pxOpa.avif");
background-repeat: no-repeat;
background-sice: contain;
}

.parraES{
	width:98%;
	color:#FFFFFF;
	text-align:center;
	font-size:15px;
}
.parraING{
	width:98%;
	color:#FFFFFF;
	text-align:center;
	font-size:15px;
}
img{
	display:block;
	margin: auto;
}
/*cabecera*/


#Logo{ 
	
	
	width: 150px;  /*1000px/1366px*100%=73,20644%*/
    	height: 90px;  /*200px/655px*100%=30,534351%*/
    	background-image: url("ES/Web/Img/Logo/logo.avif");
    	margin:1%;
	margin-left: 26%;  /*170px/1366px*100%=12,4450952%*/
    	-webkit-background-size: cover; 
    	-moz-background-size: cover;
    	-o-background-size: cover;  
    	background-size: cover;  

}





/*cuerpo web*/
#cuerpo{
    
    width: 90%;  /*1050/1366*100% = 76,8667643%*/
    height: 100%;  /*375/655*100% = 57,2519084%*/
    -webkit-border-radius: 15px 15px;  /**/  /* Safari  */
    -moz-border-radius: 15px 15px;  /**/   /* Firefox */
    border-radius: 15px 15px;  /**/
    background-color: black;
    color: red; 
    float: left;
    margin: 1%;  /*5px=0,76335878%*/
    margin-left: 5%;  /*15px/1366px*100% = 1,09809663%*/

    }
#dentroCuerpo{ 
   
    width: 90%;  /*1010px/1050px*100% = 96,1904762%*/
    height: 100%;  /*250px/375px*100% = 66,6666667%*/
    overflow-x: hidden;
    
    border-radius: 5px 10px;  /**/
    margin: 10px;  /**/
    
    padding-left: 10px;  /**/
    padding-right: 10px;  /**/
}


}






@media (min-width: 330px) and (max-width:480px)/*V.vertical*/ {
*{
  margin:  0;
  padding: 0;
}
body{
	min-widyh:321px;
    	max-width:480px;
	width:100%;
	background-image: url("ES/Web/Img/Fondo/cocina.avif");
    	background-repeat: repeat;
}

#miWeb{
    
    width: 100%
    height:100%  /*100%=655px*/
	 position: absolute;
 bottom: 0px;
 right: 0px;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 z-index: -1000;
 overflow: hidden;
}


/*cuerpo web*/
#cuerpo{
    
    width: 90%;  /*1050/1366*100% = 76,8667643%*/
    height: 100%;  /*375/655*100% = 57,2519084%*/
    -webkit-border-radius: 15px 15px;  /**/  /* Safari  */
    -moz-border-radius: 15px 15px;  /**/   /* Firefox */
    border-radius: 15px 15px;  /**/
    background-color: black;
    color: red; 
    float: left;
    margin: 1%;  /*5px=0,76335878%*/
    margin-left: 5%;  /*15px/1366px*100% = 1,09809663%*/

    }
#dentroCuerpo{ 
   
    width: 90%;  /*1010px/1050px*100% = 96,1904762%*/
    height: 100%;  /*250px/375px*100% = 66,6666667%*/
    overflow-x: hidden;
    
    border-radius: 5px 10px;  /**/
    margin: 10px;  /**/
    
    padding-left: 10px;  /**/
    padding-right: 10px;  /**/
}





#ES{
height:50%;
width:100%;
background-image: url("ES380.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
margin:5px;
}

#ING{
height:50%;
width:100%;
background-image: url("ING380.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
margin:5px;
}

#ES:hover{
height:50%;
width:100%;
background-image: url("ES380Opa.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
}
#ING:hover{
height:50%;
width:100%;
background-image: url("ING380Opa.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
}

.parraES{
	width:98%;
	color:#FFFFFF;
	text-align:center;
	font-size:15px;
}
.parraING{
	width:98%;
	color:#FFFFFF;
	text-align:center;
	font-size:15px;
}
img{
	display:block;
	margin: auto;
}
/*cabecera*/


#Logo{ 
	
	
	width: 150px;  /*1000px/1366px*100%=73,20644%*/
    	height: 90px;  /*200px/655px*100%=30,534351%*/
    	background-image: url("ES/Web/Img/Logo/logo.avif");
    	margin:1%;
	margin-left: 26%;  /*170px/1366px*100%=12,4450952%*/
    	-webkit-background-size: cover; 
    	-moz-background-size: cover;
    	-o-background-size: cover;  
    	background-size: cover;  

}







}












@media (min-width: 481px) and (max-width:768px) /*vertical*/ {
*{
  margin:  0;
  padding: 0;
}
body{
	min-width:481px;
    	max-width:768px;
	width:100%;
}

#miWeb{
    background-image: url("ES/Web/Img/Fondo/cocina.avif");
    background-repeat: repeat;
    width: 100%;
    height:100%;  /*100%=655px*/
	 position: absolute;
 bottom: 0px;
 right: 0px;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 z-index: -1000;
 overflow: hidden;
}


#Logo{ 
	
	
	width: 100%;  /*1000px/1366px*100%=73,20644%*/
    	height: 200px;  /*200px/655px*100%=30,534351%*/
    	background-image: url("ES/Web/Img/Logo/logo.avif");
    	  	 
    	background-size: contain;  
	background-repeat: no-repeat;
	background-position: center;
}


#cuerpo{
    
    width: 95%;  /*1050/1366*100% = 76,8667643%*/
    height: 80%;  /*375/655*100% = 57,2519084%*/
    -webkit-border-radius: 15px 15px;  /**/  /* Safari  */
    -moz-border-radius: 15px 15px;  /**/   /* Firefox */
    border-radius: 15px 15px;  /**/
    background-color: black;
    color: red; 
    
    display:block;
    margin: auto;

    }
#dentroCuerpo{ 
   
    width: 90%;  /*1010px/1050px*100% = 96,1904762%*/
    height: 100%;  /*250px/375px*100% = 66,6666667%*/
    overflow-x: hidden;
    
    border-radius: 5px 10px;  /**/
    margin: 10px;  /**/
    
    padding-left: 10px;  /**/
    padding-right: 10px;  /**/
}



#ES{
height:50%;
width:100%;
background-image: url("ES380.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
margin:5px;
}

#ING{
height:50%;
width:100%;
background-image: url("ING380.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
margin:5px;
}

#ES:hover{
height:50%;
width:100%;
background-image: url("ES380Opa.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
}
#ING:hover{
height:50%;
width:100%;
background-image: url("ING380Opa.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
}

.parraES{
	width:98%;
	color:#FFFFFF;
	text-align:center;
	font-size:15px;
}
.parraING{
	width:98%;
	color:#FFFFFF;
	text-align:center;
	font-size:15px;
}
img{
	display:block;
	margin: auto;
}




}



























/* horizontal */

@media (min-width:769px) and (max-width:1024px) {

*{
  margin:  0;
  padding: 0;
}
body{
    min-width: 769px;
    width:100%;
  background-image: url("ES/Web/Img/Fondo/cocina.avif");
    background-repeat: repeat;
      
    background-color: grey;
}
#miWeb{
	
	top:50%;
	left:50%;
    margin:0 auto;
     	width: 100%;  /*100%=1366px*/
    height:655px;  /*100%=655px*/
}


#Logo{
       
	width: 90%;  /*1000px/1366px*100%=73,20644%*/
    	height: 150px;  /*200px/655px*100%=30,534351%*/
    	background-image: url("ES/Web/Img/Logo/logo.avif");
    	background-size: contain;  
	background-repeat: no-repeat;
	background-position: center;
}


#cuerpo{
    
    width:90%;  /*1050/1366*100% = 76,8667643%*/
    height: 455px;  /*375/655*100% = 57,2519084%*/
    -webkit-border-radius: 15px 15px;  /**/  /* Safari  */
    -moz-border-radius: 15px 15px;  /**/   /* Firefox */
    border-radius: 15px 15px;  /**/
    background-color: black;
    color: red; 
    display:block;
    margin: 0 auto;
}
#dentroCuerpo{ 
   
    width: 95%;  /*1010px/1050px*100% = 96,1904762%*/
    height: 95%;  /*250px/375px*100% = 66,6666667%*/
    overflow-x: hidden;
    
    border-radius: 5px 10px;  /**/
    margin: 10px;  /**/
    
    padding-left: 10px;  /**/
    padding-right: 10px;  /**/
}




#ES{
height:50%;
width:100%;
background-image: url("ES380.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
margin:5px;
}

#ING{
height:50%;
width:100%;
background-image: url("ING380.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
margin:5px;
}

#ES:hover{
height:50%;
width:100%;
background-image: url("ES380Opa.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
}
#ING:hover{
height:50%;
width:100%;
background-image: url("ING380Opa.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
}

.parraES{
	width:98%;
	color:#FFFFFF;
	text-align:center;
	font-size:15px;
}
.parraING{
	width:98%;
	color:#FFFFFF;
	text-align:center;
	font-size:15px;
}
img{
	display:block;
	margin: auto;
}




}

/* escritorios --------------------------------------------------------------------------*/

@media (min-width: 1025px)  {
*{
  margin:  0;
  padding: 0;
}
body{
    width:100%;
    background-image: url("ES/Web/Img/Fondo/cocina.avif");
    height:100%;
}

#miWeb{
     max-width:1026px;
    margin: 0 auto;  
    background-repeat: repeat;
    width: 100%;  /*100%=1366px*/
    height: ;  /*100%=655px*/
}


#Logo{
       
	width: 100%;  /*1000px/1366px*100%=73,20644%*/
    	height: 150px;  /*200px/655px*100%=30,534351%*/
    	background-image: url("ES/Web/Img/Logo/logo.avif");
    	background-size: contain;  
	background-repeat: no-repeat;
	background-position: center;  
    	display:block;
   	margin: auto;
}

#cuerpo{
    
    width: 90%;  /*1050/1366*100% = 76,8667643%*/
    height: 375px;  /*375/655*100% = 57,2519084%*/
    -webkit-border-radius: 15px 15px;  /**/  /* Safari  */
    -moz-border-radius: 15px 15px;  /**/   /* Firefox */
    border-radius: 15px 15px;  /**/
    background-color: black;
    background-position: center;
    display:block;
    margin: auto;
}
#dentroCuerpo{ 
   
    width: 95%;  /*1010px/1050px*100% = 96,1904762%*/
    height: 99%;  /*250px/375px*100% = 66,6666667%*/
    overflow-x: hidden;
    
    border-radius: 5px 10px;  /**/
    margin: 10px;  /**/
    
    padding-left: 10px;  /**/
    padding-right: 10px;  /**/
}



#ES{
height:50%;
width:100%;
background-image: url("ES380.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
margin:5px;
}

#ING{
height:50%;
width:100%;
background-image: url("ING380.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
margin:5px;
}

#ES:hover{
height:50%;
width:100%;
background-image: url("ES380Opa.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
}
#ING:hover{
height:50%;
width:100%;
background-image: url("ING380Opa.avif");
background-repeat: no-repeat;
background-size: contain;
background-position:center;
}

.parraES{
	width:98%;
	color:#FFFFFF;
	text-align:center;
	font-size:15px;
}
.parraING{
	width:98%;
	color:#FFFFFF;
	text-align:center;
	font-size:15px;
}
img{
	display:block;
	margin: auto;
}
/*cabecera*/



}