@import url("reset.css");



/*
Este css es elaborado por Radar
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;
	font-family: "Arial", Helvetica, sans-serif ;

                scrollbar-track-color:black;
                scrollbar-face-color:gold;
                scrollbar-highlight-color:yellow;
                scrollbar-shadow-color:-Orange

}

		
		h1{
			font-size:16px;
			text-transform:uppercase;
		}
		
				h2{
					font-size:14px;
					text-transform:uppercase;
				}
				
						h3{
							font-size:12px;
							text-transform:uppercase;
						}
						
								a{
									color:#333;
								}
								
									a:hover{
									color:#000;
									}
									 
		


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


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



#wrap{
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:0;

}

	#contenido{
		width:1000px;
		height:auto;
		margin:0;
		float:left;
		background-image:url('../images/bg_body.jpg');
		background-position:right 0;
		background-repeat:repeat-y;
		
	}
	
	#interior{
		width:903px;
		float:left;
		background-image:url('../images/bg_top.jpg');
		background-position:0 0;
		background-repeat:repeat-x;
		background-color:#fff;
		margin:0;
	}
	
/*top_img:Utilizado en achiga para generar una terminacion superior a la estructura de sitio.Activar solo si se vuelve a repetir eso*/	
	
	/*#top_img{
		width:100%;
		height:36px;
		background-image: url('../images/top.png');
		background-position:center;
		background-repeat: no-repeat;
		margin:0;
		padding:0;
		
	}*/
	
	#cot_info{
		width:700px;
		height:auto !important;
		min-height:409px !important;
		height:409px;
		float:left;
		padding:0;
		border-top:1px solid #5f5f5f;
	
	}
	
	#cot_info_video{
		width:700px;
		height:auto !important;
		min-height:409px !important;
		height:409px;
		float:left;
		padding:0;
		border-top:1px solid #5f5f5f;
		/*background-image:url('../images/fondo_pagina.jpg');
		background-position:0 0;
		background-repeat:no-repeat;*/
	
	}
	
	/*bottom_img:Utilizado en achiga para generar una terminacion inferior a la estructura de sitio.Activar solo si se vuelve a repetir eso*/
	
	/*#bottom_img{
		width:963px;
		height:9px;
		background-image: url('../images/fondo_bottom.jpg');
		background-position:0 0;
		background-repeat: no-repeat;
		float:left;
		padding:0;
		
	}*/
    




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


    		#header{
				width:700px;
				height:76px;
				margin:0;
				padding:0 0 0;
				float:left;
				overflow: hidden;
				background-image:url('../images/header_top.jpg');
				background-position:0 0;
				background-repeat:repeat-x;
				cursor:pointer;
			}
            	#logo a{
					width:206px;
					height:76px;
					margin:0 0 0 0;
					padding:0;
					float:left;
					overflow:hidden;
				}
						
						

/****************API******************/						
								
				#nombre_logo{
					width:208px;
					height:81px;
					float:left;
					margin:37px 0 0 0;
					font-size:11px;
					background-image:url('../images/shadow.jpg');
					background-position:0 bottom;
					background-repeat:no-repeat;
				}
				
				#nombre_logo h1{
				font-size:18px;
				float:left;
				width:155px;
				padding:3px 0 3px 0;
				color:#111B4C;
				text-transform:capitalize;
				border-bottom:3px solid #111B4C;
				}
				
				#nombre_logo h3{
				color:#111B4C;
				float:left;
				font-size:20px;
				letter-spacing:1px;
				text-transform:uppercase;
				width:155px;
				}
				
				/*#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;
				}*/
				
				
/**********************************************************************************MENU IDIOMAS*/								
#menu-idiomas{
width:119px;
height:30px;
font-size:10px;
float:right;
padding:12px 0 0 0;
}

#menu-idiomas ul{
width:auto;
height:30px;
padding:0 0 0 0;
}

#menu-idiomas li{
display:inline;
float:left;

}

#menu-idiomas li a{
color:#850037;
float:left;
padding:0 10px 0 10px;
text-align:center;
}

#menu-idiomas li a:hover{
color:#554744;

}
/**********************************************************************************MENUES HORIZONTALES*/


#menu_horizontal{
margin:0;
width:483px;
height:76px;
padding:0;
overflow:hidden;
float:left;
background-image:url('../images/prowines-menu-bg.jpg');
background-position:0 0;
background-repeat:no-repeat;
font-family: "Arial", Helvetica, sans-serif ;

}

#menu_horizontal ul{
width:auto;
margin:0 auto;
padding:12px 0 0 0;

}

		#menu_horizontal li{
		list-style: none;
		display:inline;
		float:left;
		margin:0;
		width:110px;
		height:60px;
		padding:10px 5px 0 5px;
		}
				
				#menu_horizontal li a{
				
				
				font-size:13px;
				text-align:center;
				float:left;
				
				margin:0;
				/*font-weight: bold;*/
				}
				
				#menu_horizontal li.last a{
				border:0;
				}
				
				#menu_horizontal li.active a{
				color:#14247c;
				background-position:0 -36px;
				}
				
				#menu_horizontal li a:hover{
				color:#14247c;
				background-position:0 -36px;
				}
		
		
		
		
								#menu4 a{
									width:158px;
									margin:0;		
									background-image:url('../images/menu1.jpg');
									background-position:0 0;
									background-repeat:no-repeat;
									padding: 10px 0 0 0;
								}
								
								#menu5 a{
									width:161px;
									margin:0;
									background-image:url('../images/menu2.jpg');
									background-position:0 0;
									background-repeat:no-repeat;
									padding: 10px 0 0 0;
								}
								
								#menu6 a{
									width:154px;
									margin:0;
									background-image:url('../images/menu3.jpg');
									background-position:0 0;
									background-repeat:no-repeat;
									padding: 10px 0 0 0;
								}
								
								
/**********************************************************************************MENU HORIZONTAL_SECUNDARIO*/
#menu_horizontal_secundario{
float:right;
width:300px;
height:31px;

}

		#menu_horizontal_secundario ul{
		width:280px;
		height:auto;
		float:right;
		padding:6px 0 0 0;
		}
		
		#menu_horizontal_secundario li{
		display:inline;
		float:left;
		font-family: "Arial", Helvetica, sans-serif ;
		}
		
				#menu_horizontal_secundario li a{
				display:inline;
				float:left;
				margin:0;
				padding: 3px 5px;
				color:#000;
				font-size:9px;
				font-weight: bold;
				text-transform:uppercase;
				font-family: "Arial", Helvetica, sans-serif ;
				width:auto;
				border-right:1px solid #000;
				/*letter-spacing: -1px;*/
				}
				
				
						#menu_horizontal_secundario li.last a{
						border:0;
						}
						
						#menu_horizontal_secundario li.active a{
						color:#333;
						
						}
						
						#menu_horizontal_secundario li a:hover{
						color:#333;
						
						}



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

#encabezado{
width:100%;
height:72px;
float:left;
/*border-bottom:1px dashed #890034;
background-color: #fff;*/
}						
	
	#titulos_grandes{
	float:left;
	width:819px;
	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. En achiga 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:903px;
				height:auto;
				float:left;
				margin:0 0 0 0;
				padding:0;
			}
            	#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:1000px;
	height:72px;
	float:left;
	font-family: 'Helvetica', Arial;
	background-image:url('../images/footer.jpg');
	background-position:0 0;
	background-repeat:repeat-x;

}


#footer h4{
	color:#fff;
	float:left;
	font-size:12px;
    margin:32px 0 0 0;
}


.patrocinadores{
width:270px;
float:left;

}

.auspiciadores{
width:642px;
float:left;
padding:0 0 0 60px;
}

.patrocinadores ul{
padding:10px 0 0 10px;
float:left;

}

.auspiciadores ul{
width:540px;
float:left;
padding:10px 0 0 10px;
}


.patrocinadores li{
width:165px;
height:53px;
display:inline;
float:left;
}

.auspiciadores li{
width:165px;
height:53px;
margin:0 10px 0 0;
display:inline;
float:left;
border:0;
}


		/*Parte derecha*/	
			#footer_menu_right{
				width:360px;
				height:auto;
				float:left;
				padding:0 0 0 0;
				text-align: right;
				margin:8px 0 0 0;
				
			}
			
		#footer_menu_right p {
				float:right;
				line-height:100%;
				padding:5px 22px 0 0;
				text-align:right;
				width:auto;
				color:#808080;
				}
				
			
					
								#footer_menu_right ul{
									padding:2px 0 0 0;
									margin:0 0 0 15px !important;
									width:auto;
									float:left;
								
								}
								
								#footer_menu_right li{
									display:inline;
									list-style:none;
									
									
								
								}
								
								#footer_menu_right li.last a{
									border:0;
								
								}
											
											
											
											#footer_menu_right a{
											 padding:0 6px 0 6px;
											 margin:0;
											 color:#fff;
											 text-transform:none;
											 font-size:11px;
										     border-right:1px solid #ccc;
											 text-transform:uppercase;
											}
											
											#footer_menu_right a:hover{
											 text-decoration:underline;
											
				/*Parte izquierda*/											}
															
				#footer_left{
								width:335px;
								height:28px;
								float:left;
								text-align: left;
								padding:0 0 0 0;
								margin:8px 0 0 25px;
								color:#fff;
								
							}
							
							#footer_left p{
								font-size:11px;
								line-height:120%; 
								padding:5px 0 0 0;
							}
							
							/*#footer_menu_left ul{
									padding:12px 0 0 0;
									margin:0 0 0 30px!important;
									margin:0 0 0 15px;
									width:auto;
									float:left;
								
								}
								
								#footer_menu_left li{
									display:inline;
									list-style:none;
									font-size:9pt;
								
								}*/
											
											#footer_menu_left a{
											/* padding:0 6px 0 6px;*/
											 margin:0;
											 color:#808080;
											
											}
											
											#footer_menu_left img{
											border:0;
											}	
											
											#footer_menu_left a:hover{
											/* padding:0 6px 0 6px;*/
											 margin:0;
											 color:#54473F;
											
											}




 /*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_title{
					width:100%;
					height:auto;
					float:left;
					padding:3px 0 3px 0;
					margin:15px 0 0 0;
				}
				
				#head_title h3{
					width:90%;
					float:left;
					padding:0 0 0 41px;
					color:#71432C;
					font-size:18px;
					text-transform: none;
				}
				
				#head_title h4{
					width:90%;
					float:left;
					padding:0 0 0 41px;
					color:#bc8360;
					font-size:15px;
				}


				
				#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:#046805;
}	

.head_portada  a h2,h3{
	color:#71432C;
}
	
							
/*****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. Tambien basado de Achiga, y heredado de interactivo */			   
				   
				   
				   #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 PRINCIPAL*/	
/*Es el menu principal que generalmente va horizontal en la parte superior*/				   
				   
                #menu_lateral{
					width:100%;
					height:auto;
					float:right;
					margin:53px 0 0;
					padding:0;
					background-image:url('../images/fondo-menuizq.jpg');
					background-position:0 0;
					background-repeat:repeat-y;
					font-size:11px;
					font-family: "Arial", Helvetica, sans-serif ;
				
				}
                    #menu_lateral ul{
						width:100%;
						padding:0 0 0 0;
						margin:0;
						text-align:left;
						float:left;
						font-size:10px;
					}
					
                        #menu_lateral li{
							display:block;
							float: left;
							width:100%;
							
						} 
						
						#menu_lateral.active a{
							color:#8B9ADF;
						}
						
						
						 /*#menu_lateral li.last a{
							border:0;
							
						}   */                                            
                        	#menu_lateral a {
								color:#111B4C;
								margin:0;
								width:202px;
								padding:6px 0 6px 10px;
								float: left;
								text-align: left;
								font-size:12px;
								background-image:url('../images/linea.jpg');
								background-repeat:no-repeat;
								background-position:0 bottom;
							}
							
							#menu_lateral a:hover {
								color:#8B9ADF;
							}
							
							#menu_lateral a img{
								padding:3px 20px 0 0;
								float:left;
								border:0;
							}
                			
							
						
								
								/*La clase "activo" proviene del MODX y permite marcar el link de donde se navega*/
								#menu_lateral.active a{
								color:#8B9ADF;
								}
								
								
								/*
								#menu4 a{
								height:36px;
								padding:23px 0 0 21px;
								background-image:url('../images/btn_lat1.jpg');
								background-repeat:no-repeat;
								background-position:1px 0;
								margin:0 0 1px 0;
								
								}
								
								#menu5 a{
								height:32px;
								padding:23px 0 0 21px;
								background-image:url('../images/btn_lat2.jpg');
								background-repeat:no-repeat;
								background-position:1px 0;
								margin:0;
								}
								
								#menu6 a{
								height:35px;
								padding:23px 0 0 21px;
								background-image:url('../images/btn_lat3.jpg');
								background-repeat:no-repeat;
								background-position:1px 0;
								}
								
								
								#menu4 a:hover{
								color:#0f0e36;
								background-position:1px -60px;
								
								}
								
								#menu5 a:hover{
								color:#0f0e36;
								background-position:1px -55px;
								}
								
								#menu6 a:hover{
								color:#0f0e36;
								background-position:1px -58px;
								}
								*/
						
								
								
								
	/*VII.- MENU PRINCIPAL Alternativos*/	
/*Es el menu principal que generalmente va horizontal en la parte superior*/				   
				   
                #menu_lateral_alternativos{
					width:190px;
					height:auto;
					float:right;
					margin:27px 0 0 0;
					padding:0;
					background-image:url('../images/fondo-menuizq.jpg');
					background-position:0 0;
					background-repeat:repeat-y;
					font-size:11px;
					font-family: "Arial", Helvetica, sans-serif ;
				
				}
                    #menu_laterala_alternativos ul{
						width:190px;
						padding:0 0 0 0;
						margin:0;
						text-align:center;
						float:left;
						font-size:11px;
					}
					
                        #menu_lateral_alternativos li{
							display:block;
							float: left;
							width:190px;
							
						} 
						
						
						 /*#menu_lateral li.last a{
							border:0;
							
						}   */                                            
                        	#menu_lateral_alternativos a {
								color:#695e58;
								padding:5px 37px 5px 0;
								margin:0;
								text-transform: uppercase;
								width:152px;
								float: left;
								text-align: right;
								border-bottom:1px dashed #8F8F8F;
								font-size:12px;
							}
                			#menu_lateral_alternativos a:hover {
								
								color:#72273e;
								background-image:none;
							}
							
						
								
								/*La clase "activo" proviene del MODX y permite marcar el link de donde se navega*/
								#menu_lateral_alternativos ul li.active a{
								color:#72273e;
								}							
								
								/*La clase "last" proviene del MODX y permite con este llamado eliminar la ultima raya de los menues*/
								/*#menu_principal li.last a {
									border-right:0;
									border-left:1px solid #666;
								}*/

								
								/*iconos que van en achiga*/	
								/*	#home_icon{
										width:20px;
										height:16px;
										float:left;
										margin:4px 0 0 37px !important;
										margin:2px 0 0 34px;
									}
										#contact_icon{
											width:20px;
											height:13px;
											float:left;
											margin:6px 0 0 12px !important;
											margin:4px 0 0 12px;
										}
										
										
										#home_icon a{
											border:0;
											padding:0;
										}
										#contact_icon a{
											border:0;
											padding:0;
										}
										
										#home_icon a:hover{
											opacity:0.7;1293 filter:alpha(opacity=70);
										}
										#contact_icon a:hover{
											opacity:0.7;1293 filter:alpha(opacity=70);
										}
										
										#home_icon img{
											border:0;
										}
										
										#contact_icon img{
											border:0;


									}*/
/*VII.- MENU PRINCIPAL Alternativos*/	
/*Es el menu principal que generalmente va horizontal en la parte superior*/				   
				   
                #menu_lateral_marcas{
					width:190px;
					height:auto;
					float:right;
					margin:27px 0 0 0;
					padding:0;
					background-image:url('../images/fondo-menuizq.jpg');
					background-position:0 0;
					background-repeat:repeat-y;
					font-size:11px;
					font-family: "Arial", Helvetica, sans-serif ;
				
				}
                    #menu_laterala_marcas ul{
						width:190px;
						padding:0 0 0 0;
						margin:0;
						text-align:center;
						float:left;
						font-size:11px;
					}
					
                        #menu_lateral_marcas li{
							display:block;
							float: left;
							width:190px;
							
						} 
						
						
						 /*#menu_lateral li.last a{
							border:0;
							
						}   */                                            
                        	#menu_lateral_marcas a {
								color:#695e58;
								padding:5px 0px 5px 0;
								margin:0;
								text-transform: uppercase;
								width:189px;
								float: left;
								text-align: right;
								border-bottom:1px dashed #8F8F8F;
								font-size:12px;
							}
                			#menu_lateral_marcas a:hover {
								
								color:#72273e;
								background-image:none;
							}
							
						
								
								/*La clase "activo" proviene del MODX y permite marcar el link de donde se navega*/
								#menu_lateral_marcas li.active a{
								color:#72273e;
								}							
								
								/*La clase "last" proviene del MODX y permite con este llamado eliminar la ultima raya de los menues*/
								/*#menu_principal li.last a {
									border-right:0;
									border-left:1px solid #666;
								}*/

								
								/*iconos que van en achiga*/	
								/*	#home_icon{
										width:20px;
										height:16px;
										float:left;
										margin:4px 0 0 37px !important;
										margin:2px 0 0 34px;
									}
										#contact_icon{
											width:20px;
											height:13px;
											float:left;
											margin:6px 0 0 12px !important;
											margin:4px 0 0 12px;
										}
										
										
										#home_icon a{
											border:0;
											padding:0;
										}
										#contact_icon a{
											border:0;
											padding:0;
										}
										
										#home_icon a:hover{
											opacity:0.7;1293 filter:alpha(opacity=70);
										}
										#contact_icon a:hover{
											opacity:0.7;1293 filter:alpha(opacity=70);
										}
										
										#home_icon img{
											border:0;
										}
										
										#contact_icon img{
											border:0;


									}*/										

/*Sliding*/
/*#navigation-block {
	position:relative;
	top:200px;
	left:200px;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

ul#sliding-navigation
{

	margin: 0;
	padding: 0;
}


ul#sliding-navigation li·sliding-element a
                                {
								color:#fff;
								padding:5px 37px 5px 0;
								margin:0;
								text-transform: uppercase;
								width:148px;
								float: left;
								text-align: right;
								border-bottom:2px solid #fff;
								
	
                                 }
                                 



ul#sliding-navigation li.sliding-element a
										{
								color:#fff;
								padding:5px 0 5px 0;
								margin:0;
								width:130px;
								float: left;
								text-align: right;
								border-bottom:2px solid #fff;
								text-transform: capitalize;
								
}

ul#sliding-navigation li.activo{
			background-color: white;
			color:#000;
}

ul#sliding-navigation li.activo a
                                {
								background-color: white;
								color:#000;
	                            font-weight: bold;
	                            background-image:url('../images/semicirculo-gris.jpg');
					            background-position:4px 5px;
					            background-repeat:no-repeat;
                                 }

#imagen_del_menu{
	float:right;
	width:6px;
	height:13px;
	margin:6px 6px 0 0;

}

/*ul#sliding-navigation li.sliding-element a:hover {
								background-color: #fff;
								color:#000;
								background-image:none;

 }*/

/*VIII.- SUBMENU*/
/*EL famoso sub-menu no desplegable que aparece dependiendo del template*/						
						
				#menu-interior{
					width:747px;
					height:auto !important;
					min-height:18px !important;
					height:18px;
					float:left;
					margin:0 0 0 8px;
					padding:0;
					background-color:#BFBFBF;
					/*background-image: url('../images/submenu_rojo.jpg');
					background-position: 0 0;
					background-repeat:no-repeat;*/
					font-size:9px;
				
				}
                    #menu-interior ul{
						width:auto;
						padding:4px 0 3px 24px;
						margin:0;
						float:right;
						text-align:center;
						background-image: url('../images/submenu-rojo.jpg');
						background-position: 0 0;
						background-repeat:no-repeat;
					}
					
                        #menu-interior li{
							display:inline;
							float:left;
							
						}                                               
                        	#menu-interior a {
                        		color:#fff;
								padding:3px 12px 3px 12px;
								border-right:1px solid #fff;
								margin:0;
							}
							
							#menu-interior .active a{
                        		background-color:#7F0000;
							}
							
							
							#menu-interior .last a{
								border:0;
							}
                			#menu-interior a:hover {
                				color:#fff;
								background-color:#7F0000;
							}
	
	
	
	
	
	
			
			
/******************************************************/
/*MODULOS DEL PORTAL*/
/******************************************************/

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

	#flash_home{
	width:700px;
	height:400px;
	float:left;
	margin:17px 0 0 0;
	}	
		.noticias{
			width:681px;
			height:auto !important;
			min-height:504px !important;
			height:504px;
			float:left;
			margin:0 0 0 0;
			padding:0;
			font-family: 'Helvetica', Arial;
			background-image:url('../images/back-noticia.jpg');
			background-position:0 0;
			background-repeat:repeat-x;
		
		}
		
		
		.contenidos_portada{
				float:left;
				height:auto;
				margin:21px 0 0 31px!important;
				margin:21px 0 0 10px;
				overflow:hidden;
				padding:0 0 21px 0;
				width:622px;	
		}
		
		.contenidos_portada p{
				font-size: 11px;
				line-height: 150%;
				
		}
		
		
		.contenidos_portada table{
				font-size:10px;	
		}
		
		.contenidos_portada table td{
				padding:5px 0 5px 0;	
		}
		
		.contenidos_portada table p{
				line-height:120%;
				font-size:10px;	
		}
		
		.contenidos_portada table h4{
				line-height:120%;
				font-size:11px;
				padding:0 0 2px 0;	
		}
		
		.contenidos_portada table img{
				float:right;	
		}
		
       .cont_imagen{
        width:622px;
        height:188px;
        float:left;
		background-color:#fff;
        overflow:hidden;
        padding: 3px 0 3px 0;
		margin:19px 0 0 31px !important;
		margin:19px 0 0 10px;
        }
        
        .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;
        
        }
       
        
		
		
		
		
		
         
         #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:187px;
			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:819px;
			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;
		}
		
		.boton_portal {
			background-image: url('../images/boton_portada.jpg');
			background-position: 0 0;
			background-repeat:no-repeat;
			background-color:#753625;
			color:#FFFFFF;
			float:right;
			height:28px;
			margin:10px 0 0;
			padding:5px 0 0;
			text-align:center;
			width:158px;
			}
  
 /*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*/
				
				
				#sidebar_portal{
						width:300px;
						height:auto !important;
						min-height:486px !important;
						height:486px;
						float:right;
						background-color:#333333;
						background-image:url('../images/bg-sidebar.jpg');
						background-position:0 0;
						background-repeat:no-repeat;
				
				}
				
				.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;
	
										}
										
										
										.flecha{
											padding:0 0 5px 45px;
											width:205px;
											height:100px;
											float:left;
											display:none;
										}
	
	
										.btn_tutorial{
											color:#fff;
											padding:90px 0 0 0;
											float:left;
											width:100%;
											text-align: center;
										}
										
										.btn_tutorial:hover{
											color:#333;
										}
	#r_sociales{
	
		width:100%;
		height:26px;
		float:left;
		
	}
	
	#r_sociales ul{
		width:172px;
		height:auto;
		float:right;
		padding:0 0 0 0;
		
	}
	
	#r_sociales li{
		display:inline;
		float:left;
	}
	
	#r_sociales a{
		float:left;
		margin:0 !important;
		margin:0 0 0 0px;
		}
	
	#r_sociales a img{
		border:0;
		padding:3px 5px;
		float:left;
	}

                
/*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*/
    
    .header_page{
        width:698px;
        height:100px;
        float:left;
        }
    
    #contenido_interior{
    		width:698px;
        	height:auto !important;
        	min-height:224px !important;
        	height:224px;
        	float:left;
        	margin:0 0 0 0;
        	color:#fff;
    
    }
    
    .info_video{
    width:140px;
    height:auto;
    float:left;
    margin:0 24px 0 24px !important;
     margin:0 12px 0 12px;
    }
    
    .info_video h4{
    font-size:14px;
    margin:2px 0 2px 0;
    }
    
    .info_video p{
    font-size:11px;
    }
    
    .video{
    	width:250px;
    	height:206px;
    	float:left;
    }
    
    .video p{
    	font-size:11px;
    }
    
    .video object{
    	width:245px;
    	height:200px;
    	float:left;
    }
    
    .menu_video{
    	width:230px;
    	float:right;
		padding: 0 10px 0 0;
    	
    
    }
    
    .menu_video li{
    	display:inline;
    	float:left;
    	margin:5px;
    }
    
    .menu_video li img{
    	float:left;
    	width:100px;
    	height:74px;
    
    }
    
        .head_interior{
        	width:130px;
        	height:200px;
        	float:left;
        	margin:10px;
        	font-size:14px;
        	text-align: right;
        }
        
        
        
        
        .texto_interior{
        	width:658px;
        	height:auto !important;
        	min-height:200px !important;
        	height:200px;
        	padding:5px 20px 5px 20px;
        	float:left;
        	font-size:12px;
        	margin:5px 0 0 0;
        	color:#fff;
        }

        .texto_interior_largo{
        	width:658px;
        	height:302px;
        	padding:5px 20px 5px 20px;
        	float:left;
        	font-size:12px;
			line-height: 17px;
        	margin:5px 0 0 0;
        	color:#fff;
			overflow-y:scroll;
        }

        .texto_interior_largo a {
			color:#555555;
		}


        .texto_interior_largo a:hover {
			color:#FFF000;
		}

        
        .texto_interior table{
        	border:1px solid #333;
        	margin:0 auto;
			text-align: left !important;
			font-size: 11px;
        }
        .texto_interior_largo table{
        	border:1px solid #333;
        	/*margin:0 auto;*/
			text-align: left !important;
			font-size: 11px;
        }		
        
        .texto_interior table td{
        	text-align: center;
        	border:1px solid #333;
        }
        .texto_interior_largo table td{
        	text-align: center;
        	border:1px solid #333;
        }		
    
                               
                .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 en achiga, y para articulos en interactivo*/




				#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 en achiga, y para articulos en interactivo*/

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


				
		.noticia_portada{
			width:169px;
			height:300px;
			float:left;
			padding:8px 19px 0 19px;
			background-image: url('../images/noticia_bg.jpg');
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		
					.noticia_portada p{
						font-size:11px;
						line-height:110%;
						float:left;
						width:100%;
						color:#1e2c6b;
					}
					
								.noticia_portada h4{
									font-size:14px;
									line-height:130%;
									width:100%;
									float:left;
									color:#1e2c6b;
								}
		
								.c_portada{
									width:100%;
									height:70px;
									float:left;
									margin:3px 0 0 0;
								}
		
													.btn_mas{
														float:right;
														height:19px;
														margin:0 0 0 0;
														width:25px;
														}
														
													.btn_mas:hover{
														opacity:0.5; filter:alpha(opacity=60);
														}
        
		.imagenes_noticia{
			width:169px;
			height:196px;
			float:left;
			background-color:#F2F2FA;
			color:#F2F2FA;
		}
							   
                       .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****************/



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

							}
							
							
						 			  .link_img{
											width:120px;
											height:80px;
											float:left;
											margin:0;
											padding:0;
											overflow:hidden;
											/*background-color: #ebebeb;*/
											color:#ebebeb;
											border:1px solid #ebebeb;
												   }
							   
                       .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 li.active a{
  	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{


}


.submit_registro{
margin: -30px 0 30px 0;
float:right;
color:#000;
cursor:pointer;
}

.submit_registro:hover{
opacity:0.5; filter:alpha(opacity=60);
}

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



#boton_flash{
width:205px;
height:116px;
float:left;
margin:10px 0 0 44px;
padding:0 0 0 0;
}

#form_back {
margin:0 0 0 0;
height:auto;
overflow:hidden;
width:100%;
float:left;
background-image:url('../images/datos-contacto.jpg');
background-repeat:no-repeat;
background-position:0 0;
}

#form_back_c {
float: left;
margin: 50px 0 0 80px;
height:auto;
overflow:hidden;
width:250px;
padding: 15px 0 0 200px;
background-image:url('../images/copa-bg.jpg');
background-repeat:no-repeat;
background-position:0 0;
}

#form_back p {
font-size:11px;
float:right;
width:100%;
color:#287B1F;
margin:0;
padding:0;
text-align: center;
}

#form_back_c p {
font-size:11px;
float:right;
width:100%;
color:#FFFFFF;
margin:0;
padding:0;
text-align: center;
}

#form_back ul {
margin:0 auto;
padding:10px 0 0;
width:100%;
}

#form_back_c ul {
margin:0 auto;
padding:10px 0 0;
width:100%;
}

#form_back li {
display:inline;
margin:0 auto;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:5px 0 0;
width:100%;
}

#form_back_c 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_back h3 {
color:#28546F;
font-size:13px;
margin:0;
padding:0 0 0 5px;
}

#form_back_c h3 {
color:#FFFFFF;
font-size:13px;
margin:0;
padding:20px 0 0 5px;
}


#form_back fieldset {
border:0 none;
margin:0;
width:202px;
padding:0px 0 2px 45px;
}

#form_back_c fieldset {
border:0 none;
margin:0;
width:202px;
padding:0px 0 5px 45px;
}

.divline {
padding:2px 0 2px 0;
float:left;
width:100%;
}

.form_back_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 {
color:#fff;
text-transform: uppercase;
float:left;
font-size:9px;
height:auto;
margin:0 10px 0 0;
padding:0;
text-align:left;
width:100%;
}

.imputlabel_short {
color:#fff;
text-transform: uppercase;
float:left;
font-size:10px;
height:auto;
margin:0 10px 0 0;
padding:0;
text-align:left;
}

.textInput {
color:#333;
font-size:10px;
width:200px;
float:left;
margin:0 0 0 0;
padding:0px 0 0px 3px;
background-color: #FFFFFF;
border:0;

}

.selectInput_news {
color:#8898a8;
font-size:9px;
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*/
 


#form_contact{
	width:100%;
	float:left;
}

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



.contact_info{
text-align: center;
float:left;
width:100%;
margin:5px 0 0 0;
}

#form_contact fieldset{
background-color:#EFE5E0;
border:0 none;
float:left;
margin:10px 0 0;
padding:50px 0;
width:100%;
}


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

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

		.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_contact{
									width:195px;
									border:1px solid #77492F;
									font-size: 10px;
									padding:3px 0 3px 3px;
								}
								
								#comentario{
								height:120px;
								
								}
			
			
			
											/*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;
												}
												
												
												
												.submitButton_contact{
														width:131px;
														height:22px;
														border:0;
														margin:20px 39% 0 0;
														float:right;
														color:#fff;
														cursor:pointer;
														background-image:url('../images/boton_enviar.png');
														background-repeat:no-repeat;
														background-position:0 0;
														background-color: transparent;
														}
														
														.submitButton_contact: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:98%;
					font-size: 11px;
					float:left;
					padding:20px 0 0 0;
					color:#fff;
				}
				
						#paginador p{
							text-align: center;
						}
								
								#ditto_pages{
									margin:0 auto;
									text-align:right;
									width:100%;
								}
								
								#ditto_pages a{
									color:#fff;
								}
								
								#ditto_pages a:hover{
									color:#fff;
									text-decoration: underline;
								}
								
								#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;
						
						}
/*PUBLICIDAD LATERAL*/
/*Correspode al lugar dispuesto para un sky-creaper. Esto aparecio en la primera version de achiga, y despues se desecho.*/
					
			/*#publicidad_col{
				width:160px !important;
				width:158px;
				height:auto;
				float:right;
				margin:21px 0 0 0;
				padding:0;
			
			}
			
            	#sky_creaper_box{
					width:121px;
					height:621px;
					float:left;
					margin:0 0 0 10px!important;
					margin:0 0 0 5px;
					padding:0;
					background-color: #333333;
				}*/
				

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

}
				
/*Dile no a Joomla. 
Saluda a MODX*/