.botonesCategorias{
	position: relative;
	background: #fff;
	text-align: center;
	padding-bottom: 50px;
	border-radius: 30px 30px 0px 0px;
}
.categoriasText h1{
	font-family: "Roboto Medium", sans-serif;	
	padding: 20px;	
	margin: 15px; 
	font-size: 28px;
}
.btnproductos ul li{
	display: inline;
	line-height: 35px;
	padding: 5px;
}
.btnproductos button{
	font-size: 13px;
  	width:144px;
   	height:30px;
	opacity: 1;
  	border-radius: 8px;
  	border-color: #B9B9B9;
  	border-width: 1px;
  	border-style: solid;
  	color:#282d62;
}
.btnproductos button:hover {
    background-image: -webkit-linear-gradient(#3c4691, #282d62);
	border: 0px; 
	color:white;
}

/*=====================================
estilo productos
=====================================*/
.colorFondo{
	background: white;
	border-radius: 0px 0px 0px 30px;
	text-align: center;
}
.productosPagina h1 {
	font-family: "Roboto Medium", sans-serif;
	font-size: 25px;
	margin:0; 
}
.productosPagina h2 {
	padding-bottom: 50px;
	font-family: "Roboto Regular", sans-serif;
	font-size: 13px;
}
.fotoProductoPagina ul {
	margin-bottom: 0;
	text-align: right;
}
.fotoProductoPagina li{
	margin-right: -15px;
	padding: 0;
}
.productosPagina img{
	display: inline-block;
	border-color: #B9B9B9;
  	border-width: 1px;
  	border-style: solid;
}
/*=====================================
estilo productos
=====================================*/
.servicios{
	padding: 3px;
	margin:10px 0px; 
}
.colorFondo2{
	background: #f2f2f2;
}
.colorFondo2 h1{
	font-size: 25px;
	text-align: center;
	color:#282D62;
	font-family: "Roboto Medium", sans-serif;
	padding: 30px;
	margin-top: 0;
}
/*=====================================
estilo imagen izquierda parafo derecho 
=====================================*/
/*=====================================
texto
=====================================*/
.textoServicioDer{
	padding: 10px;
	margin: 0px; 
	position: relative;
}
.textoServicioDer h1{
	font-size: 18px;
	margin: 0px 0px 11px;
	text-align: left;
	color:#2B2B2B; 
	font-family: "Roboto Medium", sans-serif;
	padding: 10px 0px;
}
.textoServicioDer p{
	font-size: 13px;
	text-align: left;
	color:#606060;
	font-family: "Roboto", sans-serif;
	padding-bottom: 30px;
	margin: 0px 0px 11px;
}
/*=====================================
botones fila
=====================================*/
.textoServicioDer ul {
padding-bottom: 30px;
margin: 0px 0px 11px;
}
.textoServicioDer li {
	padding-right: 20px;
	display: inline;
}
.textoServicioDer button{
	font-size: 13px;
  	width:144px;
   	height:30px;
	opacity: 1;
  	border-radius: 8px;
  	border-color: #B9B9B9;
  	border-width: 1px;
  	border-style: solid;
  	color:#282d62;
  	background: #f2f2f2;
}
.textoServicioDer button:hover {
	background-image: -webkit-linear-gradient(#3c4691, #282d62);
	border: 0px; 
	color:white;
}
.fotoServicioDer ul{
	padding-bottom: 15px;
}
/*=====================================
tamaños responsive
=====================================*/
/*=============================================
Escritorio mediano o tablet horizontal 
=============================================*/
@media (max-width:1199px) and (min-width:992px){
.categoriasText h1{	
	padding: 20px;	
	font-size: 25px;
}
.productosPagina h1 {
	font-size: 25px; 
}
.productosPagina h2 {
	padding-bottom: 30px;
	font-size: 13px;
}
.colorFondo2 h1{
	font-size: 25px;
	padding: 20px;
	margin-top: 0;
}
.fotoServicioDer {
	padding: 0px 10px;
}
.fotoServicioIzq {
	padding: 0px 10px;
}
.textoServicioDer{
	padding: 0px 10px;
	margin: 0px; 
	position: relative;
}
.textoServicioDer h1{
	font-size: 15px;
	padding: 5px 0px;
	margin: 0px 0px 13px;
}
.textoServicioDer p{
	font-size: 13px;
	padding-bottom: 20px;
	margin: 0px 0px 13px;
}
.textoServicioDer button{
	font-size: 13px;
  	width:144px;
   	height:30px;
}	

.textoServicioDer ul {
padding-bottom: 25px;
margin: 0px 0px 13px;
}
.fotoServicioDer ul{
	margin: 0;
}
}
/*=============================================
Escritorio pequeño o tablet vertical
=============================================*/
@media (max-width:991px) and (min-width:768px){
.categoriasText h1{	
	padding: 20px;	
	font-size: 23px;
}
.btnproductos button{
	font-size: 12px;
  	width: 130px;
   	height:30px;
}
.productosPagina h1 {
	font-size: 23px; 
}
.productosPagina h2 {
	padding-bottom: 20px;
	font-size: 13px;
}
.productosPagina img{
	width: 75%;
}
.colorFondo2 h1{
	font-size: 23px;
	padding: 20px;
	margin-top: 0;
}
.textoServicioDer {
	padding-top: 0;
}

.textoServicioDer ul{
	display: none;

}
.textoServicioDer h1{
	font-size: 15px;
	padding: 9px 0px;
	margin: 0px 0px 5px;
}
.textoServicioDer p{
	font-size: 11px;
	padding-bottom: 15px;
	margin: 0px 0px 5px;;
}
.textoServicioDer button{
display: none;
}	
.servicios{
	margin: 0;
}	
}
/*=============================================
Escritorio celular
=============================================*/
@media (max-width:767px){
.categoriasText h1{	
	padding: 20px;	
	font-size: 23px;
}
.btnproductos button{
	font-size: 12px;
  	width: 130px;
   	height:30px;
}
.productosPagina h1 {
	font-size: 20px; 
}
.productosPagina h2 {
	padding-bottom: 20px;
	font-size: 13px;
}
.productosPagina img{
	width: 70%;
	margin-bottom: 30px;
}
.colorFondo2 h1{
	font-size: 20px;
	padding: 20px;
	margin-top: 0;
}
.textoServicioDer {
	padding-top: 0;
	padding-bottom: 0;
}
.servicios ul li img{
	width: 70%;
	margin-left: 15%;
}
.textoServicioDer h1{
	font-size: 15px;
	padding: 9px 0px;
	margin:0;
}
.textoServicioDer p{
	font-size: 11px;
	padding-bottom: 15px;
	margin:0;
}
.textoServicioDer button{
	font-size: 13px;
  	width:120px;
   	height:30px;
}	
.textoServicioDer ul {
	margin:10px 0px 0px; 
	text-align: center;
}	
.servicios{
	margin: 0;
}
}