@charset "utf-8";
/* CSS Document */

#accd{
	background:#fff;
	padding:100px 0px 0px 0px;
	display:block;
	position:relative;
}
	#accd .titulo{
		margin-bottom:30px;
	}
	#accd article{
		width:300px;
		margin:50px 40px 50px 40px; 
	}
		#accd i{
			font-size:60px;
			color:#cdcdcd;
			transition:0.3s;
		}
			#accd article:hover i{
				color:#ff9015;
			}
		#accd article .subTitulo{
			width:200px;
			margin-left:10px;
		}
		#accd a{
			padding:5px 10px;
			background:#ff9015;
			color:#fff;
			top:10px;
			position:relative;
			transition:0.1s;
		}
			#accd a:hover{
				background:#384149;
			}
			
#porque{
	margin-bottom:-3px;
}
	#pqt{
		background:#333;
		height:100px;
	}
		#pqt h3{
			color:#fff !important;
			line-height:100px;
			text-align:center;
		}
	.mani{
		width:33.33%;
		height:200px;
		display:inline-block;
		margin-right:-4px;
		position:relative;
		vertical-align:top;
		text-align:center;
		padding:50px 0px;
	}
		.mani h3{
			font-weight:700;
			width:100%;
			color:#fff !important;
			z-index:10;
			position:relative;
		}
		.mani p{
			width:350px;
			margin-left:-175px;
			left:50%;
			color:#fff !important;
			z-index:10;
			position:relative;
			margin-top:20px;
			font-size:18px !important;
			font-weight:300 !important;
		}
		.mani div{
			display:block;
			position:absolute;
			background:rgba(0,0,0,0.8);
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			z-index:1;
			transition:0.2s
		}
		.mani:hover div{
			background:rgba(0,0,0,0.5);
		}
			
#masclientes{
	display:block;
	width:100%;
	height:500px;
	position:relative;
	background:url(../img/home/barabadu-esfuerzo.jpg) center;
}

#web{
	padding:100px 0px 0px 0px;
}
	#web h3{
		margin-bottom:30px;
	}
	
#smmSub{
	background:#1b85bf;
	height:500px;
}
	#smmSub article{
		width:600px;
		margin-left:40px;
		vertical-align:top;
		padding:100px 0px;
	}
		#smmSub h3, #smmSub h4, #smmSub p{
			color:#fff;
		}
		#smm a{
			color:#fafafa;
			background:#f38f2a;
			padding:10px 10px;
			border-radius:10px;
			margin-top:30px;
			position:relative;
			display:block;
			width:90px;
			text-align:center;
			font-weight:400;
		}
			#smm a:hover{
				background:#fff;
				color:#696969;
			}
		
#inboundSub{
	height:500px;
}
	#inboundSub article{
		width:580px;
		margin-left:40px;
		vertical-align:top;
		padding:0px 0px;
		margin-top:-20px;
	}
		#inboundSub a{
			color:#fafafa;
			background:#f38f2a;
			padding:10px 10px;
			border-radius:10px;
			margin-top:30px;
			position:relative;
			display:block;
			width:90px;
			text-align:center;
			font-weight:400;
		}
			#inboundSub a:hover{
				background:#384149;
			}
		#inboundSub i{
			font-size:72px;
		}
		#inboundSub article div{
			margin-top:30px;
			margin-right:26px;
		}
		
#emailingSub{
	background:#113754;
	height:200px;
	padding:50px 0px;
}
	#emailingSub article{
		width:760px;
		margin-left:40px;
		vertical-align:top;
	}
		#emailingSub h3, #emailingSub h4, #emailingSub p{
			color:#fff;
		}
		#emailingSub a{
			color:#fafafa;
			background:#f38f2a;
			padding:10px 10px;
			border-radius:10px;
			margin-top:10px;
			position:relative;
			display:block;
			width:90px;
			text-align:center;
			font-weight:400;
		}
			#emailingSub a:hover{
				background:#fff;
				color:#696969;
			}
		
#formaciones{
	padding:100px 0px 0px 0px;
}
	#formaciones article{
		width:580px;
		margin-left:40px;
		vertical-align:top;
		padding:40px 0px 0px 0px;
		margin-top:-20px;
	}
		#formaciones a{
			color:#fafafa;
			background:#f38f2a;
			padding:10px 10px;
			border-radius:10px;
			margin-top:30px;
			position:relative;
			display:block;
			width:90px;
			text-align:center;
			font-weight:400;
		}
			#formaciones a:hover{
				background:#384149;
			}
		#formaciones i{
			font-size:72px;
		}
		#formaciones article div{
			margin-top:30px;
			margin-right:26px;
		}

#softwareSub{
	background:url(../img/servicios/software/sistemas.jpg) right;
	height:400px;
	padding:100px 0px;
	margin:120px 0px 0px 0px;
}
	#softwareSub .cuerpoDelimitado{
		z-index:10;
	}
		#softwareSub h3, #softwareSub h4{
			color:#fafafa !important;
		}
		#softwareSub a{
			color:#fafafa;
			background:#f38f2a;
			padding:20px 20px;
			border-radius:10px;
			margin-top:100px;
			position:relative;
			display:block;
			width:300px;
			left:50%;
			margin-left:-170px;
			text-align:center;
			font-weight:400;
			font-size:24px;
			text-transform:uppercase;
		}
			#softwareSub a:hover{
				background:#fff;
				color:#696969;
			}

#citas{
	padding:100px 0px;
}
	#citas article{
		margin-bottom:30px;
	}
		#citas a{
			color:#fafafa;
			background:#f38f2a;
			padding:20px 20px;
			border-radius:10px;
			margin-top:30px;
			position:relative;
			display:block;
			width:300px;
			left:50%;
			margin-left:-170px;
			text-align:center;
			font-weight:400;
			font-size:24px;
			text-transform:uppercase;
		}
			#citas a:hover{
				background:#444;
				color:#fafafa;
			}

	#fContacto{
		margin-top:50px;
	}
	#fContacto{
		text-align:center;
	}
		#fContacto input{
			background:rgba(255,255,255,1);
			padding:2px 10px;
			height:30px;
			width:200px;
			border-radius:10px;
			margin-right:10px;
			background:none;
			font-weight:400;
			color:#fafafa;
			border:4px dashed #fafafa;
			font-size:16px;
		}
		#fContacto textarea{
			width:800px;
			border-radius:10px;
			border:4px dashed #fafafa;
			border-bottom-left-radius:50px;
			border-bottom-right-radius:50px;
			padding:10px 14px;
			height:100px;
			background:none;
		    font-weight:700 !important;
			font-size:16px;
			color:#fafafa;
			margin-top:30px;
		}
		#fContacto button{
			padding:10px 30px;
			display:block;
			position:relative;
			font-weight:700 !important;
			text-transform:uppercase;
			border-bottom-left-radius:10px;
			border-bottom-right-radius:10px;
			left:50%;
			margin-left:-106px;
			margin-top:30px;
			background:#f38f2a;
			color:#fff;
		}
			#fContacto button:hover{
				background:#444;
			}
			
#fContacto input::-webkit-input-placeholder {
  color: #fafafa;
  font-weight:700 !important;
  font-size:16px;
}
#fContacto input:-moz-placeholder {
  color: #fafafa; 
  font-weight:700 !important;
}
#fContacto input:-ms-input-placeholder { 
  color: #fafafa; 
  font-weight:700 !important;
}