@import url(./commons.css);

/*TAB1*/
#tabs1 .content{
	background-image: url(../img/RESUMEN/M_G10_U05_L01_cuadro1.png);
	height: 587px;
	background-position: 50% 140px;
}
#tabs1 .content ul{
    position: absolute;
    width: 430px;
    font-size: 1.3em;
    padding: 0px
}
#tabs1 .content ul:nth-child(1){
	top: 233px;
    left: 174px;
}
#tabs1 .content ul:nth-child(2){
    left: 715px;
    top: 288px
}
#tabs1 .content ul li{
	position: relative;
}
#tabs1 .content ul:nth-child(1) li:nth-child(2){
	top: 68px;
}
#tabs1 .content ul:nth-child(1) li:nth-child(3){
	top: 142px;
}
#tabs1 .content ul:nth-child(2) li:nth-child(2){
	top: 76px;
}
div[data-sg-id="btn-popup"]{
	position: absolute;
	top: 111px;
}
div[data-sg-id="btn-popup"][data-sg-key="1"]{
	left: 341px;
}
div[data-sg-id="btn-popup"][data-sg-key="2"]{
	left: 646px;
}
div[data-sg-id="item-popup"] p{
	position: relative;
}
.icon_close_button {
    top: -20px;
    right: -21px;
}
.content_popup{
    overflow-y: scroll;
    height: 800px;
}
/*END TAB1*/

/*TAB2*/
.ins_area{
	margin-left: 50px
}
.ins_area.text{
    color: #666666;
    font-size: 1.25em;
    top: 5px;
    position: relative;
}
.area{
    border-style: solid;
    border-color: #BBBABA;
    border-width: 5px;
    background: #D1D1D1;
    margin-left: 36px;
    width: 538px;
    height: 316px;
    margin-top: 5px;
}
.area textarea{
    background: transparent;
    border: none;
    resize: none;
    font-size: 1.75em;
    color: #333333;
    margin-top: 3px;
    line-height: 1.2em;
    width: 526px;
    height: 299px;
    overflow-y: auto;
}
#tabs2 p{
    border: solid 3px;
    border-color: #CCE0E0;
    background-color: #DAEFEB;
    margin: 33px 80px 0px 80px;
    font-size: 1.8em;
    color: #283A36;
    padding: 20px;
}
/*END TAB2*/