/*
Theme Name: BuenaBuena.cl
Theme URI: http://BuenaBuena.cl
Description: Segunda versión del sitio para el 2010
Version: 2Beta
Author: Rodrigo Haverbeck y Richard González
Author URI: http://buenabuena.cl

*/

*{
	border:0;
	padding:0;
	margin:0;
	list-style:none;
}


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#222222;
	background:#c3ccd0 url(img/bg2.jpg);
	line-height:140%;
	position:relative;

}

a, a:hover, a:link{
	text-decoration:none;
	color:#3c5867;
	outline:none;
}

h3, h2{
	color:#839aa3;
	font-size:14px;
	text-transform:uppercase;
	margin:10px 0;
	background:url(img/bg-h3.gif) no-repeat bottom;
	padding:5px;
	font-family:Tahoma, Geneva, sans-serif;
}

h2{
	color:#222222;
	background:none;
}

p{
	padding:5px 0;
}
	

h1.logo a{
	background:url(img/logo.png) no-repeat;
	width:187px;
	height:114px;
	overflow:hidden;
	text-indent:-9999999px;
	display:block;
	margin:15px 0 40px 0;

}
h1{
		font-size:40px;
}
	

#top{
	background:url(img/bg-top.png) repeat-x;
	height:45px;
	text-align:right;
}

ul.menutop{
	width:700px;
	text-align:right;
	margin:0 0 0 220px;

}


ul.menutop li{
	float:left;
	padding:12px 25px;
	color:#FFF;
}

ul.menutop li a{
	color:#FFF;
	text-transform:uppercase;
		display:block;
}

ul.menutop li a:hover{
	color:#b3ccd9;
}


#contenedor-top, #contenedor{
	width:960px;
	margin:0 auto;
}

.arbol{
	position:absolute;
	background:url(img/arbol.png) no-repeat;

}

.post{
	margin-bottom:40px;
	
}

#lateral{
	float:left;
	width:190px;
	padding-right:20px;
	*padding-right:0px;

}
#lateral h3{
	margin:0;
	padding:0;
	background-image:none;
	width:auto;
	}


#lateral h3.contacto a{
	background:url(img/contacto.png) no-repeat;
	width:146px;
	height:25px;
	display:block;
	overflow:hidden;
	text-indent:-99999px;
	margin:5px 0 0 35px;
}

#lateral h3.proyectos a{
	background:url(img/proyectos.png) no-repeat;
	width:146px;
	height:25px;
	display:block;
	overflow:hidden;
	text-indent:-99999px;
	margin:5px 0 0 35px;
}

#lateral p{
	text-align:right;
	margin:15px 0;
}

#lateral p a{
	background-color:#2b434d;
	color:#eeff56;
	padding:0px 3px 1px 3px;
}

#lateral p a:hover{
	color:#fff;
}

#central{
	float:right;
	width:710px;
	background:#FFF;
	padding:30px 15px 15px 20px;
	*padding:30px 10px 15px 15px;
	margin:-4px 0 0 0;
}

.rotador img{
	border:4px solid #efe9e6;
	}
	
	
.bloque-servicios{
	float:left;
	margin:5px 20px 10px 0;
	width:157px;
	}
	
.bloque-servicios p{
	font-size:11px;
}
.bloque-servicios h4{
	color:#2b434d;
	font-size:13px;
}

 .boxgrid{ 
				width: 175px; 
				height: 120px; 
				float:left; 
				overflow: hidden; 
				position: relative;
				cursor:pointer;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{
					color:#839aa3;
					padding: 0 10px; 					
					font-size:10px;
					line-height:100%;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 70px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					bottom:-85px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					bottom:0;
 					left: 0;
 				}
				
				.boxcaption h2, .boxcaption h2 a, .boxcaption h2 a:hover {
				color:#fff;
				font-size:12px;
				padding:10px 10px 2px 5px;
				line-height:10px;
				font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-weight:normal;
				margin:0;
				display:block;
			
				}

/* interior post */

.ficha{
	float:right;
	width:200px;
	display:block;
	background:#e8e9e9;
	padding:10px;
	margin:0 10px;
}

/* nosotros  */

.equipo{
	width:225px;
	float:left;
	margin-right:5px;
}

.equipo h3{
	background:none;
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
	color:#555;
	border-bottom:1px dashed #ccc;

}
.equipo .caracho{
	border:1px dashed #ccc;
	padding:5px;
	background:#fff;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		display:none;
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* PIE */
#pie{
	background:url(img/bg-pie.jpg) no-repeat;
	padding:35px 40px 30px 200px;
	margin:0 -15px -15px -20px;	
}

/* clientes */

ul.clientes li{
	float:left;
	display:block;
	width:160px;
	padding:0 7px;
	margin:0;
}

form input, form textarea{
	background:#f3f3f3;
	padding:1px;
	width:400px;
	border:1px solid #ccc;
}


.wpcf7 input.enviar{
	background:#3c5867;
	width:100px;
	color:#FFF;
	cursor:pointer;
}

.wpcf7-mail-sent-ok, .wpcf7-response-output{
	border-bottom-color:#FFF;
}