/************************************************************************
    CLIENTE:                        	                      ECOVIDRIO                             
    PROYECTO:                       	                      CSS PSEUDO MAPAIMAGEN CON HREF               
    FECHA CREACION:                 	            07/09/2015                           
    FECHA ULTIMA MODIFICACION:      	 07/09/2015  - V2                            
    MODIFICADO POR:                 	           XXXXXXXXXXXX                         
************************************************************************/ 

.contenedor_mapaimagen {
	margin: 0 auto 0;
    width: 1230px;
}
.contenedor_mapaimagen  IMG{
	position:relative;
	float:left;
}
.mapaimagen{
	width: 660px;
	position:relative;
	float:left;}

.cadena_op01, .cadena_op02, .cadena_op03, .cadena_op04, .cadena_op05, .cadena_op06 {
	position:absolute;
	display:block;
	cursor:pointer;	
	background-repeat:no-repeat;
	background-position:left top;
}
.cadena_op01{
    height: 95px;
    left: 164px;
    top: 34px;
    width: 85px;
	}
.cadena_op02{
    height: 80px;
    left: 324px;
    top: 34px;
    width: 81px;
	}
.cadena_op03{
	height: 102px;
    left: 478px;
    top: 74px;
    width: 72px;
	}
.cadena_op04{
    height: 92px;
    left: 296px;
    top: 179px;
    width: 133px;
	}
.cadena_op05{
    height: 95px;
    left: 159px;
    top: 177px;
    width: 93px;
	}
.cadena_op06{
    height: 81px;
    left: 14px;
    top: 95px;
    width: 84px;
	}
	
.cadena_op01:hover, .cadena_sel01{
	background-image: url("img/cadena_hov01.png");
}	
.cadena_op02:hover, .cadena_sel02{
	background-image: url("img/cadena_hov02.png");
}	
.cadena_op03:hover, .cadena_sel03{
	background-image: url("img/cadena_hov03.png");
}	
.cadena_op04:hover, .cadena_sel04{
	background-image: url("img/cadena_hov04.png");
}	
.cadena_op05:hover, .cadena_sel05{
	background-image: url("img/cadena_hov05.png");
}	
.cadena_op06:hover, .cadena_sel06{
	background-image: url("img/cadena_hov06.png");
}	

.texto_cadena{
	/*color:#4f5155;*/
	font-family: "PtSerifProBook", Times;  
	width:569px;
	height:284px;
	position:relative;
	float:left;
}

.texto_cadena span{
	color:#269b48;

}
.texto_cadena_titulo{
    font-family: "ProximaNova",Arial;
    font-size: 1.3em;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 30px;
}
.texto_cadena_cuerpo{
    font-size: 1.1em;
    line-height: 1.1em;
    padding-left: 20px;
    padding-top: 7px;
    width: 380px;
}
.texto_cadena_icono{
    left: 410px;
    position: absolute;
    top: 85px;
}
.texto_cadena_pie{
   font-size: 1.1em;
    font-weight: bold;
    padding-left: 20px;}
	
.texto_cadena_selecciona{
	font-family: "ProximaNova", Arial;   
    font-size: 0.8em;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 2px;
}

#texto_cadena_0, #texto_cadena_1, #texto_cadena_2, #texto_cadena_3, #texto_cadena_4, #texto_cadena_5, #texto_cadena_6 {
display:none;}

#texto_cadena_0{
display:block;
}

a.iconoInteractivo path:hover {
	opacity: 0;
}
	 @media (max-width:1179px){
	div#texto_cadena_1 > div, div#texto_cadena_2 > div, div#texto_cadena_3 > div, div#texto_cadena_4 > div, div#texto_cadena_5 > div, div#texto_cadena_6 > div{
		width:90%;
	}
}

@media (max-width:780px){
	div#texto_cadena_1 > div > p, div#texto_cadena_2 > div > p, div#texto_cadena_3 > div > p, div#texto_cadena_4 > div > p, div#texto_cadena_5 > div > p, div#texto_cadena_6 > div > p{
		height:auto !important;
	}
}

.txtPasosCadenaRec{
	height:210px;
}
.txtPasosCadenaRec > label{
	display:inline-block;
	padding-top:10px;
}
	
@media (max-width:400px){
	.txtPasosCadenaRec{
		height:auto;
	}
}