
input[type=text]{
	outline:none;
	background-color:#FFF;
	border-radius:5px;
	border:1px solid #BBBBBB;
		
	-webkit-transition: all 300ms linear, color 1s linear;
	-moz-transition: all 300ms linear, color 1s linear;
	-o-transition: all 300ms linear, color 1s linear;
	-ms-transition: all 300ms linear, color 1s linear;
	transition: all 300ms linear, color 1s linear;
	}		

input[type=text]:focus{
	border:1px solid #358DCE;
	box-shadow:0 0 10px #A2CBEA;
	}

.inputimg3 { position: absolute;
	left:15px;
	top:10px; 
	color:#969696; 
    font-size: 20px;
	cursor: pointer;
	-webkit-transition: all 300ms linear, color 1s linear;
	-moz-transition: all 300ms linear, color 1s linear;
	-o-transition: all 300ms linear, color 1s linear;
	-ms-transition: all 300ms linear, color 1s linear;
	transition: all 300ms linear, color 1s linear;
}

.inputimg3:hover {color:#163572}

.inpbusc-serv {width: 60%; margin: auto; position: relative;border-radius: 8px; margin-bottom: 20px;
   -webkit-transition: all 300ms linear, color 1s linear;
	-moz-transition: all 300ms linear, color 1s linear;
	-o-transition: all 300ms linear, color 1s linear;
	-ms-transition: all 300ms linear, color 1s linear;
	transition: all 300ms linear, color 1s linear;
}

.inpbusc-serv:hover {-webkit-box-shadow: 0px 2px 12px 0px rgba(176,176,176,1);
-moz-box-shadow: 0px 4px 12px 0px rgba(176,176,176,1);
box-shadow: 0px 2px 12px 0px rgba(176,176,176,1);	}

/* estilos principal*/

.cont-btn-serv {max-width:860px; margin: auto; margin-top: 10px; margin-bottom: 70px; }

.btn-serv-princ {
	width: 80%; 
	padding: 15px;
	border-radius: 4px;
	margin: 25px auto;
	background-color:rgba(80, 127, 27, 0.603); 
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: 500;
	display: flex;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 300ms linear, color 300ms linear;
	-moz-transition: all 300ms linear, color 300ms linear;
	-o-transition: all 300ms linear, color 300ms linear;
	-ms-transition: all 300ms linear, color 300ms linear;
	transition: all 300ms linear, color 300ms linear;
	 }
.btn-serv-princ:hover {
	
	 background-color: rgba(46,134,168,0.603);
}

.btn-serv-princ:hover .icono-btn-serv{
	margin-top: -30px;
	font-size: 130px;
	opacity: 0.5;
		}

.icono-btn-serv {
	 
	color: #fff;
	font-size: 37px;
	opacity: 0.9;
	margin-left: 7px;
	font-weight: 100;
   margin-top: -10px;
	-webkit-transition: all 300ms linear, color 300ms linear;
	-moz-transition: all 300ms linear, color 300ms linear;
	-o-transition: all 300ms linear, color 300ms linear;
	-ms-transition: all 300ms linear, color 300ms linear;
	transition: all 300ms linear, color 300ms linear;
}




.tit-serv-princ {width: 100%; height: 25%; border-radius: 0px 0px 0px 0px; padding-top: 5%; padding-left: 15px; position: relative; top:150px; z-index: 10000; background-color: rgba(80, 127, 27, 0.7); cursor: pointer;
		
	-webkit-transition: all 300ms linear, color 1s linear;
	-moz-transition: all 300ms linear, color 1s linear;
	-o-transition: all 300ms linear, color 1s linear;
	-ms-transition: all 300ms linear, color 1s linear;
	transition: all 300ms linear, color 1s linear;
	}

.tit-serv-princ:hover {background-color:#2e86a8 ;}


.cont-img { width: 100%; height:73%; border-radius: 8px 0px 8px 8px; margin-top: 2px; background-color: #C3C3C3; 
		
/*
	
	-webkit-transition: all 500ms linear, color 1s linear;
	-moz-transition: all 500ms linear, color 1s linear;
	-o-transition: all 500ms linear, color 1s linear;
	-ms-transition: all 500ms linear, color 1s linear;
	transition: all 500ms linear, color 1s linear; */
	
	}
.con-img1 {width: 100%; height:100%; overflow:hidden; margin: auto;}

.img-serv-princ {width: 100%; height: 100%; border-radius: 3px 3px 3px 3px;
      transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
	
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}

.img-serv-princ:hover {-webkit-transform:scale(1.2);transform:scale(1.2);}

/*fin estilos principal*/

/* estilos sub menu */

/*.btn-serv-princ1 {width: 250px; height: 160px;  margin-left: 30px; margin-bottom: 80px; border-radius: 15px;

}*/

.btn-serv-princv {
	width: 80%; 
	padding: 15px;
	border-radius: 4px;
	margin: 25px auto;
	background-color:rgba(80, 127, 27, 0.603); 
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: 500;
	display: flex;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 300ms linear, color 300ms linear;
	-moz-transition: all 300ms linear, color 300ms linear;
	-o-transition: all 300ms linear, color 300ms linear;
	-ms-transition: all 300ms linear, color 300ms linear;
	transition: all 300ms linear, color 300ms linear;
	
	 }

.btn-serv-princv:hover {
	
	 background-color: rgba(46,134,168,0.603);
}

.btn-serv-princv:hover .icono-btn-serv{
	margin-top: -30px;
	font-size: 130px;
	opacity: 0.5;
		}


.tit-serv-princv {width: 100%; height: 30%; border-radius: 15px 0px 15px 0px; padding-top: 2%; padding-left: 15px; background-color: #112858; cursor: pointer; padding-bottom: 20px;

	-webkit-transition: all 300ms linear, color 1s linear;
	-moz-transition: all 300ms linear, color 1s linear;
	-o-transition: all 300ms linear, color 1s linear;
	-ms-transition: all 300ms linear, color 1s linear;
	transition: all 300ms linear, color 1s linear;
}

.tit-serv-princv:hover {background-color:#58112D ;}


.cont-img1 { width: 100%; height:70%; border-radius: 15px 0px 15px 0px; margin-top: 2px; background-color:  #C3C3C3; 
		
-webkit-box-shadow: 0px 14px 45px -12px rgba(112,112,112,1);
-moz-box-shadow: 0px 14px 45px -12px rgba(112,112,112,1);
box-shadow: 0px 14px 45px -12px rgba(112,112,112,1);
	
	-webkit-transition: all 500ms linear, color 1s linear;
	-moz-transition: all 500ms linear, color 1s linear;
	-o-transition: all 500ms linear, color 1s linear;
	-ms-transition: all 500ms linear, color 1s linear;
	transition: all 500ms linear, color 1s linear;
	
	}
.cont-img2 {width: 100%; height:100%; overflow:hidden;margin: auto; }

.img-serv-princv {width: 100%; height: 100%; border-radius: 15px 0px 15px 0px;
      transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
	
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}

.img-serv-princv:hover {-webkit-transform:scale(1.3);transform:scale(1.3);}

.btn-solic-inf {
	width: 40%; 
	text-align: center;
	height: 40px;
	padding-top: 10px;	 
	color: #ffffff; 
	margin: auto;	
	background-color:#A8A8A8;
	cursor: pointer;
	font-size:18px;


-webkit-box-shadow: 0px 9px 34px 0px rgba(176,176,176,1);
-moz-box-shadow: 0px 9px 34px 0px rgba(176,176,176,1);
box-shadow: 0px 9px 34px 0px rgba(176,176,176,1);
	

	-webkit-transition: all 300ms linear, color 1s linear;
	-moz-transition: all 300ms linear, color 1s linear;
	-o-transition: all 300ms linear, color 1s linear;
	-ms-transition: all 300ms linear, color 1s linear;
	transition: all 300ms linear, color 1s linear;

	}
.btn-solic-inf:hover {background-color:#868686;}

/* fin estilos sub menu */

@media screen and (max-width: 1040px){
	
	 .inpbusc-serv {width: 60%;}
}

@media screen and (max-width: 500px){
    .btn-solic-inf {width:60%;}
    .inpbusc-serv {width: 90%;}
}

@media screen and (max-width: 360px){
    
    .btn-solic-inf {width:90%;}
}	
	
	
	
	
	
	
	

