/* ==========================================================================
   Estilos Nuevos jp
   ========================================================================== */




hr{
   background: red;
   border: 0;
   height: 3px;
}

body{
	background:  white;
}

.jumbotron{
  background: white;
}


header{


}
/*section{
background: #555555;
}

/*article{
	background: #222222;
}*/

aside{
	background: #ffffff;
}

footer{
	
}

input{
  text-align:center;
}


.lines{
	   color: #fff345;
     font-size:22px;
}

.caja {
     color: #02172E;
     font-size:22px;
     

}

.navbar {
   /*background-color: #0775E3;
   background: #0775E3;*/
   border-color: #02172E;
   }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
  }

.redondo{
-webkit-border-radius: 0px 0px 30px 30px;  
-moz-border-radius: 30px;
border-radius: 0px;
box-shadow: 20px 20px 50px #999;
-webkit-box-shadow: 20px 02px 50px #999;
-moz-box-shadow: 20px 20px 50px #999;
}
.redondo2{
-webkit-border-radius: 30px 30px 30px 30px;  
-moz-border-radius: 30px; 
border-radius: 30px;

}


.zoom{
        /* Aumentamos la anchura y altura durante 2 segundos */
        transition: width 2s, height 2s, transform 2s;
        -moz-transition: width 2s, height 2s, -moz-transform 2s;
        -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
        -o-transition: width 2s, height 2s,-o-transform 2s;
    }
    .zoom:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform : scale(1.3);
        -moz-transform : scale(1.3);      /* Firefox */
        -webkit-transform : scale(1.3);   /* Chrome - Safari */
        -o-transform : scale(1.3);        /* Opera */
    }