/*logo*/
.posicionar-logo{
    margin: 5px 100px;
}

/*Navbar*/
.posicionar-var{
    margin: 60px 150px;
    /*border-top: 2px solid #999;*/
    border-top: 1px solid black;
    color: black;
    text-decoration: overline;
}

.division{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #999;
}

.divisionpro{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #999;
}
.navbar-mystyle{
    height: 120px;
}

.navbar-mystyle .navbar-nav > li > a {
  color: black;
}

.active,
.navbar-mystyle .navbar-nav > li > a:hover,
.navbar-mystyle .navbar-nav > li > a:focus {
 
  border-top: 3px solid #ccc ;
  background-color: transparent;
}

.jumbotron {
	/*background:#428BCA;*/
    /*background-color:#FEEC3D;*/
    
    /*background-color:#F7DC6F;*/
    /*background-color:#feb645;*/
    background: -webkit-linear-gradient(top, #F7DC6F 0%, #feb645 100%);
	color:#fff;
	height: 500px;
    width: 500px;
}

.banner{
    height: 520px;
    padding: 0px;
    margin-bottom: 40px;
}

.bannerpro{
    padding: 0px;
    margin-top: 80px;
}

.pos-img{
    margin-top: -65px;
}

.bloque1{
    padding-left: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cuadrado{
    background-color: #064268;
    width: 415px;
    height: 415px;
    color: #fff;
    margin-left: 60px;;
    margin-top: 25px;   
    padding-top: 95px;
    
}

.cuadrado2{
    background-color: #064268;
    width: 410px;
    height: 410px;
    color: #fff;
    margin-left: 60px;;
    margin-top: 25px;   
    padding-top: 150px;
    
}

.cuadradoomni{
    background-color: #fff;
    width: 400px;
    height: 400px;
    margin-left: 60px;;
    margin-top: 40px;   
   
    
}

.rectangulo{
    margin-top: 10px;
    background-color: #3B83B0;
    color: #fff;
    height: 100px;
    padding-top: 10px;
}

.celeste{
    color: #3B83B0;
}

section section h3{
    font-size: 45px;
    text-align: center;
}

.articulo-contenido{
    margin-left: 30px;
    
}

.articulo-contenido-text{
    margin-left: 60px;
}

.espaciopro{
    margin-bottom: 20px;
}

.footer{
    margin-top: 20px;
    padding-left: 80px;
    border-top: 1px solid #999;
    padding-top: 10px;
    
}

.color-fondo-gris{
    background-color: #ccc;
}

.color-fondo-blanco{
    background-color: #fff;
}

/*--------------------Analisis 1 -------------------------------------------------------------------------------------------------*/

#contenedor-analisis1{
    text-align: center;
    width: 500px;
    padding: 10px 20px;
    margin: 80px 100px;
   
    position: relative;
}

/*#etiqueta{
    width: 446px;
    height: 256px;
    background-image: url(img/img2.jpg);
   
}*/

/*Principal-------------------------------------------------------*/
#main_etiqueta1{
    position: absolute;
    width: 267px;
    height: 153px;
}

#main_etiqueta2{
    position: absolute;
    width: 267px;
    height: 153px;
    top: -20px;
    left: 130px;
}

#main_etiqueta3{
    position: absolute;
    width: 267px;
    height: 153px;
    top: 100px;
    left: 90px;
}

/*Sistematico-------------------------------------------------------*/
#sistematico_etiqueta1{
    position: absolute;
    width: 446px;
    height: 256px;
}

#sistematico_etiqueta2{
    position: absolute;
    width: 267px;
    height: 153px;
    top: -20px;
    left: 130px;
}

#sistematico_etiqueta3{
    position: absolute;
    width: 267px;
    height: 153px;
    top: 100px;
    left: 90px;
}

/*Inherente-------------------------------------------------------*/
#inherente_etiqueta1{
    position: absolute;
    width: 267px;
    height: 153px;
}

#inherente_etiqueta2{
    position: absolute;
    width: 446px;
    height: 256px;
    top: -20px;
    left: 130px;
}

#inherente_etiqueta3{
    position: absolute;
    width: 267px;
    height: 153px;
    top: 100px;
    left: 90px;
}

/*Residual----------------------------------------------------------*/
#residual_etiqueta1{
    position: absolute;
    width: 267px;
    height: 153px;
}

#residual_etiqueta2{
    position: absolute;
    width: 267px;
    height: 153px;
    top: -20px;
    left: 130px;
}

#residual_etiqueta3{
    position: absolute;
    width: 446px;
    height: 256px;
    top: 100px;
    left: 90px;
}


#esquema-analisis1{
    position: absolute;
    width: 216px;
    height: 291px;
    top: -150px;
    left: 350px;
}

#pie-analisis1{
    position: absolute;
    top: 518px;
}

#btn_sistemico_analisis1{
    position: absolute;
    top:100px;
    right:0px;
}

/*-------------------------------------------------------------*/
main{
    position: relative;
}

#principal,#sistematico,#inherente,#residual{
    position: absolute;
}

#sistematico,#inherente,#residual{
    visibility:hidden;
}


#btn-sistematico:hover + .sistematico{
    background-color: red;
    visibility: visible;
}