/* escritorios --------------------------------------------------------------------------*/
@media (min-width: 1025px)  {
*{
  margin:  0;
  padding: 0;
}
body{
    width:100%;
    height:100%;
    background-image: url("../Img/Fondo/cocinaNegra.avif");
}
#miWeb{
     max-width:1026px;
    margin: 0 auto;  
    background-image: url("../Img/Fondo/cocina.avif");
    background-repeat: repeat;
    width: 100%;  /*100%=1366px*/
    height:100%;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#Cabecera{
        max-width:950px;
	max-height:25%;
	width:100%;
	height: 25%;
	margin:0 auto;	
}
#Logo{
        max-width:194px;
	max-height:113px;
	width: 25%;  /*1000px/1366px*100%=73,20644%*/
    	height: 90%;  /*200px/655px*100%=30,534351%*/
    	background-image: url("../Img/Logo/logo.avif");
    	margin:3px;
        margin-top:20px;
	margin: 2px;  /*5px=0,76335878%*/    
	margin-left: 15px;  /*170px/1366px*100%=12,4450952%*/
    	background-size: cover;  
    	float: left;
	 position: absolute;
	top: 5%;
}
#Menu{
    width: 35%;  /*1000px/1366px*100%=73,20644%*/
    height: auto;  /*200px/655px*100%=30,534351%*/
    margin: 2px;  /*5px=0,76335878%*/
    margin-left: 10px;     
    position: relative;
    top: 17%;
    left: 31%;
    display:flex;
   }
#menu{
    margin-bottom: 10px;  /*10px/655px*100%= 1,52671756%*/
    margin-top: 5px;  /*5px/655px*100% = 0,76335878%*/
    margin-left: 1%;  /*15px/1366px*100% = 1,09809663%*/
    width: 100%;  /*1339px/1366px*100%= 98,0234261%*/
    height:100%;
    font-family:Arial, Helvetica, sans-serif;
    float: left; 
}
ul, ol {
    list-style:none;
}
.nav {
    width: 100%;  /*1339px/1366px*100%= 98,0234261%*/ /*Le establecemos un ancho*/
    margin: 0 auto; /*Centramos automaticamente*/
    margin-top:20px;
}
.black{
	width:50%;	
	background-color:#000;
	color:#fff;
	border-radius: 15px 15px;  /**/
    }
.Verde{
	width:170px;
	background-color:#25a134;
	color:#fff;
	border-radius: 15px 15px;  /**/
}
#VEquipo{
    text-decoration:none;
    display: block;
    border-radius: 15px 15px;  /**/
    top:45px;
    left: 13%;
}
#VEscuela{
    text-decoration:none;
    display: block;
    border-radius: 15px 15px;  /**/
    top:73px;
    left:10%;
}
.Amarillo{
	width:140px;
	background-color:#e4b90b;
	color:#ffffff;	
	border-radius: 15px 15px;  /**/
}
#AEquipo{
    text-decoration:none;
    display: block;
    border-radius: 15px 15px;  /**/  
    left:-140%;
    z-index: 1;
}
#AEscuela{
    text-decoration:none;
    display: block;
    border-radius: 15px 15px;  /**/
    z-index: 1;	   
    left:18%;
}
.Azul{
	width:120px;
	background-color:#3e67ce;
	color:#ffffff;	
	border-radius: 15px 15px;  /**/
}
#AzEscuela{
    text-decoration:none;
    display: block;
    border-radius: 15px 15px;  /**/
    z-index: 200;
    left:-240px;
}
.nav > li {
    float:left;
    background-color:#000;
    color:#fff;
    text-decoration:none;
    width:100px;
    margin:1%;
    height:40px;
    display: flex;
   justify-content: center;
   align-items: center;
    border-radius: 15px 15px;  /**/
    text-align:center;
}
#NoFloat{
    float:none;
    background-color:#000;
    color:#fff;
    text-decoration:none;
    width:100px;
    margin:10px;
    height:40px;
    display: flex;
   justify-content: center;
   align-items: center;
    border-radius: 15px 15px;  /**/
    text-align:center;
}
.nav li a{
    text-decoration:none;
    display: block;
    margin: 1px;
    border-radius: 15px 15px;  /**/
}
#a{
    text-decoration:none;
    display: block;
    border-radius: 15px 15px;  /**/
    margin:1px;
    top:160px;
}
#t{
    text-decoration:none;
    display: block;
    border-radius: 15px 15px;  /**/
    margin:1px;
    top:40px;
}
#ta{
    text-decoration:none;
    display: block;
    border-radius: 15px 15px;  /**/
    margin:1px;
}
#u{
    text-decoration:none;
    display: block;
    border-radius: 15px 15px;  /**/
    margin:1px;
    top:40px;
}
.nav li a:hover, .nav li a:focus {
    background-color:#434343;
}
.nav li ul {
    display:none;
    position:absolute;
    min-width:140px;
}
.nav li:hover > ul, .nav li:focus > ul {
    display:block;
}
.nav li ul li {
    position:relative;
}
.nav li ul li ul {
    right:-140px;
    top:2px;
    left:130px;
}
#Redes{ 
	display:none;
}
#YT{
    width: 45%;  /*1000px/1366px*100%=73,20644%*/
    height: 45%;  /*200px/655px*100%=30,534351%*/
    background-image: url("../Img/Iconos/youTube1.avif");
    margin:1px;
    background-size: cover;  
    float: left;
}
#FB{
    width: 45%;  /*1000px/1366px*100%=73,20644%*/
    height: 45%;  /*200px/655px*100%=30,534351%*/
    background-image: url("../Img/Iconos/facebook1.avif");
    margin:1px;
    background-size: cover;  
    float: left;
}
#TW{
    width: 45%;  /*1000px/1366px*100%=73,20644%*/
    height: 45%;  /*200px/655px*100%=30,534351%*/
    background-image: url("../Img/Iconos/twitter1.avif");
    margin:1px;
    background-size: cover;  
    float: left;
}
#IN{
    width: 45%;  /*1000px/1366px*100%=73,20644%*/
    height: 45%;  /*200px/655px*100%=30,534351%*/
    background-image: url("../Img/Iconos/instagram1.avif");
    margin:1px;
    background-size: cover;  
    float: left;
}
#AnuncioGGrande{
    width: 20%;  /*230px/1366px*100% = 16,8374817%*/
    /*height: 60%;  375px/655px*100% = 57,2519084%*/
    float: right;
    margin: 5px;  /*5px=0,76335878%*/
    margin-left:10px ;  /*15px/1366px*100% = 1,09809663%*/
   }
   
}
#AnuncioGPeque{
	display:none;
}
.LateralMovil{
	display:none;
}
.LateralPc{
	display:block;
}
#cuerpo{
    width: 60%;  /*1050/1366*100% = 76,8667643%*/
    height: 60%;  /*375/655*100% = 57,2519084%*/
    border-radius: 15px 15px;  /**/
    background-color: black;
    color: red; 
    float: left;
    margin: auto;  /**/
   /* margin-left: 5px;  
    margin-right:2%;*/
}
#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;  /**/
}
.imgU{
	width: 200px;
	height:100px;
}
.imgAlergenos{
	width: 200px;
	height:100px;
}
#menuDiccionario{
    width: 95%;  /*1010px/1050px*100% = 96,1904762%*/
    height: 80px;  /*250px/375px*100% = 66,6666667%*/
}
#dentroCuerpoDic{ 
    width: 95%;  /*1010px/1050px*100% = 96,1904762%*/
    height: 280px;  /*250px/375px*100% = 66,6666667%*/
    overflow-x: hidden;
    border-radius: 5px 10px;  /**/
    margin: 10px;  /**/
    padding-left: 10px;  /**/
    padding-right: 10px;  /**/
}
#AnuncioPrGrande{
    width: 15%;  /*230px/1366px*100% = 16,8374817%*/
    height: 60%;  /*375px/655px*100% = 57,2519084%*/
    /*background-color: green;*/
    color: red; 
    float: left;
    margin: 1px;  /*5px=0,76335878%*/
    margin-left: 23px;  /*15px/1366px*100% = 1,09809663%*/
}
#AnuncioPrPeque{
	display:none;
}
.LateralDentroDrc{
 width:100%;
height:100%;
margin:auto;
overflow:hidden;
}
.LateralDentroDrc ul{
        width:400%;
	height:100%;
	display:flex;
 	padding:0;
	animation: cambio 20s infinite;
}
.LateralDentroDrc li{
	width:100%;
	list-style:none;
}
.LateralDentroDrc img{
	width:100%;
	height:100%;
}
.769{
	display:none;
}
#LateralDrcMov{
	display:none;
}
.481{
	display:none;	
}
.320{
	display:none;
}
@keyframes cambio {
	0%{margin-left:0;}
	20%{margin-left:0;}
	25%{margin-left:-100%;}
	45%{margin-left:-100%;}
	50%{margin-left:-200%;}
	70%{margin-left:-200%;}
	75%{margin-left:-300%;}
	100%{margin-left:-300%;}
}
#pie{
	width:90%;
	height:60px;
	background-color: black;
	color: white;
    	border-radius: 15px 15px;  /**/
    	float:left;
        margin-top:1%;
	margin-left:2%;
	text-align:center;
	padding:0;
}
#Redes1{
	max-width: 240px;  /*1000px/1366px*100%=73,20644%*/
	max-height: 50px;  /*200px/655px*100%=30,534351%*/	 
        margin-top:5px;	
	height:90%;
	width:240px; 
	float:left;
}
#YT1{
    max-width: 62.5px;  /*1000px/1366px*100%=73,20644%*/
    max-height: 45px;  /*200px/655px*100%=30,534351%*/		
    width: 25%;  /*1000px/1366px*100%=73,20644%*/
    height: 90%;  /*200px/655px*100%=30,534351%*/
    background-image: url("../Img/iconos/youTube1.avif");
    margin:1px;
    background-size: cover;  
    float: left;
}
#FB1{
    max-width: 62.5px;  /*1000px/1366px*100%=73,20644%*/
    max-height: 45px;  /*200px/655px*100%=30,534351%*/		
    width: 25%;  /*1000px/1366px*100%=73,20644%*/
    height: 90%;  /*200px/655px*100%=30,534351%*/
    background-image: url("../Img/Iconos/facebook1.avif");
    margin:1px;
    background-size: cover;  
    float: left;
}
#TW1{
    max-width: 62.5px;  /*1000px/1366px*100%=73,20644%*/
    max-height: 45px;  /*200px/655px*100%=30,534351%*/		
    width: 25%;  /*1000px/1366px*100%=73,20644%*/
    height: 90%;  /*200px/655px*100%=30,534351%*/
    background-image: url("../Img/Iconos/twitter1.avif");
    margin:1px;
    background-size: cover;  
    float: left;
}
#IN1{
    max-width: 62.5px;  /*1000px/1366px*100%=73,20644%*/
    max-height: 45px;  /*200px/655px*100%=30,534351%*/		
    width: 25%;  /*1000px/1366px*100%=73,20644%*/
    height: 90%;  /*200px/655px*100%=30,534351%*/
    background-image: url("../Img/Iconos/instagram1.avif");
    margin:1px;
    background-size: cover;  
    float: left;
}
#compartir{
	width:30%;
	height:70px;
	margin: 0 auto;
}
#FBC{
    max-width: 30px;  /*1000px/1366px*100%=73,20644%*/
    max-height: 30px;  /*200px/655px*100%=30,534351%*/		
    width: 30px;  /*1000px/1366px*100%=73,20644%*/
    height: 30px;  /*200px/655px*100%=30,534351%*/
    background-image: url("../Img/Iconos/FBC.avif");
    margin:1px;
    background-size: cover;  
    float: left;
}
#TWC{
    max-width: 30px;  /*1000px/1366px*100%=73,20644%*/
    max-height: 30px;  /*200px/655px*100%=30,534351%*/		
    width: 30px;  /*1000px/1366px*100%=73,20644%*/
    height: 30px;  /*200px/655px*100%=30,534351%*/
    background-image: url("../Img/Iconos/TWC.avif");
    margin:1px;
    background-size: cover;  
    float: left;
}
#WAC{
max-width: 30px;  /*1000px/1366px*100%=73,20644%*/
    max-height: 30px;  /*200px/655px*100%=30,534351%*/		
    width: 30px;  /*1000px/1366px*100%=73,20644%*/
    height: 30px;  /*200px/655px*100%=30,534351%*/
    background-image: url("../Img/Iconos/WAC.avif");
    margin:1px;
    background-size: cover;  
    float: left;
}
#TLC{
    max-width: 30px;  /*1000px/1366px*100%=73,20644%*/
    max-height: 30px;  /*200px/655px*100%=30,534351%*/		
    width: 30px;  /*1000px/1366px*100%=73,20644%*/
    height: 30px;  /*200px/655px*100%=30,534351%*/
    background-image: url("../Img/Iconos/TLC.avif");
    margin:1px;
    background-size: cover;  
    float: left;
}
#leg{
	height:100%;
	width:30%;
	float:left;
	display: flex;
   justify-content: center;
   align-items: center;	
}
.divCont{
	margin:0 auto;
	text-align: center;
	width:50%;
}
.subirCont{
	float:left;
}
/*----------Colaboradores-------*/
#cuerpoCola{
    width:95%;  /*1050/1366*100% = 76,8667643%*/
    height: 375px;  /*375/655*100% = 57,2519084%*/
    border-radius: 15px 15px;  /**/
    background-color: black;
    color: red; 
    float: left;
    margin: 2px;  /**/
    margin-left:2%;
}
#dentroCuerpoCola{ 
     width: 95%;  /*1010px/1050px*100% = 96,1904762%*/
    height: 360px;  /*250px/375px*100% = 66,6666667%*/
    overflow-x: hidden;
    border-radius: 5px 10px;  /**/
    margin: 10px;  /**/
    padding-left: 10px;  /**/
    padding-right: 10px;  /**/
}
.LogIn{
	width: 150px;
	margin: 0 auto;
	float: none;
}
#formDatosPersonales{
	width:45%;
	float: left;
	margin:1%;
}
#formDatosInfo{
	width:45%;
	float: right;
	margin:1%;
}
#pieCola{
	width:95%;
	height:60px;
	background-color: black;
	color: white;
    	border-radius: 15px 15px;  /**/
    	float:left;
        margin-top:1%;
	margin-left:2%;
	text-align:center;
	padding:0;
}
#legCol{
	height:90%;
	width:30%;
	float:left;
	display: flex;
	justify-content: center;
   	align-items: center;
	margin-top:1px;	
}
.divCont{
	margin:0 auto;
	text-align: center;
	width:50%;
}
/*---------Fin Colaboradores-----*/
#eliSomos{
margin: 0 auto;
width:100%;
text-align:center;
}	
/* estilos PopUp*/
.modal{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
top: 0;
left: 0;
position: fixed;
z-index:50;
animation: modal 2s;
animation-fill-mode: forwards;
visibility: hidden;
opacity:0;
display: flex;
}
.contenido{
	width:100%;
	max-width:750px;
	height: 450px;
	background: black;
	background-image: url("../Img/Logo/logo.avif");
	background-repeat: no-repeat;
	background-position: center;
 	background-size: cover;
	border-radius: 10px;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color:white;
	text-align: center;
	padding:3px
}
#cerrar{
	display:none;
}
.btn-cerrar-popUp{
	width: 50px;
	height:50px;
	position: absolute;
	right:-20px;
	top:-20px;
	z-index:100;
	background: red;
	color:white;
	border-radius: 50%;
	line-height: 50px;
	text-align:center;
}
#cerrar:checked + label, #cerrar:checked ~ .modal {
	display: none;
}
@keyframes modal{
	100%{
		visibility: visible;
		opacity: 1;
	}
}
}