@font-face {
	font-family: "NotoR";
	src: url("../font/NotoSans-Regular.ttf");
}

@font-face {
	font-family: "NotoI";
	src: url("../font/NotoSans-Italic.ttf");
}

@font-face {
	font-family: "NotoB";
	src: url("../font/NotoSans-Bold.ttf");
}

@font-face {
	font-family: "NotoBI";
	src: url("../font/NotoSans-BoldItalic.ttf");
}

html,body{
	margin:0px;
	height: auto;
	font-family: NotoR;
}

header{
	position: fixed;
	width: 100%;
	top: 0px;
	margin: 0px;
	z-index: 3;
}

header #fillerDebajo article{
	cursor: pointer;
	color: white;
	font-size: 90%;
	font-family: NotoB;
	margin-right: 20px;
	text-decoration: none;
}

header #fillerDebajo article:hover{
	text-decoration: underline;
}

header #instagram figure{
	background-image: url(../img/instagram.png);
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: 0px -16px;
	width: 16px;
	height: 16px;
	margin: 0px;
	padding: 0px;
}

header #instagram:hover figure{
	background-position: 0px 0px;
}

header #instagram:hover article, header #twitter:hover article{
	color: #241b1a;
	text-decoration: underline;
}

header #twitter figure{
	background-image: url(../img/twitter.png);
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: 0px -13px;
	width: 16px;
	height: 13px;
	margin: 0px;
	padding: 0px;
}

header #twitter:hover figure{
	background-position: 0px 0px;
}

footer{
	background-color: #a80036;
	padding: 40px 10px 40px 10px;
	width: calc( 100% - 20px );
	color: white;
	text-align: center;
}

footer > section article{
	cursor: pointer;
	/*display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;*/
	text-align: center;
	padding: 10px 18px 10px 18px;
	font-size: 140%;
	font-family: NotoB;
}

footer > section article:hover article{
	color: #241b1a;
	text-decoration: underline;
}

footer #nombreEmp{
	font-size: 120%;
	margin-top: 20px;
	margin-bottom: 10px;
}

footer section #instagram figure{
	background-image: url(../img/instagram.png);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	width: 50px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}

footer section #instagram:hover figure{
	background-position: 0px 0px;
}

footer section #twitter figure{
	background-image: url(../img/twitter.png);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	width: 62px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}

footer section #twitter:hover figure{
	background-position: 0px 0px;
}

footer section #facebook figure{
	background-image: url(../img/facebook.png);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	width: 27px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}

footer section #facebook:hover figure{
	background-position: 0px 0px;
}

.alerta-error{
	position: fixed;
	top: 45%;
	left: 3%;
	right: 3%;
	background-color: #fb9399;
	border: 1px solid #ad010c;
	padding: 5px;
	width: auto;
	height: auto;
	color: #ad010c;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	z-index: 4;
}

.alerta-exito{
	position: fixed;
	top: 45%;
	left: 3%;
	right: 3%;
	background-color: #6cf568;
	border: 1px solid #07a802;
	padding: 5px;
	width: calc( 95% - 10px );
	height: auto;
	color: darkgreen;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	z-index: 4;
}

.alerta-peligro{
	position: fixed;
	top: 45%;
	left: 3%;
	right: 3%;
	background-color: #ffef98;
	border: 1px solid #8c780c;
	padding: 5px;
	width: calc( 95% - 10px );
	height: auto;
	color: #8c780c;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	z-index: 4;
}

.alerta-mensaje{
	position: fixed;
	top: 10%;
	left: 3%;
	right: 3%;
	background-color: #ffef98;
	border: 1px solid #8c780c;
	padding: 5px;
	width: calc( 95% - 10px );
	height: auto;
	color: #8c780c;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	z-index: 4;
}

.seccionCuadricula{
	display: flex;
	flex-wrap: wrap;
}

section#publicidad{
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	margin: 0px;
	margin-top: 94px;
	padding: 40px 0px 40px 0px;
	align-items: center;
	justify-content: space-between;
}

section#publicidad.fromRight{
	flex-flow: row-reverse wrap-reverse;
}

/*section#serv{
	width: 100%;
	background-color: white;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 40px;
	color: white;
	background-color: #DADADA;
}*/

section#serv > h1{
	color: #a80036;
	text-align: center;
	font-family: NotoB;
	font-weight: normal;
	text-shadow: 2px 2px 1px black, 1px 1px 1px black, 1px 1px 1px black;
}

section#serv #cont, section#clientes > section{
	justify-content: center;
}

section#serv #cont > article:hover, section#clientes section > article:hover{
	background-color: #241b1a;
	color: white;
	border: 1px solid #a80036;
}

section#serv #cont > article h1, section#clientes section > article h1{
	font-family: NotoB;
	font-weight: normal;
	width: 100%;
	margin: 0px;
}

section#serv #cont > article p, section#clientes section > article p{
	font-family: NotoR;
	width: 100%;
	margin: 0px;
	margin-top: 10px;
	text-align: justify;
}

section#clientes section > article figure {
	margin: 0px;
	margin-top: 12px;
	padding: 0px;
	border: 1px solid darkgray;
}

section#clientes section > article:hover figure  {
	border: 1px solid #241b1a;
}

section#serv #cont > article img{
	margin: 0px;
	margin-bottom: -4px;
	padding: 0px;
	width: 100%;
	height: auto;
	border: 1px solid darkgray;
}

section#clientes section > article img  {
	margin: 0px;
	margin-bottom: -4px;
	padding: 0px;
	width: 100%;
	height: auto;
}

section#serv #cont > article:hover figure img, section#clientes section > article:hover figure img{
	border: 1px solid #a80036;
}

section#nosotros{
	background-image: url(../img/fondo_empresa.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	width: 100%;
	margin: 0px;
	margin-top: 95px;
	padding: 30px 10px 60px 10px;
	color: white;
	justify-content: center;
}

section#clientes{
	/*margin: 0px;
	padding: 40px auto 40px auto;
	width: 100%;
	background-image: url(../img/fondo_clientes.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;*/

	background-image: url(../img/fondo_empresa.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	width: 100%;
	margin: 0px;
	padding: 60px 10px 60px 10px;
	color: white;
	justify-content: center;
}

section#nosotros h1, section#clientes h1{
	width: 100%;
	margin: 0px;
	color: #a80036;
	text-align: center;
	font-family: NotoB;
	font-weight: normal;
	text-shadow: 2px 2px 1px black, 1px 1px 1px black, 1px 1px 1px black;
}

section#nosotros section > h1{
	font-size: 140%;
	margin: 0px 0px 5px 0px;
}

section#nosotros section p{
	width: calc( 100% - 28px );
	margin: 0px 0px 10px 0px;
	padding: 0px 14px 0px 14px;
	color: #241b1a;
	font-size: 120%;
	text-align: justify;
}

section#nosotros section.bordeDerecho{
	border: 0px;
	border-right: 1px solid #241b1a;
}

.boton, .boton_b{
	font-family: NotoB;
	cursor: pointer;
	background-color: white;
	border: 0;
	color: #a80036;
	padding: 5px;
	min-width: 100px;
	min-height: 40px;
	text-align: center;
}

.boton_b:hover{
	background-color: #241b1a;
	color: lightgray;
}

#seccionMensaje #cuerpo{
	float: left;
	background-color: #a80036;
	padding: 10px;
	width: calc(100%);
}

#seccionMensaje #cuerpo div{
	margin: 15px 0 4px 0;
	font-family: NotoB;
	color: white;
}

#seccionMensaje #cuerpo input, #seccionMensaje #cuerpo textarea{
	font-family: NotoR;
	color: #0c273a;
	border: 1px solid #0c273a;
	min-height: 25px;
}

#seccionMensaje #etiqueta{
	cursor: pointer;
	float: left;
	background-color: #f55505;
	padding: 10px;
	width: 30px;
	height: 30px;
}

#seccionMensaje .cerrar{
	font-size: 80%;
	text-align: right;
	cursor: pointer;
}

#seccionMensaje .cerrar:hover{
	text-decoration: underline;
}

section#contacto{
	width: 100%;
	background-color: #241b1a;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: white;
}

section#contacto > h1{
	color: white;
	text-align: center;
	font-family: NotoB;
	text-shadow: 2px 2px 1px black, 1px 1px 1px black, 1px 1px 1px black;
}

section#contacto #cont{
	justify-content: center;
}

section#contacto #cont > article h1{
	font-family: NotoB;
	font-size: 140%;
	width: 100%;
	margin: 0px;
	text-align: center;
}

section#contacto #cont > article p {
	font-family: NotoR;
	font-size: 120%;
	width: 100%;
	margin: 0px;
	margin-top: 10px;
	text-align: center;
	cursor: pointer;
}

section#contacto #cont > article p:hover {
	text-decoration: underline;
}

.justificado{
	justify-content: space-between;
}

.centrado{
	justify-content: center;
}

.izquierdo{
	justify-content: flex-start;
}

.derecho{
	justify-content: flex-end;
}

.centrado_vertical{
	align-items: center;
}

.abajo_vertical{
	align-items: end;
}

@media screen and (min-width: 1150px){
	header #banner{
		display: inline-flex;
		align-items: center;
		background-color: white;
		padding: 5px;
		padding-left: 20px;
		padding-right: 20px;
		width: calc( 100% - 40px );
		height: 60px;
		justify-content: space-between;
		border-bottom: 1px solid white;
		box-shadow: 1px 1px 3px #5d031f;
	}

	header #banner figure.logo{
		background-image: url(../img/descom2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 182px;
		height: 60px;
		margin: 0px 2% 0px 0px;
		padding: 0px;
	}

	header #fillerDebajo{
		background-color: #a80036;
		color: white;
		padding: 2px 5px 2px 5px;
		box-shadow: 0px 1px 5px black;
		border-top: 1px solid #5d031f;
	}

	#menuConjunto{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: calc( 100% - 40px - 2% - 182px );
	}

	.cuadroBoton{
		display: none;
	}

	nav#menuPpal, nav#menuPpal2{
		display: inline-flex;
		margin: 0px;
		padding: 0px;
		height: 32px;
	}

	nav#menuPpal ul.ulPpal, nav#menuPpal2 ul.ulAlt{
		margin: 0px;
		padding: 0px;
	}

	nav#menuPpal ul.ulmenu2, nav#menuPpal2 ul.ulmenu2{
		display: none;
		background-color: white;
		list-style: none;
		padding: 0px;
		margin: 0px;
		margin-left: 10px;
	}

	nav#menuPpal ul li.normal{
		cursor: pointer;
		list-style: none;
		height: auto;
		/*width: auto;*/
		width: 120px;
		padding-left: 10px;
		padding-right: 10px;
		align-items: center;
		color: #a80036;
		font-family: NotoB;
		font-weight: normal;
		text-align: center;
		box-shadow: 1px 1px 3px darkgray;
	}

	nav#menuPpal ul li.primo, nav#menuPpal2 ul li.primo{
		border: 1px solid #a80036;
		border-radius: 40px;
		font-family: NotoB;
		font-size: 96%;
		font-weight: normal;
		min-height: 26px;
	}

	nav#menuPpal ul li.second, nav#menuPpal2 ul li.second{
		border: 0px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 1px;
		border-style: solid;
		border-color: #a80036;
		font-size: 68%;
		padding-top: 3px;
		padding-bottom: 3px; 
	}

	nav#menuPpal ul li.espacio, nav#menuPpal2 ul li.espacio{
		margin-left: 10px;
	}

	nav#menuPpal2 ul li.desenfocado{
		cursor: pointer;
		list-style: none;
		height: 30px;
		padding-left: 10px;
		padding-right: 10px;
		align-items: center;
		color: #a80036;
		margin-left: 10px;
	}

	nav#menuPpal ul li.normal a{
		margin: 0px;
		padding: 0px;
		color: #a80036;
		display: inline-flex;
		justify-content: center;
		cursor: pointer;
		height: 40px;
		align-items: center;
		font-size: 110%;
		font-family: NotoB;
		font-weight: normal;
		/*font-stretch: condensed;*/
		text-decoration: none;
		width: 100%;
		height: 100%;
	}

	nav#menuPpal2 ul li.desenfocado a{
		margin: 0px;
		padding: 0px;
		color: #241b1a;
		display: inline-flex;
		cursor: pointer;
		height: 40px;
		align-items: center;
		font-size: 84%;
		font-family: NotoB;
		font-weight: normal;
		/*font-stretch: condensed;*/
		text-decoration: none;
		width: 100%;
		height: 100%;
	}

	nav#menuPpal2 ul li.desenfocado div.menuImg1{
		background-position: 0px -19px;
	}

	nav#menuPpal2 ul li.desenfocado div.menuImg2{
		background-position: 0px -30px;
	}

	nav#menuPpal ul li.normal:hover{
		background-color: #a80036;
		color: white;
		text-decoration: none;
		box-shadow: 0px 0px 0px darkgray;
	}

	nav#menuPpal2 ul li.desenfocado:hover{
		/*background-color: lightgray;*/
		text-decoration: none;
	}

	nav#menuPpal2 ul li.desenfocado:hover div{
		background-position: 0px 0px;
	}

	nav#menuPpal ul li.normal:hover a{
		color: white;
	}

	section#serv{
		width: 94%;
		margin: 3%;
		background-color: white;
		padding-top: 10px;
		padding-bottom: 40px;
		color: white;
		background-color: #DADADA;
	}

	.btn_selimg{
		position: relative;
		cursor: pointer;
		width: 15px;
		height: 15px;
		background-color: #f0b823;
		border-radius: 12px;
		color: white;
		font-size: 10.7px;
		z-index: 2;
	}

	.btn_selimg:hover{
		background-color: #595955;
	}

	.btn_selimg_activo{
		background-color: black;
	}

	.seccionContenido{
		cursor: pointer;
		width: 100%;
	}

	.seccionContenido article{
		width: calc( 60% - 30px - 30px );
		height: auto;
		padding: 0px;
		margin: 0px;
		margin-right: 15px;
		margin-left: 30px;
	}

	#publicidad article.fromLeft{
		width: calc( 60% - 40px - 5%);
		padding: 0px 20px 0px 5%;
		margin: 0px;
		margin-right: 20px;
		background-color: rgba(0,0,0,0.5);
	}

	#publicidad article.fromRight{
		width: calc( 60% - 40px - 5%);
		padding: 0px 5% 0px 20px;
		margin: 0px 0px 0px 20px;
		background-color: rgba(0,0,0,0.5);
	}

	#publicidad article h1, #publicidad article p{
		color: white;
		margin-bottom: 10px;
		text-align: justify;
		text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
	}

	#publicidad article h1{
		font-size: 160%;
		font-family: NotoB;
	}

	#publicidad article p{
		font-size: 130%;
		font-family: NotoR;
	}

	#publicidad figure#imgServ.fromLeft{
		width: calc( 40% - 5% );
		height: auto;
		margin: 0px;
		margin-right: 5%;
	}

	#publicidad figure#imgServ.fromRight{
		width: calc( 40% - 5% );
		height: auto;
		margin: 0px;
		margin-left: 5%;
	}

	#publicidad figure#imgServ img{
		width: calc(100% - 4px);
		height: auto;
		border: 2px solid #f3f3f3;
		margin: 0px;
		box-shadow: 0px 0px 5px black;
	}

	section#serv #cont > article{
		cursor: pointer;
		background-color: white;
		color: black;
		border: 1px solid darkgray;
		margin: 8px;
		padding: 6px;
		width: calc( 50% - 16px - 12px - 2px );
	}

	section#clientes section > article{
		cursor: pointer;
		background-color: white;
		color: black;
		border: 1px solid darkgray;
		margin: 8px;
		padding: 6px;
		width: calc( 16% - 16px - 6px );
	}

	section#serv > h1{
		margin-top: 60px;
		font-size: 140%;
	}

	section#serv #cont > article h1, section#clientes section > article h1{
		font-size: 140%;
	}

	section#serv #cont > article p, section#clientes section > article p {
		font-size: 120%;
		text-align: justify;
	}

	.seccionMensaje{
		position: fixed;
		top: 71px;
		left: auto;
		right: 20px;
		width: 40%;
		transition: 1s;
	}

	.seccionMensajeOculto{
		position: fixed;
		top: 71px;
		left: auto;
		right: -100%;
		transition: 1s;
		width: 0px;
	}

	section#contacto #cont > article{
		padding: 20px;
		margin: 20px;
		border: 1px solid darkgray;
	}

	footer > section{
		width: calc(100% - 20px);
		display: inline-flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}

	footer > section figure{
		width: auto;
		height: 50px;
	}

	footer > section article.bordeDerecho{
		border: 0px;
		border-right: 1px solid white;
	}

	section#nosotros #empresa{
		width: calc(50% - 20px - 1px);
		background-color: rgba(243,243,243,0.5);
		margin: 10px;
	}

	.separadorHorizontal{
		border-right: 1px solid #241b1a;
	}

	section#nosotros #mision-vision{
		width: calc(50% - 20px);
		background-color: rgba(243,243,243,0.5);
		margin: 10px;
	}
}

@media screen and (max-width: 1149px) and (min-width: 1030px){
	header #banner{
		display: inline-flex;
		background-color: white;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 20px;
		width: calc( 100% - 20px );
		height: 60px;
		justify-content: space-between;
		border-bottom: 1px solid white;
		box-shadow: 1px 1px 3px #5d031f;
	}

	header #banner figure.logo{
		background-image: url(../img/descom2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 182px;
		height: 60px;
		margin: 0px 2% 0px 0px;
		padding: 0px;
	}

	header #fillerDebajo{
		background-color: #a80036;
		color: white;
		padding: 2px 5px 2px 5px;
		box-shadow: 0px 1px 5px black;
		border-top: 1px solid #5d031f;
	}

	#menuConjunto{
		display: inline-flex;
		align-items: center;
		margin: 0px;
	}

	#menuPpal2.Mostrar{
		position: absolute;
		top: 72px;
		left: auto;
		right: 0px;
		background-color: white;
		transition: 0.6s;
	}

	#menuPpal2.noMostrar{
		position: absolute;
		top: 72px;
		right: -100%;
		transition: 0.6s;
	}

	nav#menuPpal{
		display: inline-flex;
		margin: 0px;
		padding: 0px;
		height: 32px;
	}

	nav#menuPpal2{
		display: inline-flex;
		margin: 0px;
		padding: 0px;
		align-items: center;
	}

	nav#menuPpal2 ul{
		display: inline-flex;
		align-items: center;
		margin: 0px;
		padding: 0px;
		height: 40px;
	}
	
	nav#menuPpal2 ul li.desenfocado{
		display: inline-flex;
		align-items: center;
		cursor: pointer;
		list-style: none;
		height: 30px;
		align-items: center;
		color: #a80036;
		font-weight: bold;
		/*border: 1px solid #a80036;*/
		margin-top: -1px;
		padding-right: 10px;
		text-align: center;
	}

	nav#menuPpal2 ul li.desenfocado a{
		color: #241b1a;
		display: inline-flex;
		cursor: pointer;
		height: 40px;
		padding-left: 10px;
		padding-right: 10px;
		align-items: center;
		font-size: 90%;
		font-weight: bold;
		text-decoration: none;
		width: calc( 100% - 10px );
		height: 100%;
	}

	nav#menuPpal2 ul li.desenfocado a:hover{
		text-decoration: none;
		color: white;
	}

	nav#menuPpal2 ul li.desenfocado div.menuImg1{
		background-position: 0px -19px;
	}

	nav#menuPpal2 ul li.desenfocado div.menuImg2{
		background-position: 0px -30px;
	}

	nav#menuPpal2 ul li.desenfocado:hover div{
		background-position: 0px 0px;
	}

	nav#menuPpal ul.ulPpal, nav#menuPpal ul.ulAlt{
		margin: 0px;
		padding: 0px;
	}

	nav#menuPpal ul.ulmenu2{
		display: none;
		background-color: white;
		list-style: none;
		padding: 0px;
		margin: 0px;
		margin-left: 10px;
	}

	nav#menuPpal ul li.normal{
		cursor: pointer;
		list-style: none;
		height: auto;
		/*width: auto;*/
		width: 120px;
		padding-left: 10px;
		padding-right: 10px;
		align-items: center;
		color: #a80036;
		font-family: NotoB;
		text-align: center;
		box-shadow: 1px 1px 3px darkgray;
	}

	nav#menuPpal ul li.primo{
		border: 1px solid #a80036;
		border-radius: 40px;
		font-size: 96%;
		min-height: 26px;
	}

	nav#menuPpal ul li.second{
		border: 0px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 1px;
		border-style: solid;
		border-color: #a80036;
		font-size: 68%;
		padding-top: 3px;
		padding-bottom: 3px; 
	}

	nav#menuPpal ul li.espacio{
		margin-left: 10px;
	}

	nav#menuPpal ul li.desenfocado{
		cursor: pointer;
		list-style: none;
		height: 30px;
		padding-left: 10px;
		padding-right: 10px;
		align-items: center;
		color: #a80036;
		margin-left: 10px;
	}

	nav#menuPpal ul li.normal a{
		margin: 0px;
		padding: 0px;
		color: #a80036;
		display: inline-flex;
		justify-content: center;
		cursor: pointer;
		height: 40px;
		align-items: center;
		font-size: 110%;
		font-family: NotoB;
		/*font-stretch: condensed;*/
		text-decoration: none;
		width: 100%;
		height: 100%;
	}

	nav#menuPpal ul li.desenfocado a{
		margin: 0px;
		padding: 0px;
		color: #241b1a;
		display: inline-flex;
		cursor: pointer;
		height: 40px;
		align-items: center;
		font-size: 84%;
		font-family: NotoB;
		/*font-stretch: condensed;*/
		text-decoration: none;
		width: 100%;
		height: 100%;
	}

	nav#menuPpal ul li.normal:hover{
		background-color: #a80036;
		color: white;
		text-decoration: none;
		box-shadow: 0px 0px 0px darkgray;
	}

	nav#menuPpal ul li.desenfocado:hover{
		background-color: lightgray;
		text-decoration: none;
	}

	nav#menuPpal ul li.normal:hover a{
		color: white;
	}

	section#serv{
		width: 94%;
		margin: 3%;
		background-color: white;
		padding-top: 10px;
		padding-bottom: 40px;
		color: white;
		background-color: #DADADA;
	}


	.cuadroBoton{
		cursor: pointer;
		width: calc( 30px - 6px );
		height: calc( 30px - 6px );
		display: inline-flex;
		flex-wrap: wrap;
		align-content: space-around;
		padding: 3px;
		transition: 0.5s;
	}

	.lineaBoton{
		width: 100%;
		height: 4px;
		background-color: #a80036;
		border-radius: 6px;
		transition: 0.5s;
	}

	.cuadroBoton:hover{
		background-color: #a80036;
	}

	.cuadroBoton:hover .lineaBoton{
		background-color: white;
	}

	.seccionContenido{
		cursor: pointer;
	}

	#publicidad article{
		width: calc( 60% - 40px - 5% );
		height: auto;
		padding: 0px 20px 0px 5%;
		margin: 0px;
		margin-right: 20px;
		background-color: rgba(0,0,0,0.5);
	}

	#publicidad article h1, #publicidad article p{
		color: white;
		margin-bottom: 10px;
		text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
	}

	#publicidad article h1{
		font-size: 160%;
	}

	#publicidad article p{
		font-size: 130%;
		font-weight: bold;
		text-align: justify;
	}

	#publicidad figure#imgServ{
		width: calc( 40% - 4px - 5%);
		height: auto;
		margin: 0px;
		margin-right: 5%;
	}

	#publicidad figure#imgServ img{
		width: calc( 100% - 4px );
		height: auto;
		border: 2px solid #f3f3f3;
		box-shadow: 0px 0px 5px black;
	}

	section#serv #cont > article{
		cursor: pointer;
		background-color: white;
		color: black;
		border: 1px solid darkgray;
		margin: 8px;
		padding: 6px;
		width: calc( 50% - 16px - 12px - 2px );
	}

	section#clientes section > article{
		cursor: pointer;
		background-color: white;
		color: black;
		border: 1px solid darkgray;
		margin: 8px;
		padding: 6px;
		width: calc( 20% - 16px - 6px );
	}

	section#serv > h1{
		font-size: 140%;
	}

	section#serv #cont > article h1, section#clientes section > article h1{
		font-size: 140%;
	}

	section#serv #cont > article p {
		font-size: 120%;
		text-align: justify;
	}

	.seccionMensaje{
		position: fixed;
		top: 71px;
		left: auto;
		right: 20px;
		width: 40%;
		transition: 1s;
	}

	.seccionMensajeOculto{
		position: fixed;
		top: 71px;
		left: auto;
		right: -100%;
		transition: 1s;
		width: 0px;
	}

	section#contacto #cont > article{
		padding: 20px;
		margin: 20px;
		border: 1px solid darkgray;
	}

	footer > section{
		width: calc(100% - 20px);
		display: inline-flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}

	footer > section article.bordeDerecho{
		border: 0px;
		border-right: 1px solid white;
	}

	section#nosotros #empresa{
		width: calc(50% - 20px - 1px);
		background-color: rgba(243,243,243,0.5);
		margin: 10px;
	}

	.separadorHorizontal{
		border-right: 1px solid #241b1a;
	}

	section#nosotros #mision-vision{
		width: calc(50% - 20px);
		background-color: rgba(243,243,243,0.5);
		margin: 10px;
	}
}

@media screen and (max-width: 1029px) and (min-width: 770px){
	header #banner{
		display: inline-flex;
		background-color: white;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 1%;
		width: 100%;
		height: 60px;
		justify-content: space-between;
		border-bottom: 1px solid white;
		box-shadow: 1px 1px 3px #5d031f;
	}

	header #banner figure.logo{
		background-image: url(../img/descom2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 182px;
		height: 60px;
		margin: 0px 1% 0px 0px;
		padding: 0px;
	}

	header #fillerDebajo{
		background-color: #a80036;
		width: 100%;
		color: white;
		padding: 2px 5px 2px 5px;
		box-shadow: 0px 1px 5px black;
		border-top: 1px solid #5d031f;
	}

	#menuPpal.Mostrar{
		position: absolute;
		top: 72px;
		left: auto;
		right: 0px;
		background-color: white;
		transition: 0.6s;
	}

	#menuPpal.noMostrar{
		position: absolute;
		top: 72px;
		right: -100%;
		transition: 0.6s;
	}

	#menuConjunto{
		display: inline-flex;
		justify-content: flex-end;
		margin: 0px;
		padding: 0px;
		width: calc( 100% - 182px - 2% - 100px);
	}

	nav#menuPpal,nav#menuPpal2{
		margin: 0px;
		padding: 0px;
		align-items: center;
		width: auto;
	}

	nav#menuPpal2{
		display: inline-flex;
		align-items: center;
	}

	nav#menuPpal{
		width: 24%;
	}

	nav#menuPpal ul{
		margin: 0px;
		padding: 0px;
		width: 100%;
	}

	nav#menuPpal2 ul{
		display: inline-flex;
		align-items: center;
		padding: 0px;
	}

	nav#menuPpal ul.ulAlt{
		margin-left: 0px;
	}

	nav#menuPpal ul li.normal{
		width: 100%;
		cursor: pointer;
		list-style: none;
		height: 30px;
		align-items: center;
		color: #a80036;
		font-weight: normal;
		font-family: NotoB;
		border: 1px solid #a80036;
		margin-top: -1px;
	}

	nav#menuPpal2 ul li.separador{
		display: none;
	}

	nav#menuPpal ul li.normal a{
		color: #241b1a;
		display: inline-flex;
		cursor: pointer;
		height: 40px;
		align-items: center;
		font-size: 90%;
		font-family: NotoB;
		font-weight: normal;
		/*font-stretch: condensed;*/
		text-decoration: none;
		width: calc100%;
		height: 100%;
		justify-content: center;
	}

	nav#menuPpal ul li.normal:hover{
		background-color: #a80036;
	}

	nav#menuPpal ul li.normal:hover a{
		text-decoration: none;
		color: white;
	}

	nav#menuPpal2 ul li.desenfocado{
		cursor: pointer;
		list-style: none;
		height: 30px;
		padding-left: 5px;
		padding-right: 5px;
		align-items: center;
		color: #a80036;
		margin-left: 10px;
	}
	nav#menuPpal2 ul li.desenfocado a{
		margin: 0px;
		padding: 0px;
		color: #241b1a;
		display: inline-flex;
		cursor: pointer;
		height: 40px;
		align-items: center;
		font-size: 84%;
		font-family: NotoB;
		/*font-stretch: condensed;*/
		text-decoration: none;
		width: 100%;
		height: 100%;
	}

	nav#menuPpal2 ul li.desenfocado div.menuImg1{
		background-position: 0px -19px;
	}

	nav#menuPpal2 ul li.desenfocado div.menuImg2{
		background-position: 0px -30px;
	}

	nav#menuPpal2 ul li.desenfocado:hover{
		/*background-color: lightgray;*/
		text-decoration: none;
	}

	nav#menuPpal2 ul li.desenfocado:hover div{
		background-position: 0px 0px;
	}

	nav#menuPpal ul.ulmenu2{
		display: none;
		background-color: white;
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

	nav#menuPpal ul li.normal{
		cursor: pointer;
		list-style: none;
		height: auto;
		/*width: auto;*/
		width: calc( 100% - 22px );
		padding-left: 10px;
		padding-right: 10px;
		align-items: center;
		color: #a80036;
		font-family: NotoB;
		text-align: center;
	}

	.cuadroBoton{
		cursor: pointer;
		width: calc( 30px - 6px );
		height: calc( 30px - 6px );
		display: inline-flex;
		flex-wrap: wrap;
		align-content: space-around;
		padding: 3px;
		transition: 0.5s;
	}

	.lineaBoton{
		width: 100%;
		height: 4px;
		background-color: #a80036;
		border-radius: 6px;
		transition: 0.5s;
	}

	.cuadroBoton:hover{
		background-color: #a80036;
	}

	.cuadroBoton:hover .lineaBoton{
		background-color: white;
	}

	.seccionContenido{
		cursor: pointer;
		width: 100%;
		height: auto;
	}

	#publicidad article{
		width: calc( 60% - 40px - 5% );
		height: auto;
		padding: 0px 20px 0px 5%;
		margin: 0px;
		margin-right: 20px;
		background-color: rgba(0,0,0,0.5);
	}

	#publicidad article h1, #publicidad article p{
		margin: 0px;
		color: white;
		margin-bottom: 10px;
		text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
	}

	#publicidad article h1{
		font-size: 140%;
		font-weight: bold;
	}

	#publicidad article p{
		font-size: 120%;
		text-align: justify;
		font-weight: bold;
	}

	#publicidad figure#imgServ{
		margin: 0px;
		width: calc( 40% - 5% );
		padding-right: 5%;
		height: auto;
	}

	#publicidad figure#imgServ img{
		width: 100%;
		height: auto;
		border: 2px solid #f3f3f3;
		box-shadow: 0px 0px 5px black;
	}

	section#serv{
		width: 94%;
		margin: 3%;
		background-color: white;
		padding-top: 10px;
		padding-bottom: 40px;
		color: white;
		background-color: #DADADA;
	}

	section#serv #cont > article{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		cursor: pointer;
		background-color: white;
		color: black;
		border: 1px solid darkgray;
		margin: 8px;
		padding: 6px;
		width: calc( 100% - 16px - 12px - 2px );
	}

	section#clientes section > article{
		cursor: pointer;
		background-color: white;
		color: black;
		border: 1px solid darkgray;
		margin: 8px;
		padding: 6px;
		width: calc( 24% - 16px - 6px );
	}

	section#serv > h1{
		font-size: 140%;
	}

	section#serv #cont > article h1, section#clientes section > article h1{
		font-size: 140%;
	}

	section#serv #cont > article h1{
		width: 100%;
	}

	section#serv #cont > article figure{
		width: 40%;
		height: auto;
		margin: 0px;
		margin-top: 12px;
		padding: 0px;
	}

	section#serv #cont > article p {
		font-size: 120%;
		width: calc( 60% - 8px );
		margin-left: 8px;
		text-align: justify;
	}

	.seccionMensaje{
		position: fixed;
		top: 71px;
		left: auto;
		right: 20px;
		width: 80%;
		transition: 1s;
	}

	.seccionMensajeOculto{
		position: fixed;
		top: 71px;
		left: auto;
		right: -100%;
		transition: 1s;
		width: 0px;
	}

	section#contacto #cont > article{
		padding: 20px;
		margin: 20px;
		border: 1px solid darkgray;
	}

	footer > section{
		width: calc(100% - 20px);
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}

	footer > section article.bordeInferior{
		border: 0px;
		border-bottom: 1px solid white;
	}

	section#nosotros #empresa{
		width: calc(50% - 1px);
		background-color: rgba(243,243,243,0.3);
	}

	section#nosotros #mision-vision{
		width: 50%;
		background-color: rgba(243,243,243,0.3);
	}
}

@media screen and (max-width: 769px) and (min-width: 420px){
	header #banner{
		display: inline-flex;
		background-color: white;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 1%;
		width: 100%;
		height: 60px;
		justify-content: space-between;
		border-bottom: 1px solid white;
		box-shadow: 1px 1px 3px #5d031f;
	}

	header #banner figure.logo{
		background-image: url(../img/descom2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 182px;
		height: 60px;
		margin: 0px 1% 0px 0px;
		padding: 0px;
	}

	header #fillerDebajo{
		justify-content: center;
		background-color: #a80036;
		width: 100%;
		color: white;
		padding: 2px 5px 2px 5px;
		box-shadow: 0px 1px 5px black;
		border-top: 1px solid #5d031f;
	}

	#menuPpal.Mostrar{
		position: absolute;
		top: 72px;
		left: auto;
		right: 0px;
		background-color: white;
		transition: 0.6s;
	}

	#menuPpal.noMostrar{
		position: absolute;
		top: 72px;
		right: -100%;
		transition: 0.6s;
	}

	section#serv{
		width: 94%;
		margin: 3%;
		background-color: white;
		padding-top: 10px;
		padding-bottom: 40px;
		color: white;
		background-color: #DADADA;
	}

	#menuConjunto{
		display: inline-flex;
		justify-content: flex-end;
		margin: 0px;
		padding: 0px;
		width: calc( 100% - 182px - 2% - 100px);
	}

	nav#menuPpal,nav#menuPpal2{
		margin: 0px;
		padding: 0px;
		align-items: center;
		width: auto;
	}

	nav#menuPpal2{
		display: inline-flex;
		align-items: center;
	}

	nav#menuPpal{
		width: 50%;
	}

	nav#menuPpal ul{
		margin: 0px;
		padding: 0px;
		width: 100%;
	}

	nav#menuPpal2 ul{
		display: inline-flex;
		padding: 0px;
	}

	nav#menuPpal ul.ulAlt{
		margin-left: 0px;
	}

	nav#menuPpal ul li.normal{
		width: 100%;
		cursor: pointer;
		list-style: none;
		height: 30px;
		align-items: center;
		color: #a80036;
		font-weight: normal;
		font-family: NotoB;
		border: 1px solid #a80036;
		margin-top: -1px;
	}

	nav#menuPpal2 ul li.separador{
		display: none;
	}

	nav#menuPpal ul li.normal a{
		color: #241b1a;
		display: inline-flex;
		cursor: pointer;
		height: 40px;
		align-items: center;
		font-size: 90%;
		font-family: NotoB;
		font-weight: normal;
		/*font-stretch: condensed;*/
		text-decoration: none;
		width: calc100%;
		height: 100%;
		justify-content: center;
	}

	nav#menuPpal ul li.normal:hover{
		background-color: #a80036;
	}

	nav#menuPpal ul li.normal:hover a{
		text-decoration: none;
		color: white;
	}

	nav#menuPpal2 ul li.desenfocado{
		cursor: pointer;
		list-style: none;
		height: 30px;
		padding-left: 5px;
		padding-right: 5px;
		align-items: center;
		color: #a80036;
		margin-left: 10px;
	}
	nav#menuPpal2 ul li.desenfocado a{
		margin: 0px;
		padding: 0px;
		color: #241b1a;
		display: inline-flex;
		cursor: pointer;
		height: 40px;
		align-items: center;
		font-size: 84%;
		font-family: NotoB;
		/*font-stretch: condensed;*/
		text-decoration: none;
		width: 100%;
		height: 100%;
	}

	nav#menuPpal2 ul li.desenfocado div.menuImg1{
		background-position: 0px -19px;
	}

	nav#menuPpal2 ul li.desenfocado div.menuImg2{
		background-position: 0px -30px;
	}

	nav#menuPpal2 ul li.desenfocado:hover{
		/*background-color: lightgray;*/
		text-decoration: none;
	}

	nav#menuPpal2 ul li.desenfocado:hover div{
		background-position: 0px 0px;
	}

	nav#menuPpal ul.ulmenu2{
		display: none;
		background-color: white;
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

	nav#menuPpal ul li.normal{
		cursor: pointer;
		list-style: none;
		height: auto;
		/*width: auto;*/
		width: calc( 100% - 22px );
		padding-left: 10px;
		padding-right: 10px;
		align-items: center;
		color: #a80036;
		font-family: NotoB;
		text-align: center;
	}

	.cuadroBoton{
		cursor: pointer;
		width: calc( 30px - 6px );
		height: calc( 30px - 6px );
		display: inline-flex;
		flex-wrap: wrap;
		align-content: space-around;
		padding: 3px;
		transition: 0.5s;
	}

	.lineaBoton{
		width: 100%;
		height: 4px;
		background-color: #a80036;
		border-radius: 6px;
		transition: 0.5s;
	}

	.cuadroBoton:hover{
		background-color: #a80036;
	}

	.cuadroBoton:hover .lineaBoton{
		background-color: white;
	}

	.seccionContenido{
		cursor: pointer;
		width: 100%;
		height: auto;
	}

	#publicidad article{
		width: 100%;/*calc( 60% - 40px - 5% );*/
		height: auto;
		padding: 0px 20px 0px 5%;
		margin: 0px;
		margin-right: 20px;
		background-color: rgba(0,0,0,0.5);
	}

	#publicidad article h1, #publicidad article p{
		margin: 0px;
		color: white;
		margin-bottom: 10px;
		text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
	}

	#publicidad article h1{
		font-size: 140%;
		font-weight: bold;
	}

	#publicidad article p{
		text-align: justify;
		font-size: 130%;
	}

	#publicidad figure#imgServ{
		display: none;
	}

	#publicidad figure#imgServ img{
		width: 100%;
		height: auto;
		border: 2px solid #f3f3f3;
		box-shadow: 0px 0px 5px black;
	}

	section#serv #cont > article{
		cursor: pointer;
		background-color: white;
		color: black;
		border: 1px solid darkgray;
		margin: 8px;
		padding: 6px;
		width: calc( 80% - 16px - 6px );
	}

	section#clientes section > article{
		cursor: pointer;
		background-color: white;
		color: black;
		border: 1px solid darkgray;
		margin: 8px;
		padding: 6px;
		width: calc( 32% - 16px - 6px );
	}
	
	section#serv > h1{
		font-size: 120%;
	}

	section#serv #cont > article h1, section#clientes section > article h1{
		font-size: 110%;
	}

	section#serv #cont > article p {
		font-size: 110%;
	}

	.seccionMensaje{
		position: absolute;
		top: 71px;
		left: auto;
		right: 20px;
		width: 90%;
		height: calc( 100% - 80px );
		transition: 1s;
	}

	.seccionMensajeOculto{
		position: absolute;
		top: 71px;
		left: auto;
		right: -100%;
		transition: 1s;
		width: 0px;
	}

	section#contacto #cont > article{
		width: calc(80% - 40px);
		padding: 20px;
		border: 1px solid darkgray;
		margin-bottom: 20px;
	}

	footer > section article.bordeInferior{
		border: 0px;
		border-bottom: 1px solid white;
	}

	section#nosotros #empresa{
		width: 90%;
		background-color: rgba(243,243,243,0.3);
	}

	section#nosotros #mision-vision{
		width: 90%;
		background-color: rgba(243,243,243,0.3);
	}
	
	section#nosotros section.bordeInferior{
		border: 0px;
		border-bottom: 1px solid #241b1a;
	}
}

@media screen and (max-width: 419px){
	header #banner{
		display: inline-flex;
		background-color: white;
		padding: 5px;
		padding-left: 20px;
		padding-right: 20px;
		width: calc( 100% - 40px );
		height: 60px;
		border-bottom: 1px solid white;
		box-shadow: 1px 1px 3px #5d031f;
	}

	header #banner figure.logo{
		background-image: url(../img/descom2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 182px;
		height: 60px;
		margin: 0px;
		padding: 0px;
	}

	header #fillerDebajo{
		justify-content: center;
		background-color: #a80036;
		width: 100%;
		color: white;
		padding: 2px 5px 2px 5px;
		box-shadow: 0px 1px 5px black;
		border-top: 1px solid #5d031f;
	}

	#menuConjunto.Mostrar{
		position: absolute;
		width: 100%;
		top: 72px;
		left: auto;
		right: 0px;
		background-color: white;
		transition: 0.6s;
		display: inline-flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#menuConjunto.noMostrar{
		position: absolute;
		top: 72px;
		right: -100%;
		transition: 0.6s;
	}

	nav#menuPpal{
		width: 100%;
		margin: 0px;
		padding: 0px;
		align-items: center;
	}

	nav#menuPpal2{
		display: inline-flex;
		margin: 10px 0px 10px 0px;
		padding: 0px;
		align-items: center;
		justify-content: center;
	}

	nav#menuPpal ul, nav#menuPpal2 ul{
		margin: 0px;
		padding: 0px;
	}

	nav#menuPpal2 ul{
		display: inline-flex;
		background-color: 
	}

	nav#menuPpal ul li.normal{
		cursor: pointer;
		list-style: none;
		height: 30px;
		align-items: center;
		color: #a80036;
		font-weight: bold;
		border: 1px solid #a80036;
		margin-top: -1px;
		padding-right: 10px;
	}

	nav#menuPpal2 ul li.desenfocado{
		margin: 0px;
		padding: 0px;
		cursor: pointer;
		list-style: none;
		height: 30px;
		align-items: center;
		color: #a80036;
		font-weight: bold;
		padding-right: 10px;
	}

	nav#menuPpal2 ul li.separador{
		display: none;
	}

	nav#menuPpal ul li.normal a, nav#menuPpal2 ul li.desenfocado a{
		color: #241b1a;
		display: inline-flex;
		cursor: pointer;
		height: 40px;
		padding-left: 10px;
		padding-right: 10px;
		align-items: center;
		font-size: 90%;
		font-weight: bold;
		text-decoration: none;
		width: calc( 100% - 10px );
		height: 100%;
	}

	nav#menuPpal ul li.normal a:hover{
		background-color: #a80036;
		text-decoration: none;
		color: white;
	}

	nav#menuPpal2 ul li.desenfocado div.menuImg1{
		background-position: 0px -19px;
	}

	nav#menuPpal2 ul li.desenfocado div.menuImg2{
		background-position: 0px -30px;
	}

	nav#menuPpal2 ul li.desenfocado:hover div{
		background-position: 0px 0px;
	}

	nav#menuPpal ul.ulmenu2{
		display: none;
		background-color: white;
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

	section#serv{
		width: 94%;
		margin: 3%;
		background-color: white;
		padding-top: 10px;
		padding-bottom: 40px;
		color: white;
		background-color: #DADADA;
	}

	.cuadroBoton{
		position: relative;
		left: calc(100% - 60px - 182px);
		right: 0px;
		cursor: pointer;
		width: calc( 30px - 6px );
		height: calc( 30px - 6px );
		display: inline-flex;
		flex-wrap: wrap;
		align-content: space-around;
		padding: 3px;
		transition: 0.5s;
	}

	.lineaBoton{
		width: 100%;
		height: 4px;
		background-color: #a80036;
		border-radius: 6px;
		transition: 0.5s;
	}

	.cuadroBoton:hover{
		background-color: #a80036;
	}

	.cuadroBoton:hover .lineaBoton{
		background-color: white;
	}

	.seccionContenido{
		cursor: pointer;
		padding: 15px;
		width: calc( 100% - 30px );
	}

	#publicidad article{
		margin: 0px; 
		width: 100%;
		height: auto;
		background-color: rgba(0,0,0,0.3);
	}

	#publicidad article h1, #publicidad article p{
		margin: 0px;
		color: white;
		margin: 0 20px 10px 20px;
		text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
	}

	#publicidad article h1{
		font-size: 160%;
	}

	#publicidad article p{
		text-align: justify;
		font-size: 130%;
	}

	#publicidad figure#imgServ{
		display: none;
	}

	#publicidad figure#imgServ img{
		width: 100%;
		height: auto;
		border: 2px solid #a80036;
		box-shadow: 0px 0px 5px black;
	}

	section#serv #cont > article{
		cursor: pointer;
		background-color: white;
		color: black;
		border: 1px solid darkgray;
		margin: 8px;
		padding: 6px;
		width: calc( 90% - 16px - 6px );
	}

	section#clientes section > article{
		cursor: pointer;
		background-color: white;
		color: black;
		border: 1px solid darkgray;
		margin: 8px;
		padding: 6px;
		width: calc( 70% - 16px - 6px );
	}

	section#serv > h1{
		font-size: 120%;
	}

	section#serv #cont > article h1, section#clientes section > article h1{
		font-size: 100%;
	}

	section#serv #cont > article p {
		font-size: 100%;
	}

	.seccionMensaje{
		position: absolute;
		top: 71px;
		left: auto;
		right: 20px;
		width: calc(100% - 20px);
		height: calc( 100% - 80px );
		transition: 1s;
	}

	.seccionMensajeOculto{
		position: absolute;
		top: 71px;
		left: auto;
		right: -100%;
		transition: 1s;
		width: 0px;
	}

	section#contacto #cont > article{
		width: calc(96% - 40px);
		padding: 20px;
		border: 1px solid darkgray;
		margin-bottom: 20px;
	}

	footer > section article.bordeInferior{
		border: 0px;
		border-bottom: 1px solid white;
	}

	section#nosotros #empresa{
		width: 90%;
		background-color: rgba(243,243,243,0.3);
	}

	section#nosotros #mision-vision{
		width: 90%;
		background-color: rgba(243,243,243,0.3);
	}
	
	section#nosotros section.bordeInferior{
		border: 0px;
		border-bottom: 1px solid #241b1a;
	}
}