body{--clrMenu:rgba(256,256,256,1);--clrMnHover:rgba(256,256,256,.7);--bgnBase:rgba(0,0,0,.8);--bgnDos:rgba(0,0,0,.5);--bgnTres:rgba(0,0,0,.25);--altoNav:40px;}
@font-face{font-family:'Material Icons'; font-style:normal; font-weight:400;}
body{font-family:'Roboto', sans-serif;font-size:18px; font-weight:300; min-height:100vh;}
*{margin:0; padding:0;}
header{display:block;width:100%;height:0px;}
section{width:100%;}
article{display:flex;}
a{text-decoration:none;}
h2{font-size:30px;font-weight:100;}
h3{font-size:25px;font-weight:100;}
nav{width:100%; height:var(--altoNav); background:var(--bgnDos); position:relative; z-index:999;}
nav h1{font-size:0em;}
nav > div{margin:0 auto; max-width:1200px; padding:0 22px; position:relative;}
nav ul{position:absolute; right:15px; cursor:default; margin:0 -10px; width:auto; height:40px; text-align:justify; user-select:none; list-style:none;}
nav li{display:inline-block;position:relative;height:40px; vertical-align:top;box-sizing:border-box; font-size:14px;}
nav ul a{display:block; text-decoration:none; font-weight:400; margin-top:9px; padding:3px 15px 1px 15px; border-radius:10px; color:var(--clrMenu); transition-duration:.5s;}
nav ul a:hover{background:var(--bgnTres);}
nav .logo1{width:auto; height:var(--altoNav); margin-bottom:-5px; padding:0; position:absolute;}
nav .logo1 img{height:65%; margin-top:7px;}
nav .logo1:hover{opacity:.6;}
.cuerpo{max-width:1200px; margin:0 auto;}
.contenido{padding:10px 20px;}

#uno-home{min-height:100vh; position:relative; top:-40px; z-index:800; background-repeat:no-repeat; background-size:cover; background-position:center; box-shadow:1px 3px 30px rgba(0,0,0,.25);}
#uno-home h1{font-size:45px; font-weight:300;}
#uno-home h4{font-size:16px; font-weight:500;}
#uno-home .cuerpo, #uno-home .contenido{min-height:calc(100vh - var(--altoNav));}
#uno-home .contenido{display:flex; justify-content:flex-end; align-items:center;}
#uno-home .contenido > div{max-width:700px; margin:200px -50px 0 0; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.logo2{width:33%; margin-bottom:30px;}

#dos-home{/*position:absolute; top:0;*/}
#dos-home article{margin:80px 0; display:flex; text-align:center;}
#dos-home h2{font-size:30px; font-weight:100;}
#dos-home h3{font-size:25px; font-weight:100;}
#dos-home h2, #dos-home p{padding:5px 21px; margin-bottom:20px;}
#dos-home h3{padding:0 10px;}
#dos-home p{line-height:30px; color:#666;}

.cm1{width:40%;}
.cm2{width:100%; min-height:450px;}

.titulo1{height:400px; margin-top:-40px; margin-bottom:30px; position:relative; display:flex; justify-content:center; align-items:center;}
.titulo1 h2{font-size:45px; padding:0 20px; text-align:center; font-weight:300; text-shadow: 1px 1px 10px rgba(255, 255, 255, 1);}
.titulo2{width:100%; height:25px; background:var(--bgnDos); display:flex; justify-content:center; align-items:center; box-sizing:border-box;}

.plantillas{min-height:calc(100vh - 50vh); padding:0 15px; display:flex; flex-wrap:wrap; justify-content:space-between; align-content:flex-start;}
.plantillas > div{flex:0 1 49.5%; margin-bottom:15px;
	display:flex; justify-content:center;
	text-align:center; box-sizing:border-box;
	box-shadow:1px 3px 10px rgba(0,0,0,.25); border-radius:5px; overflow:hidden;}
.plantillas a{color:#fff; text-decoration:none;}
.plantillas > div img{width:100%;}
.plantillas > div h3{height:30px; font-size:15px; font-weight:300; margin-top:11px;}

#Servicios article{padding:10px 30px; flex-direction:column; margin-bottom:50px;}
#Servicios article img{width:100%;}
#Servicios article h2, #Servicios article p{text-align:center; padding:15px 20%;}
#Servicios article p{font-size:18px; color:#666;}

#Portafolio h3{text-align:center; padding:10px 30px;}

footer{width:100%; min-height:200px; background:var(--bgnBase); display:flex; align-items:center; justify-content:space-between;}
footer .cuerpo{width:calc(100% - 40px); height:inherit; display:flex; justify-content:space-between; align-items:center;}
footer .cuerpo a{color:#CCC;}
footer .cuerpo p{font-size:12px; color:#CCC;}

@media screen and (max-width:1024px){ /*iPad Pro*/
	#uno-home .contenido > div{margin:200px 0px 0 0;}
	.cm1{width:60%;}
	.cm2{width:100%;}
}

@media screen and (max-width:768px){
	#pagina-uno, #pagina-dos, #pagina-tres{width:60%; min-height:350px; background-size:130%;}
	.cm2{min-height:250px;}
	#pagina-dos{order:1;}
}
@media screen and (max-width:450px){ /*iPhone 6 Plus*/
	nav ul a{padding:3px 8px 1px 8px;}
	#dos-home article{flex-direction:column; margin:50px 0;}
	.cm1{width:100%;}
	#pagina-uno, #pagina-dos, #pagina-tres{width:100%;}
	#Servicios article{padding:10px 15px;}
	#Servicios article h2, #Servicios article p{text-align:center; padding:15px 10%;}
	.logo2{width:40%;}
}
@media screen and (max-width:400px){ /*iPhone 6*/
	nav ul a{padding:3px 6px 1px 6px;}

}
@media screen and (max-width:350px){ /*iPhone 5*/
	nav ul a{padding:3px 3px 1px 3px;}
	nav .logo1{margin-left:-15px;}
}