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

#heroPanel{
	display:block;
	position:relative;
	height:400px;
	background-image:url(../img/texturas/skin.png);
}

	#heroPanel1{
		height:400px;
	}

	.heroPanelTXT{
		width:400px;
		height:200px;
		float:left;
		margin-top:100px;
	}
	
		.heroPanelTXT h1{
			margin:0px;
			padding:0px;
			font-family:'Handlee', sans-serif;
			font-size:36px;
			color:#FFF;
			line-height:45px;
			opacity:0.3;
		}
		
		.heroPanelTXT h2{
			margin:0px;
			padding:0px;
			font-family: 'Roboto', sans-serif;
			font-weight:700;
			font-size:52px;
			color:#FFF;
			line-height:50px;
		}

			.heroPanelTXT a{
				display:block;
				position:relative;
				height:50px;
				width:180px;
				color:#FFF;
				font-weight:400;
				font-family:'Roboto', sans-serif;
				line-height:50px;
				text-align:center;
				border-radius:5px;
				background: #dc0032;
				box-shadow:0px 1px 5px 1px #000;
				top:50px;
			}
			
				.heroPanelTXT a:hover{
					color:#000;
					background:#db2950;
				}
	
	
	.heroPanelIMG{
		width:500px;
		height:400px;
		float:right;
	}
	
#heroPanelCont{
	display:block;
	position:relative;
	height:280px;
	background-image:url(../img/texturas/skin.png);
	background-size:contain;
}

	#heroPanelContWEB{
		display:block;
		position:relative;
		height:280px;
		background-image:url(../img/texturas/web.jpg);
	}
	
	#heroPanelContASESORIA{
		display:block;
		position:relative;
		height:280px;
		background-image:url(../img/servicios/asesoria/fondo.png);
	}

	#heroPanelContSMM{
		display:block;
		position:relative;
		height:280px;
		background-image:url(../img/servicios/smm/textura.png);
	}
	
	#heroPanelContContas{
		display:block;
		position:relative;
		height:280px;
		background-image:url(../img/servicios/contables/textura.png);
	}
	
	#heroPanelContQR{
		display:block;
		position:relative;
		height:280px;
		background-image:url(../img/servicios/qr/textura.png);
	}
	
	#heroPanelContAPPS{
		display:block;
		position:relative;
		height:280px;
		background-image:url(../img/servicios/apps/textura.png);
	}
	
	#heroPanelContLambda{
		display:block;
		position:relative;
		height:280px;
		background-image:url(../img/lambda/textura.jpg);
	}
	
	#heroPanelContClientes{
		display:block;
		position:relative;
		height:280px;
		background-image:url(../img/clientes/textura.png);
	}

	#heroPanel1{
		height:400px;
	}

	.heroPanelTXTCont{
		width:600px;
		height:200px;
		float:left;
		margin-top:65px;
		margin-left:-200px;
	}
	
		.heroPanelTXTCont h1{
			margin:0px;
			padding:0px;
			font-family:'Handlee', sans-serif;
			font-size:36px;
			color:#999;
			line-height:45px;
			opacity:0.7;
			font-weight:400;
		}
		
		.heroPanelTXTCont h2{
			margin:0px;
			padding:0px;
			font-family: 'Roboto', sans-serif;
			font-weight:700;
			font-size:52px;
			color:#444;
			line-height:50px;
		}

			.heroPanelTXTCont p{
				margin:0px;
				margin-top:20px;
				font-family: 'Roboto', sans-serif;
				font-weight:400;
				font-size:24px;
				color:#888;
				line-height:24px;
				opacity:0.9;
			}
			
				.heroPanelTXTCont a:hover{
					color:#000;
					background:#db2950;
				}
	
	
	.heroPanelIMGCont{
		width:500px;
		float:right;
	}
	
		#hpIMG{
			margin-left:100px;
			margin-top:20px;
		}