/* CSS Document */

/* General */
    BODY 	{margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px;}
	A,P,TD,DIV,FONT,BODY,SPAN,UL,LI,INPUT,TEXTAREA		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#858383;}
	p		{margin-top:0px}

/* Estructura */
	.frente 			{position: absolute; z-index:3; left: 0px; top: 0px; visibility: visible;}
	.ultimoNivel		{position: absolute; z-index:1; left: 0px; top: 0px; visibility: visible;}


	.ventana 
	{
		position: absolute; left: 0px; top: 0px; z-index:2; 
		width: 100%;
	}
	
	.pagina  			{width:796px; text-align:left; margin:0px auto 0px auto; position:relative;}
	.pagina_2			{width:796px; text-align:left; margin:0px auto 0px auto; position:relative; height:40px;}
	
	.menu				{position:absolute; z-index:2;top:15px; left:0px;}
	.contenidos			{position:absolute; z-index:1;top:15px; left:0px; width:796px;}
	
	.imagen				{width: 700px; height:auto !important; height:314px; min-height:314px; margin:0px 26px 0px 70px; margin-bottom:10px;}
	.imagen_2			{width: 700px; height:auto !important; height:350px; min-height:380px; margin:0px 20px 0px 76px; margin-bottom:10px;}
	.texto_noticia		{width: 450px; height:160px; float:left; padding:20px 0 0 0; }
	.imagen_noticia		{width: 250px; height:160px; float:left; padding:20px 0 0 0;}
	.cabecera			{width:100%;	min-height:70px; float:left}
	.info 				{width:700px; padding:0px 26px 8px 70px; background:transparent url('../img/fondoContenidos.jpg') no-repeat center bottom; }
	.info_2 			{width:700px; padding:0px 26px 8px 70px; background:transparent url('../img/fondoContenidos.jpg') no-repeat center bottom; }
	.infoIndex			{width:700px; padding:0px 26px 8px 70px; background:transparent url('../img/fondoContenidos.jpg') no-repeat center bottom; height:auto !important; height:140px; min-height:140px;}
	
	.seccionCompleta	{width:700px;  margin-bottom:10px;}
	.seccion			{float:left; width:400px; padding-right:15px; margin-right:15px; border-right:solid 1px #858383; margin-bottom:10px;}
	.trabajos			{float:left; width:269px;}
	
	
	.pie				{width:700px; margin:0px 26px 0px 70px; margin-top:10px;}

/* general */
	
	h1 
	{
		display:none;
	}
	
	h4	{
		font-weight:normal; font-size:10px; line-height:12px;
		margin:0px 0px 10px 25px; padding:0px 0px 0px 12px;
		background:transparent url('../img/flechaGris.jpg') no-repeat 0px 2px;
	}
	
	.trabajos h4 {margin-left:0px; padding-left:0px; background:none;}
	
	
	h3	{
		font-weight:normal; font-size:10px; line-height:12px;
		margin:0px 0px 10px 25px; padding:0px 0px 0px 12px;
		color:#81d42e;
		text-transform:uppercase;
		text-indent:-9999px;
		width:100%;
	}
	
	h3#tituloImagenCorporativa	{background:transparent url('../img/titulos/corporativa.jpg') no-repeat 0px 2px;}
	h3#tituloCampanyas			{background:transparent url('../img/titulos/campanyas.jpg') no-repeat 0px 2px;}
	h3#tituloDisenyoGrafico		{background:transparent url('../img/titulos/grafico.jpg') no-repeat 0px 2px;}
	h3#tituloMarketingOnline	{background:transparent url('../img/titulos/marketingOnline.jpg') no-repeat 0px 2px;}
	h3#tituloPlanMedios			{background:transparent url('../img/titulos/planMedios.jpg') no-repeat 0px 2px;}
	h3#tituloMarketingDirecto	{background:transparent url('../img/titulos/marketing.jpg') no-repeat 0px 2px;}
	h3#tituloDisenyoWeb			{background:transparent url('../img/titulos/web.jpg') no-repeat 0px 2px;}
	h3#tituloCitybranding		{background:transparent url('../img/titulos/citybranding.jpg') no-repeat 0px 2px;}
	h3#tituloTelevision			{background:transparent url('../img/titulos/television.jpg') no-repeat 0px 2px;}
	h3#tituloDisenyoStand		{background:transparent url('../img/titulos/stands.jpg') no-repeat 0px 2px;}
	h3#tituloPackaging			{background:transparent url('../img/titulos/packaging.jpg') no-repeat 0px 2px;}
	h3#tituloPublicidadExterior	{background:transparent url('../img/titulos/publicidadExterior.jpg') no-repeat 0px 2px;}
	h3#tituloEventosLimon		{background:transparent url('../img/titulos/eventos.jpg') no-repeat 0px 2px;}
	h3#tituloAvisoLegal			{background:transparent url('../img/titulos/avisoLegal.jpg') no-repeat 0px 2px; margin-left:0px;}
	h3#tituloPolitica			{background:transparent url('../img/titulos/politicaPrivacidad.jpg') no-repeat 0px 2px; margin-left:0px;}
	
	h3#tituloClientes			{background:transparent url('../img/titulos/clientes.jpg') no-repeat 0px 2px; margin-left:0px;}
	h3#tituloNoticias			{background:transparent url('../img/titulos/noticias.jpg') no-repeat 0px 2px; margin-left:0px;}
	
	
	
	.sinBorde			{ border-width:0px}
	.btnHome, .btnHome:link, .btnHome:visited	{color:#4e4b4a; padding:0px 8px 0px 10px; margin-left:3px;}
	.btnHome:hover	{border-left:solid 1px #4e4b4a; border-right:solid 1px #4e4b4a; padding:0px 7px 0px 9px;}
	
	.menu img, .menu p {margin-left:9px;}
	
	
/* menu */
	.menu ul li h2	{margin:0px; padding:0px; font-weight:normal; font-size:9px; line-height:15px;}
	
	.menu ul				{margin:15px 0px 0px 28px; padding:0px 0px 0px 0px; list-style-type:none; width:25px; overflow:hidden;}
	.menu ul li				{margin:0px 0px 0px 0px; padding:0px;}
	.menu ul li h2 a			{height:24px; color:#333333; font-size:9px; text-align:center; display:block; background-color:#ffffff; background-position:0px 0px; background-repeat:no-repeat; text-indent:25px; width:200px; text-align:left;}
	.menu ul li h2 a:link		{font-size:9px;}
	.menu ul li h2 a:visited	{font-size:9px;}
	.menu ul li h2 a:hover		{font-size:9px;  background-position:0px 0px; text-indent:27px; text-align:left; padding-right:10px; text-decoration:underline;}
	
	.menu ul li h2 .btnMenuSelecc, .menu ul li h2 .btnMenuSelecc:visited, .menu ul li h2 .btnMenuSelecc:link	{color:#000; background-position:0px 0px;}	
	
	.btn1	{ background:transparent url('../img/menu/01.jpg') no-repeat;}
	.btn2	{ background:transparent url('../img/menu/02.jpg') no-repeat;}
	.btn3	{ background:transparent url('../img/menu/03.jpg') no-repeat;}
	.btn4	{ background:transparent url('../img/menu/04.jpg') no-repeat;}
	.btn5	{ background:transparent url('../img/menu/05.jpg') no-repeat;}
	.btn6	{ background:transparent url('../img/menu/06.jpg') no-repeat;}
	.btn7	{ background:transparent url('../img/menu/07.jpg') no-repeat;}
	.btn8	{ background:transparent url('../img/menu/08.jpg') no-repeat;}
	.btn9	{ background:transparent url('../img/menu/09.jpg') no-repeat;}
	.btn10	{ background:transparent url('../img/menu/10.jpg') no-repeat;}
	.btn11	{ background:transparent url('../img/menu/11.jpg') no-repeat;}
	.btn12	{ background:transparent url('../img/menu/12.jpg') no-repeat;}
	.btn13	{ background:transparent url('../img/menu/13.jpg') no-repeat;}
	.btn14	{ background:transparent url('../img/menu/14.jpg') no-repeat;}
	
	.btn15	{ background:transparent url('../img/menu/15.jpg') no-repeat;}
	
/* index */

	#piel	{padding:100px 0px 0px 160px;}
	.textoPiel	{padding-left:16px; width:428px;}

/* seccion */

	.tituloSeccion	{float:left; width:150px;}
	.tituloCliente	{float:left; width:450px;}
	.paginacion		{float:right; padding-right:30px;}
	
	#btnAnterior	{float:left; width:62px; height:12px; background:transparent url('../img/btnAnterior.jpg') no-repeat; text-indent:-9999px; margin-right:10px; display:block;}
	#btnSiguiente	{float:left; width:62px; height:12px; background:transparent url('../img/btnSiguiente.jpg') no-repeat;  text-indent:-9999px; display:block;}
	
	#btnAnterior:link, #btnSiguiente:link,
	#btnAnterior:visited, #btnSiguiente:visited	{background-position:0px -12px;}
	#btnAnterior:hover, #btnSiguiente:hover	{background-position:0px 0px;}

/* trabajos */

	.trabajos ul				{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none;}
	.trabajos ul li				{margin:0px 5px 5px 0px; padding:0px; float:left;}
	.trabajos ul li a 			{border:solid 0px #fff; display:block;}
	.trabajos ul li a:link		{border:solid 1px #fff;}
	.trabajos ul li a:visited	{border:solid 1px #fff;}
	.trabajos ul li a:hover, 
	.trabajos ul li#trabajoSelecc a:link,
	.trabajos ul li#trabajoSelecc a:visited,
	.trabajos ul li#trabajoSelecc a:hover		{border:solid 1px #81d42e;}

/* Campaņas */

	
	
	.listadoMiniaturas ul				{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none;}
	.listadoMiniaturas ul li			{margin:0px 5px 5px 0px; padding:0px; float:left;}
	.listadoMiniaturas ul li a 			{border:solid 0px #666666; display:block; font-size:1px;}
	.listadoMiniaturas ul li a:link		{border:solid 1px #666666;}
	.listadoMiniaturas ul li a:visited	{border:solid 1px #666666;}
	.listadoMiniaturas ul li a:hover,
	.listadoMiniaturas ul li#trabajoSelecc a:link,
	.listadoMiniaturas ul li#trabajoSelecc a:visited,
	.listadoMiniaturas ul li#trabajoSelecc a:hover		{border:solid 1px #81d42e;}
	
	.listadoMiniaturas ul#listadoCampanyas li			{height:39px; width:39px;}
	.listadoMiniaturas ul#listadoClientes li			{height:46px; width:46px;}
	
	.listadoMiniaturas ul li a img 	{border:solid 0px #666666;}

	
/* submenu */
	.submenu ul li h3	{margin:0px; padding:0px; font-weight:normal; font-size:14px; line-height:18px;}
	
	.submenu ul				{margin:0px; padding:8px 0px 0px 0px; list-style-type:none; height:18px;}
	.submenu ul li			{float:left;}
	.submenu ul li h3 a			{color:#3ab8ff; font-size:13px; text-align:center; display:block; padding-right:44px;}
	.submenu ul li h3 a:link		{color:#3ab8ff; font-size:13px;}
	.submenu ul li h3 a:visited	{color:#3ab8ff; font-size:13px;}
	.submenu ul li h3 a:hover		{color:#4e4b4a; font-size:13px;}
	
	.submenu ul li h3 .btnMenuSelecc, .submenu ul li h3 .btnMenuSelecc:visited, .submenu ul li h3 .btnMenuSelecc:link	{color:#4e4b4a;}
	
	.submenu ul li h3 a.ultimoBtnMenu		{padding-right:0px;}

/* pie */
	.direccion	{float:left; width: 627px; border-right:solid 1px #9c9a9a; padding: 3px 0px;letter-spacing:0px; font-size:9px; margin-top:5px;}
	.logoPie	{float:right;}

	.direccion a, .direccion a:link, .direccion a:visited	{text-decoration:none; color:#9c9a9a; }
	.direccion a:hover						{text-decoration:underline;}

	.validaciones	{width:700px; font-size:9px; padding-bottom:10px;}
	.validaciones a, .validaciones a:link, .validaciones a:visited	{text-decoration:none; color:#bbb; }

/* formateo */
	.clear	{clear:both; margin:0px; padding:0px;}
	.sinImagen {padding-top:53px;}

/* estilos */
	.centrado {text-align:center;}	
	.justificado {text-align:justify;}	

/* colores */
	.limon 		{color:#81d42e;}
	.grisOscuro	{color:#4e4b4a;}
	.grisClaro	{color:#9c9a9a;}

	.formulario {  width:800px; float:left; height:40px; padding:0 0 0 55px;}
	
	.titulo_contacto, .titulo_contacto_2, .titulo_contacto_asunto{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#666666;
		padding:5px 0 0 0;
		width:120px;
		min-height:5px;
		float:left;
	}
	
	.titulo_contacto_2{
		width:160px;
	}
	
	.titulo_contacto_asunto{
		width:60px;
	}
	
	.telefono{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666666;
		padding:5px 0 0 0;
		width:140px;
		min-height:5px;
		float:left;
		text-align:right
	}
	
	.cajon{
		height:40px;
		margin:0;
		padding:0;
		min-width:10px;
		float:left;
	}
	
	.cajon_2{
		height:40px;
		margin:0;
		padding:0;
		width:623px;
		float:left;
	}
	
	.titular_principal{
		width:177px;
		height:20px;
		padding:20px 0 0 0;
	}
	
	.cajon_med{
		height:20px;
		width:140px;
		float:left;
	}
	
	.cajon_peq{
		height:20px;
		width:85px;
		float:left;
		padding:0 10px 0 0;
	}
	
	.input_peq{
		width:85px;
		border-color:#999999;
		border-width:1px;
		border-style:solid;
	}
	
	.input_med, .input_max{
		border-color:#999999;
		border-width:1px;
		border-style:solid;
	}
	
	.cajon_max{
		height:20px;
		width:200px;
		float:left;
	}
	
	.cajon_max_2{
		height:20px;
		width:150px;
		float:left;
	}
	
	.boton_limon{
		background-color:#666666;
		color:#FFFFFF;
		border:0;
		width:50px;
		height:18px;
		font-size:12px;	
	}
	

#texto_menu{
	float:left;
	width:400px;
	height:50px;
	padding:0 0 0 175px;
}
