#contenedor_ppal { width:1024px;
                   height:auto;
				   margin:auto;
	             }
				 
#header_comunidades { width:100%;
                      height:85px;
                      background: #0e0f11;
                      background: -moz-linear-gradient(left,  #0e0f11 0%, #26272a 38%, #26272a 74%, #080a0c 100%); 
                      background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e0f11), color-stop(38%,#26272a), color-stop(74%,#26272a), color-stop(100%,#080a0c)); 
                      background: -webkit-linear-gradient(left,  #0e0f11 0%,#26272a 38%,#26272a 74%,#080a0c 100%); 
                      background: -o-linear-gradient(left,  #0e0f11 0%,#26272a 38%,#26272a 74%,#080a0c 100%);
                      background: -ms-linear-gradient(left,  #0e0f11 0%,#26272a 38%,#26272a 74%,#080a0c 100%); 
                      background: linear-gradient(to right,  #0e0f11 0%,#26272a 38%,#26272a 74%,#080a0c 100%);
                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0f11', endColorstr='#080a0c',GradientType=1 );
		              float:left;
                    }
	   
	    
@font-face { font-family:"din1";
	         src: url("/fonts/DIN_Light.eot");
	         src:local('DIN Light'),
			 url("../fonts/DIN Light.ttf") format("truetype");
	       }
		
@font-face { font-family:"din2";
	         src: url("/fonts/DIN_Black.eot");
	         src:local('DIN Black'),
			 url("../fonts/DIN Black.ttf") format("truetype");
	       }	

@font-face { font-family:"kk2";
	         src: url("../fonts/k22_tri_line_gothic.eot");
	       }
		   
@font-face { font-family:"kk2";
	         src: url("../fonts/k22_tri_line_gothic.ttf");
	       }
		   
		   
#td_comunidades{
                border:0px solid #ddd;
}
       
#tr_comunidades{
       border:0px solid #ddd;
}
	
#nav_comunidades { width:1450px;
                   height:100px;
	               margin-left:auto;
	             }
				 
.a_comunidades { text-decoration:none;
				 display:inline-block;
				 color:#FFF;
				 font-size:13px;
				 font-family:"din1";
				 margin-left:30px;
				 margin-top:20px;
	             border:0;
	             list-style:none;
	             outline:none;
               }
		   
			   
#li_comunidades { text-decoration:none;
	              border:0;
	              list-style:none;
	              outline:none;
	              color:#FFF;
				  background-color: transparent;
                }
  
#li_comunidades:hover { color:#d27d00;
                        outline:none;
						list-style:none;
						text-decoration:none;
						border:0;						
	                  }
 
 
#articulos { margin-top:600px;
	       }
 
 
#icono_origen { width:15px;
                height:16px;
				float:left;
                background-image:url(../images/icono_origen.png);
				margin-right:10px;
				margin-top:-4px;
	          }
			  
#icono_camino { width:19px;
                height:13px;
				float:left;
                background-image:url(../images/icono_camino.png);
				margin-right:10px;
	          }
			  
#icono_co-creacion { width:18px;
                     height:13px;
				     float:left;
                     background-image:url(../images/icono_co-creacion.png);
				     margin-right:10px;
					 margin-top:-10px;
	               }
				   
#icono_comunidades { width:9px;
                     height:14px;
				     float:left;
                     background-image:url(../images/icono_comunidades.png);
				     margin-right:10px;
	               }
				   
#icono_leyes { width:18px;
               height:12px;
			   float:left;
               background-image:url(../images/icono_leyes.png);
			   margin-right:10px;
	         }
		
#icono_maloka { width:13px;
                height:15px;
			    float:left;
                background-image:url(../images/icono_maloka.png);
			    margin-right:10px;
	          }
			  
#logo_sura { width:177px;
             height:39px;
			 background-image:url(../images/logo_sura.png);
			 float:right;
			 margin-top:20px;
			 margin-right:20px;
	       }		
		   
#franja_naranja { width:1024px;
                  height:3px;
				  background-color:#d27d00;
				  float:left;
	            }

#slider { width:1024px;
           height:377px;
		   float:left;
		   margin-top:0px;
	     }		   
		
#logo_comunidades { width:1024px;
                    height:158px;
					background-image:url(../images/logo_comunidades.png);
					background-repeat:no-repeat;
					float:left;
					margin-top:370px;
					z-index:auto;
	              }
				 
#contenido_origen { width:1024px;
                    height:auto;
			        padding-top:50px;
			        float:left;
			        background-color:#f8f6ee;
	              }
		   
#fondo_contenido1 { width:898px;
                    height:279px;
					margin-left:70px;
					margin-top:30px;
	              }
				
				
#franja_parrafo1 { width:218px;
                   height:10px;
				   background-color:#8a5f20;
				   float:left;
	             }
			
#franja_parrafo2 { width:218px;
                   height:10px;
				   background-color:#20120b;
				   float:left;
	             }
				 
#franja_parrafo3 { width:218px;
                   height:10px;
				   background-color:#e0a043;
				   float:left;
	             }
				 
#franja_parrafo4 { width:218px;
                   height:10px;
				   background-color:#20120b;
				   float:left;
	             }
				 
#franja_parrafo5 { width:218px;
                   height:10px;
				   background-color:#372d07;
				   float:left;
	             }
				 
#franja_parrafo6 { width:218px;
                   height:10px;
				   background-color:#8a5f20;
				   float:left;
	             }
			
			
#parrafos { float:left;
          }
				  
#parrafo1 { width:218px;
            height:167px;
            float:left;
			margin-left:85px;
			margin-top:60px;
			text-align:center;
			background-color:#fff;
	      }
		  
#parrafo2 { width:218px;
            height:187px;
            float:left;
			line-height:13px;
			margin-left:45px;
			margin-top:80px;
			text-align:center;
			background-color:#fff;
	      }
		  
#parrafo3 { width:218px;
            height:187px;
            float:left;
			margin-left:45px;
			margin-top:80px;
			text-align:center;
			background-color:#fff;
	      }

#parrafo4 { width:218px;
            height:187px;
            float:left;
			margin-left:85px;
			margin-top:170px;
			text-align:center;
			background-color:#fff;
	      }
		  
#parrafo5 { width:218px;
            height:157px;
            float:left;
			margin-left:45px;
			margin-top:140px;
			text-align:center;
			background-color:#fff;
	      }
		  
#parrafo6 { width:218px;
            height:187px;
            float:left;
			margin-left:45px;
			margin-top:170px;
			text-align:center;
			background-color:#fff;
	      }
		  
#sub_parrafo1 { width:213px;
                height:160px;
                float:left;
			    line-height:13px;
			    padding-left:5px;
			    margin-top:45px;
			    text-align:center;
			    background-color:#8a5f20;
	          }
			  
#sub_parrafo2 { width:213px;
                height:160px;
                float:left;
			    line-height:13px;
			    padding-left:5px;
			    margin-top:60px;
			    text-align:center;
			    background-color:#20120b;
	          }
		
#sub_parrafo3 { width:213px;
                height:160px;
                float:left;
			    line-height:13px;
			    padding-left:5px;
			    margin-top:70px;
			    text-align:center;
			    background-color:#e0a043;
	          }
			  
#sub_parrafo4 { width:213px;
                height:160px;
                float:left;
			    line-height:13px;
			    padding-left:5px;
			    margin-top:70px;
			    text-align:center;
			    background-color:#20120b;
	          }
			 
#sub_parrafo5 { width:213px;
                height:165px;
                float:left;
			    line-height:13px;
			    padding-left:5px;
			    margin-top:45px;
			    text-align:center;
			    background-color:#372d07;
	          }
			  
#sub_parrafo6 { width:213px;
                height:160px;
                float:left;
			    line-height:13px;
			    padding-left:5px;
			    margin-top:70px;
			    text-align:center;
			    background-color:#8a5f20;
	          }
		
#articulo1 { width:365px;
             height:207px;
			 background-image:url(../images/articulo1.png);
			 margin-left:70px;
			 float:left;
	       }
		   
#articulo2 { width:365px;
             height:207px;
			 margin-left:600px;
			 background-image:url(../images/articulo1.png);
			 margin-top:30px;
	       }
		   
.titulo_documento_origen { margin-left:30px;
                           padding-top:20px;
						   font-size:14px;
	                     }
						 
.descripcion_documento_origen { font-family:"din1";
                                font-size:12px;
								margin-left:140px;
								margin-top:-130px;
								float:left;
								padding-right:5px;
	                          }
		   
#img_articulo1 { width:155px;
                 height:148px;
                 background-image:url(../images/img_articulo1.png);
				 margin-top:-130px;
				 margin-left:200px;
	           }
		
#img_articulo2 { width:150px;
                 height:148px;
                 background-image:url(../images/img_articulo2.png);
				 float:right;
				 margin-top:-45px;
				 margin-right:10px;
	           }
			 
#linea_divisora { width:1024px;
                  height:8px;
				  margin-top:30px; 
                  background-image:url(../images/linea_divisora.png);
	            }
			 
#img_slider_pequeño { width:344px;
                      height:230px;
					  background-image:url(../images/slider_pequeno1.png);
					  margin-top:30px;
					  margin-left:100px;
	                }
		
#figcaption_invitacion { width:344px;
                         height:auto;
						 margin-left:100px;
						 margin-top:10px;
	                   }
					  
.texto_invitacion { font-family:"din1";
                    font-size:13px;
	              }
					
#divisor_final { height:400px;
			     margin:-380px 500px 0px 0px;		 
                 border-right:solid 1px #CCC;
	           }
			  
#facebook { width:41px;
            height:31px;
			background-image:url(../images/facebook.png);
	      }
		  
#twitter  { width:42px;
            height:32px;
			background-image:url(../images/twitter.png);
	      }
		  
#instagram { width:41px;
             height:31px;
			 background-image:url(../images/instagram.png);
	       }

#comentarios { width:400px;
               height:350px;
			   margin-left:550px;
			   margin-top:-380px;
			   font-family:"din1";
			   font-size:14px;
			   text-align:justify;
			   margin-bottom:50px;
			 }	
			 
#titulo_contactenos { width:350px;
                      height:35px;
					  background-color:#3f3d3d;
					  border-radius:7px 7px 0 0;
					  color:#FFF;
	                } 
					
#tblTabla { margin-bottom:200px;
            margin-top:-50px;
	      }	

	
#textarea_comunidades { border:solid 1px #3f3d3d;
                        opacity:0.5;
		                font-family:"din1";
		                font-size:14px;
		                background-image:url(../images/icono_comentario.png);
		                background-repeat:no-repeat;
		                background-position:10px 10px;
		                padding-top:6px;
		                padding-left:30px;
		                border-radius:0 0 7px 7px;
		                resize: none;
		                overflow:hidden;
	                  }
		 
#input_comunidades { width:180px;
                     height:40px;
                     background-color:#0b0b0b;
		             color:#FFF;
		             border-radius:5px;
		             margin-top:10px;
		             margin-left:170px;
		             font-family:"din1";
		             font-size:14px;
	              }
				  











#contenido_camino1 { width:1024px;
                     height:auto;
			         padding-top:100px;
			         float:left;
			         background-color:#f8f6ee;
	               }
				   
		   
#imagen_bg2 { width:1024px;
              height:850px;
			  background-image:inherit;
			  background-repeat:no-repeat;
	        }		   
		   
#divisor_camino	{ width:1024px;
                  height:56px;
                  background-image:url(../images/divisor_camino.png);
	            }
					    
#contenido_camino2 { width:1024px;
                     height:1025px;
                     background-image:url(../images/fondo_contenido2.png);
					 background-repeat:no-repeat;
					 margin-left:100px;
					 margin-top:60px;
	               } 		   

#proyecto { width:20px;
            height:50px;
	        transform:rotate(-90deg);
            -moz-transform:rotate(-90deg);
            -o-transform:rotate(-90deg);
            -webkit-transform:rotate(-90deg);
            -ms-transform:rotate(-90deg);
		    font-family:"kk2";
		    font-size:18px;
		    margin-top:60px;
		    margin-left:45px;
		    float:left;
	      }		   
		   
#pajaro { width:62px;
          height:64px;
          background-image:url(../images/pajaro.png);
		  background-repeat:no-repeat;
		  float:left;
		  margin:32px -10px 0px 33px;
	    }			
				
#cultura { width:250px;
           height:auto;
		   float:left;
	     }				
		
#mineria { width:16px;
           height:13px;
           background-image:url(../images/mineria.png);
		   background-repeat:no-repeat;
		   float:left;
		   margin-top:45px;
		   margin-left:-135px;
	     }	
		 		
#separador { height:30px;
             float:left;
             border-right:solid 1px #CCC;
			 margin-top:60px;
			 margin-left:-85px;
	       }
		   
#separador2 { height:30px;
              float:left;
              border-right:solid 1px #CCC;
			  margin-top:60px;
			  margin-left:-19px;
	        }
			
#separador3 { height:90px;
              float:left;
              border-right:solid 1px #CCC;
			  margin-top:50px;
			  margin-left:19px;
	        }


#contruccion { width:16px;
               height:15px;
               background-image:url(../images/construccion.png);
			   float:left;
			   margin-top:50px;
			   margin-left:-50px;
	         }

#transporte { width:20px;
              height:12px;
			  background-image:url(../images/transporte.png);
			  float:left;
			  margin-top:50px;
	        }			 
			 

#obligaciones { width:823px;
                height:641px;
				margin-top:18px;
				margin-left:100px;
				float:left;
	          }	
			  
#identificar { width:225px;
               height:40px;
	         }

			  
#img_indi { width:69px;
            height:63px;
            background-image:url(../images/img_indi.png);
			float:left;
			margin-top:65px;
			margin-left:40px;
	      }
		  
		  
#img_sura { width:51px;
            height:11px;
            background-image:url(../images/img_sura.png);
			margin-left:650px;
			margin-top:110px;
	      }
		  
#img_micrositio { width:23px;
                  height:23px;
                  background-image:url(../images/micrositio.png);
				  margin-top:80px;
				  margin-left:220px;
	            }
				
#img_sig { width:21px;
           height:27px; 
           background-image:url(../images/mapa.png);
		   margin-top:2px;
		   float:left;
		   margin-left:420px;
	     }	
		 	  
#img_material { width:27px;
                height:27px;
                background-image:url(../images/material.png);
		        float:left;
		        margin-left:200px;
				margin-right:10px;
	          }

.titulo_sectores { font-family:"din2";
                   font-size:14px;
	             }
				 
.texto_mineria { width:120px;
                 font-family:"din1";
                 font-size:12px;
				 float:left;
				 margin-top:60px;
				 margin-left:-205px;
				 text-align:center;
				 line-height:15px;
	           }
			   
.titulo_sectores { margin-top:20px;
                   margin-left:70px;
				   float:left;
	             }	
				 
.texto_construccion { width:120px;
                      font-family:"din1";
                      font-size:12px;
				      float:left;
				      margin-top:70px;
				      margin-left:-105px;
				      text-align:center;
				      line-height:15px;
	                }			 
					
.texto_transporte { font-family:"din1";
                    font-size:12px;
					float:left;
					margin-top:70px;
					margin-left:-35px;
					line-height:15px;
	              }
				  
.obligacion { font-family:"din1";
              font-size:13px;
			  margin-left:40px;
			  line-height:13px;
			  float:left;
	        }
	
.objetivo { width:20px;
            height:50px;
	        transform:rotate(-90deg);
            -moz-transform:rotate(-90deg);
            -o-transform:rotate(-90deg);
            -webkit-transform:rotate(-90deg);
            -ms-transform:rotate(-90deg);
		    font-family:"kk2";
		    font-size:18px;
			position:absolute;
			margin-top:190px;
			margin-left:45px;
	      }	
		  
.texto_identificar { width:200px;
                     height:50px;
                     font-family:"din1";
                     font-size:12px;
					 line-height:13px;
					 float:left;
					 margin-left:200px;
					 margin-top:-90px;
	               }
				   
.texto_foco { width:80px;
              height:50px;
	          transform:rotate(-90deg);
              -moz-transform:rotate(-90deg);
              -o-transform:rotate(-90deg);
              -webkit-transform:rotate(-90deg);
              -ms-transform:rotate(-90deg);
              font-family:"kk2";
              font-size:16px;
			  float:left;
			  margin-left:435px;
			  margin-top:-65px;
			  text-align:center;
			  line-height:15px;
	        }
			
.riesgo { width:130px;
          height:50px;
          font-family:"din1";
          font-size:12px;
		  margin-left:535px;
		  margin-top:15px;
	    }
		
.parentesis { font-family:"din1";
              font-size:60px;
			  color:#aa0e30;
			  margin-top:-60px;
			  margin-left:665px;
	        }
			
.accidente2 { width:130px;
              height:50px;
              font-family:"din1";
              font-size:12px;
		      margin-left:685px;
		      margin-top:-65px;
	        }
			
.texto_salidas { width:20px;
                 height:50px;
	             transform:rotate(-90deg);
                 -moz-transform:rotate(-90deg);
                 -o-transform:rotate(-90deg);
                 -webkit-transform:rotate(-90deg);
                 -ms-transform:rotate(-90deg);
		         font-family:"kk2";
		         font-size:18px;
			     position:absolute;
			     margin-top:140px;
			     margin-left:45px;
	           }
			   
.texto_prevencion { width:20px;
                    height:50px;
	                transform:rotate(-90deg);
                    -moz-transform:rotate(-90deg);
                    -o-transform:rotate(-90deg);
                    -webkit-transform:rotate(-90deg);
                    -ms-transform:rotate(-90deg);
		            font-family:"kk2";
		            font-size:14px;
			        position:absolute;
			        margin-top:94px;
			        margin-left:140px;
	              }
				  
.texto_atencion { width:20px;
                  height:50px;
	              transform:rotate(-90deg);
                  -moz-transform:rotate(-90deg);
                  -o-transform:rotate(-90deg);
                  -webkit-transform:rotate(-90deg);
                  -ms-transform:rotate(-90deg);
		          font-family:"kk2";
		          font-size:14px;
			      position:absolute;
			      margin-top:186px;
			      margin-left:140px;
	            }
				
.texto_micrositio { width:100px;
                    height:20px;
                    font-family:"din1";
                    font-size:12px;
					margin-left:260px;
					margin-top:-30px;
	              }
				  
.texto_sig { width:140px;
             height:20px;
             font-family:"din1";
             font-size:12px;
			 margin-left:450px;
			 margin-top:-20px;
	       }
		   
.texto_material { width:140px;
                  height:20px;
                  font-family:"din1";
                  font-size:12px;
			      margin-left:650px;
			      margin-top:-20px;
	            }
				
.texto_articulacion { font-family:"din1";
                      font-size:14px;
					  margin-top:90px;
					  margin-left:365px;
	                }
					
.texto_estrategia { width:120px;
                    height:50px;
	                transform:rotate(-90deg);
                    -moz-transform:rotate(-90deg);
                    -o-transform:rotate(-90deg);
                    -webkit-transform:rotate(-90deg);
                    -ms-transform:rotate(-90deg);
		            font-family:"kk2";
		            font-size:18px;
			        position:absolute;
					line-height:22px;
					text-align:center;
			        margin-top:103px;
			        margin-left:25px;
	              }
				 
.texto_gerencia { width:230px;
                  font-family:"din1";
                  font-size:12px;
				  margin-top:110px;
				  margin-left:200px;
				  text-align:center;
				  line-height:15px;
	            }	
				
.parentesis2 { font-family:"din1";
               font-size:60px;
			   color:#aa0e30;
			   margin-top:-45px;
			   margin-left:430px;
	        }
			
.texto_ciclo { width:230px;
               font-family:"din1";
               font-size:12px;
			   margin-top:-60px;
			   margin-left:400px;
			   text-align:center;
	         }
			
.texto_mercadeo { width:230px;
                  font-family:"din1";
                  font-size:12px;
			      margin-top:-28px;
			      margin-left:520px;
			      text-align:center;
	            }	
				
.parentesis3 { font-family:"din1";
               font-size:60px;
			   color:#aa0e30;
			   margin-top:-45px;
			   margin-left:670px;
	        }
			
.texto_clientes { width:230px;
                  font-family:"din1";
                  font-size:12px;
			      margin-top:-46px;
			      margin-left:600px;
			      text-align:center;
	            }	
				
				
				
							  
			  
			  











#contenido_co_creacion { width:1024px;
                         height:auto;
			             padding-top:50px;
			             float:left;
			             background-color:#f8f6ee;
	                   }
		   
#bg_img_ppal { width:1024px;
               height:385px;
               background-image:url(../images/canoa.png);
			   margin-top:-20px;
	         }
		  
		  
#logotipos { width:757px;
             height:548px;
             background-image:url(../images/logotipos.png);
			 background-repeat:no-repeat;
			 margin-left:130px;
			 margin-bottom:50px;
			 margin-top:50px;
	       }
		   
.titulo_co_creacion { font-family:"kk2";
                      font-size:24px;
					  margin-left:420px;
					  margin-top:30px;
	                }
					
.texto_organizaciones { width:800px;
                        height:auto;
                        font-family:"din1";
                        font-size:14px;
						margin-left:100px;
						line-height:22px;
	                  }
					  
.texto_canoas { margin-top:50px;
                margin-left:500px;
	          }
			  
.texto_medios { width:400px;
                height:auto;
                font-family:"din1";
                font-size:14px;
				margin-top:30px;
				margin-left:500px;
				line-height:22px;
	          }
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  




#contenido_comunidades { width:1024px;
                         height:auto;
			             padding-top:50px;
			             float:left;
			             background-color:#f8f6ee;
	                  }
		   
#torta { width:121px;
         height:120px;
         background-image:url(../images/torta.png);
		 margin-left:50px;
		 margin-top:30px;		 
	   }		   
		  
#fecha { margin-top:-130px;
         margin-left:200px;
	   }


#separador_info { height:200px;
                  border-left:dashed 1px #643513;
				  margin-left:410px;
				  margin-top:-150px;
	            }

#separador_info2 { height:200px;
                   border-left:dashed 1px #643513;
				   margin-left:730px;
				   margin-top:-220px;
	             }
				 
#separador_info3 { height:200px;
                   border-left:dashed 1px #643513;
				   margin-left:330px;
				   margin-top:-140px;
	             }
				 
				
#separador_info4 { height:200px;
                   border-left:dashed 1px #643513;
				   margin-left:540px;
				   margin-top:-170px;
	             }
				 
#separador_info5 { height:200px;
                   border-left:dashed 1px #643513;
				   margin-left:740px;
				   margin-top:-160px;
	             }

#separador_footer { height:60px;
                    float:left;
                    border-right:solid 1px #FFF;
					margin-left:20px;
					margin-top:10px;
	              }
				  
#cuadro_nacional { width:12px;
                   height:12px;
				   background-color:#cabbaa;
				   margin-top:20px;
				   margin-left:50px;
	             }
				 
				 
#cuadro_indigena { width:12px;
                   height:12px;
				   background-color:#643513;
				   margin-top:-15px;
				   margin-left:130px;
	             }	
				
				
#icono_personas	{ width:144px;
                  height:207px;
                  background-image:url(../images/icono_personas.png);
				  margin-left:430px;
				  margin-top:10px;
	            }	

#colombia { width:115px;
            height:162px;
            background-image:url(../images/colombia.png);
			margin-left:750px;
			margin-top:-200px;
	      } 	 
				 
#infografia1 { width:63px;
               height:57px;
			   margin-left:180px;
			   margin-top:-15px;
               background-image:url(../images/infografia1.png);
	         }
		   
#infografia2 { width:126px;
               height:132px;
			   background-image:url(../images/infografia2.png);
			   margin-left:180px;
			   margin-top:10px;
		     }
			 
#infografia3 { width:175px;
               height:129px;
			   background-image:url(../images/30_40.png);
			   margin-left:350px;
			   margin-top:10px;

	         }
			
#infografia4 { width:150px;
               height:119px;
			   background-image:url(../images/infografia3.png);
			   background-repeat:no-repeat;
			   margin-left:570px;
			   margin-top:20px;
	         }
		
#infografia5 { width:226px;
               height:123px;
			   background-image:url(../images/infografia4.png);
			   background-repeat:no-repeat;
			   margin-left:770px;
			   margin-top:20px;
	         }
		 
#divisor_seccion { width:1024px;
                   height:56px;
                   background-image:url(../images/divisor_camino.png);
				   margin-top:30px;
				   margin-bottom:55px;
	             }
				 
#simbolos { width:924px;
            height:500px;
			margin:auto;
	      }
	
#simbolo1 { width:165px;
            height:123px;
            background-image:url(../images/simbolo1.png);
			float:left;
			border:solid 7px #FFF;
			transition:ease-out;
            transition-timing-function:ease-out;
			transition-duration:1s;
	      }
		
	
#simbolo1:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				   background-color:#FFF;
				 }
				  
#simbolo2:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }


.info1, .info2, .info3, .info4, .info5, .info6, .info7, .info8, .info9, .info10, .info11, .info12, .info13, .info14, .info15 {
display: block;
 bottom: 0;
 z-index: 10;
 background: rgba(0, 0, 0, 0.5);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
 width: 145px;
 color: #FFF;
 font-family:"din1";
 padding: 10px;
}
				  
#simbolo3:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }
				  
#simbolo4:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }
				  
#simbolo5:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }
				  
#simbolo6:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }
				  
#simbolo7:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }
				  
#simbolo8:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }
				 
#simbolo9:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }
				 
#simbolo10:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }
				 
#simbolo11:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }
				 
#simbolo12:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }
				 
#simbolo13:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }
				 
#simbolo14:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }

#simbolo15:hover { transition:ease-in;
				   transition-timing-function:ease-in;
				   transition-duration:1s;
				   border:solid 7px #552B00;
				 }
		  
#simbolo2 { width:165px;
            height:123px;
            background-image:url(../images/simbolo2.png);
			float:left;
			border:solid 7px #FFF;
			transition:ease-out;
            transition-timing-function:ease-out;
			transition-duration:1s;
	      }
		  
#simbolo3 { width:165px;
            height:123px;
            background-image:url(../images/simbolo3.png);
			float:left;
			border:solid 7px #FFF;
			transition:ease-out;
            transition-timing-function:ease-out;
			transition-duration:1s;
	      }
		  
#simbolo4 { width:165px;
            height:123px;
            background-image:url(../images/simbolo4.png);
			float:left;
			border:solid 7px #FFF;
			transition:ease-out;
            transition-timing-function:ease-out;
			transition-duration:1s;
	      }
		 
		 
#simbolo5 { width:165px;
            height:123px;
            background-image:url(../images/simbolo5.png);
			float:left;
			border:solid 7px #FFF;
			transition:ease-out;
            transition-timing-function:ease-out;
			transition-duration:1s;
	      }
		 
#simbolo6 { width:165px;
            height:123px;
            background-image:url(../images/simbolo6.png);
			float:left;
			border:solid 7px #FFF;
			transition:ease-out;
            transition-timing-function:ease-out;
			transition-duration:1s;
	      }
		 
#simbolo7 { width:165px;
            height:123px;
            background-image:url(../images/simbolo7.png);
			float:left;
			border:solid 7px #FFF;
			transition:ease-out;
            transition-timing-function:ease-out;
			transition-duration:1s;
	      }
		  
#simbolo8 { width:165px;
            height:123px;
            background-image:url(../images/simbolo8.png);
			float:left;
			border:solid 7px #FFF;
			transition:ease-out;
            transition-timing-function:ease-out;
			transition-duration:1s;
	      }
		  
#simbolo9 { width:165px;
            height:123px;
            background-image:url(../images/simbolo9.png);
			float:left;
			border:solid 7px #FFF;
			transition:ease-out;
            transition-timing-function:ease-out;
			transition-duration:1s;
	      }
		 
#simbolo10 { width:165px;
             height:123px;
             background-image:url(../images/simbolo10.png);
			 float:left;
			 border:solid 7px #FFF;
			 transition:ease-out;
             transition-timing-function:ease-out;
			 transition-duration:1s;
	       }
		  
#simbolo11 { width:165px;
             height:123px;
             background-image:url(../images/simbolo11.png);
			 float:left;
			 border:solid 7px #FFF;
			 transition:ease-out;
             transition-timing-function:ease-out;
			 transition-duration:1s;
	       }
		  
#simbolo12 { width:165px;
             height:123px;
             background-image:url(../images/simbolo12.png);
			 float:left;
			 border:solid 7px #FFF;
			 transition:ease-out;
             transition-timing-function:ease-out;
			 transition-duration:1s;
	       }
		  
#simbolo13 { width:165px;
             height:123px;
             background-image:url(../images/simbolo13.png);
			 float:left;
			 border:solid 7px #FFF;
			 transition:ease-out;
             transition-timing-function:ease-out;
			 transition-duration:1s;
	       }
		  
#simbolo14 { width:165px;
             height:123px;
             background-image:url(../images/simbolo14.png);
			 float:left;
			 border:solid 7px #FFF;
			 transition:ease-out;
             transition-timing-function:ease-out;
			 transition-duration:1s;
	       }
		   
#simbolo15 { width:165px;
             height:123px;
             background-image:url(../images/simbolo15.png);
			 float:left;
			 border:solid 7px #FFF;
			 transition:ease-out;
             transition-timing-function:ease-out;
			 transition-duration:1s;
	       }
		   
.titulo_comunidades { font-family:"kk2";
                      font-size:20px;
					  margin-left:360px;
					  margin-top:40px;
					  color:#643513;
	                }
	   
.poblacion { font-family:"din2";
             font-size:18px;
			 margin-left:50px;
			 margin-top:30px;
			 color:#907a2e;
	       }	   
	   
.texto_fecha { font-family:"din1";
               font-size:14px;
             }
			 
.texto_relacion_pob { font-family:"din1";
                      font-size:14px;
					  margin-left:200px;
					  margin-top:20px;
                    }
					
					
.texto_porcentaje1 { font-family:"din1";
                     font-size:14px;
					 margin-left:250px;
					 margin-top:-20px;
                   }	
				   
		
.texto_nacional { font-family:"din1";
                  font-size:14px;
				  margin-left:70px;
				  margin-top:-13px;
	            }
				
.texto_indigena	{ font-family:"din1";
                  font-size:14px;
				  margin-left:150px;
				  margin-top:-13px;
	            }
				
.texto_nacion { font-family:"din2";
                font-size:14px;
				margin-left:430px;
				margin-top:-210px;
				color:#907a2e;
              }
			  
.texto_pueblos { font-family:"din2";
                 font-size:20px;
		         margin-left:600px;
		         margin-top:-180px;
				 line-height:15px;
	          }
			  
			  
.texto_reconocidos { font-family:"din2";
                     font-size:20px;
		             margin-left:600px;
		             margin-top:30px;
					 line-height:15px;
					 color:#986827;
	               }
				   
.texto_proceso { font-family:"din2";
                 font-size:20px;
		         margin-left:600px;
		         margin-top:40px;
				 line-height:15px;
				 color:#cabbaa;
	           }
			   
.texto_resguardos { font-family:"din1";
                    font-size:14px;
					margin-left:860px;
					margin-top:-150px;
	              }
				  
.texto_hectareas { font-family:"din1";
                   font-size:14px;
		     	   margin-left:900px;
	             }
				
.texto_parcialidades { font-family:"din1";
                       font-size:14px;
		     	       margin-left:840px;
					   margin-top:10px;
	                 }
 
 
.texto_territorio { font-family:"din2";
                    font-size:14px;
		     	    margin-left:40px;
					margin-top:10px;
					color:#907a2e;
	              }


.texto_orinoquia { font-family:"din1";
                   font-size:14px;
		     	   margin-left:40px;
				   margin-top:-100px;
	             }
				 
.texto_pueblos_vias { font-family:"din2";
                      font-size:14px;
		     	      margin-left:350px;
				      margin-top:-200px;
					  color:#907a2e;
	               }
				   
				   
.texto_lenguas { font-family:"din2";
                 font-size:14px;
		     	 margin-left:580px;
				 margin-top:-200px;
			     color:#907a2e;
	           }
			   
.texto_presencia { font-family:"din2";
                   font-size:14px;
		     	   margin-left:780px;
				   margin-top:-200px;
			       color:#907a2e;
	             }
				 
				 
				 
				 
















#contenido_leyes1 { width:1024px;
                    height:auto;
			        float:left;
                    background-color:#f8f6ee;
			        overflow:hidden;
                  }

#contenedor_documentos { margin-top:50px;
                         font-family:"din1";
						 font-size:12px;
						 margin-left:50px;
						 margin-bottom:30px;
						 border:solid 1px #FFD3A8;
						 border-radius:5px;
	                   }				 
				 
.titulo_leyes { font-family:"kk2";
                font-size:24px;
				margin-left:370px;
				margin-top:80px;
	          }
			  
.descripcion_leyes { width:850px;
                     height:auto;                    
					 font-family:"din1";
                     font-size:14px;
					 margin-left:50px;
					 margin-top:20px;
	               }
				   
#documento1 { width:400px;
              height:auto;
			  float:left;
			  border:0px solid #ddd;
	        }
			
			
			
















#contenido_maloka { width:1024px;
                    height:auto;
			        float:left;
                    background-color:#f8f6ee;
		  	        overflow:hidden;
	              }
		   
#bg_img_ppal_maloka { width:1024px;
                      height:auto;
			          padding-top:5px;
                      background-image:url(../images/maloka.png);
			          background-repeat:no-repeat;
	                }
		
#estrategia { width:223px;
              height:113px;
			  margin-left:60px;
			  margin-top:10px;
			  padding-top:10px;
			  background-color:#8a5f20;
	        }
			
#sub_estrategia { width:218px;
                  height:88px;
				  background-color:#FFF;
				  margin-left:60px;
				  padding-left:5px;
				  padding-top:20px;
				  font-family:"din2";
				  font-size:12px;
				  color:#8a5f20;
				  text-align:center;
                }
			
#franja_item_estrategia { width:223px;
                          height:10px;
				          background-color:#8a5f20;
				          float:left;
				          margin-left:60px;
	                    }
		   
#img_estrategia { width:39px;
                  height:94px;
                  background-image:url(../images/img_estrategia.png);
				  float:left;
				  margin-left:90px;
	            }
			
#actores { width:223px;
           height:113px;
		   margin-left:50px;
		   margin-top:10px;
		   padding-top:10px;
		   background-color:#372d07;
	     }
		 
#sub_actores { width:218px;
               height:78px;
			   background-color:#FFF;
			   margin-left:50px;
			   padding-left:5px;
			   padding-top:30px;
			   font-family:"din2";
			   font-size:12px;
			   color:#372d07;
			   text-align:center;
             }
			
#img_actores { width:114px;
               height:92px;
               background-image:url(../images/img_actores.png);
			   float:left;
			   margin-left:55px;
	         }		   


#franja_item_actores { width:223px;
                       height:10px;
				       background-color:#372d07;
				       float:left;
				       margin-left:50px;
	                 }
				
				
#foco_arl { width:223px;
            height:113px;
		    margin-left:50px;
		    margin-top:10px;
		    padding-top:10px;
		    background-color:#20120b;
	      } 
	   
#img_foco_arl { width:95px;
                height:93px;
		 	    background-image:url(../images/img_foco_arl.png);
				margin-left:60px;
			    float:left;
		      }
			
#sub_foco_arl { width:218px;
                height:78px;
			    background-color:#FFF;
			    margin-left:50px;
			    padding-left:5px;
			    padding-top:30px;
			    font-family:"din2";
			    font-size:12px;
			    color:#20120b;
			    text-align:center;
               }
			   
			   
#franja_item_foco_arl { width:223px;
                        height:10px;
				        background-color:#20120b;
				        float:left;
				        margin-left:50px;
	                  }
					  

#items_maloka { width:1024px;
                height:auto;
	          }
			  
			  
#divisor_seccion { width:1024px;
                   height:40px;
                   background-image:url(../images/divisor_camino.png);
				   margin-top:30px;
	             }
				 
				 
			   
			
.titulo_maloka { font-family:"kk2";
                 font-size:24px;
				 margin-left:420px;
				 margin-top:80px;
	           }
			   
.titulo_pregunta { font-family:"kk2";
                   font-size:18px;
				   margin-left:90px;
				   margin-top:40px;
	             }
				 
.texto_funcion { width:750px;
                 height:auto;
                 font-family:"din1";
                 font-size:14px;
				 margin-left:90px;
				 margin-top:30px;
				 line-height:22px;
	           }
			   				 

.titulo_camino { font-family:"kk2";
                 font-size:20px;
				 margin-left:470px;
				 margin-bottom:10px;
	           }



			  






	  
#separador_footer { height:60px;
                    float:left;
                    border-right:solid 1px #FFF;
					margin-left:20px;
					margin-top:10px;
	              }
	
#footer_comunidades { width:1024px;
                      height:86px;
                      background-image:url(../images/footer_bg.png);
	                }
	  
#franja_footer { width:1024px;
				 margin-bottom:-2px;
				 margin-top:0px;
				 border-bottom:solid 10px #d37d00;
	           }


.origen { width:40px;
          float:left;
	    }

.camino { width:60px;
          float:left;
		  margin-top:-11px;
	    }
		
.creacion { float:left;
		    margin-top:-11px;
	      }
		
.comunidad { width:70px;
             float:left;
		     margin-top:-11px; 
	       }
		   
.maloka { width:60px;
          float:left;
		  margin-top:-11px; 
	    }
		   
.leyes { width:70px;
         float:left;
		 margin-top:-11px; 
       }
	   
.titulo_origen { font-family:"kk2";
                 font-size:20px;
				 margin-left:350px;
				 margin-top:50px;
	           }
		   
.titulo_contenido2 { line-height:24px;
	               }

.titulo_contenido, .titulo_contenido2, .titulo_contenido3, .titulo_contenido4, .titulo_contenido5, .titulo_contenido6 { font-family:"din2";
															                                                            font-size:14px;
															                                                            margin-top:50px;
														                                                              }
.titulo_contenido { color:#8a5f20;
	              }	
				  
.titulo_contenido3 { color:#e0a043;
	               }	
				   
.titulo_contenido5 { color:#372d07;
	               }
				  	
.titulo_contenido6 { color:#8a5f20;
	               }
				   				  
.texto_contenido { font-family:"din1";
                   font-size:14px;
				   margin-top:15px;
				   color:#FFF;
				   text-align:left;
				   padding-left:5px;
	             }
	
.texto_contenido_ { font-family:"din1";
                    font-size:14px;
					color:#FFF;
				    margin-top:20px;
					padding-left:5px;
	              }
				  
.texto_contenido2 { font-family:"din1";
                    font-size:14px;
				    margin-top:30px;
	              }

		  
.texto_contenido4 { font-family:"din1";
                    font-size:14px;
					color:#FFF;
				    margin-top:10px;
					padding-left:5px;
	              }
				  
.texto_contenido5 { font-family:"din1";
                    font-size:14px;
					color:#FFF;
				    margin-top:20px;
					padding-left:5px;
	              }
				  
.texto_contenido6 { font-family:"din1";
                    font-size:14px;
					color:#FFF;
				    margin-top:7px;
					padding-left:5px;
	              }	
				  
.titulo_articulo1 { width:250px;
                    font-family:"din2";
                    font-size:14px;
					margin-top:40px;
					margin-left:25px;
					margin-bottom:10px;
					line-height:15px;
	              }
				  
.titulo_articulo2 { width:250px;
                    font-family:"din2";
                    font-size:14px;
					line-height:15px;
					margin-top:40px;
					margin-left:25px;
					float:left;
	              }
				 
.texto_vinetas { font-family:"din1";
                 font-size:12px;
				 margin-top:10px;
				 margin-left:50px;
				 line-height:15px;
	           }

.texto_vinetas2 { font-family:"din1";
                  font-size:12px;
				  float:left;
				  margin-top:6px;
				  margin-left:50px;
	            }
			
.redes { margin-left:0px;
	   }			

.contactenos { margin-left:10px;
               padding-top:7px;
	         }
		
.elaborado { font-family:"din1";
             font-size:13px;
			 color:#FFF;
			 margin-left:100px;
			 padding-top:20px;
			 text-align:end;
			 float:left;
	       }
		   
.copy { font-family:"din1";
        font-size:13px;
		color:#FFF;
		margin-left:20px;
		padding-top:20px;
		text-align:star;
		float:left;
	  }