@charset "utf-8";
/* CSS Document */

body{
	background-color:#ECE8E5;
	margin:0;
	padding:0;

}

#capaglobal{
	width:100%;
	position:absolute;
	height:100%;
	text-align:center;
}
#capacentra{
	width:754px;
	margin:auto;
	position:relative;
	padding: 30px 0px 60px 0px;
	height:100%;
}

.equipo{
	background-image:url(/img/foto-quienes-somos.jpg);
	background-repeat:no-repeat;
}

.filosofia{
	background-image:url(/img/foto-filosofia.jpg);
	background-repeat:no-repeat;

}

.sensibilidad{
	background-image:url(/img/foto-sensibilidad.jpg);
	background-repeat:no-repeat;
}

.servicios{
 /*	background-image:url(/img/foto-servicios-corta.jpg); */
	background-image:url(/img/foto-servicios.jpg);
	background-repeat:no-repeat;
}

.clientes{
	background-image:url(/img/foto-clientes.jpg);
	background-repeat:no-repeat;
}

.estudio{
	background-image:url(/img/foto-estudio.jpg);
	background-repeat:no-repeat;
}

	

	#titulo_seccion{
		float:left;
		width: 150px;
		padding-left:10px;
	}

	#menu{
		float:right;
		width:575px;
		padding-right:10px;
	

	}

	#logoinicio{
		padding-left: -15px;
		margin-top:15px;
		padding-bottom: 15px;
		position:absolute;
		text-align:left;
		top:0px;
		left:-5px;
		text-align:left;
		background-image:url(../img/logo.gif);
		background-repeat:no-repeat;
		background-position:left;
		background-position:top;
		height:71px;
		width:300px;
		
	}

	#subtitulo{
		width:190px;
		height:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		font-weight:600;
		color:#89CBDF;
		background-color:#FFFFFF;
		font-stretch:ultra-condensed;
		padding-top:1px;
		margin:0 0 10px 0;

	}
	
	
	#bocadillo{
		width:239px;
		height:23px;
		background-image:url(../img/bocadillo.gif);
		background-repeat:no-repeat;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		font-weight:600;
		color:#89CBDF;
		line-height: 26px;
		font-stretch:ultra-condensed;
		padding-top:2px;
	}
	
		.cajablancainicio{
			width:200px;
			height:220px;
			background-color:#FFFFFF;
			padding: 30px 20px 10px 20px;
			float: left;
			text-align:left;
			position:relative;
			cursor:pointer;
		
		}
		
		.guion{
			height:1px;
			width:8px;
			padding-top:5px;
			border-bottom-color:#353535;
			border-bottom:thin;
			border-bottom-style:solid;
		}
		
		#contenido_columnas{
			width:574px;
			position:relative;
			float:left;

		}
		
		.columna_contenido{
			padding:0 0 0 20px;
			width:250px;
			text-align:left;
			float:left;
			position:relative;

		}
		
		#twitter{
			width:175px;
			height:193px;
			margin:auto;
			position:relative;
			padding:5px 10px 10px 5px;
			border:#CCCCCC;
			border-style:solid;
			display: none;
}

		#perfil_twitter{
			height:32px;
			width:150px;		
		}
			#perfil_twitter_foto{
				height:32px;
				width:42px;
				float:left;
			}
		
		#twitter a{
			color:#00AEEF;
			text-decoration:none;
		}	
		
		#logo_twitter{
			width:46px;
			height:32px;
			position:absolute;
			top:15px;
			right:85px;
			display: none;
		}

		#ver_tweets{
			padding:10px 0 0 10px; 
			font-size:10px;
		}
		
		#siguemos_twitter{
			padding:3px 0 0 3px;
			height:15px;
			width:55px;
			background-color:#CCCCCC;
		}
		
		
		#pie{
			height:250px;
			width:100%;
			background-color:#FFFFFF;
			margin: auto;
			border-bottom-color:#333333;
			border-bottom-style:solid;
			border-bottom-width:thin;
			position:relative;


		}
			#columnas{
				position:relative;
				margin:auto;
				width:745px;
			
			}
				.columna{
					margin: auto;
					padding:30px 0 0 20px;
					width:200px;
					float:left;
					text-align:left;
				}
				

/* clases para el caso de es */

.caja_contenido{
	background-color:#EDEBE9;
	width:250px;
	height:90px;
	cursor:pointer;
	padding: 0 0 20px 10px;
	position:relative;
}

.caja_contenido_servicios{
	background-color:#EDEBE9;
	width:250px;
	height:40px;
	cursor:pointer;
	padding: 0 0 20px 10px;
	position:relative;

}

.top_caja{
	width:260px;
	height:15px;
	position:relative;
}


.separador{
	width:250px;
	height:20px;
	position:relative;
}

.contenido-estudio	{
	background-color:#ECEBE9;
	color: #808080;
	font-family: 'Droid Sans', sans-serif;
	font-size:12px;
	text-align:left;
	padding:10px 15px 0 15px;
	width:230px;
	position:relative;

}


#leer_mas{
	position:relative;
	float:right;
	vertical-align:bottom;
	padding:0 5px 0 0;
}


#punto-venta{

}

#diseno-productos{

}

#mercados-diseno{

}

#contexto-municipal{

}

#calidad-servicio{

}

#comportamiento-consumidor{

}

#clima-laboral{

}

#distribucion-comercial{

}

#sector-restauracion{

}

#sector-teleco{

}

#evaluacion-comunicacion{

}

#sector-institucional{

}

#sector-editorial{

}

#uso-servicios{

}