@font-face {
  font-family: 'rubik-light-webfont';
  src: url('../fonts/rubik-light-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/rubik-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rubik-light-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/rubik-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rrubik-light-webfont.svg#svgrubik-light') format('svg'); /* Legacy iOS */
}

*{
	margin: 0;
	padding: 0;
	border: none;
}

body{
	background-image: url(../img/backHome.jpg);
	background-size: 100%;
	background-attachment: inherit;
	background-repeat: no-repeat;
}

header{
	display: block;
	margin-top: 100px;
	width: 100%;
	height: 120px;
	background-color: rgba(150,150,150,0.80);
}

header.home{
	display: block;
	margin-top: 100px;
	width: 100%;
	height: 120px;
	background-color: rgba(150,150,150,0.80);
	margin-bottom: 600px;
}

header.resto{
	display: block;
	margin-top: 0px;
	width: 100%;
	height: 120px;
	background-color: rgba(150,150,150,1.00);
	margin-bottom: 0px;
}

nav{
	display: block;
	width: 1200px;
	height: 120px;
	margin: 0 auto;
}

img.LogoAbogacia{
	display: block;
	float: left;
	margin-top: 15px;
	margin-right: 300px;
}

a.menus{
	font-family: 'rubik-light-webfont';
	text-decoration: none;
	display: block;
	color: white;
	float: left;
	margin-top: 50px;
	font-size: 20px;
	margin-right: 40px;
	cursor: pointer;
	padding-bottom: 5px;
	transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
}

a.menus:hover{
	font-family: 'rubik-light-webfont';
	display: block;
	color: white;
	float: left;
	margin-top: 50px;
	font-size: 20px;
	margin-right: 40px;
	padding-bottom: 5px;
	cursor: pointer;
	border-bottom: solid 2px white;
	transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
}

ul.mender2{
	list-style: none;
	display: block;
	float: left;
	margin-top: 50px;
	font-size: 20px;
	margin-right: 40px;
	cursor: pointer;
	padding-bottom: 5px;
	transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
}

ul.mender2 a{
	font-family: 'rubik-light-webfont';
	text-decoration: none;
	color: white;
}

ul.sub-menu{
	display: block;
	width: 80px;
	height: 40px;
	margin-top: 0px;
	list-style: none;
	font-size: 16px;
	background-color: rgba(150,150,150,1.00);
	position: relative;
	z-index: 100;
}

ul.sub-menu li{
	display: block;
	width: 120px;
	height: 40px;
	padding-left: 10px;
	line-height: 40px;
	border-bottom: solid 1px white;
	background-color: rgba(150,150,150,1.00);
}

ul.sub-menu li:nth-child(6){
	display: block;
	width: 120px;
	height: 40px;
	padding-left: 10px;
	line-height: 20px;
	border-bottom: solid 1px white;
	background-color: rgba(150,150,150,1.00);
}

section.seccionUno{
	display: block;
	width: 100%;
	height: 1000px;
	margin-top: 0;
	background-color: white;
}

section.seccionDos{
	display: block;
	width: 100%;
	height: 1400px;
	margin-top: 0;
	background-color: white;
}

section.seccionTres{
	display: block;
	width: 100%;
	height: 1150px;
	margin-top: 0;
	background-color: white;
}

section.seccionCuatro{
	display: block;
	width: 100%;
	height: 500px;
	background-color: #e39f3d;
}

section.seccionCinco{
	display: block;
	width: 100%;
	height: 500px;
	background-color: white;
}

section.bloqueBlanco{
	display: block;
	width: 100%;
	height: 150px;
	background-color: white;
}

section.seccionServiciosUno{
	display: block;
	width: 100%;
	height: 1700px;
	margin-top: 0;
	background-color: white;
}

section.seccionServiciosDos{
	display: block;
	width: 100%;
	height: 800px;
	margin-top: 0;
	background-color: white;
}

section.seccionServiciosCuatro{
	display: block;
	width: 100%;
	height: 1500px;
	margin-top: 0;
	background-color: white;
}

section.seccionServiciosCinco{
	display: block;
	width: 100%;
	height: 900px;
	margin-top: 0;
	background-color: white;
}

section.seccionServiciosSeis{
	display: block;
	width: 100%;
	height: 800px;
	margin-top: 0;
	background-color: white;
}

img.imgSomos{
	display: block;
	width: 100%;
	height: 55%;
}

div.fraseUno{
	display: block;
	width: 100%;
	height: 130px;
	padding-top: 30px;
	margin-top: -350px;
	background-color: rgba(150,150,150,0.80);
	position: relative;
	z-index: 10;
}

div.fraseDos{
	display: block;
	width: 100%;
	height: 130px;
	padding-top: 30px;
	background-color: rgba(150,150,150,0.80);
	position: relative;
	z-index: 10;
}

div.fraseTres{
	display: block;
	width: 100%;
	height: 170px;
	padding-top: 30px;
	margin-top: -380px;
	background-color: rgba(150,150,150,0.80);
	position: relative;
	z-index: 10;
}

p.frasUno{
	display: block;
	width: 600px;
	height: 130px;
	margin: 0px auto;
	font-family: 'rubik-light-webfont';
	font-size: 30px;
	color: white;
}

p.frasDos{
	display: block;
	width: 800px;
	height: 130px;
	margin: 0px auto;
	font-family: 'rubik-light-webfont';
	font-size: 30px;
	color: white;
	padding-left: 100px;
}

p.frasTres{
	display: block;
	width: 800px;
	height: 130px;
	margin: 0px auto;
	font-family: 'rubik-light-webfont';
	font-size: 30px;
	color: white;
	padding-left: 100px;
}

article.contenidoUno{
	display: block;
	width: 1200px;
	height: 200px;
	margin: 0 auto;
	margin-top: 200px;
	padding-top: 40px;
}

article.contenidoDos{
	display: block;
	width: 1200px;
	height: 200px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.contenidoTres{
	display: block;
	width: 1200px;
	height: 200px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.contenidoCuatro{
	display: block;
	width: 1200px;
	height: 450px;
	margin: 0 auto;
	padding-top: 50px;
}

article.contenidoCinco{
	display: block;
	width: 1200px;
	height: 450px;
	margin: 0 auto;
	padding-top: 50px;
}

article.contenidoServiciosUno{
	display: block;
	width: 1200px;
	height: 1500px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.contenidoServiciosDos{
	display: block;
	width: 1200px;
	height: 800px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.contenidoServiciosCuatro{
	display: block;
	width: 1200px;
	height: 1500px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.contenidoServiciosCinco{
	display: block;
	width: 1200px;
	height: 900px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.contenidoServiciosSeis{
	display: block;
	width: 1200px;
	height: 800px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.boxWhite{
	display: block;
	width: 1200px;
	height: 100px;
	margin: 0px auto;
	padding-top: 100px;
}

div.tituloUno{
	display: block;
	width: 400px;
	height: 50px;
}

div.tituloDos{
	display: block;
	width: 600px;
	height: 50px;
}

hr.rayaTit{
	display: block;
	width: 100px;
	border-bottom: solid 4px rgba(150,150,150,1.00);
	float: left;
	margin-top: 10px;
	margin-right: 5px;
}

h2.subtitulo{
	font-family: 'rubik-light-webfont';
	font-size: 25px;
	color: rgba(100,100,100,1.00);
}

p.textGeneral{
	font-family: 'helvetica';
	font-size: 18px;
	line-height: 26px;
	margin-left: 100px;
	color: rgba(0,0,0,1.00);
	width: 500px;
	height: 100px;
}

div.serviciosEmpresariales{
	display: block;
	width: 1200px;
	height: 600px;
	font-family: 'helvetica';
	font-size: 18px;
	line-height: 26px;
	margin-left: 100px;
	color: rgba(0,0,0,1.00);
}

div.serviciosCuatro{
	display: block;
	width: 900px;
	height: 1400px;
	font-family: 'helvetica';
	font-size: 18px;
	line-height: 26px;
	margin-left: 100px;
	color: rgba(0,0,0,1.00);
}

div.serviciosCinco{
	display: block;
	width: 900px;
	height: 900px;
	font-family: 'helvetica';
	font-size: 18px;
	line-height: 26px;
	margin-left: 100px;
	color: rgba(0,0,0,1.00);
}

div.serviciosSeis{
	display: block;
	width: 1200px;
	height: 800px;
	font-family: 'helvetica';
	font-size: 18px;
	line-height: 26px;
	margin-left: 100px;
	color: rgba(0,0,0,1.00);
}

img.empresarial001{
	display: block;
	float: right;
}

img.empresarial002{
	display: block;
	float: left;
	margin-right: 50px;
	margin-bottom: 50px;
}

img.negocio001{
	display: block;
	float: right;
}

img.vejez001{
	display: block;
	float: right;
	margin-right: 100px;
}

img.empleado001{
	display: block;
	float: left;
	margin-right: 50px;
}

img.gobierno001{
	display: block;
	margin: 20px auto;
}

img.colectivo001{
	display: block;
	margin: 20px auto;
}

img.invidual001{
	display: block;
	float: right;
	margin-left: 20px;
}

div.columnaUno{
	display: block;
	width: 550px;
	height: 200px;
	float: left;
	margin-right: 50px;
}

div.columnaTres{
	display: block;
	width: 550px;
	height: 450px;
	float: left;
	margin-right: 100px;
}

div.footerSeccionUno{
	display: block;
	width: 100%;
	height: 200px;
	background-image: url(../img/graficodos-01.jpg);
	background-size: 100%;
	background-attachment: inherit;
	background-repeat: no-repeat;
}

div.footerSeccionDos{
	display: block;
	width: 100%;
	height: 220px;
	margin-top: 200px;
	background-image: url(../img/graficodos-02.jpg);
	background-size: 100%;
	background-attachment: inherit;
	background-repeat: no-repeat;
}

span.amarillo{
	color: #e39f3d;
}

ul.listUno{
	font-family: 'helvetica';
	font-size: 18px;
	line-height: 26px;
	margin-left: 130px;
	color: rgba(0,0,0,1.00);
	width: 500px;
	height: 300px;
}

img.servicios{
	margin-bottom: 100px;
}

img.clientes{
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	mix-blend-mode: multiply;
}

section{
	outline: none;
}

img.imgContact{
	display: block;
	float: right;
	margin-top: -200px;
}

form.formularioCorto{
	display: block;
	width: 500px;
	height: 400px;
	float: left;
}

input, textarea{
	display: block;
	width: 400px;
	height: 40px;
	font-size: 16px;
	padding-left: 10px;
	outline: none;
	background-color: rgba(230,230,230,1.00);
	border-left: solid 2px rgba(238,166,68,1.00);
	margin-top: 20px;
	margin-bottom: 20px;
	transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
}

textarea{
	height: 200px;
	resize: none;
	padding-top: 10px;
}

input.enviar{
	width: 200px;
}

input.enviar:hover{
	background-color: #e39f3d;
	transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
}

div.datos{
	display: block;
	width: 400px;
	height: 300px;
	float: left;
}

div.datos p{
	font-family: 'rubik-light-webfont';
	font-size: 18px;
	line-height: 34px;
	color: rgba(100,100,100,1.00);
}

footer{
	display: block;
	width: 100%;
	height: 100px;
	background-color: rgba(100,100,100,1.00);
}

div.centrarFooter{
	display: block;
	width: 1200px;
	height: 100px;
	margin: 0 auto;
}

p.copyright{
	font-family: 'helvetica';
	font-size: 12px;
	color: white;
	text-align: center;
	line-height: 100px;
}

svg.whatsapp{
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

/***************************************************Estilos responsivos*****************************************/

@media screen and (max-width: 375px) {

body{
	background-image: url(../img/backHomeResp-01.jpg);
	background-size: 100%;
	background-attachment: inherit;
	background-repeat: no-repeat;
}

header.home{
	display: block;
	margin-top: 0;
	width: 320px;
	height: 200px;
	background-color: rgba(150,150,150,0.80);
	margin-bottom: 300px;
}

header.resto{
	display: block;
	margin-top: 0px;
	width: 320px;
	height: 200px;
	background-color: rgba(150,150,150,1.00);
	margin-bottom: 0px;
}

header{
	display: block;
	margin-top: 0;
	width: 320px;
	height: 200px;
	background-color: rgba(150,150,150,0.80);
	padding-top: 10px;
}

nav{
	display: block;
	width: 320px;
	height: 180px;
	margin: 0 auto;
}

img.LogoAbogacia{
	display: block;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

a.menus{
	font-family: 'rubik-light-webfont';
	text-decoration: none;
	display: block;
	color: white;
	float: left;
	margin-top: 10px;
	font-size: 18px;
	margin-right: 10px;
	margin-left: 10px;
	cursor: pointer;
	padding-bottom: 5px;
	transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
}

a.menus:hover{
	font-family: 'rubik-light-webfont';
	display: block;
	color: white;
	float: left;
	margin-top: 10px;
	font-size: 14px;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
	cursor: pointer;
	border-bottom: solid 2px white;
	transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
}

ul.menderResponsivo{
	list-style: none;
	display: block;
	float: left;
	font-size: 18px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	padding-bottom: 5px;
	transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
}

ul.menderResponsivo li{
	display: block;
	width: 80px;
	height: 30px;
}

ul.menderResponsivo a{
	font-family: 'rubik-light-webfont';
	text-decoration: none;
	color: white;
}

ul.sub-menu{
	display: block;
	width: 80px;
	height: 40px;
	margin-top: 20px;
	list-style: none;
	font-size: 16px;
	background-color: rgba(150,150,150,1.00);
}

ul.sub-menu li{
	display: block;
	width: 120px;
	height: 40px;
	padding-left: 10px;
	line-height: 40px;
	border-bottom: solid 1px white;
	background-color: rgba(150,150,150,1.00);
}

ul.sub-menu li:nth-child(6){
	display: block;
	width: 120px;
	height: 40px;
	padding-left: 10px;
	line-height: 20px;
	border-bottom: solid 1px white;
	background-color: rgba(150,150,150,1.00);
}

section.seccionUno{
	display: block;
	width: 320px;
	height: 850px;
	margin-top: 0px;
	background-color: white;
}

section.seccionDos{
	display: block;
	width: 320px;
	height: 800px;
	margin-top: 0;
	background-color: white;
}

section.seccionTres{
	display: block;
	width: 320px;
	height: 1200px;
	margin-top: 0;
	background-color: white;
}

section.seccionCuatro{
	display: block;
	width: 320px;
	height: 200px;
	background-color: #e39f3d;
}

section.seccionCinco{
	display: block;
	width: 320px;
	height: 800px;
	background-color: white;
}

section.seccionServiciosUno{
	display: block;
	width: 320px;
	height: 3200px;
	margin-top: 0;
	background-color: white;
}

section.seccionServiciosDos{
	display: block;
	width: 320px;
	height: 1000px;
	margin-top: 0;
	background-color: white;
}

section.seccionServiciosCuatro{
	display: block;
	width: 320px;
	height: 2600px;
	margin-top: 0;
	background-color: white;
}

section.seccionServiciosCinco{
	display: block;
	width: 320px;
	height: 1200px;
	margin-top: 0;
	background-color: white;
}

section.seccionServiciosSeis{
	display: block;
	width: 320px;
	height: 900px;
	margin-top: 0;
	background-color: white;
}

section.bloqueBlanco{
	display: block;
	width: 100%;
	height: 50px;
	background-color: white;
}

img.imgSomos{
	display: block;
	width: 100%;
	height: 12%;
}

div.fraseUno{
	display: block;
	width: 320px;
	height: 100px;
	padding-top: 30px;
	margin-top: 0px;
	background-color: rgba(150,150,150,0.80);
	position: relative;
	z-index: 10;
}

div.fraseDos{
	display: block;
	width: 320px;
	height: 130px;
	padding-top: 30px;
	background-color: rgba(150,150,150,0.80);
	position: relative;
	z-index: 10;
}

div.fraseTres{
	display: block;
	width: 320px;
	height: 170px;
	padding-top: 30px;
	margin-top: 0px;
	background-color: rgba(150,150,150,0.80);
	position: relative;
	z-index: 10;
}

p.frasUno{
	display: block;
	width: 300px;
	height: 130px;
	margin: 0px auto;
	font-family: 'rubik-light-webfont';
	font-size: 20px;
	color: white;
}

p.frasDos{
	display: block;
	width: 300px;
	height: 130px;
	margin: 0px auto;
	font-family: 'rubik-light-webfont';
	font-size: 20px;
	color: white;
	padding-left: 0px;
}

p.frasTres{
	display: block;
	width: 300px;
	height: 130px;
	margin: 0px auto;
	font-family: 'rubik-light-webfont';
	font-size: 20px;
	color: white;
	padding-left: 10px;
}

article.contenidoUno{
	display: block;
	width: 320px;
	height: 380px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.contenidoUnoResp{
	height: 220px;
}

article.contenidoDos{
	display: block;
	width: 320px;
	height: 200px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 0px;
}

article.contenidoTres{
	display: block;
	width: 320px;
	height: 200px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 0px;
}

article.contenidoCuatro{
	display: block;
	width: 310px;
	height: 450px;
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 10px;
}

article.contenidoCinco{
	display: block;
	width: 320px;
	height: 450px;
	margin: 0 auto;
	padding-top: 50px;
}

article.contenidoServiciosUno{
	display: block;
	width: 300px;
	height: 2000px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.contenidoServiciosDos{
	display: block;
	width: 300px;
	height: 800px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.contenidoServiciosCuatro{
	display: block;
	width: 300px;
	height: 1500px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.contenidoServiciosCinco{
	display: block;
	width: 300px;
	height: 900px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.contenidoServiciosSeis{
	display: block;
	width: 300px;
	height: 800px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 40px;
}

article.boxWhite{
	display: block;
	width: 300px;
	height: 100px;
	margin: 0px auto;
	padding-top: 50px;
}

div.serviciosEmpresariales{
	display: block;
	width: 280px;
	height: 800px;
	font-family: 'helvetica';
	font-size: 18px;
	line-height: 26px;
	margin-left: 20px;
	color: rgba(0,0,0,1.00);
}

div.serviciosCuatro{
	display: block;
	width: 280px;
	height: 1400px;
	font-family: 'helvetica';
	font-size: 18px;
	line-height: 26px;
	margin-left: 20px;
	color: rgba(0,0,0,1.00);
}

div.serviciosCinco{
	display: block;
	width: 280px;
	height: 900px;
	font-family: 'helvetica';
	font-size: 18px;
	line-height: 26px;
	margin-left: 20px;
	color: rgba(0,0,0,1.00);
}

div.serviciosSeis{
	display: block;
	width: 280px;
	height: 800px;
	font-family: 'helvetica';
	font-size: 18px;
	line-height: 26px;
	margin-left: 20px;
	color: rgba(0,0,0,1.00);
}

img.empresarial001{
	display: block;
	float: none;
	width: 300px;
	height: 200px;
	margin-bottom: 20px;
	margin-left: -20px;
}

img.empresarial002{
	display: block;
	float: none;
	width: 300px;
	height: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: -20px;
}

img.negocio001{
	display: block;
	float: none;
	width: 300px;
	height: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: -20px;
}

img.vejez001{
	display: block;
	float: none;
	width: 150px;
	height: 300px;
	margin-right: 0px;
	margin-bottom: 20px;
}

img.gobierno001{
	display: block;
	width: 300px;
	height: 100px;
	margin: 20px auto;
	margin-left: -20px;
}

img.colectivo001{
	display: block;
	width: 300px;
	height: 120px;
	margin: 20px auto;
	margin-left: -20px;
}

img.invidual001{
	display: block;
	float: none;
	width: 300px;
	height: 200px;
	margin-left: -20px;
	margin-bottom: 20px;
}

div.tituloUno{
	display: block;
	width: 300px;
	height: 50px;
}

div.tituloDos{
	display: block;
	width: 300px;
	height: 50px;
}

hr.rayaTit{
	display: block;
	width: 50px;
	border-bottom: solid 4px rgba(150,150,150,1.00);
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

h2.subtitulo{
	font-family: 'rubik-light-webfont';
	font-size: 15px;
	color: rgba(100,100,100,1.00);
}

p.textGeneral{
	font-family: 'helvetica';
	font-size: 12px;
	line-height: 18px;
	margin-left: 10px;
	color: rgba(0,0,0,1.00);
	width: 300px;
	height: 100px;
}

div.columnaUno{
	display: block;
	width: 300px;
	height: 200px;
	float: none;
	margin-right: 50px;
}

div.UnoResp{
	height: 170px;
	padding-left: 10px;
}

div.DosResp{
	height: 120px;
	padding-left: 10px;
}

div.TresResp{
	height: 140px;
	padding-left: 10px;
}

div.CuatroResp{
	height: 140px;
	padding-left: 10px;
}

div.columnaTres{
	display: block;
	width: 300px;
	height: 370px;
	float: none;
	margin-right: 100px;
}

div.footerSeccionUno{
	display: block;
	width: 320px;
	height: 50px;
	background-image: url(../img/graficodos-01.jpg);
	background-size: 100%;
	background-attachment: inherit;
	background-repeat: no-repeat;
}

div.footerSeccionDos{
	display: block;
	width: 320px;
	height: 50px;
	margin-top: -10px;
	background-image: url(../img/graficodos-02.jpg);
	background-size: 100%;
	background-attachment: inherit;
	background-repeat: no-repeat;
}

span.amarillo{
	color: #e39f3d;
}

ul.listUno{
	font-family: 'helvetica';
	font-size: 12px;
	line-height: 18px;
	margin-left: 10px;
	color: rgba(0,0,0,1.00);
	width: 300px;
	height: 200px;
}

img.servicios{
	width: 320px;
	height: 200px;
	margin-bottom: 10px;
}

img.clientes{
	display: block;
	width: 300px;
	height: 100px;
	margin-top: 0px;
	margin-left: 0px;
	mix-blend-mode: multiply;
}

img.empleado001{
	display: block;
	float: none;
	width: 300px;
	height: 200px;
	margin-right: 0px;
	margin-left: -20px;
	margin-bottom: 20px;
}

section{
	outline: none;
}

img.imgContact{
	display: none;
}

form.formularioCorto{
	display: block;
	width: 300px;
	height: 550px;
	float: left;
}

input, textarea{
	display: block;
	width: 300px;
	height: 40px;
	font-size: 16px;
	padding-left: 10px;
	outline: none;
	background-color: rgba(230,230,230,1.00);
	border-left: solid 2px rgba(238,166,68,1.00);
	margin-top: 20px;
	margin-bottom: 20px;
	transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
}

textarea{
	height: 300px;
	resize: none;
	padding-top: 10px;
}

input.enviar{
	width: 300px;
}

input.enviar:hover{
	background-color: #e39f3d;
	transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
}

div.datos{
	display: block;
	width: 300px;
	height: 300px;
	float: none;
}

div.datos p{
	font-family: 'rubik-light-webfont';
	font-size: 12px;
	line-height: 20px;
	color: rgba(100,100,100,1.00);
}

footer{
	display: block;
	width: 320px;
	height: 100px;
	background-color: rgba(100,100,100,1.00);
}

div.centrarFooter{
	display: block;
	width: 320px;
	height: 100px;
	margin: 0 auto;
}

p.copyright{
	font-family: 'helvetica';
	font-size: 12px;
	line-height: 14px;
	color: white;
	text-align: center;
	width: 250px;
	margin-left: 30px;
	padding-top: 30px;
}

svg.whatsapp{
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

}