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

body {
	clear: none;
	max-width: 100%;
	width: 100%;
	float: left;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	background-color: white;
	font-family: quicksand;
	background-image: url(imajes/concreto.jpg);
	background-position: center center;
	font-style: normal;
	font-weight: 300;
}
.fade {
	opacity: 1;
}
#caveza {
	clear: none;
	float: left;
	width: 100%;
	margin-left: 0%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 2%;
	background-color: rgba(58,0,23,0.80);
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black 1px 1px 9px;
}
#companyname {
	clear: none;
	float: left;
	width: 31%;
	margin-left: 9%;
	margin-top: 2%;
	margin-right: 0%;
	margin-bottom: 2%;
	text-align: right;
	font-size: 220%;
	padding-bottom: 1%;
	color: white;
}
#companylogo {
	clear: none;
	float: left;
	width: 100px;
	height: 188px;
	margin-left: 1%;
	margin-top: 1.8%;
	margin-right: 0%;
	margin-bottom: 2%;
	background-color: rgba(0,0,0,0.80);
	font-size: 400%;
	color: white;
	text-align: center;
	padding-top: 4px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: normal;
	font-weight: 400;
}
#slogan {
	clear: none;
	float: left;
	width: 31%;
	color: rgba(118,116,116,1.00);
	margin-left: 2%;margin-right: 9%;
	margin-top: 4%;
	font-size: 157%;
	border-bottom: rgba(118,116,116,1.00) thin solid;
	padding-bottom: 0.5%;
}
#menubar {
	clear: none;
	float: left;
	width: 100%;
	margin-left: 0%;
	margin-top: 2%;
	margin-right: 0%;
	margin-bottom: 2%;
	color: white;
}
#key1 {
	clear: none;
	float: left;
	width: 11%;
	margin-left: 2%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 2%;
	text-align: center;
	border-right: rgba(255,255,255,1.00) thin solid;
	background-color: inherit;
	transition: 0.5s ease;
	
}
#key1:hover {
	clear: none;
	float: left;
	width: 11%;
	margin-left: 2%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 2%;
	text-align: center;
	border-right: rgba(255,255,255,1.00) thin solid;
	background-color: rgba(58,0,21,1.00);
	transition: 0.5s ease;
}
#key2 {
	clear: none;
	float: left;
	width: 11%;
	margin-left: 2%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 2%;
	text-align: center;
	border-right: rgba(255,255,255,1.00) thin solid;
	background-color: inherit;
	transition: 0.5s ease;
}
#key2:hover {
	clear: none;
	float: left;
	width: 11%;
	margin-left: 2%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 2%;
	text-align: center;
	border-right: rgba(255,255,255,1.00) thin solid;
	background-color: rgba(58,0,55,1.00);
	transition: 0.5s ease;
}
#key3 {
	clear: none;
	float: left;
	width: 11%;
	margin-left: 2%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 2%;
	text-align: center;
	border-right: rgba(255,255,255,1.00) thin solid;
	background-color: inherit;
	transition: 0.5s ease;
}
#key3:hover {
	clear: none;
	float: left;
	width: 11%;
	margin-left: 2%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 2%;
	text-align: center;
	border-right: rgba(255,255,255,1.00) thin solid;
	background-color: rgba(0,50,75,1.00);
	transition: 0.5s ease;
}
#key4 {
	clear: none;
	float: left;
	width: 11%;
	margin-left: 2%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 2%;
	text-align: center;
	border-right: rgba(255,255,255,1.00) thin solid;
	background-color: inherit;
	transition: 0.5s ease;
}
#key4:hover {
	clear: none;
	float: left;
	width: 11%;
	margin-left: 2%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 2%;
	text-align: center;
	border-right: rgba(255,255,255,1.00) thin solid;
	background-color: rgba(0,95,78,1.00);
	transition: 0.5s ease;
}
#cuerpo {
	clear: none;
	float:left;
	width: 100%;
	max-width: 100%;
	margin-left: 0%;
	margin-top: 2%;
	margin-right: 0%;
	margin-bottom: 2%;
	background-color: rgba(0,0,0,0.00);
}
#newsadvisor {
	clear: none;
	float: left;
	width: 100%;
	background-color: rgba(193,193,193,0.67);
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black 1px 1px 4px;
	font-size: 200%;
	text-align: center;
}
#section-marketing {
	clear: none;
	float: left;
	width: 85%;
	max-width: 85%;
	background-color: rgba(58,0,16,0.76);
	margin-left: 7%;
	margin-top: 2%;
	margin-right: 7%;
	margin-bottom: 2%;
	padding: .5%;
	color: white;
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black 1px 4px 9px;
}
    #s-marketing-1{
		clear: none;
		float: left;
		width: 22%;
		margin-left: 12%;
		margin-top: 1%;
		padding-right: 1%;
		text-align: justify;
		border-right: rgba(255,255,255,0.40) thin solid;
}
    #s-marketing-2{
		clear: none;
		float: left;
		width: 22%;
		margin: 1%;
		padding-right: 1%;
		text-align: justify;
		border-right: rgba(255,255,255,0.40) thin solid;
}
    #s-marketing-3{
		clear: none;
		float: left;
		width: 22%;
		margin: 1%;
		padding-right: 1%;
		text-align: justify;
		border-right: rgba(255,255,255,0.40) thin solid;
}
#section-websites {
	clear: none;
	float: left;
	width: 85%;
	max-width: 85%;
	background-color: rgba(56,0,58,0.76);
	margin-left: 7%;
	margin-top: 2%;
	margin-right: 7%;
	margin-bottom: 2%;
	padding: .5%;
	color: white;
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black 1px 4px 9px;
}
#section-branding {
	clear: none;
	float: left;
	width: 85%;
	max-width: 85%;
	background-color: rgba(6,0,58,0.76);
	margin-left: 7%;
	margin-top: 2%;
	margin-right: 7%;
	margin-bottom: 2%;
	padding: .5%;
	color: white;
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black 1px 4px 9px;
}
#section-graphic {
	clear: none;
	float: left;
	width: 85%;
	max-width: 85%;
	background-color: rgba(0,35,58,0.76);
	margin-left: 7%;
	margin-top: 2%;
	margin-right: 7%;
	margin-bottom: 2%;
	padding: .5%;
	color: white;
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black 1px 4px 9px;
}
#section-photography {
	clear: none;
	float: left;
	width: 85%;
	max-width: 85%;
	background-color: rgba(0,58,53,0.76);
	margin-left: 7%;
	margin-top: 2%;
	margin-right: 7%;
	margin-bottom: 2%;
	padding: .5%;
	color: white;
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black 1px 4px 9px;
}
#section-programacion {
	clear: none;
	float: left;
	width: 85%;
	max-width: 85%;
	background-color: rgba(22,58,0,0.76);
	margin-left: 7%;
	margin-top: 2%;
	margin-right: 7%;
	margin-bottom: 2%;
	padding: .5%;
	color: white;
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black 1px 4px 9px;
}
#section-productos {
	clear: none;
	float: left;
	width: 85%;
	max-width: 85%;
	background-color: rgba(55,8,0,0.76);
	margin-left: 7%;
	margin-top: 2%;
	margin-right: 7%;
	margin-bottom: 2%;
	padding: .5%;
	color: white;
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black 1px 4px 9px;
}
#section-juegos {
	clear: none;
	float: left;
	width: 85%;
	max-width: 85%;
	background-color: rgba(58,0,0,0.76);
	margin-left: 7%;
	margin-top: 2%;
	margin-right: 7%;
	margin-bottom: 2%;
	padding: .5%;
	color: white;
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black 1px 4px 9px;
}
#section-news {
	clear: none;
	float: left;
	width: 85%;
	max-width: 85%;
	background-color: rgba(58,0,30,0.76);
	margin-left: 7%;
	margin-top: 2%;
	margin-right: 7%;
	margin-bottom: 2%;
	padding: .5%;
	color: white;
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black 1px 4px 9px;
}
#section-conocenos {
	clear: none;
	float: left;
	width: 85%;
	max-width: 85%;
	background-color: rgba(58,0,16,0.76);
	margin-left: 7%;
	margin-top: 2%;
	margin-right: 7%;
	margin-bottom: 2%;
	padding: .5%;
	color: white;
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black 1px 4px 9px;
}
#piez {
	clear: none;
	float: left;
	width: 100%;
	margin-left: 0%;
	margin-top: 2%;
	margin-right: 0%;
	margin-bottom: 0%;
	background-color: rgba(0,0,0,0.80);
	color: rgba(146,146,146,1.00);
	border-bottom: rgba(0,0,0,1.00) thin solid;
	box-shadow: black -1px -4px 9px;
	text-align: center;
}
#vorstellungmlogo {
	clear:inherit;
	font-size: 157%;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: normal;
	font-weight: 400;
	
}