/*	EXAMPLE STYLES */
body {
	font-family: 'Roboto';
	color: #252525;
    overflow-x:hidden;
    background-color: #fffde4;
}


h1{
	font-size:47px;
	font-weight:bold;
	text-align:center;}

h2{
	font-size:18pt;
	/*font-weight:bold;*/
	text-transform: uppercase;
}

h3{
    font-size: 14;
    font-weight: 700;
    color: #233AA2;

}

a{
text-decoration: none;
color: white;}


	
p{
		font-size:14px;
		}


.tipografiaThin {
font-weight: 100;
}

.tipografiaNormal {
font-weight: 400;
}

.tipografiaMedium {
font-weight: 500;
}


.tipografiaBold {
font-weight: 700;
}

.tipografiaUltraBold {
font-weight: 900;
}




article {

	text-align: center;
	background: #ffffff;
}

aside {

	background: #cecece;
}





/*------------ PAGE 404 -----------*/


.fondoCompletoParaGracias{
    
    width:100%;
    
   /* height: 100%;*/
    overflow: hidden;
  
    background-size: cover;
  background-image: url("../img/graciasEnvioCorreo.png");
    background-position: center;
    padding: 10% 0;
}

.fondoCompletoPara404{
    
    width:100%;
    
   /* height: 100%;*/
    overflow: hidden;
  
    background-size: cover;
  background-image: url("../img/pageNotFound.png");
    background-position: center;
    padding: 10% 0;
}




.textoBanner404{
    margin: 4em auto;
    color: #FFFFFF;
    
}

.textoBanner404 p{

    margin: 1em auto 0.5em;
    font-size: 19pt;
     color: #9e9e9e;
    display: block;
    width: 13em;
    text-align: center;
    
}

.textoBanner404 h2{
    font-family: 'Roboto';
    color: #fd5252;
    font-size: 48pt;
    margin: 0 auto;
    text-align: center;
    text-transform:lowercase;
    width: 5em;

}





 





/*
.row .row{
width: 100%;
}*/

/*
div {
width: 100%;
    
}*/
/* ---------- HEADER MINI ---------- */

.container{
	max-width:100%;}




/*<img class="logoHeader" src="img/logoResponsive.png">*/

.logoHeader {
    
    background-image: url("../img/logoResponsive.png");
	display:block;
    width: 121px;
    height: 53px;
	float:left;
    position:absolute;
    top: 5px;
    left: 10px;
	z-index:3;
    padding-top: 0.4em;
    padding-left: 0.4em;

	
}



#headerMini{
    
  
    background: #38419a;
    color: #f4f5f6;
    font-size: 1em;
    /*line-height: 25px;*/
    padding: 15px 6%;
     z-index: 3;
 
   
  
}

#headerMini ul {
text-align: center;
    margin: 0 auto;
    color: #ffffff;
  /*  width: 40%; */
    
}


    

#headerMini ul li  {

    float: left;
    margin: 0 auto;
      
}

#headerMini div p {
margin: 0 !important;
    padding: 3% 0;
}










header {

	text-align: center;
	background: #F4F5F6;
	/*border-bottom:#A7342F solid 0.1875em;*/
	
}

.container-fluid{
width: 90%;
}

.navbar{
margin-bottom: 0 !important;
text-transform: uppercase;
    font-weight: bold;
}

.navbar-brand{
height: auto;
    padding: 0 !important;
     margin-top: 10px !important;
}

.navbar-default .navbar-collapse{
margin-top: 15px !important;
}

.navbar-default{
/*background: none !important;*/
    border: none;
    background-color:#f4f5f6;
    padding: 15px !important;
}



.navbar-nav{
margin-left: 1.5%;
}

.navbar-default .navbar-toggle {
    border: none;
    margin-top: 15px;
}

.nav > li {
    position: relative;
    display: block;
    
}



.navbar-nav > li > a {
    padding: 10px 10px;
}


#MargenTopBar{
    margin-top: 20px !important;
}





/*------------ TERMINA EL HEADER MINI -------------*/


/*------------ COMIENZA BANNER 3D -------------*/

.fondoCompletoParaFrase{
    
    width:100%;
    
   /* height: 100%;*/
    overflow: hidden;
  
    background-size: cover;
  background-image: url("../img/bannerFrase.png");
    background-position: center;
    padding: 10% 0;
}




.textoBanner{
    margin: 4em auto;
    color: #FFFFFF;
    
}

.textoBanner p{

    margin: 1em auto 0.5em;
    font-size: 11pt;
    display: block;
    width: 13em;
    text-align: center;
    
}

.textoBanner h2{
    font-family: 'Roboto';
    color: #ffffff;
    font-size: 22pt;
    margin: 0.5em auto;
    text-align: center;
    text-transform: uppercase;
    width: 8em;

}


#divProbar{
    width: 175px;
    height: 36px;
 
    text-transform: uppercase;
    margin: 25px auto 0;
    text-align: center; 
    padding-top: 1%;
    vertical-align: baseline;
  
}

.botonProbar {
    
    width: 100%;
    height: 100%;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #38419A;
    font-size: 11pt;
    padding: 6%;
    
}

.botonProbar:hover{
    background-color: #38419A;
    border: 1px solid #ffffff;
    text-decoration: none;
    color: #ffffff;
    font-size: 11pt;
  
}

.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

     
    



/*------------ TERMINA EL BANNER 3D -------------*/

/*------------ EMPIEZA LAS CLASES -------------*/



#contenedorClase {
    position: relative;
    padding: 0;
}

.imgClases{
  width:100%; 
  z-index: 2;

}

#contenedorClase #claseConTexto {
  
 left: 0px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0px;
   
}

#claseConTexto{
    width:100%; 
    height: 209px; 
    overflow: hidden;
    color: #FFFFFF;
    background-size: cover;
   }



#claseConTexto h2 {
    line-height: 54px;
    margin-top: 32px;
    padding-left: 20px;
    background-image: url("../img/bannerTituloClases.png");
    background-repeat: no-repeat;
    color: #ffffff;
     
}

#claseConTexto p{
    padding-left: 20px;
    padding-top: 10px;
}


#botonMasInfo {
    width: 100%;
    /*height: 64px;*/
    background-color: #FF4F4E;
    overflow: hidden;
    /*padding-left: 4.5%;*/
    
}

#botonMasInfo a {
    
    display: block;
    width: 100%;
    /*line-height: 40px;*/
    font-size: 15pt;
    border: solid 2px #FFFFFF;
    background-color: #FF4F4E;
    color: #FFFFFF;
   /* margin-top: 10px;
    margin-left: 10px;*/
    text-align: center;
    padding: 10px 0;
    z-index: 3;
}

#botonMasInfo a:hover {

    border: solid 1px #FF4F4E;
    background-color: #FFFFFF;
    color: #FF4F4E;

}

#claseFullContainer {
width: 100%;
    display: block;
    overflow: hidden;
}



#bloqueContenidoClasesHeader h2{

  
     margin-top: 50px;
    width: 100%;
 }

#bloqueContenidoClasesImg img {
    width: 100%; 
  
   
 }

#bloqueContenidoClases p{
background-color: #38419A;
    padding: 3%;
    color: #ffffff;
    width: 100%;
}

.textoDescripcionClasesSola {
    background: #ffffff;
    color: #4d4d4d;
    font-size: 12pt;
    padding: 2%;
    margin-top: 10px;
    width: 100%;
    
   
}



/*
#conteinerClase{
    width: 100%;
    display: block;
    margin: 0 auto;
    background: red;
}

#claseImgMasTitulo{
    width:100%; 
    height: 209px; 
    overflow: hidden;
    
}

#claseImgMasTitulo img{
   position: absolute;
    left: 0;
    top: 525;
 
    
}


.bannerTituloClase{
    line-height: 54px;
    margin-top: 32px;
    padding-left: 20px;
    background-image: url("../img/bannerTituloClases.png");
    background-repeat: no-repeat;
    
     
}

#claseImgMasTitulo h2 {
    font-size: 14pt;
 
     
}

#claseImgMasTitulo p{
 font-size: 10pt;
}

#botonMasInfo {
    width: 100%;
    height: 64px;
    background-color: #FF4F4E;
    overflow: hidden;
    
}

#botonMasInfo a {
    
    display: block;
    width: 112px;
    line-height: 40px;
    font-size: 15pt;
    border: solid 2px #FFFFFF;
    background-color: #FF4F4E;
    color: #FFFFFF;
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
}

#botonMasInfo a:hover {

    border: solid 1px #FF4F4E;
    background-color: #FFFFFF;
    color: #FF4F4E;

}*/

/*
.claseGimnasio{
    width:100%; 
    height: 209px; 
    overflow: hidden;
    color: #FFFFFF;
    background-size: cover;
    background-image: url("../img/clase_gimnasio.png");
}

#claseImgMasTitulo h2, #claseReadaptacion h2, #claseGimnasio h2 {
    line-height: 54px;
    margin-top: 32px;
    padding-left: 20px;
    background-image: url("../img/bannerclases.png");
    background-repeat: no-repeat;
     
}

#claseEntrenamiento p, #claseReadaptacion p, #claseGimnasio p{
    padding-left: 20px;
    padding-top: 10px;
}


#botonMasInfo {
    width: 100%;
    height: 64px;
    background-color: #FF4F4E;
    overflow: hidden;
    
}

#botonMasInfo a {
    
    display: block;
    width: 112px;
    line-height: 40px;
    font-size: 15pt;
    border: solid 2px #FFFFFF;
    background-color: #FF4F4E;
    color: #FFFFFF;
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
}

#botonMasInfo a:hover {

    border: solid 1px #FF4F4E;
    background-color: #FFFFFF;
    color: #FF4F4E;

}
*/

/*------------ TERMINA LAS CLASES -------------*/

/*------------ EMPIEZA LA APP -------------*/


/*.fondoApp{
    width:100%; 
    overflow: hidden;
    background-size: cover;
    background-image: url("../img/fondoApp.png");
    background-position: center;
}*/

#celularImg{

    z-index: 2;
}

#celularImg img{
    display: block;
    margin: 50px auto 10px;
    z-index: 2;

}

.fondoCompletoPesas{
    
    width:100%;
    
   /* height: 100%;*/
    overflow: hidden;
    color: #FFFFFF;
    background-size: cover;
    background-image: url("../img/fondoApp.png");
    background-position: center;
    padding: 10% 0;
}

.sinFondoAlpha{
background: rgba(248,80,50,0);
    
}

 #celularContenido {
        
        padding-left: 20px;
        color: #252525;
        width: 80%;
     text-align: center;
     margin: 10px auto 0;

}
     

#celularContenido h2 {
 
    color: #252525;
     
}

#celularContenido p{
    padding-left: 0;
    padding-top: 10px;
    margin-bottom: 2em;
    color: #252525;
}


#celularContenido a {
    text-transform: uppercase;
    display: block;
   width: 80%;
   
    font-size: 15pt;
    background-color: #38419A;
    color: #FFFFFF;
    margin: 10px auto;
    text-align: center;
}

#celularContenido a:hover {

    background-color: #FFFFFF;
    color: #38419A;
    text-decoration: none;
    width: 80%;
   
}


/*------------ TERMINA LA APP -------------*/


/*------------ COMIENZA EL VIDEO -------------*/


#imgVideoEntrena{
    
    width:100%; 
    /*height: 100%;*/
    overflow: hidden;
    color: #FFFFFF;
    background-size: cover;
    background-image: url("../img/fondoVideo.png");
    padding: 10% 0;
    background-position: center;
    
}

#imgVideoEntrena h2 {
    margin-top: 32px;
    padding-left: 20px;
    color: #FFFFFF;
    text-align: center;
     
}



#verVideoEntrena a {
    
    text-transform: uppercase;
    display: block;
    width: 200px;
    line-height: 40px;
    font-size: 15pt;
    
     border: solid 2px #FFFFFF;
    background-color: #38419A;
    color: #FFFFFF;
    
    background-color: #38419A;
    color: #FFFFFF;
    margin: 20px auto;
    text-align: center;
    margin-bottom: 2em;
    text-decoration: none;
}

#verVideoEntrena a:hover {
 
     border: solid 2px #38419A;
    background-color: #FFFFFF;
    color: #38419A;
    
}

.moverContenidoVideo{

    background: none;
    width:80%;
	min-width:344px;
	margin:auto;
    
    z-index: 1000;
    position: absolute;
   left: -100%;
    /*top: 208%;*/
    width: calc(100% - 50%);

    padding: 1.5em 0 0 1.5em;
    
   

}


.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	
}


    

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    align-content: center;
    vertical-align: middle;
}
/* para mayor de 800 px
.video-container iframe {
	position: absolute;
	top: 0;
	left: 25%;
	width: 100%;
	height: 100%;
    align-content: center;
    vertical-align: middle;
}
*/

/*------------ TERMINA EL VIDEO -------------*/

/*------------ EMPIEZA LOS SPONSORS -------------*/

#sponsors{
background-color: #ffffff;
    
}
#sponsors img{
    display: block;
    margin: 20px auto;
    width: 50%;
    padding: 10px;
    align-items: center;
  

    
}





/*------------ TERMINA LOS SPONSORS -------------*/

/*------------ EMPIEZA SECCION NOSOTROS -------------*/

.bloqueNosotros {

   /* width: 100%;*/
    background: white;
    padding: 10%;
}



.bloqueNosotros h1 {
    color: #000000;
}

.bloqueNosotros p {
    color: #555555;
}

.bloqueUstedes {

    /*width: 100%;*/
    background: #38419a;
    padding: 10%;
}



.bloqueUstedes h1 {
    color: #ffffff;
}

.bloqueUstedes p {
    color: #ffffff;
}

#imagenesNosotros {
    display: block;
   
    
}

#imagenesNosotros a{
border: none;
    padding: 0;
    margin: 5% 0;
    background-color: #38419a;
}



.fondoImgNosotros article{
     background: white;
}

#imagenesNosotros img {
    border: 3px #38419a solid;
    
    
}#imagenesNosotros img:hover {
    opacity: 0.5;
    
    
}

.masPadding{
padding: 15px !important; 
}



.vmv_empresa, .vmv_empresa article{

background: white;
}



.padding_vmv h2{
    padding: 5%;
background: #ffffff;
    font-weight: bold;
    color: #000000;
    
}

.padding_vmv p{
padding: 5%;
background: #ffffff;
    color: #555555;
}

.alignBotonDescargar{
text-align: center;
    margin-top: 4.5%;
    margin-bottom: 4.5%;
}

.botonDescargarApp{
  
    padding: 0;
    width: 80%;
    height: 36px;
    background-color: #38419a;
    padding:3% 7%;
    margin-bottom: 20px;
    
}

.botonDescargarApp{
    color: white;
}

.botonDescargarApp:hover{
    color: #38419a;
    background-color: white;
    text-decoration: none;
}


/*------------ TERMINA SECCION NOSOTROS -------------*/

#bloqueTestimonios {

    width: 100%;
    background: white;
    padding-top: 10%;
    padding-bottom: 3%;
    text-align: center;
}



#bloqueTestimonios h3 {
    color: #38419a;
}

#bloqueTestimonios p {
    color: #555555;
 
}


#bloqueTestimoniosEscritos {

    background: white;
    
   /* border: 5px solid #f4f5f6;
    margin: 3%;*/
    margin: 1% 0;
    overflow: hidden;
    min-height: 200px;
    
 

      
}





#bloqueTestimoniosEscritos h3 {
    
    color: #38419a; 
    text-align: center;
    font-size: 21pt;
    font-weight: bold;
}

#bloqueTestimoniosEscritos p {
    color: #4A4A4A;
      text-align: center;
    font-size: 12pt;
 
}

#bloqueTestimoniosEscritos p.diaYhora{
    color: #4A4A4A;
      text-align: center;
    font-size: 8pt;
}




/*------------ EMPIEZA EL ENTRENADORES -------------*/
#bloqueMenuEntrenadores {

    width: 100%;
    background: white;
    padding: 10%;
      margin: 0 auto;
}



#bloqueMenuEntrenadores h3 {
    color: #38419a;
}

#entrenadoresCentrados {

    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#entrenadoresCentrados p {
    color: #555555;
    width: 30%;
    float: left;
    margin: 0 10%;
  
}

#bloqueContenidoEntrenadores {

    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #f4f5f6;
    margin-bottom: 10%;
}



#bloqueContenidoEntrenadores h2 {
    color: #38419a;
    background: #f4f5f6;
     padding:5%;
    font-weight: bolder;
    margin: 0;
    text-align: center;
   
}

#bloqueContenidoEntrenadores h3 {
    color: #38419a;
    background: #f4f5f6;
    padding: 6% 8%;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

#bloqueContenidoEntrenadores p {
    color: #555555;
    width: 100%;
    float: left;
    background: #f4f5f6;
    padding:5%;
     text-align: center;
  
}

#bloqueContenidoEntrenadores img {
    width: 70%;
    height: auto;
    display: block;
    margin: 10% auto;
  
}

#bloqueContenidoEntrenadores a {
   text-align: center;
    
     color: #ff4f4e;
    width: 100%;
    float: left;
    background: #f4f5f6;
    border: 2px solid #f4f5f6;
    padding:5%;
    
  
}

#bloqueContenidoEntrenadores a:hover {
    color: #f4f5f6;
    background: #ff4f4e;
    border: 2px solid #ff4f4e; 
}



/* PERFIL DE ENTRENADORES*/

#bloqueEntrenadoresPerfil {

    width: 100%;
    background: white;
    padding: 10%;
    margin: 5% auto;
    
}



#bloqueEntrenadoresPerfil h2 {
    color: #38419a;
    background: #f4f5f6;
     padding:5%;
    font-weight: bolder;
   
}

#bloqueEntrenadoresPerfil h3 {
    color: #38419a;
    background: #f4f5f6;
     padding: 0 5%;
    padding-bottom: 5%;
}

#bloqueEntrenadoresPerfil p {
    color: #555555;
    width: 100%;
    float: left;
    background: #f4f5f6;
    padding:5%;
  
}

#bloqueEntrenadoresPerfil img {
    width: 100%;
  
}

#bloqueEntrenadoresPerfil p.experienciaLaboral {
   text-align: center;
    
    
    width: 100%;
    float: left;
    
   
    padding:5%;
    color: #f4f5f6;
    background: #ff4f4e;
    border: 2px solid #ff4f4e; 
    
  
}

#bloqueEntrenadoresPerfil p.conMargenBottom {
   margin-bottom: 30px;
  
}




/*------------ EMPIEZA SERVICIOS -------------*/

#bloqueContenidoServiciosImg {
    width: 100%;
    background: red;
    position: relative; 
    /*margin: 5% auto;*/
     background: rgba(49,79,184,1) ;
}

#bloqueContenidoServiciosImg img {
    width: 100%; 
    opacity: 0.3;
}





#bloqueContenidoServicios {
    width: 100%; 
    overflow: hidden;
}

#bloqueContenidoServiciosImg #bloqueContenidoServicios {
  left: 0;
  position: absolute;
  top: 0px;
    padding: 6%;
    overflow: hidden;
   
}

#bloqueContenidoServiciosImg #bloqueContenidoServicios a {
  left: 0;
  position: absolute;
  top: 70%;

   
}

#bloqueContenidoServicios h3 {
    color: #f4f5f6;
 

}


#bloqueContenidoServicios h2 {
    color: #f4f5f6;
    font-weight: bolder;
  
   
}



#bloqueContenidoServicios p {
    color: #f4f5f6;
    width: 100%;
    float: left;

  
}



#bloqueContenidoServicios p.btnPrecio {
   
    text-align: center;
     color: #f4f5f6;
    width: 50%;
    line-height: 1em;
    
    border: 2px solid #f4f5f6;
    padding:5%;
    
    text-transform: uppercase;
    margin: 0 20%;
    margin-left:50%;
    font-weight: bolder;
    
    
    
  
}





#bloqueContenidoServiciosInformacion {

    width: 100%;
    background: white;
    margin-bottom: 30px;
    overflow: hidden;
 }

#bloqueContenidoServiciosInformacion p {
    color: #a5a5a5;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    float: left;
    background: #f4f5f6 ;
    padding: 5%;
    border-bottom: 2px solid white;
    margin-bottom: 0 !important;
  
}

#bloqueContenidoServiciosInformacion a {
   
    text-align: center;
    color: #ff4f4e;
    width: 100%;
    float: left;
    background: #f4f5f6;
    border: 2px solid #f4f5f6;
    padding:5%;
    margin-bottom: 30px;
  
}

#bloqueContenidoServiciosInformacion a:hover {
    color: #f4f5f6;
    background: #ff4f4e;
    border: 2px solid #ff4f4e; 
}



#bloqueContenidoServiciosDescuentos, 
#bloqueContenidoServiciosPromociones {

    width: 100%;
    padding: 2%;
    margin: 20px auto;
    text-align: center;
}

#bloqueContenidoServiciosDescuentos a {
   
    text-align: center;
    color: #ff4f4e;
    border: 2px solid #ff4f4e;
    padding:5%;
    margin: 0 auto;  /* ver porque no me lo centra*/
    margin-bottom: 30px;
  
  
}

 #bloqueContenidoServiciosPromociones a {
   
    text-align: center;
    color: #303f9f;
    border: 2px solid #303f9f;
    padding:5%;
    margin: 0 auto;  /* ver porque no me lo centra*/
    margin-bottom: 30px;
     
  
}

#bloqueContenidoServiciosDescuentos a:hover {
    color: #f4f5f6;
    background: #ff4f4e;
    border: 2px solid #ff4f4e; 
}

#bloqueContenidoServiciosPromociones a:hover {
    color: #f4f5f6;
    background: #303f9f;
    border: 2px solid #303f9f; 
}


.tituloDescuentos {
    background: #ff4f4e;
    text-align: center;
   
}

article.tituloDescuentos h1 {
   
    color: #ffffff;
    font-size: 21pt;
    text-transform: uppercase;
    font-weight: bolder;
     margin: 5%;
    text-align: center;

}

article.moverContenido {
   
   width: 100%;

}

.textoDescuentos {
    background: #ffffff;
    text-align: center;
   
}

article.textoDescuentos p {
   
    color: #4d4d4d;
    font-size: 12pt;
    margin: 5%;
    text-align: center;
    
}

.tituloPromociones {
    background: #303f9f;
    text-align: center;
   
}

article.tituloPromociones h1 {
   
    color: #ffffff;
    font-size: 21pt;
    text-transform: uppercase;
    font-weight: bolder;
     margin: 5%;
    text-align: center;

}

.textoPromociones {
    background: #ffffff;
    text-align: center;
   
}

article.textoPromociones p {
   
    color: #4d4d4d;
    font-size: 12pt;
    margin: 5%;
    text-align: center;
    
}


/*LAS CLASES :D*/

.textoClases {
    background: #ffffff;
    
   
}

div.textoClases p {
   
    color: #4d4d4d;
    font-size: 12pt;
    margin: 10%;
    
    
}


#bloqueContenidoServicios p.btnHorario {
   
    text-align: center;
     color: #f4f5f6;
    width: 80%;
    line-height: 1em;
    
    border: 2px solid #f4f5f6;
    padding:5%;
    
    text-transform: uppercase;
    
  
    font-weight: bolder;
    text-align: center;
    margin: 15% auto;
    
    
    
  
}


.textoDescripcionClases {
    background: #ffffff;
    color: #4d4d4d;
    font-size: 12pt;
    padding: 10%;
    
   
}

#algo{
    z-index: 3;
     text-transform: uppercase;
    display: block;
    line-height: 40px;
    font-size: 1em;
    
  padding: 2%;

    text-align: center;
    
     border: solid 2px #38419A;
    background-color: #FFFFFF;
    color: #38419A;
  

}

#algo:hover {
 
    border: solid 2px #FFFFFF;
    background-color: #38419A;
    color: #FFFFFF;
    text-decoration: none;
    
}

/*------------ EMPIEZA EL FOOTER -------------*/

footer, footer div {
	line-height: 2em;
	text-align: center;
	text-align: center;
	background: #F9F9F9;
}

.row{

    max-width: none;
}

footer div {
    width: 13em;
    margin: 2.5em auto;
    text-align: center;

}

footer #footerInfo {
    width: 13em;
    margin: 2.5em auto;
    text-align: center;

}

footer div p a {
    color: #CCCDCE;
    text-decoration: none;

}  

footer div p a:hover {
     color: #233AA2;
} 

#footerInfo img.nopadding {
     padding-left: 0;   
}

#footerInfo img{
    display: block;
    float: left;
    padding-left: 10px;
    margin-top:10px;
}

#redesSocialesFooter{
margin: 15px 0;
    padding: 0;
    
}

#redesSocialesFooter a:hover {
    opacity: 0.5;
}
#redesSocialesFooter a img{
    background-color: #233AA2;
    border-radius: 50%;
}

#redesSocialesFooter2{
    margin: 0;
    padding: 0;
}



 @media screen and (min-width: 800px) {
  
     .textoBanner{
         color: #ffffff;
         text-align: left;
         margin: 0;
         padding: 10px 0 0 0;
         
     
     
     }
    .textoBanner p{
         width: 50em;
       
        font-size: 13pt;
        display: block;
        /*width: 13em;*/
        text-align: left;
         margin-left: 6%;
     

    }

    .textoBanner h2{
        font-family: 'Roboto';
        color: #ffffff;
        font-size: 32pt;
        text-align: left;
        text-transform: uppercase;
        width: 10em;
        margin: 0;
        margin-left: 6%;
    }
     
     #divProbar{
    width: 200px;
    height: 36px;
       
    text-align: center;
         
    vertical-align: baseline;
    margin-left:4.8%;
         padding-top: 0.5%;
         margin-top: 20px;
  
}
     
    

.botonProbar {
    
    width: 100%;
    height: 100%;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #38419A;
    font-size: 11pt;
    padding: 6%;
    
}

.botonProbar:hover{
    background-color: #38419A;
    border: 1px solid #ffffff;
    text-decoration: none;
    color: #ffffff;
    font-size: 11pt;
  
}
     
     /*------------ EMPIEZA LA APP -------------*/


/*.fondoApp{
    width:100%; 
    overflow: hidden;
    background-size: cover;
    background-image: url("../img/fondoApp.png");
    background-position: center;
}*/

#celularImg{
     margin: -30px auto 10%;
     z-index: 1000;
    position: absolute;
    left: 20px;
}

#celularImg img{
    display: block;
   
   

}

.fondoCompletoPesas{
    
    width:100%;
    height: 400px;
    overflow: hidden;
    color: #FFFFFF;
    background-size: cover;
    background-image: url("../img/fondoApp.png");
    background-position: center;
    padding: 10% 0;
    margin-top: 15%;
}

.sinFondoAlpha{
background: rgba(248,80,50,0);
    
}
     
    #celularContenido {
        margin-top: 10px;
    
        color: #252525;
        width: 60%;

}
     

#celularContenido h2 {
 
    color: #252525;
    text-align: left;
    margin-left: 15px;
     
}

#celularContenido p{
    padding-left: 20px;
    padding-top: 10px;
    margin-bottom: 2em;
    color: #252525;
    text-align: left;
}


#celularContenido a {
    text-transform: uppercase;
    display: block;
    width: 80%;
    line-height: 40px;
    font-size: 15pt;
    background-color: #38419A;
    color: #FFFFFF;
    margin: 10px 4%;
    text-align: center;
}

#celularContenido a:hover {

    background-color: #FFFFFF;
    color: #38419A;
    text-decoration: none;
   
}

     
     /* -- SECCION NOSOTROS -- */
     
    /* .col-md-6 {

    width: 100%;

     }*/
     
    



 
 }

#logoMasTexto{
margin: 0 auto;
    width: 357px;
}

#logoMasTexto img{
margin: 25px 0 0 35%;
    direction: block;
}

#logoMasTexto p{
text-align: center;
    font-size: 13pt;
    color: #404040;
    margin-bottom: 20px;
}

#panelLogin {
    background: #ececec;
    margin: 30px auto 30px auto;
    width: 357px;
    padding: 17px;
    border-radius: 15px;
    
}

#formLogin{
    width: 278px;
    margin: 28px auto;
}



#testimonioH1 h1{
	font-size:25px;
	font-weight:bold;
	text-align:center;}

#formLogin.formSinMargin{
   margin: auto;
   
}

label{
margin: 15px 0;
}

#formLogin input {
    background: #fdfdfd;
    color: #6f6f6f;
    font-size: 16pt;
    padding: 10px;
   
    border: none;
    box-shadow: none;
    width: 278px;
   
}

#formLogin p {
    color: #6f6f6f;
    font-size: 14pt;
    padding: 10px;
    border: none;
    box-shadow: none;
    width: 278px;
   
}


 #formLogin textarea {
    background: #fdfdfd;
    color: #6f6f6f;
    font-size: 16pt;
    padding: 10px;
   /* margin-top: 10px;*/
    border: none;
    box-shadow: none;
      width: 278px;
     
}

#aceptarYvolver{
margin: 0 auto !important;
    align-content: center;
    
   
}

#formLogin input.buttonLogin{
    width: 100%;
    border: none;
    background: #38419a;
    color: #ffffff;
   
}

#formLogin input.buttonLoginMargin{
    width:100%;
    border: none;
    background: #FF4F4E;
    color: #ffffff;
    
   
}

#formLogin #buttonVolverMargin{
       width: 278px;
    border: none;
    background: #FF4F4E;
    color: #ffffff;
    
   
    font-size: 16pt;
    
    padding: 10px;
    margin-top: 200px;
    border: none;
    box-shadow: none;
    text-decoration: none;
}




.margenTop{

    margin-top: 10px !important;

}



.brown {

    background-color: #000000;
    
  
    font-weight: 200;
    color: white;
}

.alinear {
text-align: center;
font-size:12pt;
   
}


td {
   
    font-family: 'Pontato', sans-serif;
    background-color: white;
}

tr {
  
     color: grey;
    
}


td.bierlifeTap {
   
    font-family: 'Pontato', sans-serif;
    background: rgba(215, 120, 0, 0.2); 
	font-size:12pt;
}

td.especialTap {
   
    font-family: 'Pontato', sans-serif;
    background: rgba(250, 120, 0, 0.2); 
	font-size:12pt;
}

td.happyhourTap {
   
    font-family: 'Pontato', sans-serif;
    background: rgba(0, 255, 0, 0.2); 
	font-size:12pt;
}

td.bierlifeTapHappy {
   
    font-family: 'Pontato', sans-serif;
    background: rgba(215, 120, 0, 0.2); 
	font-size:12pt;
}



.card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}



.negritaBeer {
font-weight: bolder;
 font-size:12pt;
}




.blanco {
background-color: white;
}

.blancoFont {
color: white;
}

.pLeft {
text-align: left;
}

.marronH1 {
color: #aa712d;
  
   
}

.h1Tipography {
  font-family: 'Oswald', sans-serif;
    font-size: 15pt;
}

.margenImg {
margin: 15%;
}

.margenTable {
margin-top: 2%;
}


.notiene {
background-color: #d9534f;
    color: #d9534f;
   /* display:none;*/
}

.esnitro {
background-color: red;

}

tr .ipaday {
    background-color: green;
    font-weight: 200;
    color: white;
}