body {
	margin: 0px;
	padding: 0px; 
	font-family:  'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	background-color: #19171C;
color:#000000;

}
 div, input, textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

p{ margin: 0px; padding: 0px;}

.tabla_main{ 
	width: 1200px;
	margin: auto;
}



.fondo1{ 
	background-image: url(image/fondo1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px 0px 40px 0px;
}


.titulo1{
	color: #DBDBDB; 
	font-family:  'Muli', sans-serif; 
	font-weight: 400; 
	font-size: 32px; 
	text-align: left; 
	padding: 10px 0px 10px 0px; 
	text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0.4);
	width: 700px; 
}

.texto1{
	color: #FFFFFF; 
	font-family:  'Muli', sans-serif; 
	font-weight: 300; 
	font-size: 19px; 
	text-align: justify; 
	padding: 0px 0px 60px 0px; 
	text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0);
	width:700px; 
}

@media only screen and (max-width: 718px) {
.titulo1{width:94%; margin:auto; }
.texto1{width:94%; margin:auto; font-size: 20px;}
}







.tabla_menu_pre{ width: 100%; min-height: 40px; background-color: #000000;}
.tabla_menu{display: block; width: 1200px; margin: auto; 
	color: #FFFFFF; 
	font-family:  'Muli', sans-serif; 
	font-weight: 300; 
	font-size: 32px; 
	text-align: center; 
	padding: 40px; 
	text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0.8); 
}




#logox{
width:539px;
}

@media only screen and (max-width: 1218px) {
#logox{ width: 100%;}
}

@media only screen and (max-width: 557px) {
#logox{ width: 100%;}
}



.servicios{ 
	display: grid;
  	grid-template-columns: 1fr 1fr 1fr;
	justify-items:center;
	align-items:top;
	grid-column-gap:60px;
	margin: auto;
	width: 1200px;
	background-color:#19171C;
	padding: 20px 0px;
}


@media only screen and (max-width: 1218px) {
.servicios{ 
	grid-template-columns: 1fr;
	grid-column-gap:100px;
	font-size:19px;
	width: 90%;
	}
}
.servicio1{
	width:100%;
		margin-bottom:40px;

}



@media only screen and (max-width: 650px) {
.servicios{ 
  	grid-template-columns: 1fr;
	margin:auto;
	width: 80%;
	}
.servicio1{
	width:100%;
	margin-bottom:40px;
	}
}

.tituloservicio{
	background-color:#19171C;
	width: 1200px;
	color: #FFFFFF; 
	font-family:  'Muli', sans-serif; 
	font-weight: 300; 
	font-size: 45px; 
	text-align: center; 
	padding: 100px 0px 0px 0px; 
	text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0.4);
	border-bottom:1px dotted #000000;
	margin:auto;
}

.titulogaleria{
	background-color:#19171C;
	width: 1200px;
	color: #FFFFFF; 
	font-family:  'Muli', sans-serif; 
	font-weight: 300; 
	font-size: 45px; 
	text-align: center; 
	text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0.4);
	margin:auto;
}




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

.tituloservicio, .titulogaleria{
	width: 94%;
	margin:auto;}
}


.titsv{
color: #FFFFFF; 
font-family:  'Roboto', sans-serif; 
font-weight: 900; 
font-size: 25px; 
text-align: center; 
padding: 2px; 
text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0.4); 
}
.txtsv{
color: #FFFFFF; 
font-family: 'Lato', sans-serif; 
font-weight: 300; 
font-size: 15px; 
text-align: justify; 
padding: 0px; 
text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0.0); 
}


.laax{
color: #FFFFFF; 
font-family: 'Muli', sans-serif; 
font-weight: 900; 
font-size: 35px; 
text-align: center; 
padding: 40px; 
text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0.8); 
}
.labx{
color: #E3E3E3; 
font-family:  'Muli', sans-serif; 
font-weight: 400; 
font-size: 25px; 
text-align: center; 
padding: 0px; 
text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0.4); 
}









.tabla_pie_pre { 
	width:100%;
	background-color: #2B2B2B;
}

.tabla_pie { 
	display:block;
	margin:auto;
	padding:20px;
	width:1200px;
	background-color: #2B2B2B;
}

@media only screen and (max-width: 1218px) {
.tabla_pie { width:100%; background-color: #2B2B2B;}
}


.footer_pre { 
	width:100%;
	background-color: #000000;
}

.footer { 
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
justify-items:left;
align-items:center;
grid-column-gap:40px;
margin:auto;
	width:1200px;
	background-color: #000000;
min-height:250px;
color:#FFFFFF;
font-weight: 300; 
font-size: 17px; 
padding-left:25px;

}

@media only screen and (max-width: 1218px) {
.footer { width:90%; padding-left:0px; }
}


@media only screen and (max-width: 658px) {
.footer { 
  grid-template-columns: 1fr ;

}
.botom25{margin-bottom:15px; margin-top:15px;}
}




.foot_titulo
{
font-family:  'Muli', sans-serif; 
color:#FFFFFF;
font-weight: 900; 
font-size: 25px; 

}


#logo_pie{ width:200px;}

.pie_center{
	color: #FFFFFF; 
	font-family:  'Muli', sans-serif; 
	font-weight: 300; 
	font-size: 13px; 
	text-align: justify;
	padding: 0px; 
	text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0);
}




.tabla_ultimo_pre{background-color: #FFFFFF; }
.ultimo{
	color: #4D4D4D; 
	font-family: 'Lato', sans-serif; 
	font-weight: 300; 
	font-size: 19px; 
	text-align: justify;
	padding: 70px 0px; 
	text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0); 
	
	width:1000px; 
}
@media only screen and (max-width: 1218px) {
.ultimo{
	width:90%; 
}
}




.tabla_call_pre{ width: 100%; min-height: 40px; background-color: #19171C; padding:0px 0px;}
.tabla_call{display: block; width: 1200px; margin: auto;  background-color: #19171C; 
	color: #FFFFFF; 
	font-family: ; 
	font-weight: ; 
	font-size: FFFFFFpx; 
	padding: 40px 0px; 
}
.formulario{ 
	width:800px;
	margin:auto;
  	display: grid;
  	grid-template-columns: 1fr 1fr;
	justify-items:left;
	align-items:top;
	grid-column-gap:20px;
}
@media only screen and (max-width: 818px) {
.formulario{ 
	width:80%;
	grid-template-columns: 1fr;
	margin:auto;
}
}



.form4{ width:100%;
margin:auto;
	color: #FFFFFF; 
	font-family:  'Muli', sans-serif; 
	font-weight: 300; 
	font-size: 35px; 
	text-align: center;
padding: 20px 0px; 
	text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0.4); 
}
@media only screen and (max-width: 618px) {
.form4{ width:96%;
margin:auto;

	font-size: 26px;
	text-align:center;

}
}

.campo {
background-color:rgba(255,255,255,0.2);
	border-radius:4px;
    -webkit-appearance:none;
	padding:5px 5px 5px 5px;
	border:0px solid #cccccc;
	color:#000000;
	font-size:17px;
	display:block;
	outline:0;
    height:40px;
    width:350px;
	margin-bottom:10px;
}

.campo:hover {
	background-color:rgba(255,255,255,0.4);
	border-radius:4px;
    -webkit-appearance:none;
	padding:5px 5px 5px 5px;
	border:1px solid #cccccc;
	color:#000000;
	font-size:17px;
	outline:0;
    height:40px;
}

.campo:focus {
	background-color:rgba(255,255,255,0.9);
	border-radius:4px;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
    -webkit-appearance:none;
	padding:5px 5px 5px 5px;
	border:1px solid #cccccc;
	color:#000;
	font-size:15px;
	font-weight:normal;
    position:relative;
	outline:0;
    height:40px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFFFFF;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFFFFF;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFFFFF;
}

.boton {
	-webkit-appearance:none;
	color:#FFFFFF;
	font-family:  'Muli', sans-serif;
	margin:0px;
	font-weight:300;
	padding:10px 20px;
	border:0px;
    border-radius:3px;
	background-color:#A3A3A3;
	text-decoration:none;
	font-size:25px;
	text-align:center;
	text-shadow:  0.5px 0.5px 1px rgba(0,0,0, 0.4); 
}


.boton:hover {
-webkit-appearance:none;
	font-size:25px;
	color:#000000;
	margin:0px;
	font-weight:300;
	border:0px;
    border-radius:3px;
	background-color:#E8E8E8;
    padding:10px 20px;
	text-decoration:none;
}








@media only screen and (max-width: 1218px) {
.tabla_main, .tabla_menu, .tabla_pie, .tabla_call{ width: 96%;}
}