@import url(./linea_tiempo_h.css);
@import url(./tabs.css);

/*TAB 1*/
#tabs1 .content{
	background-image: url(../img/ACT3/S_G11_U05_L02_graf23-88.png);
}

/*TAB 2*/
#tabs2 .content{
	background-image: url(../img/ACT3/S_G11_U05_L02_graf24-85.png);
}
.item{
	position: absolute;
	left: 220px;
}
.item p{
	color: #373737;
	margin: 0;
	font-family: Tahoma !important;
}
.item p:nth-child(1){
	font-weight: bold;
	vertical-align: middle;
	font-size: 2em;
	float: left;
}
.item p:nth-child(2){
	font-size: 1.5em;
	margin-left: 40px;
}
.item:nth-child(1){
	top: 120px;
}
.item:nth-child(2){
	top: 220px;
}
.item:nth-child(3){
	top: 320px;
}
.item:nth-child(4){
	top: 420px;
}
.item:nth-child(5){
	top: 520px;
}
.item:nth-child(6){
	top: 240px;
	left: 760px
}
.item:nth-child(7){
	top: 340px;
	left: 760px;
}

/**TAB 3*/
.content_nav{
  /*margin-top: 50px;*/
}

.content_nav .sections {
	width: 7470px;
	height: 614px;
}

.content_nav .sections > li{ 
	height: 614px;
}
.content_nav .buttons{
	bottom: 236px;
	right: 0px;

}
 .content_nav .buttons.last{
	left: 0px;
}
.content_nav .sections > li:nth-child(1){
	background-image: url(../img/ACT3/S_G11_U05_L02_graf25.png);
}
.content_nav .sections > li:nth-child(2){
	background-image: url(../img/ACT3/S_G11_U05_L02_graf26.png);
}
.content_nav .sections > li:nth-child(3){
	background-image: url(../img/ACT3/S_G11_U05_L02_graf27.png);
}
.content_nav .sections > li:nth-child(4){
	background-image: url(../img/ACT3/S_G11_U05_L02_graf27.png);
}
.content_nav .sections > li:nth-child(5){
	background-image: url(../img/ACT3/S_G11_U05_L02_graf28.png);
}
.content_nav .sections > li:nth-child(6){
	background-image: url(../img/ACT3/S_G11_U05_L02_graf27.png);
}

.content_nav .sections > li p{
	color: #373737;
	font-size: 1.8em;
	font-family: Tahoma !important;
	position: relative;
}
.content_nav .sections > li:nth-child(1) p,
.content_nav .sections > li:nth-child(2) p{
	text-align: center;
	top: 15px;
}
.content_nav .sections > li:nth-child(3) p{
    left: 160px;
    top: 50px;
    font-size: 1.85em;
}
.content_nav .sections > li:nth-child(4) p:nth-child(1){
    left: 180px;
    top: 30px;
}
.content_nav .sections > li:nth-child(4) p:nth-child(2){
    font-size: 3em;
    font-weight: bold;
    text-align: center;
    top: -310px;
}
.content_nav .sections > li:nth-child(5) p{
    left: 160px;
    top: 30px;
}
.content_nav .sections > li:nth-child(6) p{
	left: 164px;
    top: 100px;
}

/*TAB 4*/
.tabs {
    top: 200px;
    left: 110px;
}
.tab-links{
    /*width: 100px;
    margin-left: -27px;
    margin-top: 18px;*/
    top: -120px;
    left: 220px;
 }

.tab-links li:nth-child(1) {
    width: 199px;
    height: 77px;
    background-image: url(../img/ACT3/S_G11_U05_L02_btn_materiales.png);
}
.tab-links li:nth-child(2) {
    width: 260px;
    height: 77px;
    background-image: url(../img/ACT3/S_G11_U05_L02_btn_procedimiento.png);
    margin-left: 100px;
}

.tab-links li:nth-child(1).active{
    background-image: url(../img/ACT3/S_G11_U05_L02_btn_materiales2.png);
}
.tab-links li:nth-child(2).active{
    background-image: url(../img/ACT3/S_G11_U05_L02_btn_procedimiento2.png);
}

.tab_ {
    height:414px;
    width: 1033px;
}

.tab_:nth-child(1){
    background-image: url(../img/ACT3/S_G11_U05_L02_cuadro1.png);
}
.tab_:nth-child(2){
    background-image: url(../img/ACT3/S_G11_U05_L02_cuadro2.png);
}

.tab_ ul {
    list-style: none;
    padding:0;
    margin:0;
    position: relative;
    font-family: Tahoma;
}

.tab_ li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

.tab_ li:before {
    content: "• ";
    /*color: red;*/ /* or whatever color you prefer */
}

.tab_:nth-child(1) ul{
    position: absolute;
    font-size: 2em;
    top: 70px;
    left: 20px;
    font-family: Tahoma !important;
}
.tab_:nth-child(1) ul li{
	margin-bottom: 30px;
}
.tab_:nth-child(2) p{
	font-family: Tahoma !important;
	font-size: 1.8em;
	position: absolute;
    left: 30px;
    top: 13px;
}