@import url("css/reset.css");

/*
Theme Name: jpberwart Versión 2
Theme URI: http://www.jpberwart.cl/
Description: Tema del sitio jpberwart.cl.
Version: 1.6
Author: Juan Pablo Berwart
Author URI: http://www.jpberwart.cl/
Tags: blue, custom header, fixed width, two columns, widgets,jpberwart,

	Este tema fue diseñado por Juan Pablo Berwart
	

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

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

body{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background-color:#f3fafc;
	background-image:url(' images/bg.jpg');
	background-repeat:repeat-x;
	background-position:0 0;
	font-family: "Geneva", Arial, Helvetica, sans-serif ;
}
		
		h1{
			font-size:16px;
			text-transform:uppercase;
		}
		
				h2{
					font-size:14px;
					text-transform:uppercase;
				}
				
						h3{
							font-size:12px;
							text-transform:uppercase;
						}
						
								a{
									color:#005E7F;
								}
								
									a:hover{
									color:#FF5A00;
									}
									 
		


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


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



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

}

	#contenido{
		width:800px;
		height:auto;
		margin:0;
		float:left;
		background-image:url(' images/back_content.jpg');
		background-position:0 0;
		background-repeat:no-repeat;
		padding:0 4px 0 5px;
		
	}
	
	#interior{
		width:800px;
		float:left;
		background-image:url(' images/bg_content.jpg');
		background-position:0 0;
		background-repeat:repeat-x;
		background-color:#9ed5e8;
		margin:0;
		height:auto !important;
		min-height:650px !important;
		height:650px;
	}
	
	#cot_info{
		width:619px;
		height:auto;
		margin:20px auto;
		
		
	
	}
	
	
			
				.noticias{
					width:100%;
					float:left;
					margin:40px 0 0 0;
					
				}
				
				
	
/*III.- HEADER*/
/*el contenido del header o cabecera*/


    		#header{
				width:800px;
				height:84px;
				margin:0 auto;
				padding:0 6px !important;
				padding:0 3px;
				background-color:#0090C6;
				background-image:url(' images/end_head.jpg');
					background-position:right 0;
					background-repeat:no-repeat;
				
			}
			
				#logo{
					width:248px;
					height:84px;
					margin:0;
					padding:0;
					float:left;
					position:relative;
					
				}
				
				
            	#logo a{
					width:258px;
					height:84px;
					margin:0 0 0 0;
					padding:0;
					background-image:url(' images/logo.jpg');
					background-position:0 0;
					background-repeat:no-repeat;
					cursor:pointer;
					float:left;
					position:absolute;
					right:30px;
				    
				}
				
				#logo a img{
					display: none;
				    
				}
						
						#cabecera {
							background-image:url(' images/separador.jpg');
							background-position:center bottom;
							background-repeat:no-repeat;
							float:left;
							padding:29px 0 0 31px;
							width:600px;
						}	
						
						#cabecera h2 {
							font-size:18px;
							text-transform:none;
						}					
						
						
/**********************************************************************************MENUES HORIZONTALES*/


#menu_horizontal{
	margin:7px 0 0 0;
	width:377px;
	height:auto;
	padding:0;
	overflow:hidden;
	float:left;
	/*background-image:url(' images/prowines-menu-bg.jpg');
	background-position:0 0;
	background-repeat:no-repeat;*/
	

}

	#menu_horizontal ul{
		width:auto;
		float:left;
		padding:0 0 00;
	
	}

			#menu_horizontal li{
				list-style: none;
				display:inline;
				float:left;
				margin:0;
			}
				
					#menu_horizontal li a{
						font-size:13px;
						text-align:center;
						float:left;
						/*width:216px;*/
						margin:0 30px 0 0;
						height:15px;
						/*font-weight: bold;*/
					}
				
							
		
		
		
								#menu_horizontal li.page-item-2 a{
									width:69px;		
									background-image:url(' images/btn_menu1.jpg');
									background-position:0 0;
									background-repeat:no-repeat;
								}
								
								#menu_horizontal li.page-item-5 a{
									width:63px;
									background-image:url(' images/btn_menu2.jpg');
									background-position:0 0;
									background-repeat:no-repeat;
								}
								
								#menu_horizontal li.page-item-7 a{
									width:55px;
									background-image:url(' images/btn_menu3.jpg');
									background-position:0 0;
									background-repeat:no-repeat;
								}
								
								#menu_horizontal li.page-item-9 a{
									width:54px;
									background-image:url(' images/btn_menu4.jpg');
									background-position:0 0;
									background-repeat:no-repeat;
								}
								
								#menu_horizontal li.page-item-107 a{
									display:none;
								}
								
								#menu_horizontal li.last a{
								border:0;
							}
							
							#menu_horizontal li.current_page_item  a{
								background-position:0 -15px;
							}
							
							#menu_horizontal li.page_item a:hover{
								background-position:0 -15px;
							}
							
							#menu_horizontal li.page_item span{
							display:none;
							
							}
								
								
/*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:800px;
	height:40px;
	float:left;
	font-family: 'Helvetica', Arial;
	background-image:url(' images/bg_footer.jpg');
	background-position:right 0;
	background-repeat:no-repeat;
	background-color:#0090C6;

}

#footer-cont{
	width:800px;
	height:36px;
	float:left;
	padding:0;
	/*margin:0 5px 0 5px;*/
}

		/*Parte derecha*/	
			#footer_menu_right{
				width:296px;
				height:auto;
				float:left;
				padding:0 0 0 0;
				text-align: right;
				margin:10px 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;
									width:auto;
									float:right;
								
								}
								
								#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 #fff;
											}
											
											#footer_menu_right a:hover{
												 text-decoration:underline;
											 
											 }
											 
											 #footer_menu_right li.page-item-107 a{
												border:0;
											}
															
						#footer_menu_left{
								width:450px;
								height:auto;
								float:right;
								text-align: right;
								padding:0 0 0 0;
								margin:0 0 0 25px;
								
							}
							
							#footer_menu_left p{
								font-size:9px;
								line-height:120%; 
								padding:5px 95px 0 0;
								float:right;
							}
							.techno{
								float:left;
								padding-top:6px;
							}
											
											#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_modulos h2{
							font-size:11px;
							color:#fff;
							width:auto;
							margin:0 0 5px;
							padding:3px 0 0 15px;
							
							
						}
				
				
				#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;
								}
/*VII.-BUSCADOR*/	

/*Es el buscador basado en flex search. Tambien basado de Achiga, y heredado de interactivo */			   
				   
				   
				   #searchform{
				   	width:238px;
					height:auto;
					float:right;
					margin:0;
					background-image:url(' images/bg_buscador.jpg');
					background-repeat:no-repeat;
					background-position:0 0;
				   }
					
							#s{
								width:184px;
								float:left;
								padding:0;
								border:0;
								color:#fff;
								margin:4px 0 3px 7px;
								padding:3px;
								background-color:#0090C6;
							}
							
							
							.busqueda_opcion{
							
								width:131px;
								float:left;
								padding:0;
								border:1px solid #737375;
								color:#333;
								margin:0 10px 0 0;
								padding:2px;
								color:#737375;
							}
								#searchsubmit{
									background-image:url(' images/btn_buscador.jpg');
									background-repeat:no-repeat;
									background-position:0 0;
									width:33px;
									height:32px;
									float:right;
									margin:0 6px 0 0;
									border:0;
									background-color:transparent;
									cursor:pointer;
								
								
								}
								
										#searchsubmit:hover{
										
										/*background-position:0 -20px;*/
										opacity:0.5;filter:alpha(opacity=60);
										
										
										}
										
										
	

/*VII.-LISTADO DE NOTICIAS*/	

/*Es el buscador basado en flex search. Tambien basado de Achiga, y heredado de interactivo */	

				.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;
																			
																		}


/*VII.-Formulario de contacto*/	

/*Es el buscador basado en flex search. Tambien basado de Achiga, y heredado de interactivo */

																		
#Contacto fieldset{
border:0 none;
float:left;
margin:10px 0 0;
padding:50px 0;
width:100%;
}


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

		.imputlabel{
			width:32%;
			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:205px;
									border:1px solid #16267D;
									font-size: 10px;
									padding:3px 0 3px 3px;
								}
								
								#comentario{
								height:120px;
								
								}
												
												
												
												.submitButton_cont{
														width:131px;
														height:22px;
														border:0;
														margin:20px 39% 0 0;
														float:right;
														color:#fff;
														cursor:pointer;
														background-image:url(' images/boton_enviar.jpg');
														background-repeat:no-repeat;
														background-position:0 0;
														background-color: transparent;
														}
														
														.submitButton_cont:hover{
															opacity:0.5; 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;
								
								
							}
							
							
/*PORTAL*/

.portada{
	width:100%;
	float:left;
	height:auto !important;
	min-height:280px !important;
	height:280px;
	background-image:url(' images/img_principal.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0 0 20px 0;

}


.portada_alone{
	width:589px;
	float:left;
	height:auto !important;
	min-height:280px !important;
	height:280px;
	background-image:url(' images/img_principal.jpg');
	background-repeat:no-repeat;
	background-position:15px 0;
	padding:0 15px 0 15px;
	background-color:#FDFDFD;
	margin:0 0 0 0;

}

.portada_page{
	width:589px;
	float:left;
	height:auto !important;
	min-height:580px !important;
	height:580px;
	padding:0 15px 0 15px;
	background-color:#FDFDFD;
	margin:0 0 0 0;

}

.portada_exerpt{
	width:589px;
	float:left;
	height:auto; 
	padding:20px 15px 20px 15px;
	background-color:#FDFDFD;
	margin:0 0 0 0;
	background-image:url(' images/img_principal.jpg');
	background-repeat:no-repeat;
	background-position:15px 20px;

}





.portada_vacia{
    width:100%;
	float:left;
	height:auto !important;
	min-height:280px !important;
	height:280px;
	padding:0 0 20px 0;
	
}


.portada_vacia h3{
   font-size:13px;
	padding:20px 0 0 0;
}


	.portada_vacia p{
	   font-size:11px;
		padding:5px 0 0 0;
		color:#333;
	}
	
	
	


		.titulo_art{
		float:left;
		padding:0 0 20px 14px;
		
		}

		.imagen_portada{
			float:left;
			width:287px;
			height:173px;
			margin:7px !important;
			margin:7px 3px 7px 3px;
			background-color:#000;
			overflow:hidden;
			border:1px solid #0090C6;
		}
		
				.imagen_portada img{
					float:left;
					border:0;
					
				}
				
				.imagen_grande{
			float:left;
			width:100%;
			height:287px;
			background-color:#000;
			overflow:hidden;
			border:1px solid #0090C6;
		}
		
				.imagen_grande img{
					float:left;
					border:0;
					
				}

.descripcion{
	width:293px;
	height:auto !important;
	min-height:196px !important;
	height:196px;
	float:left;
	margin:0 0 0 20px !important;
	margin:0 0 0 10px;
}


		.descripcion h3{
			font-size:14px;
			padding:14px 0 10px 9px;
			text-transform:none;
		}
		
		.descripcion h2{
			font-size:16px;
			padding:14px 0 10px 9px;
			color:#0090C6;
			text-transform:none;
		}

		.descripcion p{
			font-size:12px;
			padding:3px 0 3px 9px;
		}
		
		
	.descripcion_single{
	width:263px;
	height:auto !important;
	min-height:196px !important;
	height:196px;
	float:left;
	margin:0 0 0 20px;
}


		.descripcion_single h3{
			font-size:14px;
			padding:14px 0 10px 9px;
			text-transform:none;
		}
		
		.descripcion_single h2{
			font-size:16px;
			padding:14px 0 10px 9px;
			color:#0090C6;
			text-transform:none;
		}

		.descripcion_single p{
			font-size:12px;
			padding:3px 0 3px 9px;
		}	
		
.txt_portada{
	width:100%;
	float:left;
	padding:10px 0 10px 0;
	font-size:12px;
	line-height:150%;
}

.txt_portada p{
	padding:15px 0 0 0;
}

.btn_mas{
background-image:url(' images/btn_seguir1.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
	width:111px;
	height:25px;
	float: right;
	margin:5px 0 0 0;
}


.btn_mas:hover{
background-position:0 -25px;
}




.contenidos_portada{
width:100%;
	float:left;
	padding:20px 0 20px 0;

}

.contenidos_portada_search{
	width:100%;
	float:left;
	padding:10px 0 10px 0;
	height:auto !important;
	min-height:550px !important;
	height:550px;
}



								

		.noticia_portada{
			float:left;
			height:197px;
			padding:15px 22px 0;
			width:159px;
			background-image: url(' images/bg_mod.png');
			background-position: 0 0;
			background-repeat: no-repeat;
			margin:0 1px 0 1px !important;
			margin:0 1px 0 0;
		}
		
		.noticia_portada h4{
			font-size:12px;
			padding:0 0 5px 0;
			float:left;
			height: auto!important;
			min-height: 37px !important;
			height:37px;
			line-height: 110%;
		}
		
		.imagenes_noticia{
			width:100%;
			height:97px;
			float:left;
			background-color:#000000;
			margin:0 0 5px 0;
			overflow:hidden;
			border:1px solid #A1D5EA;
		}
		
		.imagenes_noticia img{
			height:97px;
			width:159px;
			float:left;
			border:0;
		}
		
		
		/**********Menu de abajo*********/
		
		.modulo-menu{
			height:auto !important;
			min-height:197px !important;
			height:197px;
			padding:15px 0 0;
			width:200px;
			float:left;
			font-size:12px;
			margin:0 4px 0 0;
		}
		
		.modulo-menu h2{
			font-size:14px;
			text-transform:capitalize;
			padding:0 0 5px 0;
		}
		
		.modulo-menu li{
			float:left;
			padding:0;
		}
		
		
		
		.modulo-menu_ult{
			height:auto !important;
			min-height:197px !important;
			height:197px;
			padding:15px 0 0;
			width:200px;
			float:left;
			font-size:12px;
			margin:0 4px 0 0;
		}
		
		.modulo-menu_ult h2{
			font-size:14px;
			text-transform:capitalize;
			padding:0 0 5px 0;
		}
		
		.modulo-menu_ult li{
			float:left;
			padding:0;
		}
		
		.modulo-menu_ult a{
		float:left;
		width:190px;
		padding:6px 0 6px 3px;
		font-size:11px;
		line-height:110%;
		border-bottom:1px dashed #0090C6;
		}
		
		.modulo-menu_ult a:hover{
		background-color:#D2EAF4;
		}
		
		.cat-item a{
		float:left;
		width:190px;
		padding:6px 0 6px 3px;
		font-size:11px;
		line-height:110%;
		border-bottom:1px dashed #0090C6;
		}
		
		.cat-item a:hover{
		background-color:#D2EAF4;
		}
		
		
		
		 /*XIV.-FORMULARIO DE CONTACTO*/
  /*Funciona para todos los formularios que se aplican en el sitio*/
 
#respond{
float:left;
padding:0 0;
width:100%;
}


#respond h3{
float:left;
padding:30px 0 0 0;
width:100%;
color:#0090C6;
}



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

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




#form_com fieldset{
border:0 none;
float:left;
margin:10px 0 0;
padding: 10px 0 0 0;
width:100%;
}


		.divline_com{
			margin:5px 0 5px 0 ;
			padding:0;
			float:left;
			width:100%;
		}
		
				/*labels*/
				
				
				
						.imputlabel_com{
							width:23%;
							height:auto;
							padding:0 0 0 0;
							margin:0 10px 0 0;
							text-align:right;
							float:left;
							font-weight:bold;
							font-size:12px;
							
						}
				
								
								/*inputs*/
								
								.textInput_com{
									width:340px;
									border:1px solid #e2f1f7;
									font-size: 10px;
									padding:3px 0 3px 3px;
									background-color:#b2dded;
									color:#0090c6;
								}
								
								#comment{
								height:220px;
								
								}
			
			
			
											
												
												.mensaje{
													width:100%;
													height:auto;
													overflow:auto;
													text-align: center;
													padding:0px 0 18px 0;
													color:#7F6B5F;
												}
												
												
												
												.submitButton_com{
														width:131px;
														height:22px;
														border:0;
														margin:10px 39% 0 0;
														float:right;
														color:#0090C6;
														cursor:pointer;
														background-image:url('images/boton_enviar.png');
														background-repeat:no-repeat;
														background-position:0 0;
														background-color: transparent;
														}
														
														.submitButton_com:hover{
															opacity:0.5; filter:alpha(opacity=60);	
														}
														
														
														
														.submitButton{
														width:131px;
														height:22px;
														border:0;
														margin:10px 39% 0 0;
														float:right;
														color:#0090C6;
														cursor:pointer;
														background-image:url('images/boton_contact.jpg');
														background-repeat:no-repeat;
														background-position:0 0;
														background-color: transparent;
														}
														
														.submitButton:hover{
															opacity:0.5; filter:alpha(opacity=60);	
														}
	/****COMENTARIOS****/
	
	#comments{
	width:100%;
	float:left;
	padding:40px 0 0 0;
	color:#0090C6;
	
	}
	
	.commentlist{
	width:100%;
	float:left;
	padding:0 0 20px 0;
	margin:20px 0 0 0;
	border-bottom:1px dashed #B2DDED;
	}
	
	.comment{
	float:left;
	width:100%;
	padding:10px 0 10px 0;
	background-image:url('images/coment.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
	margin:10px 0 10px 0;
	
	}
	
	.comment p{
	float:right;
	font-size:11px;
	padding:2px 14px 0 14px;
	width:500px;
	margin:5px 0 0 0;
	}
	
	
	
	.vcard{
		width:60px;
		float:left;
		
	}
	
	.comment-meta{
	float:right;
	font-size:11px;
	padding:2px 14px 0 14px;
	width:500px;
	}
	
	.avatar{
	border:1px solid #B2DDED;
	float:left;
	}
	
	.fn{
	font-size:11px;
	color:#0090C6;
	float:left;
	width:100%;
	}
	
	.says{
	font-size:10px;
	float:left;
	}
	
	/***************/
	.center{
		text-transform:none;
		padding:30px 0 0 0;
		text-align:left;
		font-size:12px;
		color:#FF0000;
	}
	
	.pagetitle{
	font_size:13px;
		width:100%;
		float:left;
		padding:3px 0 3px 0;
		border-bottom:1px dashed #B2DDED;
		color:#0090C6;
		text-transform:none;
		margin:0 0 20px 0;
	}
	
	.post-edit-link{
	font-size:10px;
	}
	
	/********archivos********/
	
	
	.title_arch{
		font_size:13px;
		width:100%;
		float:left;
		padding:3px 0 3px 0;
		border-bottom:1px dashed #B2DDED;
		color:#0090C6;
		margin:0 0 20px 0;
	}
	
	.hidden{
		display:none;
	}
	
	
	/******SITEMAP******/
	
	
	#sitemap_list li{
	display:block;
	width:100%;
	float:left;
	border:0;
	padding:9px 0 9px 0;
	font-size: 12px
	}
	
	
	#sitemap_list li.cat-item a{
	font-size:10px;
	padding:0 0 0 20px;
	border:0;
	width:400px;
	}
	
	#sitemap_list li.cat-item a:hover{
	background-color: #fff;
	}