@import url("reset.css");



/*
Este css es elaborado por LinkLab
Esta es una versión 2.5 de "plantilla general" para portales, 
que viene desarrollando Juan Pablo Berwart,
su diseñador front favorito (jejeje).
En esta versión estan especificadas las secciónes con comentarios, 
más algunas modificaciones en el archivo reset co respecto a algunos tags.

*/



/******************************************************/
/*CONTENIDOS GENERALES*/
/******************************************************/





/*I.-GENERICOS*/
/*Aquí están todos las etiquetas generales*/

body{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background-color:#000;
	background-image:url('../images/bg.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
	font-family:Arial, "Helvetica", sans-serif;
}

		
		h1{
			font-size:20px;
			text-transform:uppercase;
		}
		
				h2{
					font-size:14px;
					text-transform:uppercase;
				}
				
						h3{
							font-size:12px;
							text-transform:uppercase;
						}
						
								a{
									color:#3F61A0;
								}
								
									a:hover{
									color:#06265F;
									}
									 
		


/******************************************************/
/*CONTENIDOS COMUNES DEL SITIO*/
/******************************************************/


/*II.-WRAP Y CONTENIDOS*/
/*El wrap es el div contenedor que centra todo el sitio.*/



#wrap{
	width:100%;
	height:auto;
	margin:40px auto 0;
	padding:0;

}



#col{
width:70%;
height:600px;
overflow:hidden; 
float:right;
position:relative;
}

	#col_izq{
	width:30%;
	height:auto;
	float:left;
	}

	.contenido{
		width:500px;
		min-height:562px !important;
		height:562px;
		margin:36px auto;
		
	}
	
	
	#resultados.contenido{
		width:690px;
		min-height:562px !important;
		height:562px;
		margin:36px auto;
		
	}

	#que-hacemos.contenido{
		width:690px;
		min-height:562px !important;
		height:562px;
		margin:36px auto;
		
	}
	
	#contactanos.contenido{
		width:690px;
		min-height:562px !important;
		height:562px;
		margin:36px auto;
		
	}
	



	
	#cot_info{
		width:509px;
		height:auto !important;
		min-height:448px !important;
		height:448px;
		float:left;
		padding:51px 0 0;
	
	}
	
	#cot_carrusel{
		width:509px;
		height:auto !important;
		min-height:240px !important;
		height:240px;
		float:left;
		padding:5px 0 0;
	
	}	
	
	#imagen_top{
		width:500px;
		height:228px;
		float:left;
		overflow:hidden;
		border:5px solid #202020;
	}

	#imagen_side{
		width:172px;
		height:203px;
		float:left;
		overflow:hidden;
		border:5px solid #202020;
	}

	#content_side{
		width:320px;
		height:203px;
		float:right;
		overflow:hidden;
		color:#FFF;
	}

	#content_side p{
		font-size:12px
	}

	#cont_texto{
		width:509px;
		float:left;
		height:auto;
		padding:10px 0 0 0;
		color:#fff;
		font-size:14px;
		line-height:150%;
	}
	
	.orange{
		color:#FFAE00;
	}
	
	
	.big_orange{
		font-size:16px;
		color:#FFAE00;
		font-weight:bold;
	}
	
	

#cabecera{
padding:20px 0 8px 24px;
float:left;
width:600px;
background-image:url('../images/separador.jpg');
background-repeat:no-repeat;
background-position:bottom;

}

#cabecera h2{
font-size:18px;
text-transform:none;

}


	
/*III.- HEADER*/
/*el contenido del header o cabecera*/


    		#header{
				width:820px;
				height:101px;
				
				padding:0 0 0;
				float:left;
				overflow: hidden;
			
			}
			
			
			#logo{
					width:309px;
					height:131px;
					margin:40px auto 40px;
					padding:0;
					overflow:hidden;
				    
				}
            	#logo a{
					width:200px;
					height:101px;
					margin:105px auto;
					padding:0;
					overflow:hidden;
				    
				}
						
						#logo img{
							border:0;
						}
						

/****************API******************/						
								
				#api{
					width:155px;
					height:75px;
					float:right;
					margin:35px 29px 0 0 !important;
					margin:35px 15px 0 0;
					font-size:11px;
					font-family: Arial;
				}
				
				#api h1{
				font-size:18px;
				float:right;
				width:66px;
				padding:3px 0 0 0;
				}
				
				#api h3{
				font-size:10px;
				float:right;
				width:66px;
				color:#000;
				}
				
				#imagen_api{
				width:61px;
				float:left;
				height:58px;
				overflow:hidden; 
				}
				
				.content{
					padding:0 5px 0 5px;
					float:left;
				}
				
				#pronostico{
				width:100%;
				padding:0 0 0 0;
				font-size:10px;
				float:left;
				}
				
				#pronostico p{
				font-weight:bold;
				text-align: center;
				}
				
				


/***********************************************************************************************ENCABEZADO**/

#encabezado{
width:100%;
height:72px;
float:left;
/*border-bottom:1px dashed #890034;
background-color: #fff;*/
}						
	
	#titulos_grandes{
	float:left;
	width:820px;
	padding:0;
	}
	
	#titulo_imagen{
		font-size:22px;
		color: #890034;
		float:left;
		padding:0 ;
		margin:0;
		text-transform: capitalize;
		}	
		
		#encabezado h2{
		font-size:22px;
		color: #554744;
		float:left;
		font-family:"Arial", Helvetica, sans-serif ;
		padding:14px 0 14px 14px;
		text-transform: capitalize;
		}
		
		#encabezado h3{
		font-size:12px;
		font-style: italic;
		color: #554744;
		float:left;
		font-family:"Arial", Helvetica, sans-serif ;
		padding:27px 0 0 0;
		font-weight: normal;
		text-transform: capitalize;
		}
		
		#encabezado img{
		border:0;
		}
		
		#encabezado h3 a{

		color: #554744;
		text-decoration: none;

		}
		
		#encabezado h3 a:hover{
		color: #554744;
		text-decoration: underline;

		}		

/*IV.- INFONAV*/
/*Corresponde al div que contiene la información de navegacián. Era a tamaño completo,
sin embargo en otros proyectos se diferencia del sidebar. 
Por otro lado, modulo pre formatea todo los modulos de navegaciones interior que tengan info_nav*/

			
            #info_nav{
				width:820px;
				height:auto;
				float:left;
				margin:0 0 0 0;
				padding:3px 0 0 0;
				border-top:5px solid #3F61A0;
			}
            	#modulo{
				
					/*height:auto;*/
					float:right;
					/*margin:0;*/
					/*padding:0;*/
				}
				
				
				#fila_abajo{
				width:950px;
				margin:1px 0 0 0;
				border-top:10px solid #bfbfbf;
				float:left;
				}
			
	
/*V.- FO0TER*/ 
/*Corresponde al footer que cierra el sitio. 
Generalmente tiene una parte izquierda con información y una derecha  con un submenu*/                             
                    
#footer{
	width:250px;
	height:27px;
	margin:0 auto;
	padding:0;
	font-family: 'Helvetica', Arial;
	

}



#footer address{
	font-size:10px;
	font-style:normal;
	color:#fff;
	text-align:left;
	padding:7px 0 5px 0;
	float:left;
	width:132px;
	margin:20px 0 0 0;
	border-top:1px solid #82620f;
	border-bottom:1px solid #82620f;
}

		

 /*VI.-HEADMODULOS*/
	/*head_modulos: Generalmente es El header general y principal de casi todos los articulos. OJO QUE NO ES EL UNICO*/               
				#head_modulos{
					width:100%;
					height:auto;
					height:17px;
					float:left;
					/*background-color:#CD0909;*/
					background-image: url('../images/barra-productos.png');
					background-position: 0 0;
					background-repeat: no-repeat;
					margin:0;
				}


				
				#head_modulos h2{
					font-size:11px;
					color:#fff;
					width:auto;
					margin:0 0 5px;
					padding:3px 0 0 15px;
					
					
				} 
				
				
				#head_modulos img {fastpack.css (línea 1565)
						height:6px;
						margin:3px 3px 0 0;
						width:6px;
						}
							 #separador{
							 	/*
								width:100%;
								height:3px;
								float:left;
								background-image:url('../images/barra-degradacion.png');
								background-repeat:no-repeat;
								background-position:left 0;
								*/
								display:none;
							 }
							 
/*********************/
.head_portada {
	float:left;
	width:100%;
	padding:0 0 3px 0;
	margin:0 0 10px 0;
	background-image:url('../images/head_linea.jpg');
	background-repeat:no-repeat;
	background-position:left bottom;
}

.head_portada h2, h3{
	font-size:12px;
	text-transform:uppercase;
	color:#3F61A0;
}	

.head_portada  a h2,h3{
	color:#3F61A0;
}
	
							
/*****Breadcumbs*****/		
										
									#miga {
										color:#3F8E3D;
										float:left;
										font-size:11px;
										height:auto;
										margin:0;
										padding:13px 0 0px;
										width:100%;
									}
									
									.B_crumbBox {
										float:left;
										padding:2px 0 0 22px;
										font-size: 10px;
									}
				
				
				
/*V.- LOGIN*/
/*Este item activa el login y sus estados , (logeado y registro). 
Originalmente pensado para que vaya en el head*/


	/*			
				#caja-login{
					width:374px;
					height:82px;
					float:right;
				}
				
                #login{
					width:346px;
					height:78px;
					float:right;
					margin:0 25px 0 0;
					padding:0;
				}
				
				#login div{
					margin:5px 0 0 0;
					float:left;
					width:100%;
				}
				
				
                	.politicas{
						width:250px;
						float:left;
						margin:6px 0 0 25px !important;
						margin:6px 0 0 10px;
						
					}
					
					
					
						.login_label{
							width:120px;
							height:auto;
							float:left;
							text-align:right;
							margin:0 5px 0 0;
							font-size:9pt;
						}
                    	.text_input{
							border:1px solid #009933;
							float:right;
							width:200px;
							text-align:left;
						}
						
                        
                        .send_login{
							background-color:#28491A;
							color: #FFFFFF;
							border:0;
							padding:2px 5px 2px 5px;
							float:right;
							margin:7px 0 0 0;
							cursor:pointer;
						}
						
						.send_login:hover{
							background-color:#3E6C23;
							
						}
						
						.politicas button{
						color:#009933;
						border:0;
						background-color: transparent;
						cursor: pointer;
						margin:0;
						font-size:11px
						
					}
					
					.politicas button:hover{
						text-decoration:underline;
						margin:0;
					}*/


/*V.1.-LOGIN ACTIVADO

*/
/*Este es el estado activado del logueo. 
Las clases y id estan adaptados de MODX para una mayor facilidad de trabajo en este CMS.
Dios Salve a MODX*/



/*
				
                #wlpeUser{
					width:346px;
					height:78px;
					float:right;
					margin:0 30px 0 0;
					padding:0;
					text-align: right;
				}
				
				#wlpeUserInfo{
					font-size:8pt;
					
				}
				
				#wlpeLoginForm p{
					font-size:8pt;
					text-align: center;
				}
				
				#wlpeUserButtons{
				border:0;
				padding:0;
				margin:0;
				}
					
                        
                        #wlpeLogoutButton{
							background-color:#28491A;
							color: #FFFFFF;
							border:0;
							padding:2px 5px 2px 5px;
							float:right;
							margin:7px 0 0 0;
							cursor:pointer;
						}
						
						#wlpeLogoutButton:hover{
							background-color:#3E6C23;
							
						}*/
						
					


/*V.3.- REGISTRO DE ACTIVACION DE USUARIO*/
/*El registro que permite activar la cuenta*/


				
                /*#wlpeActivate{
					width:346px;
					height:78px;
					float:right;
					margin:0 25px 0 0;
					padding:0;
				}
				
				#wlpeActivate div{
					margin:2px 0 0 0;
					float:left;
					width:100%;
				}
					
						#wlpeActivate label{
							width:120px;
							height:auto;
							float:left;
							text-align:right;
							margin:0 5px 0 0;
							font-size:8pt;
						}
						
                    	#wlpeActivationPassword{
							border:1px solid #009933;
							float:right;
							width:200px;
							text-align:left;
						}
						
						#wlpeNewPassword{
							border:1px solid #009933;
							float:right;
							width:200px;
							text-align:left;
						}
						
						#wlpeNewPasswordConfirm{
							border:1px solid #009933;
							float:right;
							width:200px;
							text-align:left;
						}
						
                        
                        #wlpeActivateButton{
							background-color:#28491A;
							color: #FFFFFF;
							border:0;
							padding:2px 5px 2px 5px;
							float:right;
							margin:7px 0 0 0;
							cursor:pointer;
						}
						
						#wlpeActivateButton:hover{
							background-color:#3E6C23;
							
						}
						
						#wlpeResetButton{
							margin:7px 0 0 3px;
						}*/
											
					
/*V.4.-MENSAJES*/
/*Los mensajes de confirmación*/					
								/*.wlpeMessage{
								width:346px;
								float:left;
								color: #FF0022;
								height:auto;
								font-size:8pt;
								}
								
								.wlpeMessage p{
								color: #FF0022;
								text-align: center;
								height:auto;
								margin:0;
								font-size:8pt;
								}
								
								.wlpeMessageText{
									color: #FF0022;
									margin:0;
									padding:0;
									font-size:8pt;
								}
								
								.wlpeMessageText p{
									margin:0;
									padding:0;
									font-size:8pt;
								}
*/






/*V.2.- REGISTRO DE USUARIO */
/*Pensado para que se despliegue en una pagina nueva. 
Es un formulario (como el que esta más formateado abajo), pero tambien esta adaptado a los clases del MODX, 
para no intervenir en el codigo de modx.*/

/*

#wlpeNewUser{
	width:65%;
	height:auto;
	float:left;
	margin:0 0 0 100px;
	padding:0;
}

#wlpeNewUser div{
	width:100%;
	height:auto;
	float:left;
	margin:8px 0 8px 0;
	padding:0;
}


		.login_register{
			width:250px;
			height:auto;
			float:left;
			text-align:left;
			margin:0 5px 0 0;
			font-size:8pt;
			color:#333;
			}
			
			.info{
			font-size:9pt
			color:#FF0022;
			
			}
			
			
			#wlpeUserDefaultImage{
				float:right;
			}
			
			.text-exp{
				width:200px;
				float:right;
				text-align:left;
				font-size:8pt;
				font-weight:bold;
		
			}
			
			#wlpeCaptchaImage{
				margin:5px 0 0 10px;
				float:right;
			}
	
						#wlpeSaveRegisterButton{
									background-color:#F4652B;
									color: #FFFFFF;
									border:0;
									padding:2px 5px 2px 5px;
									float:right;
									margin:7px 5px 0 5px;
									cursor:pointer;
			
								}
								
								
								#wlpeSaveRegisterButton:hover{
									background-color: #FF9900;
									
			
								}
			
							#wlpeCancelRegisterButton{
									background-color:#F4652B;
									color: #FFFFFF;
									border:0;
									padding:2px 5px 2px 5px;
									float:right;
									margin:7px 5px 0 5px;
									cursor:pointer;
								}
								
								
								#wlpeCancelRegisterButton:hover{
									background-color: #FF9900;
								}			
                   */





/*VI.-BUSCADOR*/	

/*Es el buscador basado en flex search. */			   
				   
				   
				   #buscador_cont{
				   	width:500px;
					height:auto;
					float:right;
					margin:0;
				   }
				   
				   #buscador_cont form{
				   	width:185px;
					height:auto;
					float:right;
					margin:0;
				   }
				   
				   
					.FSF_form fieldset{
						border:0;
										}
					
					.FSF_form legend{
						display:none;
										}
					
							.busqueda_input{
								width:124px;
								float:left;
								padding:0;
								border:1px solid #737375;
								color:#333;
								margin:0 10px 3px 0;
								padding:3px;
								color:#737375;
							}
							
							
							.busqueda_opcion{
							
								width:131px;
								float:left;
								padding:0;
								border:1px solid #737375;
								color:#333;
								margin:0 10px 0 0;
								padding:2px;
								color:#737375;
							}
								.send_busqueda{
									background-image:url('../images/buscar.png');
									background-repeat:no-repeat;
									background-position:0 0;
									width:38px;
									height:22px;
									float:right;
									margin:0 6px 0 0;
									border:0;
									background-color:transparent;
									cursor:pointer;
								
								
								}
								
										.send_busqueda:hover{
										
										/*background-position:0 -20px;*/
										opacity:0.5;1293 filter:alpha(opacity=60);
										
										
										}
						
						
						
/*VI.1.-RESULTADOS DE BUSQUEDA*/	

/*Aparece en un template en blanco es el resltado de la busqueda*/			   
						
						.FSF_resultsIntroFailure{
							/*width:500px;*/
							margin:0 auto;
							padding:0;
							text-align: center;
							font-size: 11px;
							
						}
						
							.FSF_searchResults{
								/*width:500px;*/
								margin: 0;
								padding:0;
								text-align: left;
								font-size: 11px;
							}
							
									.FSF_result{
									margin:10px 0 10px 0;
									}
			
								
							   
									   .FSF_result h3 a{
											color:#B0CF08;
												}	
					
										.FSF_result h3 a:hover{
											color:#7A8F00;
												}
									   
									   
											   .FSF_resultDescription{
												padding:10px 0 10px 0;
											   }
											   
											   .FSF_pagination{
											   font-weight:bold;
											   }
									   


				   

			   
                                                     
                        
/*VII.- MENU LATERAL*/	
/*Es el menu principal que generalmente va horizontal en la parte superior*/				   
				   
                #menu_lateral{
					width:256px;
					height:auto;
					margin:0 auto;
					font-size:11px;
					font-family: "Arial", Helvetica, sans-serif ;
				
				}
					
                        #menu_lateral li{

						} 
						                                           
                        	#menu_lateral a {
								width:100%;
								float: left;
								height:24px;
								display:block;								
							}
							
                			
							
								
								.menu1{
								color:#fff;
								background-image:url('../images/btn_central_hover.gif');
								background-position:center 0;
								background-repeat:no-repeat;	
								}
								
								.menu3{
								color:#fff;
								background-image:url('../images/btn_lab_hover.gif');
								background-position:center 0;
								background-repeat:no-repeat;
								}
								
								
								
								.menu2{
								color:#fff;
								background-image:url('../images/btn_result_hover.gif');
								background-position:center 0;
								background-repeat:no-repeat;
								}
								
								.menu4{
								color:#fff;
								background-image:url('../images/btn_cient_hover.gif');
								background-position:center 0;
								background-repeat:no-repeat;
								}
								
							
								
								.menu17{
								color:#fff;
								background-image:url('../images/btn_blog_hover.gif');
								background-position:center 0;
								background-repeat:no-repeat;
								}
								
								.menu6{
								color:#fff;
								background-image:url('../images/btn_cont_hover.gif');
								background-position:center 0;
								background-repeat:no-repeat;
								}
							
						
								
								/*La clase "activo" proviene del MODX y permite marcar el link de donde se navega*/
								#menu_lateral a.active {
									background-position:0 -24px;
								}
								
								#menu_lateral a:hover{
									background-position:0 -24px;
								}
								
								#menu_lateral a span{
									display:none;
								}
								
								
							
							
								
								
								
								
								

	
				
				
/*VIII.-MODULO NOTICIAS*/
/*oticias es una clase preformateada por el id modulo Sirve para las noticias principales de la portada.*/

			
		.noticias{
			width:643px;
			height:auto !important;
			min-height:504px !important;
			height:504px;
			float:left;
			margin:0;
			padding:0;
			font-family: 'Helvetica', Arial;
		
		}
		
		
		.contenidos_portada{
				float:left;
				height:auto;
				margin:21px 0 0 !important;
				margin:13px 0 0;
				overflow:hidden;
				padding:0 0 21px 0;
				width:159px;	
		}
		
		.contenidos_portada p{
				font-size: 10px;
				line-height: 130%;
				padding:10px 0 0 0;
				
		}
		
		.contenidos_portada h2{
				font-size: 16px;
				line-height: 120%;
				text-transform:none;
		}
		
		.contenidos_portada h3{
				font-size: 13px;
				line-height: 120%;
				padding:10px 0 0 0;
				text-transform:none;
		}
		
		
       .cont_imagen{
        width:383px;
        height:245px;
        float:left;
        border:1px solid #deebf4;
        overflow:hidden;
		margin:21px 21px 0 21px !important;
		margin:21px 13px 0 13px;
        }
        
        .cont_imagen_articulo{
        width:383px;
        height:245px;
        float:left;
        border:1px solid #deebf4;
        overflow:hidden;
		margin:0 21px 21px 0 !important;
		margin:0 0 13px 0;
        }
        
        .cont_imagen_med{
        width:332px;
        height:232px;
        float:left;
        border:1px solid #deebf4;
        overflow:hidden;
		margin:0px 20px 20px 0 !important;
		margin:0px 10px 20px 0;
        
        }
 /*********************/
 
 		.contenidos_general{
				float:left;
				height:auto;
				margin:21px 0 0;
				overflow:hidden;
				padding:0 0 21px 21px;
				width:599px;	
		}
		
		.contenidos_general p{
				font-size: 10px;
				line-height: 130%;
				padding:0 0 0 0;
				
		}
		
		.contenidos_general h2{
				font-size: 16px;
				line-height: 120%;
				text-transform:none;
		}
		
		.contenidos_general h3{
				font-size: 13px;
				line-height: 120%;
				padding:10px 0 0 0;
				text-transform:none;
		}

 
       
	   .inscribete{
	   	width:159px;
		height:28px;
		padding:5px 0 0 0;
		float:left;
		text-align:center;
		color:#fff;
		margin:10px 0 0 0;
		background-image: url('../images/boton_portada.jpg');
		background-position: 0 0;
		background-repeat:no-repeat;
		
		
	   }
	   
	   .inscribete:hover{
	   	color:#DBCCC7;
		
		
	   }
        
         
         #img_certificado img{
        width:177px;
        height:230px;
        float:left;
        border:0;
         }
         
           #certificado_text{
           	width:100%;
           	float:left;
            padding:5px;
            font-size:10px;
            color:#72273e;
           }
		
		
        #texto_contenido_invest{
        	width:640px;
			height:auto;
			font-size: 12px;
			line-height: 150%;
			float:left;
			padding:0 0 0 15px;
			color:#534940;
        }
        
        #texto_contenido_invest a{
        	color:#534940;
        }
        
        #texto_contenido_invest a:hover{
        	color:#000;
        }
        
         #texto_contenido_marcas{
        	width:680px;
			height:auto;
			font-size: 12px;
			line-height: 150%;
			float:left;
			padding:0 0 0 15px;
			color:#534940;
        }

		
		#texto_contenido{
			width:410px;
			height:auto;
			font-size: 12px;
			line-height: 150%;
			float:left;
			padding:0;
			margin:0 0 0 0;
			color:#534940;
		
		}
		
		#texto_contenido p{
			padding:0 0 7px 0;
			line-height: 140%;
		
		}
		
		
		#texto_contenido_empresa{
			width:390px;
			height:auto;
			font-size: 12px;
			line-height: 150%;
			float:left;
			padding:0;
			margin:0 0 0 0;
			color:#534940;
		
		}
		
		#texto_contenido_empresa p{
			padding:0 0 7px 0;
			line-height: 140%;
		
		}
		
		#texto_contenido_cubas{
			width:410px;
			height:auto;
			font-size: 12px;
			line-height: 150%;
			float:left;
			padding:0;
			margin:0 0 0 0;
			color:#534940;
		
		}
		
		#texto_contenido_cubas p{
			padding:0 0 7px 0;
			line-height: 140%;
		
		}
		
		#texto_contenido a{
			color:#534940;
		}
		
		#texto_contenido a:hover{
			color:#000;
		}
		
		#imagen_con_sidebar{
			width:179px;
			height:267px;
			float:left;
			margin:27px 0 0 27px !important;
			margin:27px 0 0 13px;
			padding:0;
			/*background-color: #FFFBEF;
			border:1px solid #fff;*/
			overflow:hidden;
		}
		
		#imagen_maderas{
			
			float:left;
			height:267px;
			margin:27px 0 0 25px !important;
			margin:27px 0 0 12px;
			overflow:hidden;
			padding:0;
			width:260px;
		}
		
		
		
		#imagen_marcas{
			width:167px;
			height:144px;
			float:left;
			margin:10px 0 0 0;
			padding:0;
			overflow: hidden;
			/*background-color: #fff;
			border:1px solid #fff;*/
		}
		
		#imagen_sin_sidebar{
			width:450px;
			height:269px;
			float:left;
			margin:27px 0 0 27px !important;
			margin:27px 0 0 13px;
			/*background-color: #FFFBEF;
			border:1px solid #fff;*/
			overflow:hidden;
			padding:0;
		}
  
       #imagen_cubas{
			width:340px;
			height:269px;
			float:left;
			margin:27px 0 0 78px !important;
			margin:27px 0 0 39px;
			/*background-color: #FFFBEF;
			border:1px solid #fff;*/
			overflow:hidden;
			padding:0;
		}
  
  
  		.noticia_clientes{
			width:820px;
			height:264px;
			overflow:auto;
			float:left;
			margin:27px 13px 0px 0;
			padding:0 0;
			font-family: 'Helvetica', Arial;
			background-image:url('../images/fondo_clientes.png') ;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		
		
		.noticia_clientes ul{
			width:850px;
			height:264px;
			overflow:auto;
			float:left;
			margin:0 0 0 28px;
			
		}
		
		.noticia_clientes li{
			display:inline;
			float:left;
			list-style:none;
		}
		
  
 /*El slide principal del sitio.*/ 
 /*	 .slide{
			width:763px;
			height:211px;
			float:left;
			margin:0 0 0 0;
			padding:0;
			background-color: #bfbfbf;
		
		}
		
		#slide_interior{
			width:747px;
			height:191px;
			margin:0 0 0 7px;
			padding:0;
			background-color: #fff;
			border:1px solid #bfbfbf;
			overflow: hidden;
			float:left;
		
		}
		
		#slide{
			width:747px;
			height:208px;
			margin:0 0 0 7px;
			float:left;
			padding:0;
			background-color: #fff;
			border:1px solid #bfbfbf;
		
		}
 
	
	
 /*noticia_portal es un tpl que contiene una noticia en el portal. La idea es que en MODX SEA UN MODULO REPETIBLE*/ 
 				
				#noticia_portal{
					width:100%;
					float:left;
					
				}
                    
                    #submodulo_noticia_grande{
						width:502px;
						height:auto;
						float:left;
						margin:0 0 0 30px !important;
						margin:0 0 0 15px;
						/*background-image:url('../images/fondo-novedades.png') ;
						background-position: 0 0;
						background-repeat: no-repeat;*/
					}
					
					
					/*Definimos el tamaño de las imagenes*/
					
                    	#imagenes_noticia_grande{
							width:502px;
							height:137px;
							float:left;
							background-color:#ebebeb;
							margin:5px 0 5px 0;
							border:1px solid #ccc;
						}
						
						#imagenes_noticia_grande img{
							width:502px;
							height:137px;
							float:left;
							
						}
						
						/*Definimos los contenidos*/
						
                        #contenidos_noticia_grande{
							width:502px;
							height:auto;
							float:left;
							margin:0;
						
						}
						
								#contenidos_noticia_grande h3{
									margin:5px 0 5px 0;
								
								}
								
								#contenidos_noticia_grande p{
								font-size:10px;
								
								}
						
						
	
	
	
				/* VIII.1.-SIDEBAR PORTAL*/
				/*Es una subcolumna que se despliega en el portal al lado de las noticias importantes*/		
				/*Tiene en este caso su propie head_modulos esta primero por que va fuera de la columna*/
				
				
				
				
				.columna_portada{
					width:50%;
					float:left;
				
				}
				
				/*aqui va el video portal*/
				/*#video_portal{
						width:302px;
						height:229px;
						float:right;
						border:1px solid #ccc;
						margin:20px 0 0 0;
				}*/
				
				
         			#titulo_columna_noticias{
						width:270px;
						height:auto;
						margin:0 auto;
						border-bottom:1px solid #fff;
					}
					
					#titulo_columna_noticias h2{
						font-size:14px;
						height:auto;
						/*float:left;*/
						color:#fff;
						padding:0 0 0 0;
						margin:0;
						
					}
					
					

					
					/*Empieza el modulo*/
					
                    #columna_noticias{
						width:302px;
						height:auto;
						float:right;
						/*margin:0 34px 0 0 !important;*/
						/*margin:0 20px 0 0;*/
						padding:10px 0 10px 0;
						font-size:8pt;
						background-color: #636363;
					}
                    
					
					/*Empieza el submodulo pensado como repetible*/

                            #modulo_columna_noticias{
								width:270px;
								height:auto;
								/*float:left;*/
								margin:12px auto !important;
								margin:6px auto;
								padding:0;
								
							}
							
							/*Se definen las imagenes*/

                                #imagenes_noticia_chica{
									width:70px;
									height:50px;
									float:left;
									margin:0 8px 0 0;
									background-color:#ebebeb;
									border:1px solid #ccc;
								}
								
								#imagenes_noticia_chica img{
									width:70px;
									height:50px;
									float:left;
									
								}
                               
							   /*Se definen los contenidos*/
							   
									   #contenidos_columna_noticias{
											width:270px;
											height:auto;
											float:left;
											margin:0 0 5px 0;
										}
										
										#contenidos_columna_noticias p{
											float:left;
											width:180px;
											color:#fff;
										}
										
										#contenidos_columna_noticias h3{
											font-size:11px;
											color:#fff;
										}
	

                
/*IX.-MODULO SUBNOTICIAS*/                
/*Es un modulo que pertenece al portal, pero no esta contenido en el info_nav, ya que tiene un largo propio y otros atributos*/


				.subnoticias{
					height:auto;
					float:left;
					padding:0;
					/*margin:0 0 0 10px !important;
					margin:0 0 0 5px;*/
					}
										
                    .subnoticias ul{
						width:852px;
						height:auto;
						float:left;
						padding:0;
						margin:0 0 0 24px !important;
						margin:0 0 0 12px;
					}
					
					
					.subnoticias li{
						display:inline;
						margin:0;
						padding:0;
					}
                   
                        
						
						/*Se definen los contenidos*/
						
						 #submodulo_servicios{
							width:219px;
							height:auto;
							margin:6px 11px 6px 0;
							padding:0;
							float:left;
						 	
						 }
						 
						 
								 #submodulo_servicios h3{
									font-size:9pt;
								 
								 }
								 
								 #submodulo_servicios p{
									font-size:8pt;
								 
								 }
						 
						 
						 /*Se definen las imagenes*/
                             
							   #imagen_servicios{
							   	width:48px;
								height:48px;
								float:left;
								margin:0px 8px 0 0;
								background-color:#ebebeb;
							   }
							   
							   
							   
								   #imagen_servicios img{
									width:48px;
									height:48px;
									float:left;
									
								   }
							   


     							   
							   
/*X.4.-SECCIONES*/ 
/*Es un modulo que pertenece al portal, pero no esta contenido en el info_nav, ya que tiene un largo propio y otros atributos*/
                               
                .secciones{
					width:757px;
					float:right;
					height:auto;
					margin:0;
					padding:0;
				
				}
				
				.secciones ul{
					width:100%;
					float:right;
					height:auto;
					margin:0;
					padding:0;
					
				}
				
				.secciones li{
					display:inline;
				}
				
				/*Se maneja con un submodulo antes que el contenido*/
                	
                        #head_submodulos{
					
						width:237px;
						height:auto;
						float:left;
						/*background-color:#28491a;*/
						margin:0 0 0 0;
						}
						
						
						
						#head_submodulos h2{
							width:auto;
							float:left;
							padding:0;
							color:#f4652b;

						}
						
						
						/*Se definen los modulos*/
						
						
						
						
						/*PRODUCTOS CATEGORIAS*/
						
						#productos_categorias{
						width:100%;
						height:auto;
						float:left;
						margin:6px 0 0 0;
						}
						
						#productos_categorias li{
						float:left;
						display:inline;
						}
						
						#submodulo_productos{
								
								width:227px;
								height:auto;
								font-size:10px;
								float:left;
								margin:0 13px 0 0 !important;
								margin:0 6px 0 0;
								
							
							}
							
						#head_productos{
						width:227px;
						height:17px;
						float:left;
						margin:0;
						background-image: url('../images/head-seccion.jpg');
						background-position: 0 left;
						background-repeat:no-repeat;
						}
						
						#head_productos img{
						width:6px;
						height:6px;
						float:left;
						margin:4px 3px 0 0;
						}
						
						#head_productos h3{
						color:#fff;
						padding:3px 0 0 9px;
						
						}
						
						#head_productos a h3 {
						color:#fff;
						padding:2px 0 0 12px;
						}
						
						#imagenes_productos {
							background-color:#EBEBEB;
							border:1px solid #DCDCDC;
							float:left;
							height:122px;
							margin:0;
							width:225px;
							overflow: hidden;
						}
						
						#imagenes_productos_interiores{
						    background-color:#EBEBEB;
							border:1px solid #DCDCDC;
							float:left;
							height:97px;
							margin:0;
							width:97px;
						
						}
						
						
						
						
						/******Se definen las Categorias******/
						
						#submodulo_categorias{
								
								width:249px;
								height:auto;
								font-size:10px;
								float:left;
								margin:0 3px 0 0 !important;
								margin:0 3px 0 0;
								
							
							}
						
                            #submodulo_secciones{
								
								width:249px;
								height:auto;
								font-size:10px;
								float:left;
							
								}
								
								
								/*Se definen las imagenes*/
								
                                #imagenes_secciones{
									width:122px;
									height:92px;
									float:left;
									margin:0 6px 6px 0;
									background-color:#ebebeb;
									border:1px solid #fff;
								}
								
								/*Se definen los contenidos*/
								
                                #contenidos_secciones{
									width:260px;
									float:left;
									margin:5px 0 0 0;
								}
								
								#contenidos_secciones h3{
									font-size:11px;
									margin:0 0 5px 0;
								}
								
								#contenidos_secciones p{
									margin-top:6px 0 0 0;
									font-size:10px;
									
								}
								
/*XI.5.- RECETAS*/							
 /*Es un modulo que pertenece al portal, pero no esta contenido en el info_nav, ya que tiene un largo propio y otros atributos*/
 
 
 

				 	#head_seccion{
						width:249px;
						height:auto;
						float:left;
						margin:0;
						background-image: url('../images/head-seccion.png');
						background-position: 0 right;
						background-repeat:no-repeat;
						}
						
						#head_seccion img{
						width:6px;
						height:6px;
						float:left;
						margin:4px 3px 0 0;
						}
						
						#head_seccion h3{
						color:#fff;
						padding:0 3px 0 0;
						
						}
						
						#head_seccion a h3 {
						color:#fff;
						padding:2px 12px 0 0
						font-size:11px;
						}
						
						
						#head_receta h2{
							width:auto;
							float:left;
							color:#f4652b;

						}
						
						
						 #submodulo_recetas{
								
								width:249px;
								height:auto;
								font-size:9pt;
								float:left;
							
							}
							
								/*Se definen las imagenes*/
							
                                #imagenes_recetas{
									width:247px;
									height:122px;
									float:left;
									margin:0;
									background-color:#ebebeb;
									border:1px solid #DCDCDC;
									overflow: hidden;
								}
								
								 #imagenes_recetas img{
									width:247px;
									height:122px;
									float:left;
									
								}
								
								/*Se definen los contenidos*/
								
									#contenidos_recetas{
										width:249px;
										float:left;
										margin:5px 0 0 0;
										border-bottom:5px solid #999999;
									}
									
										#contenidos_recetas h3{
											font-size:11px;
											margin:0 0 0 7px;
											float:left;
										}
										
										#contenidos_recetas p{
											margin:0 0 2px 0;
											font-size:10px;
											float:left;
											width:229px;
											height:auto !important;
											min-height:74px !important;
											height:74px;
											padding:5px 10px 3px 10px;
											background-color: #dcdcdc;
											
										}


/*XI.5.1- PROMOCION*/							
 /*Es un modulo que pertenece al portal, pero no esta contenido en el info_nav, ya que tiene un largo propio y otros atributos*/
 
 
 
#promocion{
	width:185px;
	height:auto;
	font-size:10px;
	float:left;
	margin:5px 0 0 4px !important;
	margin:5px 0 0 2px;
	padding:0 0 5px 0;
	background-image: url('../images/barragris-promo.jpg');
	background-position: 0 bottom;
	background-repeat:no-repeat;
	
}

#head_promocion{
	width:100%;
	height:17px;
	float:left;
	color:#f4652b;
	background-image: url('../images/barra-promociones.png');
	background-position: 0 0;
	background-repeat:no-repeat;
	margin:0 0 1px 0;
}

			#head_promocion img{
						width:6px;
						height:6px;
						margin:3px 3px 0 0;
						}

#head_promocion h3{
float:left;
font-size:11px;
margin:0 0 5px;
padding:3px 0 0 8px;
text-align:left;
width:auto;
color:#fff;
}

#contenido_imagen{
	width:182px;
	height:86px;
	float:left;
	margin:0;
	background-color:#ebebeb;
	border:1px solid #DCDCDC;
	overflow:hidden;
}



				#contenido_info{
					width:184px !important;
					width:100%;
					float:left;
					margin:0;
				}

								#contenido_info p{
											margin:0 0 2px 0;
											font-size:10px;
											float:left;
											width:auto;
											padding:10px 10px 11px 10px;
											background-color: #dcdcdc;
											
										}



						#contenido_boton{
							float:left;
							margin:0 0 2px 0;
							background-color: #dcdcdc;
							height:auto;
							width:100%;
						}
						
						
							#contenido_boton a{
									background-image:url('../images/boton-cortizar.png');
									background-repeat:no-repeat;
									background-position:0 0;
									float:left;
									height:17px;
									padding:5px 0 0 0;
									margin:3px 0 0 25%;
									width:86px;
									border:0;
									color:#fff;
									background-color:transparent;
									text-align:center;
									cursor:pointer;
								
								
								}
								
										#contenido_boton a:hover{
										
										/*background-position:0 -20px;*/
										opacity:0.5;1293 filter:alpha(opacity=60);
										
										
										}





/******************************************************/
/*CONTENIDOS FUERA DE OTRAS PAGINAS*/
/******************************************************/

/*XI.- NOVEDADES*/

/*Modulo de despliegue interior de noticias o novedades dentro del portal*/

		.novedades{
			width:852px;
			height:279px;
			background-image: url(../images/back-novedades.png);
			background-position: 0 0;
			background-repeat: no-repeat;
			float:left;
			margin:0 0 10px 24px !important;
			margin:0 0 10px 12px;
			padding:0;
		
		}


/*Tiene en este caso su propie head_modulos*/
		
		#head_modulos_novedades{
					width:852px;
					height:auto;
					float:left;
					background-image: url(../images/barra-larga.png);
					background-position:0 0;
					background-repeat: no-repeat;
					color:#fff;
					margin:0 0 5px 0;
				}
				
				#head_modulos_novedades h2{
					font-size:11pt;
					color:#fff;
					width:auto;
					padding:2px 0 2px 15px;
					
					
				}

			
		
/*Comienza su propio despliegue de modulos*/

                    #submodulo_novedades{
						width:270px;
						height:auto;
						float:left;
						margin:0 0 0 10px !important;
						margin:0 0 0 5px;
					}
					
/*Definimos el tamaño de las imagenes*/

                    	#imagenes_novedades{
							width:270px;
							height:152px;
							float:left;
							margin:5px 0 5px 0;
							background-color:#ebebeb;
							border:1px solid #fff;
						}

						
								#imagenes_novedades img{
									width:270px;
									height:152px;
									float:left;
									
								}
								

								/*Definimos el contenido*/
								
								#contenidos_novedades{
									width:270px;
									height:auto;
									float:left;
									margin:5px 0 5px 0;
								
								}
								
										#contenidos_novedades h3{
											/*color:#f26436;*/
											margin:0 0 5px 0;
										
										}
										
										#contenidos_novedades p{
										font-size:8pt;
										margin:7px 0 7px 0;
										}
										
										 #contenidos_novedades a{
											font-size:12px;
											/*float:right;*/
											/*padding:2px 5px 2px 5px;*/
											margin:0;
											/*color:#fff;*/
											/*background-color:#f26436;*/
										}
										
										 #contenidos_novedades a:hover{
											
											/*background-color:#FF8C5F;*/
										}
									



						
/*XII.- ARTICULO*/	
/*Esta es la noticia del articulo solo.*/	

				
					
					#noticia_articulo{
						width:750px;
						height:auto;
						float:left;
						margin:5px 0 0 7px !important;
						margin:5px 0 0 4px;
						border-bottom:6px solid #A4A4A4;
					}
		
					
						
						/*Definimos el tamaño de las imagenes*/
						
						#imagen_articulo_grande{
							width:550px;
							height:306px;
							float:left;
							background-color:#ebebeb;
							margin:5px 0 5px 0;
							border:1px solid #fff;
						}
						
						#imagen_articulo_grande img{
							width:550px;
							height:306px;
							float:left;
							
						}
						
						/*Definimos los contenidos*/
						
						#contenidos_articulo{
							width:720px;
							height:auto !important;
							min-height:182px!important;
							height:182px;
							float:left;
							padding:10px 15px 10px 15px;
							margin:0 0 2px 0;
							background-color: #DCDCDC;
						
						}
						
								#contenidos_articulo h3{
									/*color:#7A8F00;*/
									font-size: 10px;
								
								}
								
								#contenidos_articulo p{
								font-size:11px;
								line-height: 140%;
								margin:0 0 10px 20px !important;
								margin:0 0 10px 10px;
								float:left;
								width:96%;
								}
								
								
								
								
								 #contenidos_articulo a{
									/*font-size:8pt;*/
									/*color:#f26436;*/
								}
								
								 #contenidos_articulo a:hover{
									
									/*background-color:#FF8C5F;*/
								}
								
								
								/*X.-NOTICIAS EN EL ARTICULO SOLO*/
								/*Columna lateral que acompaña los articulos*/


								 #contenidos_articulo_lateral{
									width:260px;
									height:auto;
									float:left;
									margin:10px 0 10px 0;
								}
										
										#contenidos_articulo_lateral p{
											font-size:10px;
											font-weight: bold;
											margin:5px 0 5px 0;
											float:left;
											width:120px;
											height:66px;
											overflow:hidden;
										}
										
												#contenidos_columna_noticias h3{
													margin:3px 0 5px 0;
													
												}
												
												#imagenes_articulo{
													width:121px;
													height:90px;
													float:left;
													background-color:#ebebeb;
													margin:5px 10px 5px 0;
													border:1px solid #fff;
												}
												
														#imagenes_articulo img{
															width:121px;
															height:90px;
															float:left;
															
														}
												 
												 #caja_articulo{
													width:260px;
													height:auto;
													float:right;
													margin:0;
													padding:0;
													font-size:8pt;
													}
											
											
													#caja_articulo h3{
														color:#f26436;
														margin:4px 0 0 0;
													}
								
												
													
													#contenidos_noticia_chica p{
													font-size:10px;
													float:left;
													width:130px;
													}
										
								
                                   				
						
						
						
				



							
							
/*XII - LISTADO DE ARTICULOS*/	
/*Esta es la lista ordenada de los articulos y elementos. Ocupada para descargas, y para articulos*/




				#submodulo_listado_articulos{
						width:100%;
						height:auto;
						float:left;
						margin:8px 0 8px 0;

							}
							
							
						 			  #imagenes_listado_articulo{
											width:185px;
											height:152px;
											float:left;
											margin:10px !important;
											margin:5px;
											padding:0;
											overflow:hidden;
											color:#ebebeb;
												   }
							   
                       #contenidos_listado_articulos{
					   		width:496px;
							height:auto;
							float:right;
					   
					   }
													   
								   #contenidos_listado_articulos h3{
										margin:0 0 3px 0;
										padding:0 0 0 8px;
								   
								   }
					
									
									#contenidos_listado_articulos p{
										margin:0 0 0 0;
										padding:0 0 0 8px;
										font-size:8pt;
										
									}



/*XII - LISTADO DE REPRESENTACION*/	
/*Esta es la lista ordenada de los articulos y elementos. Ocupada para descargas y para articulos */

               #lista_representaciones {
                  width:563px;
                  height:auto;
                  margin:0 auto;
               
               } 


				.noticia_portada{
						width:311px;
						height:63px;
						float:left;
						margin:16px 0 0 0;

							}
							
							
						 			  .noticia_portada_img{
											width:127px;
											height:60px;
											float:left;
											margin:0;
											padding:0;
											overflow:hidden;
											/*background-color: #ebebeb;*/
											color:#ebebeb;
												   }
							   
                       .contenido_noticia_portada{
					   		width:171px;
							height:auto;
							float:right;
					   
					   }
													   
								   .contenido_noticia_portada h3{
										margin:0 0 3px 0;
										padding:0 0 0 0;
										color: #000;
										font-size:11px;
								   		float:left;
										width:171px;
								   }
					
									
									.contenido_noticia_portada p{
										margin:0 0 0 0;
										padding:0 0 0 0;
										font-size:9px;
										line-height: 100%;
										float:left;
										width:171px;
										
									}
									
									.contenido_noticia_portada a h3{
										color:#046805;
										
									}
									
									
/******************noticia interior****************/



				.noticia_lista{
						width:100%;
						height:70px;
						float:left;
						margin:8px 0 8px 0;
						padding:0 0 4px 0;
						background-image: url(../images/separador.jpg);
						background-position:0 bottom;
						background-repeat:no-repeat;

							}
							
							
							.noticia_lista.last{
						
						padding:0 0 0 0;
						background-image: none;

							}
							
							
						 			  .noticia_lista_img{
											width:127px;
											height:60px;
											float:left;
											margin:0;
											padding:0;
											overflow:hidden;
											/*background-color: #ebebeb;*/
											color:#ebebeb;
												   }
							   
                       .contenido_noticia_lista{
					   		float:left;
							height:auto;
							padding:0 0 0 20px;
							width:485px;
					   
					   }
													   
								   .contenido_noticia_lista h3{
										margin:0 0 3px 0;
										padding:0 0 0 0;
										color: #000;
										font-size:11px;
								   		float:left;
										width:485px;
								   }
					
									
									.contenido_noticia_lista p{
										margin:0 0 0 0;
										padding:0 0 0 0;
										font-size:10px;
										line-height: 120%;
										float:left;
										width:485px;
										
									}
									
									.contenido_noticia_lista a h3{
										color:#046805;
										
									}
									

/******************noticia interior****************/

#descargas li{
width:180px;
float:left;
}

#descargas li .desc_text{
padding:13px 0 0 5px;
font-size:11px;
float:left;
width:110px;
}

				.link{
						width:120px;
						height:80px;
						float:left;
						margin:8px 6px 6px 6px;

							}
							
							
						 			  .link_img{
											width:40px;
											height:40px;
											float:left;
											margin:0;
											padding:0;
											overflow:hidden;
											/*background-color: #ebebeb;*/
											color:#ebebeb;
											border:1px solid #3F61A0;
												   }
							   
                       .contenido_link{
					   		width:132px;
							height:auto;
							float:right;
					   
					   }
													   
								   .contenido_link h3{
										margin:0 0 3px 0;
										padding:6px 0 0 10px;
										color: #000;
										font-size:10px;
								   		float:left;
										width:100px;
								   }
					
									
									.contenido_link p{
										margin:0 0 0 0;
										padding:0 0 0 0;
										font-size:10px;
										line-height: 120%;
										float:left;
										width:111px;
										
									}
									
									.contenido_link a h3{
										color:#046805;
										text-transform: capitalize;
										
									}
									

/***************descargas***************/


				.desc{
						width:290px;
						height:50px;
						float:left;
						margin:8px 0 8px 0;

							}
							
							
						 			  .desc_img{
											width:46px;
											height:46px;
											float:left;
											margin:0;
											padding:0;
											overflow:hidden;
											/*background-color: #ebebeb;*/
											color:#ebebeb;
												   }
							   
                       .contenido_desc{
					   		width:238px;
							height:auto;
							float:left;
					   
					   }
													   
								   .contenido_desc h3{
										margin:0 0 3px 0;
										padding:15px 0 0 0;
										color: #000;
										font-size:10px;
								   		float:left;
										width:auto;
								   }
					
									
									.contenido_desc p{
										margin:0 0 0 0;
										padding:0 0 0 0;
										font-size:10px;
										line-height: 120%;
										float:left;
										width:auto;
										
									}
									
									.contenido_desc a h3{
										color:#046805;
										text-transform: capitalize;
										
									}



/*XIII.-Materiales*/	
/*Creada para paginas de logotipos. en este caso se le añade ademas un texto*/
#listado_material{
background-color:#c7c7c7;
float:left;
font-size:10px;
height:auto !important;
min-height:132px !important;
height:132px;
margin:0 0 2px;
padding:5px 10px 3px;
width:207px;

}

#listado_material li a{
list-style: circle;
padding:2px 0 2px 0;
float:left;
width:200px;
}


/*XIII.-CLIENTES*/	
/*Creada para paginas de logotipos. en este caso se le añade ademas un texto*/

	
		#clientes{
			width:430px;
			height:auto;
			float:right;
			margin:0;
			padding:0;
		
		}
		
		#clientes ul{
			margin:0;
			padding:0;
		
		}
		
		#clientes li{
			margin:6px 6px 6px; 
			padding:0;
			width:66px;
			height:41px;
			float:left;		
			}
		
		/*El listado de clientes*/
		
		#lista_clientes{
		width:231px;
		height:auto;
		float:left;
		}
		
		
		#lista_clientes ul{
		margin:0;
		padding:5px 0 5px 0;
		}
		
		#lista_clientes li{
		float:left;
		}
		
		#lista_clientes li a{
		display: block;
		padding:2px 0 2px 20px !important;
		padding:1px 0 1px 20px;
		color:#000;
		font-size:10px;
		float:left;
		width:211px;
		text-transform: uppercase;
		
		}
		
		#lista_clientes li a:hover{
		background-color:#fff;
		background-image:  url(../images/flecha_clientes.jpg);
		background-position:2px 3px;
		background-repeat:no-repeat;
		}
		



					/*Terminacion para el modulo*/
					#listado_bottom{
						width:852px;
						height:30px;
						float:left;
						margin:0 0 0 24px !important;
						margin:0 0 0 12px;
						padding:0;
						background-image: url(../images/fondo-lista-bottom.png);
						background-position:0 0;
						background-repeat:repeat-y;
					}
					
					
					
					/*Los modulos se despliegan en una lista ordenada*/
					
					#contenidos_socios ul{
						width:auto;
						float:left;
					}
							
							#contenidos_socios li{
								width:190px;
								float:left;
								display:inline;
								margin:8px 47px 8px 47px;
							}
							
							/*Esto es para la variable de auspiciadores que son logos sin texto*/
							
							#contenidos_auspiciadores li{
								width:80px;
								float:left;
								display:inline;
								margin:8px 63px 8px 63px;
							}
							
							
							
							/*Esto es el contenido*/
							
									#submodulo_listado_socios{
											width:100%;
											height:auto;
											float:left;
											
					
												}
												
												
								   #imagenes_listado_socios{
											width:80px;
											height:80px;
											float:left;
											margin:0;
											padding:0;
											overflow:hidden;
											/*background-color: #ebebeb;*/
											color:#ebebeb;
												   }
												   
										   #contenidos_listado_socios{
												width:100px;
												height:auto;
												float:right;
												text-align: left;
												/*margin:30px 0 0 0;*/
										   
										   }
															   
												   #contenidos_listado_socios h3{
														margin:0 0 3px 0;
														padding:0 0 0 8px;
												   
												   }
									
													
													#contenidos_listado_socios p{
														margin:0 0 0 0;
														padding:0 0 0 8px;
														font-size:8pt;
														
													}
							



/*Las categorias de los productos*/
						
						#menu_productos{
						width:116px;
						font-size:11px;
						float:left;
						margin:0 10px 0 0;
						}
						
						#menu_productos li{
						float:left;
						color:#b80106;
						}
						
						#menu_productos li a{
						width:106px;
						font-size:11px;
						float:left;
						padding:3px 5px 3px 5px;
						margin:0 0 2px 0;
						background-color: #f6f6f6;
						text-align: center;
						display: block;
						}
						
						#menu_productos li a:hover{
						background-color: #fff;
						}
						
						
						#contenido_productos{
						float:right;
						width:560px;
						height:auto !important;
						min-height:139px !important;
						height:13917px;
						padding:8px;
						background-color: #f6f6f6;
						}
						
						#contenido_productos p{
								font-size:11px;
								line-height: 140%;
								margin:0 0 10px 20px;
								float:right;
								width:440px;
								}								   
								
  #menu_anidado{
  float:right;
  width:100%;
  padding:0 0 10px 0;
  
  }       
  
  #menu_anidado ul{
  float:left;
  width:100%;
  
  }
  
   #menu_anidado li{
  display:inline;
  float:left;
  }  
  
  
 #menu_anidado li.last a{

  border:0;
  
  } 
  
   #menu_anidado a{
  	font-size:11px;
  	padding:2px 5px 2px 5px;
   	border-right:1px solid #ebebeb;
  }

 #menu_anidado a:hover{
  	background-color:#6BA85A;
  	color:#fff;
  }
  
   #menu_anidado  a.active{
  	background-color:#6BA85A;
  	color:#fff;
  }

/*********************************************/
		
		
		#submodulo_proyectos{
								
								width:340px;
								height:auto;
								font-size:10px;
								float:left;
								margin:0 20px 0 0 !important;
								margin:0 8px 0 0;
								
							
							}
							
						#head_proyectos{
						width:340px;
						height:auto;
						float:left;
						margin:0;
						background-image:url(../images/barra-productos.png);
						background-position: 0 right;
						background-repeat:no-repeat;
						}
						#contenido_proyectos{
						width:340px;
						height:auto;
						float:left;
						margin:0;
						background-color: #c7c7c7;
						}
						
						#contenido_proyectos p{
						padding:8px 5px 8px 0;
						float:right;
						width:109px;
						font-size: 9px;
						margin:0 7px 0 0;
						}
						
						#head_proyectos img{
						width:6px;
						height:6px;
						float:left;
						margin:4px 3px 0 0;
						}
						
						#head_proyectos h3{
						color:#fff;
						padding:0;
						
						}
						
						#head_proyectos a h3 {
						color:#fff;
						padding:2px 0 0 12px;
						}
						
						#imagenes_proyectos {
							background-color:#EBEBEB;
							border:1px solid #DCDCDC;
							float:left;
							height:106px;
							margin:0;
							width:202px;
						}


/*****************************************************************COLUMNA DE CONTACTOS**/
 
 
 #sidebar_contacto{
 	width:377px;
	float:left;
	margin:27px 0 0 27px;
 }
  #cuadro_datos{
  	width:377px;
  	height:57px;
	float:left;
	margin:0;
	background-image:url('../images/datos-contacto.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
  }
  
  #cuadro_datos h4{
  	color:#534940;
  	width:117px;
  	height:auto;
  	padding:5px 0 0 0;
	float:right;
	margin:2px 2px 0 0;
	font-family: "Arial", Helvetica, sans-serif ;
  }


#cuadro_dato_bajo{
	width:100%;
	float:left;
	height:70px;
	font-size:11px;
	color:#666;
	padding:14px 0 0 0;
	border-bottom:1px solid #9F9A95;
}


#cuadro_cierre{
	width: 98%;
	height:50px;
	float:left;
	font-size:11px;
	color:#666;
	border-bottom:1px solid #9F9A95;
	padding:24px 0 14px 10px;
	text-align: center;
	font-size: 12px;
}

.blockup{


}

.blockdown{


}

.dato_left{
width:178px;
height:50px;
padding:20px 20px 0 0;
float:left;
border-right:1px dashed #9F9A95;
text-align: left;
font-size: 12px;
}

.dato_right{
width:158px;
height:50px;
padding:20px 0 0 20px;
float:right;
font-size: 12px;
}

/*CONTACTO OIRS*/



#form_news {
margin:10px 0 0 0;
height:auto;
overflow:hidden;
width:100%;
float:left;
}
#form_news p {
font-size:11px;
float:right;
width:100%;
color:#287B1F;
margin:0;
padding:0;
text-align: center;
}
#form_news ul {
margin:0 auto;
padding:10px 0 0;
width:100%;
}
#form_news li {
display:inline;
margin:0 auto;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:5px 0 0;
width:100%;
}

.mensaje-oirs{
width:100%;
float:left;
margin:10px 0 10px 3px;
color:#000;
text-align: center;
}

.boton-centrado{
width:100%;
margin:0 auto;
margin-top:5px;
}



#form_news h3 {
color:#28546F;
font-size:13px;
margin:0;
padding:0 0 0 5px;
}


#form_news fieldset {
border:0 none;
margin:0;
width:100%;
padding:10px 0 10px 0;
background-color:#e3f0cd;
}

.divline_news {
padding:4px 0 4px 0;
float:left;
width:100%;
}

.form_news_p{
font-size:11px;
width:100%;
text-align:center;
}

#title-form {
width:100%;
float:left;
padding:0 0 5px 0;
}

#title-form h3{
padding:10px 0 0 3px;
text-transform: capitalize;
color:#3E5A8F;
}

.imputlabel_news {
color:#287B1F;
float:left;
font-size:11px;
height:auto;
margin:0 10px 0 0;
padding:0;
text-align:right;
width:36%;
}

.textInput_news {
color:#8898a8;
font-size:10px;
width:195px;
float:left;
margin:0 0 0 2px;
border:1px solid #287b1f;
padding:3px 0 3px 3px;

}

.selectInput_news {
color:#8898a8;
font-size:10px;
padding:3px 0 3px 3px;
width:200px;
float:left;
margin:0 0 0 2px;
border:1px solid #A7AFBF;
}

.comentario_news{
height:60px;
border:1px solid #A7AFBF;
color:#285488;
font-size:10px;
padding:3px 0 3px 3px;
width:195px;
float:left;
margin:0 0 0 2px;
}

#nombre{
/*height:11px;*/
}

#email{
/*height:11px;*/
}

#telefono{
/*height:11px;*/
}

.check_label{
color:#287B1F;
font-size: 10px;
}

.check_center{
width:169px;
margin:0 auto;
}

												.submitButton_news{
														background-color:transparent;
														background-image:url(../images/boton_enviar.png);
														background-position:0 0;
														background-repeat:no-repeat;
														border:0 none;
														color:#FFFFFF;
														cursor:pointer;
														float:right;
														height:22px;
														margin:20px 39% 0 0;
														width:131px;
														}
														
														
														.submitButton_news:hover{
														opacity:0.5; filter:alpha(opacity=60);		
															}


  /*XIV.-FORMULARIO DE CONTACTO*/
  /*Funciona para todos los formularios que se aplican en el sitio*/
 
#contenido_contacto{
	width:285px;
	float:right;
	padding-top:85px;
	color:#FFFFFF;
	font-size:14px;
	}

#form_back{
	width:385px;
	float:left;
}

		#form_back p{
			font-size: 11px;
		}


#form_back fieldset{
	border:0;
	background-color:transpaent;
	padding:50px 0 50px 0;
	float:left;
	width:100%;
	margin:30px 0 0 0;
	position: relative;
	
}


		.divline{
			margin:5px 0 5px 0 ;
			padding:0;
			float:left;
			width:100%;
		}
		
/*labels*/

.imputlabel{
	width:24%;
	height:auto;
	padding:0 0 0 0;
	margin:0 10px 0 0;
	text-align:right;
	float:left;
	font-size:14px;
	color:#F5821F;
	
}

		.imputlabel_special{
			width:375px;
			height:auto;
			padding:0 0 0 0;
			margin:0 10px 0 0;
			text-align:right;
			float:left;
			font-size:10px;
			font-weight:bold;
			
		}

					/*radios*/
							
					#right_radio{
						width:50%;
						float:right;
					}
					
						.label_form{
							color: #000000;
							text-align:left;
							width:50px;
						}
					
							.mujer{
							margin:0 10px 0 0;
							
							}
							
							.hombre{
							margin:0 10px 0 0;
							}
							
							
								#radio1{
									width:auto;
									float:left;
								}
								
								
								#radio2{
									width:auto;
									float:left;
								}
								
								
								/*inputs*/
								
								.textInput{
									width:275px;
									border:0;
									font-size: 12px;
									padding:5px 0 5px 3px;
									background-color: transparent;
									background-image:url('../images/barra.gif');
														background-repeat:no-repeat;
														background-position:0 0;
								}
								
								#profesion{
									width:195px;
									border:1px solid #08294C;
									font-size: 10px;
									padding:3px 0 3px 3px;
								}
								
								#comentario{
									height:120px;
									background-color: transparent;
									background-image:url('../images/barra-contacto.gif');
														background-repeat:no-repeat;
														background-position:0 0;
								
								}
			
			
			
											/*botones para diferentes formularios*/
											
											#submit_form{
												width:512px;
												height:auto;
												margin:0;
												padding:0;
												float:left;
												text-align:center;
											
											}
								
												.registrate{
														width:87px;
														height:22px;
														background-color:#B0CF08;
														border:0;
														margin:20px 0 0 35%;
														float:left;
														cursor:pointer;
													
													}
													
													.registrate:hover{
														background-color:#7A8F00;
														color:#fff;
													}
												
												.mensaje{
													width:100%;
													height:150px;
													overflow:auto;
													text-align: center;
													padding:117px 0 0 0;
													color:#7F6B5F;
													}
												
												#mensaje_form h3{
														color:#fff;
														top:122px;
														}
												
												.gracias_contacto{
														width:385px;
														height:30px;
														padding-top:85px;													
														color:#FFF;
														}												

												#loading{
														width:385px;
														color:#FFF;
														margin:0 auto;													
														float:left;
														}												
														
												.loadactive{
														padding-top:85px;													
														
														}

													
												.submitButton{
														width:80px;
														height:22px;
														border:0;
														margin:20px 39% 0 0;
														float:right;
														color:#fff;
														cursor:pointer;
														background-image:url('../images/btn_envia.jpg');
														background-repeat:no-repeat;
														background-position:0 0;
														background-color: transparent;
														}
														
														.submitButton:hover{
															opacity:0.5; filter:alpha(opacity=60);	
														}
														
														
													.boton_cotizar{
													background-image:url('../images/boton-cortizar.png');
													background-repeat:no-repeat;
													background-position:0 0;
													width:86px;
													height:auto;
													padding:5px 0 5px 0;
													background-color:transparent;
													border:0;
													margin:20px 0 0 35%;
													color:#fff;
													cursor:pointer;
													}
													
													.boton_cotizar:hover{
															opacity:0.5;1293 filter:alpha(opacity=60);	
														}
														
														/*XIV.- MENSAJE DE NEWSLETTER*/
										
																.mensaje-newsletter{
																	width:400px;
																	height:auto;
																	font-size:9pt;
																	margin:0 0 0 50px;
																}
												
												

/*XV.- JOT EL COMENTADOR DE ARTICULOS*/
/*Esto permite controlar el comentador de articulos*/

			
			/*el contenedor*/
			#coments{
				margin:0 0 0 25px;
				padding:0;
				width:400px;
				height:auto;
				float:left;
				font-size:9pt;
			}
			
			

					.jot-list{
						width:500px;
						font-size:9pt;
						margin:0 0 0 10px;
					}
					
					.jot-row{
						margin:0 0 10px 10px !important;
						margin:0 0 10px 0;
					}
					
					.jot-list li{
						list-style:none;
					}
					
					
					.jot-form fieldset{
						padding:0;
						margin:0 0 0 10px;
					}
					
					.jot-cfm{
						font-size: 9pt;
						margin-left:10px;
						border:0;
					}
					
					.jot-err{
						font-size: 9pt;
						margin-left:10px;
						border:0;
					}
					
							.jot-message{
							
							width:auto;
							height:auto;
							padding:10px 10px 10px 10px;
							overflow:none;
							display:block;
							
							
							}
							
							
									.jot-message p{
									
									float:left;
									width:100%;
									display:block;
									
									}

						.mensaje_box{
						text-align:center;
						}
								/*input*/
								.mensaje_text{
									margin:0;
									height:200px;
									width:100%;
									float:left;
									padding:0;
									margin:0 0 0 0;
									border:1px solid #ccc;
								} 
								
								.mensaje_large{
									width:100%;
									float:left;
									
								}
						/*labels*/
						.mensaje_label{
							font-size:9pt;
							color:#7C7972;
							margin:10px 0 0 0;
							
						}
						.mensaje_radio{
							float:left;
							margin:0 10px 0 0;
							
						} 
						
						.line{
							width:100%;
							height:auto;
							margin:5px 0 5px 0;
							padding:0;
							color:#FFFFFF;
							font-size:8pt;
							float:left;
						}
						
								/*boton*/
								.send_newsletter{
									font-size:8pt;
									float:right;
									padding:2px 5px 2px 5px;
									margin:10px 0 0 0;
									color:#fff;
									background-color:#f26436;
									border:0;
									cursor:pointer;
								}
								
								 .send_newsletter:hover{
									opacity:0.5;1293 filter:alpha(opacity=60);
								}
		 

											



/*XVI.- SITEMAP*/
/*el sitemap del sitio*/


		#sitemap ul{
			margin:5px 0 5px 10px;
		}
		
				#sitemap ul li{
					font-size:13px;
				}
				
						#sitemap ul li ul{
							margin:10px 0 10px 10px;
						}
						
							#sitemap ul li ul li{
								font-size:11px;
								list-style: disc;
							}
							
							#sitemap li a:hover{
								text-decoration: underline;
								background-color:transparent;
								
								
							}
		


				/*XVIII.-PAGINADOR*/
				
				#paginador{
					width:100%;
					font-size: 11px;
					float:left;
					padding:20px 0 0 0;
					color:#468F48;
				}
				
						#paginador p{
							text-align: center;
						}
								
								#ditto_pages{
									margin:0 auto;
									text-align:right;
									width:100%;
								}
								
								#ditto_pages p{
									text-align: center;
								}
				
/*XVII.-GALERIA*/

.thumbscontainer {
height:auto;
margin:0;
padding:0;
width:455px;
}
		#foto_noticia_home {
		height:95px;
		width:80px;
		}
		
		

				#ee_miniCalendarContainer {
				float:left;
				height:170px;
				width:195px;
				text-align:center;
				background-image:url('../images/calendario.jpg');
				background-repeat:no-repeat;
				background-position:0 0;
				
				}
						.ee_miniCalendar {
						height:auto;
						margin:0 auto;
						width:134px;
						}
								#ee_listDetailsContainer {
								float:left;
								height:auto;
								margin:0 0 0 20px;
								padding: 5px;
								width:438px;
								height:auto !important;
								min-height:170px !important;
								height:170px;
								background-color: #eef7c1;
								}
								
								.ee_miniCalendarDays thead{
								background-color: #0c6a00;
								color:#fff;
								}
								
							
								.easyEventsList_group {
								float:left;
								margin:0 0 20px 10px;
								font-size:11px;
								}
								.easyEventsList_heading {
								font-size:11pt;
								font-weight:bold;
								margin:5px 0;
								}
								.easyEventsList_time {
								font-weight:bold;
								margin:5px 0;
								}
								
								.easyEventsDetailsDetails{
								float:left;
								margin:0 0 20px 10px;
								font-size:11px;
								}
								
								#ee_listDetailsContainer h2{
								padding:10px 10px 0 10px;
								font-size: 12px;
								
								}
								
								.easyEventsDetailsTime{
								padding:0 10px 0 10px;
								font-size:11px;
								font-weight: bold;
								}
								
										.ee_miniCalendarNav {
										font-size:11pt;
										font-weight:bold;
										margin:0;
										width:100%;
										}
											.ee_miniCalMonth {
											font-size:14px;
											font-weight:bold;
											margin:0 0 5px;
											}
											
											.ee_miniCalendarDays{
												font-size:10px;
												width:100%;
											}
											
											.ee_today{
											background-color: #fff;
											}

#agenda-imagen-listado {
float:left;
padding: 5px;
}

#agenda-contenido {
padding: 5px;

}
#agenda-contenido p{
line-height: 130%;
}											
		
				/*XVIII.1.-GALERIA DE FOTOS*/
				#fecha_galeria{
					width:100%;
					margin:0;
					padding:0;
				}
				
							#fecha_galeria b{
								margin:0;
								padding:0;
								font-size:12px;
							}
							
								.managecontainer{
									width:87%;
									float:left;
									margin:0 0 0 37px;
									font-size:11px;
								}
								
								.thumbnail{
									height:50px;
									overflow: hidden;
								}



/*****************************************/
/*BANNERS Y SECIONES DE BANNERS*/
/****************************************/



/*TOP*/
/*Corresponde a un espacio destinado para un superbanner. Generalmente esta desactivado*/

/*#top{
	width:100%;
	height:104px;
	float:left;
	margin:0;
	padding:0;
}

#publicidad_top{
	

}

	#super_banner_box{
		width:726px;
		height:90px;
		text-align:center;
		margin:0 auto;
		padding:0;
		background-color:#333333;
		
	}*/
	
	
/* MODULO PUBLICIDAD CENTRAL*/
/*Contiene un central Banner*/
                  
                .publicidad{
					height:auto;
					float:left;
					padding:0;
					margin:20px 0 20px 0;
					width:100%;
					
				
				}
				
					#cont_banner_box{
					float:left;
					width:100%;
					margin:15px 0 0 0;
					}
					
					#label_publicidad{
						width:768px;
						display:block;
						margin:0 auto;
						font-size:10px;
						color:#7A8F00;
					
					}
						#central_banner_box{
							width:768px;
							height:90px;
							display:block;
							margin:0 auto;
							padding:0;
							background-color:#333333;
							border:1px solid #7A8F00;
						
						}				
/*XVI.- SITEMAP*/
/*el sitemap del sitio*/


		#sitemap ul{
			margin:5px 0 5px 10px;
		}
		
				#sitemap ul li{
					font-size:13px;
				}
				
						#sitemap ul li ul{
							margin:10px 0 10px 10px;
						}
						
							#sitemap ul li ul li{
								font-size:11px;
								list-style: disc;
							}
							
							#sitemap li a:hover{
								text-decoration: underline;
								background-color:transparent;
								
								
							}
/************************************************************************************************************Mod Carroussel******/

#carroussel{
width:655px;
margin:47px auto 0;
position:relative;
}

.mod_lab{
	width:181px;
	float:left;
	margin:0 15px 0 15px;
}

.mod_lab_small{
	width:181px;
	float:left;
	margin:0 15px 0 15px;
}


     .imagen_lab{
	 	width:172px;
		height:203px;
		border:4px solid #202020;
	 }
	 
                .mod_texto{
					width:100%;
					color:#fff;
				
				}
				
				  .mod_texto a{
					color: #F89D1C;
					font-size: 11px;
				
				}
				
							.mod_texto a:hover{
								color:#fff;
							
							}
				
				 .mod_texto p{
					width:100%;
					color:#fff;
					font-size:12px;
					line-height:140%;
				}
				
				
				.mod_texto p.main-text{
					width:100%;
					color:#fff;
					font-size:12px;
					line-height:140%;
					padding:10px 0 0 0;
					display:block;
				}
				 .mod_texto p.texto_tope{
					width:100%;
					margin:10px 0 0 0;
					color:#fff;
					border-top:1px solid #302303;
					padding:10px 0 0 0;
					display:block;
				}
				
				
				
				.mod_texto h3{
					width:100%;
					color:#F89D1C;
					font-size:14px;
					line-height:140%;
					text-transform: none;
				}
				
					.mod_texto h4{
						width:100%;
						color:#F89D1C;
						font-size:12px;
						line-height:120%;
						font-weight:normal;
					}
					
						.mod_texto h4.blank{
							width:100%;
							color:#fff;
							font-size:12px;
							line-height:120%;
							padding:0 0 10px 0;
							font-weight:normal;
							border-bottom:1px solid #302303;
						}
						
						.photo_float{
							float:left;
							margin:0 0 0 0;
							position:relative;
							top:-6px;
						}
						
						.mod_lab h2{
							width:100%;
							color:#fff;
							font-size:22px;
							line-height:140%;
							text-transform: none;
							font-weight:normal;
							display:block;
							padding:10px 0 0 0;
						}


						.mod_lab_small h2{
							width:100%;
							color:#fff;
							font-size:18px;
							line-height:140%;
							text-transform: none;
							font-weight:normal;
							display:block;
							padding:15px 0 0 0;
						}



						.mod_lab a, .mod_lab_small a{
							color:#FFFFFF;
							}

						.mod_lab a:hover, .mod_lab_small a:hover{
							color:#FFFFFF;
							}


						/****************************************************************Proviene de tango*/
						
					
					.contiene_carroussel{
						left:0;
						top:0;
						overflow: hidden;
						position:relative;
						visibility:visible;
						width:100%;
						z-index:2;
						float:left;
						margin:0 0 0 40px;
					}

					.contiene_carroussel-ser{
						left:0;
						top:0;
						overflow: hidden;
						position:relative;
						visibility:visible;
						width:100%;
						z-index:2;
						float:left;
						margin:0 0 0 40px;
					}


					#carroussel2{
						left:0;
						top:0;
						position:relative;
						visibility:visible;
						width:100%;
						z-index:2;
						float:left;
						margin:35px 0 0 0;
						
					}
					
					#carroussel3{
						left:0;
						top:0;
						position:relative;
						visibility:visible;
						width:100%;
						z-index:2;
						float:left;
						margin:35px 0 0 0;
						
					}

						.jcarousel-prev-horizontal{
							background:transparent url("../images/arrow_left.jpg") no-repeat scroll 0 0;
							cursor:pointer;
							height:53px;
							left:0;
							position:absolute;
							top:65px;
							width:31px;
							z-index:3;
						}
						
						
					.jcarousel-next-horizontal{
							background:transparent url("../images/arrow_right.jpg") no-repeat scroll 0 0;
							cursor:pointer;
							height:53px;
							position:absolute;
							right:-16px;
							top:65px;
							width:31px;
							z-index:3;
					}
					
					.jcarousel-skin-tango .jcarousel-clip-horizontal {
						height:auto;
						width:655px;
						}
						
						.jcarousel-clip {
						margin:0;
						overflow:hidden;
						padding:0;
						position:relative;
						z-index:2;
						}
						
	/*Seccion interior de los carruseles. AJAX*/					
	
	.titulo{
		float:left;
		width:100%;
		border-bottom:#ffae00 1px solid;
		margin-bottom:6px;
		}

	.titulo h2{
		color:#FFAE00;
		text-transform:capitalize;
		font-size:20px;
		font-weight:normal;
		float:left;
		}

	.titulo a{
		color:#FFAE00;
		float: left;
		font-size: 12px;
		height: 18px;
		padding-top: 5px;
		padding-left: 5px;		
		}

	.titulo a:hover{
		text-decoration:underline;
		color:#FFFFFF;		
		}

	/*******CLASS********/
	
	.vacio_font{
	font-size: 13px;
	color:#7F726F;
	}
	
	.constru{
	color:#860038;
	text-align: center;
	font-size: 22px
	}
	
#cont_imagen_mapa{
width:100%;
height:450px;
float:left;

}

.little_font{
	font-size:10px;
}
				
/*Dile no a Joomla. 
Saluda a MODX*/