#pageframe-social .page-caption{ display:none !important;}
.page-conte{
        display: none;
	opacity: 0;
	position: relative;
        z-index: -100;
        width: 100%;
        height: 100%;
       
}
.page-tab {
    	height:0em;
	visibility: hidden; 
        float: left;
        display: none;
        
}
.page-caption {
	background:#0000004a ;  /* Fondo de las pesta�as #f9f9f9 */
	border-radius: .25rem .25rem 0 0;
	color:#dcdcdc;  
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1.2em; 
	height: 1.6em;
	padding: 0 0.2rem;
	text-align: center;
        z-index: 6;
        position: relative;
        min-width: 10rem;
        margin-right: 3px;
}
.page-caption input{
    margin-right: -0.16rem;
    margin-top: 1px;
    font-size: small;
    border-style:none;
    padding:1px;
    border-radius: 0em .25rem 0 0;
    float: right;
    background-color: #0000001f;
    color: currentColor;    
}
input.visible {
 
}

.pageframe .page-tab:hover + .page-caption {
        background-color: #0186ba;
        background-image: linear-gradient(#04acec, #0186ba);
	color: white;  
}

.pageframe .page-tab:checked + .page-caption {
        background-color: #111;
        background-image: linear-gradient(#777, #434343);
	color:azure; /* Color de las pesta�as al presionar */
	height: 1.7em;
        box-shadow: 0px 0px 3px 0px black;
}
.pageframe #tab-1:checked ~ .page-body #div-tab1{
    opacity: 1;
    z-index: 100;
    display: inline-block;
}
.pageframe #tab-2:checked ~ .page-body #div-tab2{
    opacity: 1;
    z-index: 100;
    display: inline-block;
}
.pageframe #tab-c:checked ~ .page-body #div-tabc{
    opacity: 1;
    z-index: 100;
    display: inline-block;
}
.pageframe #tab-d:checked ~ .page-body #div-tabd{
    opacity: 1;
    z-index: 100;
    display: inline-block;
}