@charset "utf-8";
/* CSS Document */
@import url(common.css);

.contenedor_int{ position: absolute; height: 500px; width: 100%; left: 0px; top: 40px; border-radius: 3ex; overflow: hidden; }
#txtMsg1{ padding: 70px; 100px; font-size: 2.6em;}
#txtMsg2{ padding: 70px; 100px; font-size: 2.6em;}

/*tabs jorge*/
.tab-container{
    position:relative; 

    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    
    /*-webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;*/
    }
.tab-container .tab-radio{ display:none;}
.tab-container .tab {
    display:block;
    width:auto;
    height:60px;
    float: right;
    position:relative;
    line-height:60px;
    top:0px;
    /*font-size:1.5em;*/
    padding:2px 10px !important;
    -webkit-border-radius:1ex 1ex 0ex 0ex;
    -moz-border-radius:1ex 1ex 0ex 0ex;
    -o-border-radius:1ex 1ex 0ex 0ex;
    -ms-border-radius:1ex 1ex 0ex 0ex;
    border-radius:1ex 1ex 0ex 0ex;
    margin: 0ex 0.8ex 0ex 0ex;
    /*padding:0.5ex;*/
    width:194px;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    background:#C8D1DB;
    color:#4D4E4C;
    font-weight:normal;
    font-size:2.2em;
    }
.tab:hover{height:70px;top: -10px;}
.tab-container .tab-radio:checked ~ .tab,
.tab-container .tab-radio:active ~ .tab{
    background-color:#BCCB45;
    color:#FFF;
    }
.tab-container .tab-radio:checked ~ .tab-page{ background-color:#BCCB45;} 
.tab-container .tab-radio:checked ~ .tab{}
.tab-container .tab-page{
    visibility:hidden;
    z-index=50;
    background-color:#BCCB45;
    color:#4D4E4C;
    display:block;
    position:absolute;
    top:57px;
    left:0px;
    height:25em;
    width:99%;
    float:left;
    padding:0.5em;
    margin:0ex;	
    
    -webkit-border-radius:0ex 1ex 1ex 1ex;
    -moz-border-radius:0ex 1ex 1ex 1ex;
    -ms-border-radius:0ex 1ex 1ex 1ex;
    -o-border-radius:0ex 1ex 1ex 1ex;
    border-radius:0ex 1ex 1ex 1ex;
    
    -moz-transition: visibility 0s ease-out 0.3s;
    -ms-transition: visibility 0s ease-out 0.3s;
    -o-transition: visibility 0s ease-out 0.3s;
    -webkit-transition: visibility 0s ease-out 0.3s;
    transition: visibility 0s ease-out 0.3s;
    }
.tab-container .tab-radio:checked ~ .tab-page{visibility: visible;}
.tab-container .tab-page > *
{
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -moz-transition: opacity 0.3s ease-out 0s;
    -ms-transition: opacity 0.3s ease-out 0s;
    -o-transition: opacity 0.3s ease-out 0s;
    -webkit-transition: opacity 0.3s ease-out 0s;
    transition: opacity 0.3s ease-out 0s;
}
.tab-container .tab-radio:checked ~ .tab-page > *
{
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -moz-transition: opacity 0.3s ease-in 0.15s;
    -ms-transition: opacity 0.3s ease-in 0.15s;
    -o-transition: opacity 0.3s ease-in 0.15s;
    -webkit-transition: opacity 0.3s ease-in 0.15s;
    transition: opacity 0.3s ease-in 0.15s;
}
/*fin tabs jorge*/
