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


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

#escenario3_antes{
    background-image:url(../images/retirada_radiador_apartamento/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_radiador_apartamento/antes/character_hot_work_permit_off.png);
    width:246px;
    height:257px;
    left: 672px;
    top: 303px;   
}


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


#antes2{
    background-image:url(../images/retirada_radiador_apartamento/antes/character_work_guarding_off.png);
    width:117px;
    height:273px;
    left: 65px; /* 72px;*/
    top: 236px;
}

#antes2:hover{
    background-image:url(../images/retirada_radiador_apartamento/antes/character_work_guarding_on.png);
    width:116px;
    height:271px;
}

#antes3{
    background-image:url(../images/retirada_radiador_apartamento/antes/character_extinguishing_equipment_off.png);
    width:138px;
    height:250px;
    left:301px;
    top: 302px;
}

#antes3:hover{
    background-image:url(../images/retirada_radiador_apartamento/antes/character_extinguishing_equipment_on.png);
    width:138px;
    height:250px;
}

#antes4{
    background-image:url(../images/retirada_radiador_apartamento/antes/character_heat_conduction_off.png);
    width:126px;
    height:226px;
    left:182px;/*195px;*/
    top:103px;
}

#antes4:hover{
    background-image:url(../images/retirada_radiador_apartamento/antes/character_heat_conduction_on.png);
    width:126px;
    height:226px;
}

#antes5{
    background-image:url(../images/retirada_radiador_apartamento/antes/character_protecting_floor_off.png);
    width:187px;
    height:210px;
    left:406px;
    top:150px;
}

#antes5:hover{
    background-image:url(../images/retirada_radiador_apartamento/antes/character_protecting_floor_on.png);
    width:186px;
    height:209px;
}


#antes6{
    background-image:url(../images/retirada_radiador_apartamento/antes/character_protecting_estructures_off.png);
    width:230px;
    height:205px;
    left:685px;
    top:99px;
}

#antes6:hover{
    background-image:url(../images/retirada_radiador_apartamento/antes/character_protecting_estructures_on.png);
    width:228px;
    height:203px;
}

#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;
	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: -660px;
    top: -295px;
	z-index:30;
}


#antes2:hover #txt2{
   left: 570px;
   top: -228px;
   z-index:30;
}


#antes3:hover #txt3{
    left: 334px;
    top: -294px;
	z-index:30;   
}


#antes4:hover #txt4{
   	left: 453px;
    top: -95px;
	z-index:30;
    
}

#antes5:hover #txt5{
    left: -394px;
   	top: -142px;
	z-index:30;
}



#antes6:hover #txt6{
    left: -673px;
    top: -91px;
	z-index:30;
}



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*/

#escenario3_durante{
    background-image:url(../images/retirada_radiador_apartamento/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_radiador_apartamento/durante/character_hot_work_guarding_off.png);
    width:117px;
    height:273px;
    left: 822px;
    top: 184px;
}


#durante1:hover{
    background-image:url(../images/retirada_radiador_apartamento/durante/character_hot_work_guarding_on.png);
    width:116px;
    height:271px;
}


#durante2{
    background-image:url(../images/retirada_radiador_apartamento/durante/character_observing_lead_off.png);
    width:677px;
    height:211px;
    left: 0px;
    top: 364.5px;
}

#durante2:hover{
    background-image:url(../images/retirada_radiador_apartamento/durante/character_observing_lead_on.png);
    width:677px;
    height:211px;
}

#durante3{
    background-image:url(../images/retirada_radiador_apartamento/durante/character_welding_flammable_off.png);
    width:250px;
    height:263px;
    left: 535px; /*553px;*/
    top: 26px; /* 60px;*/
}

#durante3:hover{
    background-image:url(../images/retirada_radiador_apartamento/durante/character_welding_flammable_on.png);
    width:250px;
    height:263px;
}



#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: -805px;
    top: -170px;
	z-index:20;
}


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


#durante3:hover #txt3{
    left: -518px;
    top: -12px;
}

/*DESPUÉS*/

#escenario3_despues{
    background-image:url(../images/retirada_radiador_apartamento/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_radiador_apartamento/despues/character_inspection_off.png);
    width:132px;
    height:234px;
    left: 260px;
    top: 93px;
}


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


#despues2{
    background-image:url(../images/retirada_radiador_apartamento/despues/character_notification_off.png);
    width:140px;
    height:272px;
    left: 408px;
    top: 276px;
}

#despues2:hover{
    background-image:url(../images/retirada_radiador_apartamento/despues/character_notification_on.png);
    width:139px;
    height:271px;
}

#despues3{
    background-image:url(../images/retirada_radiador_apartamento/despues/character_hot_work_guarding_off.png);
    width:95px;
    height:222px;
    left: 641px;
    top: 99px;
}

#despues3:hover{
    background-image:url(../images/retirada_radiador_apartamento/despues/character_hot_work_guarding_on.png);
    width:94px;
    height:220px;
}



#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: -240px;
    top: 166px;
}


#despues2:hover #txt2{
    left: -388px;
    top: -17px;
}


#despues3:hover #txt3{
    left: -621px;
    top: 160px;
}