﻿#container {    
    width: 100%;  /* Ancho del contenedor */	
}

#container input {
/*botones ocultos*/
	height: 2.5em;
	visibility: hidden;
}

#container label {
	background: #f9f9f9;  /* Fondo de las pestañas */
	border-radius: .25em .25em 0 0;
	color: #888;  /* Color del texto de las pestañas */
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1em;  /* Tamaño del texto de las pestañas */
	height: 2.5em;
	line-height: 2.5em;
	margin-right: .25em;
	padding: 0 1.5em;	
}

#container input:hover + label {
	background: #ddd;  /* 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 */
}

#container input:checked + label {
	background: #f1f1f1;  /* Fondo de las pestañas al presionar */
	color: #444; /* Color de las pestañas al presionar */
	color: darkblue;
	/*border: gray 1px solid;*/
	position: relative;
	z-index: 6;	
	border: lightgray 1px solid;
}

#content {
	background: #f1f1f1;  /* Fondo del contenido */
	border-radius: 0 .25em .25em .25em;
	height: 100%;
	z-index: 5;
	/*según modelo*/
	position:relative;
}

			/*  27-04-2018 - el cambio de pestaña se hace por js
				La regla #content div establece opacity:0 y z-index:-100 para ocultar el contenido de la capa. *   /
				#content div {
					opacity: 0;			
					z-index: -100;
					transition: all linear 0.1s;	
					/*deshabilito vista*   /
					display: none;
				}

				/*#container input#tab-n:checked ~ #content #content-n establecen opacity:1 y z-index:100 para mostrar el contenido de la pestaña "n" solamente cuando se haya seleccionado el botón de opción "n"*  /

				#container input#tab-1:checked ~ #content #content-1, #container input#tab-2:checked ~ #content #content-2
				{
					opacity: 1;	
					z-index: 100;	
					/*habilito vista *  /
					display: block;
				}
			*/

input.visible {
  visibility: visible !important;
}

	#container fieldset {
		border:none;padding:0;margin:0;
	}
	
	#container fieldset legend { visibility:hidden; display:none;}
	
.sin_borde {
	border-bottom:0px;
}