/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.9
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/

/*Import Global Compulsory CSS Files*/

	 
@import url(app.css?v=1);
@import url(blocks.css?v=1);

.web_header{
	background-image:url(../../images/banner_desk.jpg);
	width:100%;
	padding-top:13rem;
	padding-bottom:13rem;
	background-repeat:no-repeat;
}
.logini{
	width:25px;
	margin-right:2px;
}
.Login:hover{
	text-decoration:none;
}
.banner_botones img{
	max-width:100%;
}
.banner_botones{
	text-align:center;
	white-space:nowrap;
}
.banner_botones div{
	display:inline-block;
	margin-right:2rem;
	max-width:26%;
}
.NewTitles{
	font-weight:100;
}
.NewTitles2{
	margin-bottom:2rem;
}
a.anchor {
    display: block;
    position: relative;
    top: -112px;
    visibility: hidden;
}
      .cls-11 {
        font-size: 6rem;
		line-height:6rem;
		margin-bottom:3rem;
        color: #fff;
        text-anchor: middle;
        font-family: Roboto;
        font-weight: 100;
		text-align:center;
		margin:0 auto;
      }	 
    .auto-style1 {
        width: 447px;
        height: 107px;
    }

    .auto-style2 {
        width: 431px;
        height: 80px;
    }
 
    .auto-style3 {
        font-size: 12px;
    }
	.paygateways li{
		height:130px;
	}
	 .TxtResp2{
		 font-size:3rem;
		 line-height:3rem;
		 text-align:center;
		 font-family:Roboto;
		 font-weight:100;
	 }
	  .NewParf{
	 		 font-family:Roboto;
		 font-size:2.6rem !important;
		 line-height:4rem;
	  }
	 .NewTitlesGray{
		 font-weight:100 !important;
	 }
	   @media (min-width: 1200px) and (max-width: 1370px) {
		   .NewParf{
			  font-size:2.2rem !important;
			  line-height:3.2rem !important;
		   }
		   .monitor{
			   margin-top:-15px;
		   }
	   }	 
	   @media (min-width: 1540px) {
		   .monitor{
			   margin-top:-20px;
		   }
	   }
	  @media (min-width: 1440px) {
	 .containerbig{
		 width:80%;
		 margin:0 auto;
	 }
	  }
	   @media (max-width: 800px) {
a.anchor{
	top:-80px;
}
.header .navbar-nav > li a{
	font-size:1.5rem !important;
}		   
		   .Login{
			   margin-top:-45px !important;
			   margin-right:72px !important;
		   }
		   .content-sm, .Newcontenedor{
			   padding-bottom:0px !important;
			   padding-top:0px !important;
		   }
		   .banner_botones{
			   white-space:unset;
		   }
		   .banner_botones div{
			   max-width:100% !important;
			   width:100%;
			    margin-bottom:1rem;
				margin-right:0px;
		   }
		   .banner_botones{
			   text-align:center;
		   }
		 .monitor{
			 width:100%;
			 float:none !important;
			 margin-right:0 !important;
			 margin-bottom:2rem;
		 }
	 .NewParf{
			 text-align:center !important;
		 }	
		 		 .web_header{
			 padding-top:6rem;
			 padding-bottom:6rem;
			 background-position:center;
		 }	 
	   }
     @media (max-width: 480px) {
		 a.anchor{
	top:-68px;
}
		 .navbar-toggle{
			 margin-bottom:9px !important;
		 }
		 .caption{
			 margin-bottom:1.5rem;
		 }
		 .NewParf{
			 font-size:1.8rem !important;
			 line-height:2.4rem;
		 }

		 .NewParf{
			 text-align:center !important;
		 }
      .cls-11 {
        font-size: 4rem;
		line-height:4rem;
		margin-bottom:2rem;
        color: #fff;
        text-anchor: middle;
        font-family: Roboto;
        font-weight: 100;
		text-align:center;
      }	 		 
	  .banner_botones{
		  text-align:center;
		  margin-left:0px !important;
		  margin-right:0px !important;
	  }
		 .banner_botones img{
			 width:80%;
			
			 
		 }

		 .parallax-counter-v2{
			 padding-bottom:0px !important;
		 }
        .banner-responsive {
            height: 250px;
        }
	 .Login{
		 width:50px;
		 text-align:center;
		 margin-right:60px !important;
		 margin-top:-47px !important;
	 }	
	 .Login span{
		 display:none;
	 }
     }

	 .Newcontenedor{
		 width:100% !important;
	 }
	 .img-responsive{
		 margin:0 auto;
	 }
	 .NewTitles3{
		 text-align:center;
	 } 
	 body,h3{
		 font-family:Roboto;
	 }
	 .caption{
		 padding:1rem;
	 }
	 .NewParf2{
		 font-size:1.6rem;
		 font-family:Roboto;
	 }
	 .NewTitlesGray{  
		 margin-bottom:20px;
	 }

	 .header{
		 position:absolute !important;
		 width:100%;
		 top:0px;
	 }
	 body{
		 /*margin-top:80px !important;*/
		 width:100%;
	 }
	 .NewTitles2{
		 text-align:center;
	 }
	 .TxtResp{
		 font-family:Roboto !important;
		 line-height:4rem;
	 }
	  @media (min-width: 800px) and (max-width: 1300px) {
		  .monitor{
		  	max-width:40%;
		  }
	  }
	 @media (max-width: 995px) {
		 .StepByStep{
			 padding-top:20px;
			 padding-bottom:20px;
		 }
		 .NewMargin{ 
			 margin-left:0px !important;
			 text-align:center;
		 }
		 .howto1{
			 margin-left:0px !important;
			 margin-right:0px !important;
			 text-align:center;
		 }
		 .owl-clients-v1{
			margin-left:5%;
			 width:95% !important;
		 }
		 .nopaddingmobile{
			 padding-top:0px !important;
			 padding-bottom:0px !important;
		 }
	.paygateways li{
		height:60px;
		margin-bottom:15px;
	}
	.imgRespon3{
		width:50% !important;
		margin:0 auto;
		margin-top:-30px;
		margin-left:0 !important
	}
	.imgRespon2{
		width:100% !important;
		margin-left:0 !important;
	}
	.notop{
		margin-top:0px !important;
	}
	 .TxtResp{
		 line-height:3rem;
	 }
	 }
	  @media (min-width: 700px) {
	 .paygateways li{	 
	 	height:130px
	 }
	 .NewTitles3{
		 line-height:33px;
		 margin-bottom:2rem;
	 }
	 .NewParf2{
		 text-align:left;
	 }
	  }
	  .banner_title{
		  max-width:700px;
	  }

* {
	border-radius: 0;
}

body {
 color: #333;
 font-size: 13px;
 line-height: 1.6;
}

body.header-fixed-space {
  padding-top: 94px;
}
body.header-fixed-space-v2 {
	padding-top: 135px;
}

@media (max-width: 991px) {
	body.header-fixed-space,
	body.header-fixed-space-v2 {
		padding-top: 0;
	}
}

p,
li,
li a,
label {
 color: #555;
}

a {
 color: #96186a;
 text-decoration: none;
}

.mail-amarillo {
	color:#EDE80A;
	}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
	outline: 0 !important;
}

a:focus {
text-decoration: none;
}
a:hover {
 color: #96186a;
 text-decoration: underline;
}

/*Boxed Layout
------------------------------------*/
.wrapper {
	background: #fff;
}

.boxed-layout {
  padding: 0;
  box-shadow: 0 0 5px #ccc;
  margin-left: auto !important;
  margin-right: auto !important;
  background: url(../img/patterns/15.png) repeat;
}

.resaltado {
	/*color:#96186a;*/
    font-weight: bold;
	}
.resaltado2 {
	/*color:#96186a;*/
    font-weight: bold;
	}
	
.boton-pago {
	background-color: gray !important;
    color: #fff !important;
	padding: 9px 15px 9px 15px !important;
	}
	
.menu-sistema {
	background-color:red;
	}
.titulo-btn {
		right: -10px;
	bottom: 10px;
	color: #fff;
	padding: 1px 6px;
	position: absolute;
	background: #96186a;
	display: inline-block;
	}