﻿* {
    /*font-family: Arial, sans;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;*/
}

h1 {
    margin: 1em 0;
    text-align: center;
}

#container {
    /*margin: 0 auto;
    width: 50%; */
}

    #container input {
        /*height: 2.5em;*/
        visibility: hidden;
    }

.container_label_clicked {
    background: rgba(16, 196, 178, 1) !important;
    border-radius: .25em .25em 0 0;
    color: white;
    cursor: pointer;
    /*display: block;
    float: left;*/
    font-size: 12px !important;
    /*height: 2.5em;
    line-height: 2.5em;
    margin-right: .25em;
    padding: 0 1.5em;
    text-align: center;*/
}

.container_label {
    border-radius: .25em .25em 0 0;
    color: white;
    cursor: pointer;
    /*display: block;
    float: left;*/
    font-size: 12px !important;
    /*height: 2.5em;
    line-height: 2.5em;
    margin-right: .25em;
    padding: 0 1.5em;
    text-align: center;*/
}

    #container input:hover + label {
        background: rgba(0, 60, 136, 0.2);
        color: white; /* Color del texto de las pestañas al pasar el cursor por encima */
}

#container input:checked + label {
    /*background: rgba(16, 196, 178, 1);
    color: white;*/
    position: relative;
    z-index: 6;
    /*
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	*/
}

#content {
    /*background: rgba(0, 60, 136, 0.6)*/
    border-radius: 0 .25em .25em .25em;
    min-height: 16em;
    position: relative;
    width: 100%;
    z-index: 5;
    margin-top: -15px;
}

    #content div {
        /*opacity: 0;*/
        /*padding: 1.5em;*/
        position: absolute;
        z-index: -100;
        width: 100%;
        /*
	transition: all linear 0.1s;
	*/
    }

#content-1 p {
    clear: both;
    margin-bottom: 1em;
}

    #content-1 p.left img {
        float: left;
        margin-right: 1em;
    }

    #content-1 p.last {
        margin-bottom: 0;
    }

#content-2 p {
    float: left;
    width: 48.5%;
}

    #content-2 p.column-right {
        margin-left: 3%;
    }

    #content-2 p img {
        display: block;
        margin: 0 auto 1em auto;
    }

#content-3 p,
#content-3 ul {
    margin-bottom: 1em;
}

#content-3 ul {
    margin-left: 2em;
}

#container input#tab-1:checked ~ #content #content-1,
#container input#tab-2:checked ~ #content #content-2,
#container input#tab-3:checked ~ #content #content-3 {
    opacity: 1;
    z-index: 100;
}

input.visible {
    visibility: visible !important;
}
.tab-innertable {
    
    margin-top: 0px;
    
    border-spacing:0;
    width:100%;
}
.popup-title {
    font-size: x-small;
    color: burlywood;
    padding: 1em;
    background: rgba(0,60,136,0.8);
    padding: 0.5em;
    border-bottom-style:inset;
}