*{margin:0;padding:0}
html{font-size:15px}
body{font-family:'Open Sans',sans-serif;color:#111}
img{width:100%;height:auto}
.encabezado{background:#111;color:#fff;padding:.5rem 0;width:100%}
.bienvenidos{background:url(../imagen/nueva-imagen.jpg) no-repeat center top;color:#fff;background-size:cover;height:100vh;display:flex;flex-direction:column}
.bienvenidos{position: relative;}
.encabezado .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.encabezado .logo img{width:120px;height:auto}
button.boton-buscar,button.boton-menu{border:0;font-size:2rem;margin:0;padding:0 .5rem;background:0 0;color:#fff}
button.boton-buscar:focus,button.boton-menu:focus{outline:0}
button.boton-buscar{margin-left:auto;margin-right:.8rem}
#bloque-buscar{-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%}
.contenedor-bloque-buscar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:3rem;margin:1rem 0}
.contenedor-bloque-buscar input[type=text]{border:0;border-radius:5px 0 0 5px;padding:1rem;flex:1 1 auto}
.contenedor-bloque-buscar input[type=submit]{flex:1 1 auto;border:0;border-radius:0 5px 5px 0;background:#12afaf;color:#fff; flex:0 1 auto;}
#menu-principal{-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;}
#menu-principal ul{padding:0;list-style:none;margin:1rem 0 0}
#menu-principal ul a{display:block;padding:.8rem 0;text-align:center;color:#fff;text-transform:uppercase;border-top:1px solid #8c8888;text-decoration:none}
#menu-principal ul a:hover,#menu-principal ul li.active a{color:#12afaf}
.flecha-bajar,.texto-encabezado{text-align:center}
.texto-encabezado{flex:1 1 auto;display:flex;align-items:center}
.texto-encabezado h1.display-5{margin-top:6rem; font-size: 3rem;}
.btn-primary{color:#fff;background-color:#057b05;border-color:transparent;margin-top:1rem;-webkit-transition:all .5s ease;transition:all .5s ease}
.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover{background-color:#009500;border-color:transparent}
.flecha-bajar a{display:inline-block;color:#fff;font-size:4rem;-webkit-animation:flecha-animada 2s ease-in-out infinite;animation:flecha-animada 2s ease-in-out infinite}
@-webkit-keyframes flecha-animada{from{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(6px);transform:translateY(6px)}
to{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes flecha-animada{from{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(6px);transform:translateY(6px)}
to{-webkit-transform:translateY(0);transform:translateY(0)}}
.h3.text-center,.h4.text-center{font-weight:700}
.agencia{background:#12afaf;color:#fff}

.p-mejor{
	font-size: 1.2rem;
}

input{
	color:#111;
}

img.autonomo1{
	width: 80%;
}
img.autonomo{
	width: 100%;
}

li.conten{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
}

ul{
	list-style: none;
	margin-top: 1.5rem;
}

h4.auto, h4.auto2{
	margin-top: 2rem;
}

h4.auto, h4.auto1, h4.auto2{
	font-size: .9rem;
	
}

h4.auto a, h4.auto1 a, h4.auto2 a{
	color: #fff;
	list-style: none;
	text-decoration: none;
}

.container{
	width: 98%;
}

p.p-auto{
	margin-top: 2rem;
	text-align: justify;
}

p.algo{
	text-align: justify;
	margin-top: 2rem;
}

.servicios{
	background: url("../imagen/servicio.jpg")no-repeat center center; 
	color:#fff;
	background-size: cover;
}

.servicios article{
	display: flex;
	align-items: center;
	margin: 1rem 0;
}

.servicios i{
	flex: 0 0 60px;
	overflow: hidden;
	margin-right: 1rem;
}

article i.fa{
	font-size: 3rem;
	color:#12afaf;
    text-align: center;
}

.servicios h3{
	margin: 0;
	font-size: 1rem;
	flex: 1 1 auto;
}

.servicios h3 a{
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
}

.servicios h3 a::after{
	content: "\f054";
	font-family: FontAwesome;
	font-size: 2rem;
	margin-left: 1rem;
	opacity: .5;
	position: relative;
	left: 0;
	transition: all .5s ease;
}

.servicios h3 a:hover::after{
	left: -.5rem;
	opacity: 1;
	color:#12afaf; 
}

.ultimos-proyectos a{
	text-decoration: none;
}

.ultimos-proyectos a h4{
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	color: #111111;
}

.ultimos-proyectos div.al.container{
	padding-left: 0;
	padding-right: 0;
}

.ultimos-proyectos .owl-nav{
	display: flex;
	justify-content: center;
	margin: .3rem 0;
}

.ultimos-proyectos .owl-prev,
.ultimos-proyectos .owl-next{
	font-size: 3rem;
	margin: 0 .5rem;
	color: #12afaf;
	transition: all .5s ease;
}

.ultimos-proyectos .owl-prev:hover,
.ultimos-proyectos .owl-next:hover{
	color: #009500;
}

.piedepagina{
	background: #111;
	color: #fff;
	text-align: center;
	font-size: .9rem;
}

.dere{
	margin-top: .8rem;
}

.piedepagina .redes-sociales{
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.piedepagina .redes-sociales a{
	color:#fff;
	font-size: 2rem;
	margin: 0 .5rem;
	opacity: .7;
	transition: all .5s ease;
}

.piedepagina .redes-sociales a:hover{
	opacity: 1;
}

.ir-arriba{
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 3rem;
	color: rgb(18,175,175);
	text-decoration: none;
	z-index: 99999;
	line-height: 0;
	transition: all .5s ease;
}

.ir-arriba:hover,
.ir-arriba:focus{
	outline: 0;
	text-decoration: none;
	color: #fff;
}


@media (max-width: 767px){
.center-block{
	width: 75%;
	height: auto;
}
}



@media (min-width: 768px){
	#menu-principal{
		height: auto !important;
		display: block;
		flex: 0 1 auto;
		margin-left: auto;
		order: 1;
	}

	#menu-principal ul{
		display: flex;
		margin: 0 0 0 0;
	}

	#menu-principal ul li a{
		padding: .8rem;
		text-transform: capitalize;
		margin: 0 .3rem;
		border-top: 0px;
		border-bottom: 4px solid transparent;
		transition: all .5s ease;
	}

	#menu-principal ul li.active a,
	#menu-principal ul li a:hover{
		color:#12afaf;
		border-bottom: 4px solid;
	}

.boton-buscar{
	margin-left: 1rem;
	margin-right: 0;
	order: 2;
}
#bloque-buscar{
	order:3;
	position: absolute;
	width: 20rem;
	right: 3rem;
	top: 2.8rem;
	transition: all .5s ease;
}

.servicios article{
	margin: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin: 0;
}
.servicios i.fa{
	font-size: 4.1rem;
	overflow: hidden;
	margin-right: 0;
	margin-bottom: 1rem;
	transition: all 1s ease;
	
}

.servicios article:hover i{
	transform: rotateY(360deg);
	transform-style: preserve-3d;
}

.servicios h3 a::after{
	content: "";
}

.servicios h3{
	margin: 0 0 .5rem 0;
	font-size: 1.7rem;
	flex: 0 1 auto;
	width: 100%;
}
/*para internet explorer*/ 
.servicios h3 a{
	display: block;
	width: 100%;
}

.servicios p{
	width: 100%;
}
/*-----------------------*/ 

.btn-secondary{
	margin-top: auto;
	margin-bottom: 2rem;
}
}


@media (min-width: 992px){
	html{
		font-size: 16px;
	}

	.servicios i.fa {
    font-size: 3.8rem;
}

p.ahorro{
	margin-top: 2rem;
	font-size: 1.5rem;
}

a.ponte{
	margin-top: 3rem;
}

#submenu, #bloque-buscar{
	-webkit-box-flex:1;
	-webkit-flex:1 1 100%;
	-ms-flex:1 1 100%;
	flex:1 1 100%;
	line-height: 0;
	position: absolute;
	z-index: 1000;
}

#submenu ul{
	display:inline-block;
	color:#fff;
	background: #111;
}


#submenu ul li a{
	font-size: .8rem;
	text-align: left;
	padding: 1rem;
	margin-bottom: .3rem;
}


#submenu ul a:hover,#submenu ul li.active a{
	color:#12afaf;
}

}

#submenu ul li a{
	background: #151414;
	font-size: .8rem;
}

.equipos{
	width: 80%;
	height:80%;
	margin:0 auto; 
}


form{
	width: 450px;
	margin:auto;
	background: rgba(0,0,0,0.4);
	padding: 0 20px;
	box-sizing: border-box;
	/*margin-top: 20px;*/
	border-radius: 7px;
}

h2{
	color: #fff;
	text-align: center;
	margin: 0;
	font-size: 30px;
	margin-bottom: 20px;
}

input, textarea{
	width: 100%;
	/*margin-bottom: 20px;*/
	padding: 7px;
	box-sizing: border-box;
	font-size: 17px;
	border: none;
}

textarea{
	min-height: 100px;
	min-height: 200px;
	max-width: 100%;
}

#boton{
	background: #31384a;
	color: #fff;
	padding: 20px;
}

#boton{
	cursor: pointer;
}

@media (max-width: 480px){
	form{
		width: 100%;
	}
}

div.al h2{
	color: #111;
	margin-top: 1.2rem;
	font-size: 1.5rem;
}

/*video{
	width: 100%;
	height: 85%;
	position:absolute;
    width:300px;
    border:2px solid red;        
    z-index:100;
    text-align:center;
}

.titulo{
	text-align: center;
}

.col-xs-12.col-md-4.col-xl-3{
	background: #FF9900;
}*/

p.ahorro{
	margin-right: 24%;
	margin-left: 24%;
	font-size: 2rem;
	font-family: Courier;
	background-color: green;
}

a.ponte.btn.btn-primary.btn-lg{
	margin-top: 8%;
}

h2.h3.text-center{
	font-size: 2rem;
}

.contactame{
	margin-top: 10%;
	width: 8%;
	height: 8%;
}
.contact{
	margin-top: 10%;
	text-decoration: none;
	color: white;
	font-family: tahoma;
}

.contact:hover{
	text-decoration: none;
	color: white;
	font-family: tahoma;
}


h4.contact1{
	text-decoration: none;
	margin-top: 10%;
	font-size: 2em;
	color: #fff;
}

/*efecto para contacto
font-weight: bold;
font-family: Helvetica;
text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

.contact1 {
  text-align: center;
}
*/