.acordion {
    left:0.5%;
    width: 99%;  /* Ancho del contenedor */
    height:100%;
    position: relative;
    display: inline-block; 
    border-radius: .25em .25em 0 0;
}

.acordion .tabs {
    	visibility: hidden;
}

.acordion .ltabs {
	background: linear-gradient( #444,#f1f1f1);  /* Fondo de las pesta�as */
	border-radius: .25em .25em 0 0;
	color: #fffa;  /* Color del texto de las pesta�as */
	cursor: pointer;
	display: block;
	float: left;
	height: 1.5em;
	margin-right: .25em;
	padding: 0 0.5em;
	text-align: center;
        position: relative;
        z-index: 7;
}

.acordion .tabs:hover + .ltabs {
	background:linear-gradient(#ddd,#f1f1f1);  /* Fondo de las pesta�as al pasar el cursor por encima */
	color: #666;  /* Color del texto de las pesta�as al pasar el cursor por encima */
}

.acordion .tabs:checked + .ltabs {
	background: linear-gradient( #111,#f1f1f1);  /* Fondo de las pesta�as al presionar */
	color: #fff; /* Color de las pesta�as al presionar */
	z-index: 6;
	
}


.acordion input#tab-a:checked ~ .content #pag1{
    opacity: 1;
    z-index: 100;
    display: inline-block;
}
.acordion input#tab-b:checked ~ .content #pag2{
    opacity: 1;
    z-index: 100;
    display: inline-block;
}
.content .pag{
    display: none;
}
.pag{
    width: 100%;
    height: 100%;
}