body
{
	height: 100%;
}


/*------------------------------------VERSIÓN IPHONE---------------------------------*/
@media screen and (max-width: 400px){
#ipad{ display: none;}

#projects
{
	display: none;
}
#normal
{
	display: none;
}

#services_mini
{
	padding-top:0px;
    color: black;
    font-family: 'Merriweather', serif;
	font-size:20px;
	width: 100%;
	top: 100px;
	position:absolute;
	top: 535px;
	left: 0px;
	border-collapse: collapse;

}
#img1_mini
{
	
	background: url(http://www.editeced.mx/editeced/home/img/home/editorial.png) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain; 
	width: 100%;
	height:450px;
	position: absolute;
	top: 65px;
	left: 0px;
}
h1
{
	font-family: 'Actor', sans-serif;
	font-size: 46px;

}
#projects_mini
{
	
	font-family: 'Actor', sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	border: 1px solid #b7b9bb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	
}

#projects_mini2
{
	
	font-family: 'Actor', sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	border: 1px solid #b7b9bb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

#fondo_mini
{
	background: url(http://www.editeced.mx/editeced/home/img/home/produccion_mini.png) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 100%;
	min-width: 100%;
	height:535px;
	position: absolute;
	top: 920px;
	font-family: 'Merriweather', serif;
}

.detalles_mini
{
	width: 100%;
	height:535px;
	position: absolute;
	top: 0px;
	background:rgba(255,255,255, 0.8);
	z-index: 10;
}
#texto1
{
	
	font-family: 'Merriweather', serif;
	font-size:20px; 
	color:#000;
}
#digital_mini{
	   font-family: 'Merriweather', serif;
	   font-size:20px;
	   top: 1530px;
	   position:absolute;
	   left: 0px;
	   border-collapse: collapse;
	   background-color:#FFFFFF; 
	   width: 100%;
	}

#img2_mini
{
	
	background: url(http://www.editeced.mx/editeced/home/img/home/digital.png) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain; 
	width: 100%;
	height:510px;
	position: absolute;
	top: 1857px;
}

#fondo2_mini
{
	background: url(http://www.editeced.mx/editeced/home/img/home/management_mini.png) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 100%;
	min-width: 100%;
	height:580px;
	position: absolute;
	top: 2270px;

}

.detalles2
{
	width:100%;
	height:580px;
	position: absolute;
	top: 0px;
	background:rgba(246,145,48, 0.8);
}

#texto2
{
	
	font-family: 'Merriweather', serif;
	font-size:18px; 
	color: #FFFFFF;
	width:90%;
}
#projects_btn
{
	font-family: 'Actor', sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	border: 1px solid #b7b9bb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	
}
#texto3
{
	
	font-family: 'Merriweather', serif;
	font-size:20px; 
}
#projects_btn2
{
	font-family: 'Actor', sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
#img3_mini
{
	background: url(http://www.editeced.mx/editeced/home/img/home/video.png) no-repeat center center; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	width: 100%;
	min-width: 100%;
	height:450px;
	position: absolute;
	top: 2775px;

}
#media_texto
{
	font-family: 'Actor', sans-serif;
	font-size:46px;
	
}
#texto
{
	color:#4c4c4d;
	font-family: 'Merriweather', serif;
	font-size:22px;
	
}

#fondo3_mini
{
	background: url(http://www.editeced.mx/editeced/home/img/home/ilustracion_mini.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	min-width: 100%;
	height:500px;
	position: absolute;
	top: 3120px;
	
}

.detalles3
{
	width: 100%;
	height:500px;
	position: absolute;
	top: 0px;
	background:rgba(255,255,255, 0.8);
	z-index: 10;
}
}

/*------------------------------------------VERSIÓN IPAD-------------------------------------*/
@media screen and (max-device-width: 1024px) and (min-width: 1000px)
{
	.detalles_mini
{
	width: 100%;
	height:650px;
	position: absolute;
	top: 700px;
	background:rgba(255,255,255, 0.8);
	z-index: 10;
}
	.detalles2
{
	width:100%;
	height:620px;
	position: absolute;
	top: 1950px;
	background:rgba(246,145,48, 0.8);
	z-index: 10;
}
	
	.detalles3
{
	width: 100%;
	height:650px;
	position: absolute;
	top: 2970px;
	background:rgba(255,255,255, 0.8);
	z-index: 10;
}
#projects_btn
{
	font-family: 'Actor', sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	border: 1px solid #b7b9bb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	
}
#media_texto
{
	font-family: 'Actor', sans-serif;
	font-size:90px;
}
#titles{
font-size: 90px;
}
}
@media screen and (max-width: 800px) and (min-width: 401px){
#normal{ display: none;}
#mini { display: none;}
#img1
{
	
	background: url(http://www.editeced.mx/editeced/home/img/home/editorial.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 50%;
	min-width: 50%;
	height:600px;
	position: absolute;
	top: 0px;
	left: 0px;
}
h1
{
	font-family: 'Actor', sans-serif;
	font-size:60px;

}
#projects
{
	font-family: 'Actor', sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	border: 1px solid #b7b9bb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	width: 240px;
}
#services
{
	padding-top:0px;
    background-color:#FFFFFF; 
    height:600px;
    color: black;
    font-family: 'Merriweather', serif;
	font-size:20px;
	width: 100%;
	top: 100px;
	position:absolute;
	left: 0px;
	border-collapse: collapse;

}
#fondo 
{
	background: url(http://www.editeced.mx/editeced/home/img/home/produccion.png) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 100%;
	min-width: 100%;
	height:650px;
	position: absolute;
	top: 700px;
	font-family: 'Merriweather', serif;
}
.detalles
{
	width: 100%;
	height:650px;
	position: absolute;
	top: 0px;
	background:rgba(255,255,255, 0.8);
	z-index: 10;
}

#media_texto
{
	font-family: 'Actor', sans-serif;
	font-size:60px;
}

#texto1
{
	
	font-family: 'Merriweather', serif;
	font-size:30px;
	padding-left: 0%;
	color:#000;
}
#digital{
	   height:600px;
	   font-family: 'Merriweather', serif;
	   font-size:20px;
	   top: 1350px;
	   position:absolute;
	   left: 0px;
	   border-collapse: collapse;
	   background-color:#FFFFFF; 
	   width: 100%;
	}
#img2
{
	
	background: url(http://www.editeced.mx/editeced/home/img/home/digital_mini.png) no-repeat center center;
	-webkit-background-size: auto;
	-moz-background-size: auto; 
	-o-background-size: auto; 
	background-size: auto; 
	width: 50%;
	min-width: 50%;
	height:601px;
	position: absolute;
	top: 0px;
	left: 50%;
}
#fondo2
{
	background: url(http://www.editeced.mx/editeced/home/img/home/management.png) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 100%;
	min-width: 100%;
	height:650px;
	position: absolute;
	top: 1920px;
	z-index: -1;
}

.naranja{
	width:100%;
	height:650px;
	position: absolute;
	top: 0px;
	background:rgba(246,145,48, 0.8);
	z-index: 10;

}

#texto2
{
	
	font-family: 'Merriweather', serif;
	font-size:26px; 
	padding-left: 5%;
	color: #FFFFFF;
}

#projects_btn2
{
	font-family: 'Actor', sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

#img3
{
	
	background: url(http://www.editeced.mx/editeced/home/img/home/video.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 50%;
	min-width: 50%;
	height:400px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#media
{
	position:absolute;
	top: 2570px;
	height:500px;
	left: 0px;
	width: 100%;
}

#texto
{
	color:#4c4c4d;
	font-family: 'Merriweather', serif;
	font-size:22px;
	
}

#fondo3
{
	background: url(http://www.editeced.mx/editeced/home/img/home/ilustracion.png) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 100%;
	min-width: 100%;
	height:650px;
	position: absolute;
	top: 2970px;
	z-index: -1;
}
#texto3
{
	
	font-family: 'Merriweather', serif;
	font-size:30px; 
	padding-left: 5%;
}

}


/*------------------------------------------VERSIÓN PARA PC-------------------------------------*/
@media screen and (max-width: 1950px) and (min-width: 1718px) 
{
	#editorial{ font-size: 40px;}
	#titles{ font-size: 90px;}
	.texto11{ font-size: 42px;}
}

@media screen and (max-width: 1717px) and (min-width: 1538px) 
{
	#editorial{ font-size: 35px;}
	#titles{ font-size: 90px;}
	.texto11{ font-size: 40px;}

}

@media screen and (max-width: 1537px) and (min-width: 1298px) 
{
	#editorial{ font-size: 30px;}
	#titles{ font-size: 80px;}
	.texto11{ font-size: 35px;}
}

@media screen and (max-width: 1297px) and (min-width: 944px) 
{
	#editorial{ font-size: 22px;}
	#titles{ font-size: 70px;}
	.texto11{ font-size: 35px;}
}
@media screen and (max-width: 943px) and (min-width: 800px) 
{
	#editorial{ font-size: 21px;}
	#titles{ font-size: 60px;}
	.texto11{ font-size: 30px;}
}

@media screen and (min-width: 801px){
		
#ipad{ display: none;}

#services
{
	padding-top:0px;
    background-color:#FFFFFF; 
    height:600px;
    color: black;
    font-family: 'Merriweather', serif;
	font-size:22px;
	width: 100%;
	top: 100px;
	position:absolute;
	left: 0px;
	border-collapse: collapse;

}
#projects_btn2
{
	font-family: 'Actor', sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

#fondo 
{
	background: url(http://www.editeced.mx/editeced/home/img/home/produccion.png) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 100%;
	min-width: 100%;
	height:650px;
	position: absolute;
	top: 700px;
	font-family: 'Merriweather', serif;
	
}

.detalles
{
	width: 100%;
	height:650px;
	position: absolute;
	top: 0px;
	background:rgba(255,255,255, 0.8);
	z-index: 10;
	
	transform: scale(0);
	transition-timing-function: ease-out;
	transition-duration: 250ms;
	
	-webkit-transform: scale(0);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;

    -moz-transform: scale(0);
    -moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}


#fondo:hover .detalles
{
	transform: scale(1);
	transition-timing-function: ease-out;
	transition-duration: 250ms;
	
	-webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;

    -moz-transform: scale(1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;	
}


#fondo2
{
	background: url(http://www.editeced.mx/editeced/home/img/home/management.png) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 100%;
	min-width: 100%;
	height:650px;
	position: absolute;
	top: 1920px;
	z-index: -1;
}

.naranja{
	width:100%;
	height:650px;
	position: absolute;
	top: 0px;
	background:rgba(246,145,48, 0.8);
	z-index: 10;

	transform: scale(0);
	transition-timing-function: ease-out;
	transition-duration: 250ms;
	
	-webkit-transform: scale(0);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;

    -moz-transform: scale(0);
    -moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;

}

#fondo2:hover .naranja
{
	transform: scale(1);
	transition-timing-function: ease-out;
	transition-duration: 250ms;
	
	-webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;

    -moz-transform: scale(1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;	
}
#digital{
	   height:600px;
	   font-family: 'Merriweather', serif;
	   font-size:20px;
	   top: 1350px;
	   position:absolute;
	   left: 0px;
	   border-collapse: collapse;
	   background-color:#FFFFFF; 
	   width: 100%;
	}

#media
{
	position:absolute;
	top: 2570px;
	height:500px;
	left: 0px;
	width: 100%;
}

#fondo3
{
	background: url(http://www.editeced.mx/editeced/home/img/home/ilustracion.png) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 100%;
	min-width: 100%;
	height:650px;
	position: absolute;
	top: 2970px;
	z-index: -1;
	font-family: 'Merriweather', serif;
}
	
	
	.detalles
{
	width: 100%;
	height:650px;
	position: absolute;
	top: 0px;
	background:rgba(255,255,255, 0.8);
	z-index: 10;
	
	transform: scale(0);
	transition-timing-function: ease-out;
	transition-duration: 250ms;
	
	-webkit-transform: scale(0);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;

    -moz-transform: scale(0);
    -moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}

#fondo3:hover .detalles
{
	transform: scale(1);
	transition-timing-function: ease-out;
	transition-duration: 250ms;
	
	-webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;

    -moz-transform: scale(1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;	
}


/*-----------------------------------------Fondos-------------------------------------------------------*/	

#img1
{
	
	background: url(http://www.editeced.mx/editeced/home/img/home/editorial.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 50%;
	min-width: 50%;
	height:600px;
	position: absolute;
	top: 0px;
	left: 0px;
}




#img2
{
	
	background: url(http://www.editeced.mx/editeced/home/img/home/digital.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 50%;
	min-width: 50%;
	height:600px;
	position: absolute;
	top: 0px;
	left: 50%;
}



#img3
{
	
	background: url(http://www.editeced.mx/editeced/home/img/home/video.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 50%;
	min-width: 50%;
	height:400px;
	position: absolute;
	top: 0px;
	left: 0px;
}



h1
{
	font-family: 'Actor', sans-serif;
	font-size:60px;

}



#media_texto_n
{
	font-family: 'Actor', sans-serif;
	font-size:80px;
	
}

#texto
{
	color:#4c4c4d;
	font-family: 'Merriweather', serif;
	font-size:24px;
	
}

#texto1
{
	
	font-family: 'Merriweather', serif;
	font-size:26px; 
}

#texto2
{
	
	font-family: 'Merriweather', serif;
	font-size:26px; 
	color: #FFFFFF;
}


#texto3
{
	
	font-family: 'Merriweather', serif;
	font-size:26px; 
}


#projects
{
	font-family: 'Actor', sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	border: 1px solid #b7b9bb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	width: 240px;
}

#devices{
	padding-top:50px;
    background-color:#f69130; 
    height:300px;
	position: absolute;
	top: 1500px;

}
#projects_btn2
{
	font-family: 'Actor', sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
#other_services
{
	padding-top:70px;
	height: 350px;
	background-color:#FFFFFF; 
	color: black;
    font-family: 'Merriweather', serif;
	font-size:20px;
	width: 100%;

}

#fondo_blanco_min{ display:none;}
#fondo_blanco
{
	background:rgba(5,5,5, 0.8);
	height: 300px;
}

#txt1
{
	font-family: 'Actor', sans-serif;
	font-size:140px;
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	z-index:3;

}

#txt2
{
	font-family: 'Merriweather', serif;
	font-size:30px;
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	z-index:1;
}
#digital_mini {display:none;}
#services_min{display:none;}
#devices_min{ display:none;}
#other_services_min{ display:none;}
#media_min{display:none;}

}