@charset "utf-8";
/* CSS Document */


#main{
    display: block;
    min-height: 576px;
    height:auto;
    margin-bottom: 3%;
    position: relative;
    width: 1024px;
}

#escenario2_antes{
    background-image:url(../images/retirada_chimenea_metalica/antes/inmueble.png);
    background-color:#FFF;
    background-repeat:no-repeat;
    display: block;
    height: 576px;
    margin-top:30px;
    position: relative;
    width: 1024px;
}



#antes1, #antes2, #antes3, #antes4, #antes5, #antes6,
#antes1:hover, #antes2:hover, #antes3:hover, #antes4:hover, #antes5:hover, #antes6:hover{
    background-color:transparent;
    display: block;
    position: absolute;
    background-repeat:no-repeat;
}

#antes1:hover, #antes2:hover, #antes3:hover, #antes4:hover, #antes5:hover, #antes6:hover{
    cursor:pointer;
}

#antes1{
    background-image:url(../images/retirada_chimenea_metalica/antes/character_hot_work_permit_off.png);
    width:246px;
    height:257px;
    left: 183px;
    top: 307px;
    z-index:20;
}


#antes1:hover{
    background-image:url(../images/retirada_chimenea_metalica/antes/character_hot_work_permit_on.png);
    width:245px;
    height:256px;
}


#antes2{
    background-image:url(../images/retirada_chimenea_metalica/antes/character_work_guarding_off.png);
    width:105px;
    height:245px;
    left: 20px;
    top: 312px;
	z-index:20;
}

#antes2:hover{
    background-image:url(../images/retirada_chimenea_metalica/antes/character_work_guarding_on.png);
    width:104px;
    height:243px;
}

#antes3{
    background-image:url(../images/retirada_chimenea_metalica/antes/character_sparks_off.png);
    width:310px;
    height:358px;
    left:0px;
    top: 90px;
}

#antes3:hover{
    background-image:url(../images/retirada_chimenea_metalica/antes/character_sparks_on.png);
    width:310px;
    height:358px;
}

#antes4{
    background-image:url(../images/retirada_chimenea_metalica/antes/character_protecting_cable_trays_off.png);
    width:232px;
    height:275px;
    left:442px;
    top:78px;
   /* z-index:10;*/
}

#antes4:hover{
    background-image:url(../images/retirada_chimenea_metalica/antes/character_protecting_cable_trays_on.png);
    width:231px;
    height:274px;
}

#antes5{
    background-image:url(../images/retirada_chimenea_metalica/antes/character_extinguishing_equipment_off.png);
    width:138px;
    height:252px;
    left:521px;
    top:292px;
}

#antes5:hover{
    background-image:url(../images/retirada_chimenea_metalica/antes/character_extinguishing_equipment_on.png);
    width:136px;
    height:251px;
}


#antes6{
    background-image:url(../images/retirada_chimenea_metalica/antes/character_notification_off.png);
    width:115px;
    height:242px;
    left:864px;
    top:320px;
}

#antes6:hover{
    background-image:url(../images/retirada_chimenea_metalica/antes/character_notification_on.png);
    width:114px;
    height:241px;
}

#antes1 #txt1, #antes2 #txt2, #antes3 #txt3, #antes4 #txt4, #antes5 #txt5, #antes6 #txt6{
    display:none;
}

#antes1:hover #txt1, #antes2:hover #txt2, #antes3:hover #txt3, #antes4:hover #txt4, #antes5:hover #txt5, #antes6:hover #txt6{
    display:block;
     background:rgba(255,255,255,0.92);
    background-repeat:no-repeat;
	background-size: 100% 100%;
    height: auto;
    width: 309px;
    position: absolute;
    padding:10px 35px;
	z-index:30;
	border: 1px solid #000;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

#antes1:hover #txt1{
    left: 450px;
    top: -295px;
}


#antes2:hover #txt2{
   left: 613px;
   top: -300px;
}


#antes3:hover #txt3{
    left: 633px;
    top: -78px;
    z-index:20;
}


#antes4:hover #txt4{
   	left: -425px;
    top: -65px;
    z-index:20;
}

#antes5:hover #txt5{
    left: -504px;
    top: -279px;

}



#antes6:hover #txt6{
    left: -847px;
    top: -307px;
    z-index:20;
}



h1{
    color:#fe0000;
    font-size:14px;
    font-family: 'Dosis', sans-serif;
    letter-spacing:0.5px;
    padding-top: 60px;
}


h2{
    color:#fe0000;
    font-size:14px;
    font-family: 'Dosis', sans-serif;
    letter-spacing:0.5px;
    padding-top: 50px;
	background-image:url(../images/logo_cepreven.png);
	background-repeat: no-repeat;
    background-size: 35%;
    background-position: left top;
}

p{
    color: #343434;
    font-size:14px;
    font-family: 'Dosis', sans-serif;
    text-align:justify;
}



.clear{
    clear:both;
}


/*Durante*/

#escenario2_durante{
    background-image:url(../images/retirada_chimenea_metalica/durante/inmueble.png);
    background-color:#FFF;
    background-repeat:no-repeat;
    display: block;
    height: 576px;
    margin-top:30px;
    position: relative;
    width: 1024px;
}



#durante1, #durante2, #durante3,
#durante1:hover, #durante2:hover, #durante3:hover{
    background-color:transparent;
    display: block;
    position: absolute;
    background-repeat:no-repeat;
}

#durante1:hover, #durante2:hover, #durante3:hover{
    cursor:pointer;
}

#durante1{
    background-image:url(../images/retirada_chimenea_metalica/durante/character_hot_work_guarding_off.png);
    width:102px;
    height:240px;
    left: 513px;
    top: 143px;
}


#durante1:hover{
    background-image:url(../images/retirada_chimenea_metalica/durante/character_hot_work_guarding_on.png);
    width:102px;
    height:238px;
}


#durante2{
    background-image:url(../images/retirada_chimenea_metalica/durante/character_changing_risk_off.png);
    width:123px;
    height:241px;
    left: 383px;
    top: 263px;
}

#durante2:hover{
    background-image:url(../images/retirada_chimenea_metalica/durante/character_changing_risk_on.png);
    width:122px;
    height:239px;
}

#durante3{
    background-image:url(../images/retirada_chimenea_metalica/durante/character_guarding_the_environment_off.png);
    width:124px;
    height:233px;
    left: 11px;
    top: 161px;
}

#durante3:hover{
    background-image:url(../images/retirada_chimenea_metalica/durante/character_guarding_the_environment_on.png);
    width:123px;
    height:232px;
}



#durante1 #txt1, #durante2 #txt2, #durante3 #txt3{
    display:none;
}

#durante1:hover #txt1, #durante2:hover #txt2, #durante3:hover #txt3{
    display:block;
     background:rgba(255,255,255,0.92);
    background-repeat:no-repeat;
	background-size: 100% 100%;
    height: auto;
    width: 309px;
    position: absolute;
    padding:10px 35px;
	border: 1px solid #000;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

#durante1:hover #txt1{
    left: 120px;
    top: -130px;
}


#durante2:hover #txt2{
   	left: 250px;
    top: -250px;
}


#durante3:hover #txt3{
    left: 622px;
    top: -148px;
}

/*DESPUÉS*/

#escenario2_despues{
    background-image:url(../images/retirada_chimenea_metalica/despues/inmueble.png);
    background-color:#FFF;
    background-repeat:no-repeat;
    display: block;
    height: 576px;
    margin-top:30px;
    position: relative;
    width: 1024px;
}



#despues1, #despues2, #despues3,
#despues1:hover, #despues2:hover, #despues3:hover{
    background-color:transparent;
    display: block;
    position: absolute;
    background-repeat:no-repeat;
}

#despues1:hover, #despues2:hover, #despues3:hover{
    cursor:pointer;
}

#despues1{
    background-image:url(../images/retirada_chimenea_metalica/despues/character_inspection_off.png);
    width:132px;
    height:234px;
    left: 148px;
    top: 119px;
}


#despues1:hover{
    background-image:url(../images/retirada_chimenea_metalica/despues/character_inspection_on.png);
    width:131px;
    height:233px;
}


#despues2{
    background-image:url(../images/retirada_chimenea_metalica/despues/character_notification_off.png);
    width:255px;
    height:246px;
    left: 253px;
    top: 320px;
}

#despues2:hover{
    background-image:url(../images/retirada_chimenea_metalica/despues/character_notification_on.png);
     width:254px;
    height:245px;
}

#despues3{
    background-image:url(../images/retirada_chimenea_metalica/despues/character_hot_work_guarding_off.png);
    width:102px;
    height:236px;
    left: 539px;
    top: 150px;
}

#despues3:hover{
    background-image:url(../images/retirada_chimenea_metalica/despues/character_hot_work_guarding_on.png);
    width:101px;
    height:234px;
}



#despues1 #txt1, #despues2 #txt2, #despues3 #txt3{
    display:none;
}

#despues1:hover #txt1, #despues2:hover #txt2, #despues3:hover #txt3{
    display:block;
     background:rgba(255,255,255,0.92);
    background-repeat:no-repeat;
	background-size: 100% 100%;
    height: auto;
    width: 309px;
    position: absolute;
    padding:10px 35px;
	z-index: 20;
	border: 1px solid #000;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

#despues1:hover #txt1{
    /*left: -800px;
    top: -180px;*/
	left: 490px;
    top: -112px;
}


#despues2:hover #txt2{
    left: 385px;
    top: -313px;
}


#despues3:hover #txt3{
    left: 99px;
    top: -143px;
}