/* BASICOS ------------------------------------------------------- */
*{padding:0;margin:0;}
html {margin:0;padding:0;}
body {margin:0 auto;padding:0;font-family:Arial, Helvetica, sans-serif;background:#000;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
p, a, form, label, input, select, textarea {margin:0;padding:0;text-decoration:none;border:none;font-family:Arial, Helvetica, sans-serif}
ul, ol, dl, dt, dd, li {margin:0;padding:0;list-style-type:none}
a img, img {border:0; outline: none;}
img, div {margin:0;padding:0;}
a {outline:none; }
/**/
.FL_Left {float:left}
.FL_Right {float:right}
.Clear {clear:both}
/**/
.Mod_ALeft {text-align:left !IMPORTANT}
.Mod_ACenter {text-align:center !IMPORTANT}
.Mod_ARight {text-align:right !IMPORTANT}
/**/
.VA_Top {vertical-align:top}
/**/
.Oculto {display:none}
/**/
.MG_Auto {margin:0 auto}
img.FL_Left {margin:0 20px 20px 0}
img.FL_Right {margin:0 0 20px 20px}
/**/
.Font13px {font-size:13px !IMPORTANT}
/**/
.NoBorde {border:none !IMPORTANT}
.Txt_MAY {text-transform:uppercase}
/*-----------------------------------------------------------------*/

/*TODO ----------------------------------------------------------- */
#TODO {position:relative}
.A1000 {width:1000px;margin:0 auto;}
.A100pc {width:auto;}
/*-----------------------------------------------------------------*/

/*COLORES--------------------------------------------------------- */
.Color_Boo {color:#4e8b05}
.Color_Verde {color:#8ad136}
.Color_Verde2 {color:#d2ff00}
.Color_Materializa {color:#9e934d}
/*-----------------------------------------------------------------*/

/*CABECERA ------------------------------------------------------- */
.CABECERA_Fondo {position:relative;background-color:#FFF}
#CABECERA {position:relative;height:104px;}
#LOGOTIPO {position:absolute;top:16px;left:26px;width:212px;height:57px;background:url(../img/comunes/buleboo-reflejo.gif) 0 bottom;padding-bottom:31px;}
/*-----------------------------------------------------------------*/

/*MENU_SOPORTE --------------------------------------------------- */
#MENU_SOPORTE {position:absolute;right:10px;top:5px;font-size:11px;color:#666}
#MENU_SOPORTE ul {text-align:right}
#MENU_SOPORTE li {display:inline;font-size:11px;color:#7caf00;}
#MENU_SOPORTE li a {padding:0 5px;color:#666;}
#MENU_SOPORTE li a:hover {color:#7caf00}
/*-----------------------------------------------------------------*/

/*MENU ------------------------------------------------------------*/
#MENU {height:37px;background-color:#333;border-bottom:1px solid #000}
#MENU ul {position:relative;padding:0;font-size:12px;}
#MENU ul li {display:inline;text-transform:uppercase;padding:0 20px}
#MENU ul li a {display:inline;float:left;color:#ccc;padding:12px 15px 10px 15px ;background:url(../img/fondos/menu.gif) repeat -20px 38px;}
#MENU ul li a:hover, #MENU ul li a:focus, #MENU ul li a:active {color:#000;}
/**/
#MENU ul li a.Activo {background:url(../img/fondos/menu_on.gif) repeat -20px 48px;;color:#fff}
/*-----------------------------------------------------------------*/

/* MENU BULEBOOO ------------------------------------------------- */
.MENU_Buleboo {margin:0 10px 10px 10px !IMPORTANT;overflow:hidden;height:100%;}
.MENU_Buleboo li {float:left;display:inline;font-size:14px;color:#FFF;background:url(../img/comunes/menu_buleboo_on.gif) center 0 no-repeat !IMPORTANT;padding:10px !IMPORTANT}
.MENU_Buleboo li a {color:#FFF}
.MENU_Buleboo li a:hover, .MENU_Buleboo li a.Activo {border-bottom:1px dotted #d2ff00}
/*-----------------------------------------------------------------*/

/*CENTRAL -------------------------------------------------------- */
#CENTRAL {position:relative;padding:0 0 10px 0;background-repeat:no-repeat;background-position:center 0}
#CENTRAL h1 {font-size:24px;line-height:28px;color:#FFF;margin-bottom:5px}
#CENTRAL h2 {font-size:18px;line-height:16px;color:#d2ff00;margin-bottom:15px}
#CENTRAL p, #CENTRAL ul {font-size:12px;line-height:16px;color:#FFF}
#CENTRAL ul.ListaTextos {margin:10px;overflow:hidden;height:100%}
#CENTRAL ul.ListaTextos li {margin-bottom:5px;background:url(../img/comunes/bolo-lista.gif) 0 7px no-repeat;padding-left:15px;}
#CENTRAL ul.ListaTextos.Columnas2 li {width:200px;float:left;display:inline;margin:0 20px 5px 20px ;}
/**/
#CENTRAL #Titulo {height:80px;padding:7px 10px 0 10px;}
#CENTRAL #Titulo p a {color:#FFF;border-bottom:1px dotted #FFF}
/*-----------------------------------------------------------------*/

/*PIE ------------------------------------------------------------ */
#PIE {position:relative;overflow:hidden;height:130px;background:url(../img/fondos/pie.png) center 0 no-repeat;padding-top:65px;}
#PIE .A1000 {position:relative;}
#PIE p {display:inline;color:#FFF;font-size:12px;line-height:14px;padding:0 10px 2px 10px;}
#PIE a {color:#FFF;}
#PIE p.Copy {margin-right:120px}
#PIE p.Contacto a:hover {border-bottom:1px dotted #FFF}
#PIE p.Materializa a:hover {border-bottom:1px dotted #FFF}
/*-----------------------------------------------------------------*/

/* ESTRUCTURA HOME ------------------------------------------------*/
body.T_Home #CENTRAL {height:575px;background-position:center 0;background-repeat:no-repeat;}
body.T_Home #CENTRAL .Banner {position:absolute;bottom:35px;}
body.T_Home #CENTRAL .Banner .Num1 {float:left;display:inline;width:320px;margin-left:10px}
body.T_Home #CENTRAL .Banner .Num2 {float:left;display:inline;width:211px;margin:28px 0 0 20px}
/*.FondoHome .Banner .Num3 {float:left;display:inline;width:320px;margin-left:10px}*/
/**/
body.T_Home #CENTRAL .Texto {position:absolute;top:75px;margin-left:35px;width:310px}
body.T_Home #CENTRAL .Texto h1 span {display:none}
body.T_Home #CENTRAL .Texto p {font-size:16px;line-height:20px;margin-bottom:15px}
/**/
body.T_Home #CENTRAL .PortfolioHome {position:absolute;top:113px;margin-left:407px;z-index:90}
body.T_Home #CENTRAL .MASKARA {position:absolute;top:112px;margin-left:406px;z-index:99}
body.T_Home #CENTRAL .PortfolioHome ul {height:182px;overflow:hidden}
body.T_Home #CENTRAL .PortfolioHome li {width:402px;height:182px;}
/*-----------------------------------------------------------------*/

/* IMAGENES ------------------------------------------------------ */
.FondoCentral {position:absolute;width:100%;height:611px;background-repeat:no-repeat;background-position:center 0;}
/**/
body.T_Home      		.FondoCentral {background-image:url(../img/fondos/home.png);}
body.T_BulebooMovil 	.FondoCentral {background-image:url(../img/fondos/iphone.png);}
body.T_BulebooPremios	.FondoCentral {background-image:url(../img/fondos/mkt.png)}
body.T_GrupoMaterializa .FondoCentral {background-image:url(../img/fondos/materializa.png);;}
body.T_Buleboo 			.FondoCentral {background-image:url(../img/fondos/buleboo.png);}
body.T_Servicios 		.FondoCentral {background-image:url(../img/fondos/servicios.png);}
body.T_Trabajos 		.FondoCentral {background:-image:url(../img/fondos/servicios.png);background-color:#000;height:100%;height:auto}
body.T_Trabajos2 		.FondoCentral {background-image:none}
body.T_Clientes 		.FondoCentral {background-image:none}
body.T_DondeEstamos 	.FondoCentral {background-image:url(../img/fondos/donde-estamos.png);background-position:center -0px}
body.T_Contacto 		.FondoCentral {background-image:url(../img/fondos/contacto.png);}
body.T_MapaWeb 			.FondoCentral {background-image:url(../img/fondos/mapa-web.png);}
/*PIE*/
body.T_Home      		#PIE {margin-top:-43px;}
body.T_BulebooMovil 	#PIE {margin-top:-43px;}
body.T_BulebooPremios	#PIE {margin-top:-43px;}
body.T_GrupoMaterializa #PIE {margin-top:-43px;}
body.T_Buleboo 			#PIE {margin-top:-43px;}
body.T_Servicios 		#PIE {margin-top:-43px;}
body.T_Trabajos 		#PIE {margin-top:0;}
body.T_Trabajos2 		#PIE {margin-top:-43px;}
body.T_Clientes 		#PIE {margin-top:-43px;}
body.T_DondeEstamos 	#PIE {margin-top:-48px;}
body.T_Contacto 		#PIE {margin-top:-43px;}
body.T_MapaWeb 			#PIE {margin-top:-43px;}
/*-----------------------------------------------------------------*/

/* FRANJAS DE TITULOS -------------------------------------------- */
.ModClientes {background-image:url(../img/fondos/clientes-titulo.jpg);height:422px;padding-bottom:0;margin-bottom:153px}
.ModTrabajos {/*background-image:url(../img/fondos/trabajos-titulo.jpg);*/background-image:url(../img/fondos/clientes-titulo.jpg);height:100%}
.ModTrabajos2 {/*background-image:url(../img/fondos/trabajos-titulo2.gif);border-bottom:2px solid #FFF;height:428px;margin-bottom:153px;*/background-image:url(../img/fondos/trabajos-titulo2.png);background-position:center 15px !IMPORTANT;padding-bottom:0;height:590px;}
.ModBuleboo {background-image:url(../img/fondos/clientes-titulo.jpg);height:422px;padding-bottom:0;margin-bottom:153px}
.ModDondeEstamos {background-image:none;height:422px;padding-bottom:0;margin-bottom:153px}
.ModContacto {background-image:none;height:422px;padding-bottom:0;margin-bottom:153px}
/*-----------------------------------------------------------------*/

/*Modulo 6 Columnas----------------------------------------------- */
ul.Mod6Columnas {overflow:hidden;height:100%;margin:5px auto 10px auto;width:990px;}
ul.Mod6Columnas li {position:relative;overflow:hidden;display:inline;float:left;margin:5px;width:155px;height:100px;background:url(../img/fondos/thumbnail155px.gif) 0 0 no-repeat}
ul.Mod6Columnas li img {position:absolute;width:155px;height:100px;}
/*Servicios*/
ul.Mod6Columnas li.SComunicacionGrafica {background:url(../img/servicios/comunicacion-grafica.gif) 0 0 no-repeat}
ul.Mod6Columnas li.SEncuentrosProfesionales {background:url(../img/servicios/encuentros-profesionales.gif) 0 0 no-repeat}
ul.Mod6Columnas li.SInteractivo {background:url(../img/servicios/interactivo.gif) 0 0 no-repeat}
ul.Mod6Columnas li.SMicroSitePromocional {background:url(../img/servicios/microsite-promocional.gif) 0 0 no-repeat}
ul.Mod6Columnas li.SMotivacionOnline {background:url(../img/servicios/motivacion-online.gif) 0 0 no-repeat}
ul.Mod6Columnas li.SPortalInstitucional {background:url(../img/servicios/portal-institucional.gif) 0 0 no-repeat}
ul.Mod6Columnas li.SPortalWeb {background:url(../img/servicios/portal-web.gif) 0 0 no-repeat}
ul.Mod6Columnas li.SPremiosNacionales {background:url(../img/servicios/premios-nacionales.gif) 0 0 no-repeat}
ul.Mod6Columnas li.STiendaOnline {background:url(../img/servicios/tienda-online.gif) 0 0 no-repeat}
ul.Mod6Columnas li.SWebCorporativa {background:url(../img/servicios/web-corporativa.gif) 0 0 no-repeat}
/*-----------------------------------------------------------------*/

/*Modulo 3 Columnas----------------------------------------------- */
ul.Mod3Columnas {overflow:hidden;height:100%;margin:5px auto 10px auto;width:990px;}
ul.Mod3Columnas li {background:none !IMPORTANT;display:inline;float:left;margin:10px;width:310px;height:150px;}
ul.Mod3Columnas li img {width:300px;height:120px;border:5px solid #000;cursor:pointer}
ul.Mod3Columnas li img:hover {width:300px;height:120px;border:5px solid #7caf00;opacity:0.6;filter:alpha(opacity=60);}
/**/
ul.Mod3Columnas .Imagen {height:130px}
ul.Mod3Columnas p {padding:0 10px;font-size:14px;color:#666}
ul.Mod3Columnas p.Pie strong{color:#7caf00}
ul.Mod3Columnas p.Enlace {font-size:11px !IMPORTANT}
ul.Mod3Columnas p.Enlace a {color:#999}
ul.Mod3Columnas p.Enlace a:hover {color:#FFF}
/*-----------------------------------------------------------------*/

/* MODULO TRABAJOS FILTRO -----------------------------------------*/
#ModTrabajosFiltro {margin-top:1px;padding:3px 0}
#ModTrabajosFiltro label {float:left;font-size:11px;padding:5px 10px;background-color:#333;color:#FFF;margin-right:0px;font-weight:bold}
#ModTrabajosFiltro label input {position:relative;top:2px;margin-right:10px}
#ModTrabajosFiltro label:hover {color:#7caf00}
/*-----------------------------------------------------------------*/

/* MODULO PANTALLA TRABAJOS AMPLIADA ------------------------------*/
#CENTRAL.ModTrabajos2 #Titulo {height:22px;padding:7px 10px 0 10px;}
/**/
.ModTrabajos2 .Modulo {position:relative;height:400px;overflow:hidden}
.ModTrabajos2 .Modulo div {position:absolute;top:0;left:10px;width:980px;display:none;text-align:center}
.ModTrabajos2 .Modulo #IMAGEN {top:400px}
.ModTrabajos2 .Modulo #IMAGEN4, .ModTrabajos2 .Modulo #IMAGEN2 {top:-400px}
/**/
.BTN_VerOtraVez {display:block;width:40px;height:36px;margin:170px auto 0 auto}
/*-----------------------------------------------------------------*/

/* MODULO DONDE ESTAMOS ------------------------------------------ */
.ModDondeEstamos .Modulo {margin:74px 0 20px 151px;width:561px;height:367px;background:url(../img/fondos/cargando-animado.gif) 0 0 no-repeat}
/*-----------------------------------------------------------------*/

/* MODULO MATERIALIZA -------------------------------------------- */
.T_GrupoMaterializa .Modulo {margin:20px 0 20px 20px}
/*-----------------------------------------------------------------*/

/* MODULO IPHONE ------------------------------------------------- */
.T_BulebooMovil .Modulo {margin:40px 0 0 0}
.T_BulebooMovil #CENTRAL .Modulo .Texto {width:400px;padding-right:50px;}
.T_BulebooMovil .Modulo .Texto p {text-align:right}
/*-----------------------------------------------------------------*/

/* MODULO TEXTOS BULEBOO Y SERVICIOS ----------------------------- */
#CENTRAL.ModBuleboo .Texto {margin:0 10px;width:640px}
#CENTRAL.ModBuleboo .Texto p {font-size:14px;line-height:19px;color:#FFF;margin-bottom:16px}
#CENTRAL.ModBuleboo .Texto p a {color:#FFF;border-bottom:1px dotted #FFF}
#CENTRAL.ModBuleboo .Texto {display:none}
/*#CENTRAL.ModBuleboo .Texto.Menu01 {display:block}*/
/*-----------------------------------------------------------------*/

/* MODULO TEXTOS GRUPO MATERIALIZA ------------------------------- */
.T_GrupoMaterializa #CENTRAL .Texto {margin:0 10px;width:900px}
/*-----------------------------------------------------------------*/

/* MODULO BULEBOO EN LOS PREMIOS --------------------------------- */
.T_BulebooPremios #CENTRAL .Texto {margin:40px 0 20px 0;width:750px}
/*-----------------------------------------------------------------*/

/* MODULO CONTACTO ----------------------------------------------- */
.T_Contacto #CENTRAL .Texto {width:600px;margin:40px 120px;}
/*-----------------------------------------------------------------*/

/*MAPA WEB ------------------------------------------------------- */
.T_MapaWeb .Modulo {position:relative}
.T_MapaWeb .Modulo a {position:absolute;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:18px;color:#000;text-align:center;vertical-align:middle;padding-top:7px;text-transform:uppercase;font-weight:bold;height:26px;background-repeat:no-repeat;background-position:0 0}
#MWeb_Buleboo 		{background-image:url(../img/mapaweb/mapa-buleboo.png);width:125px;top:385px;left:-4px;}
#MWeb_Servicios		{background-image:url(../img/mapaweb/mapa-servicios.png);width:125px;top:271px;left:70px;}
#MWeb_Trabajos 		{background-image:url(../img/mapaweb/mapa-trabajos.png);width:125px;top:176px;left:257px;}
#MWeb_Clientes 		{background-image:url(../img/mapaweb/mapa-clientes.png);width:125px;top:105px;left:407px;}
#MWeb_Donde 		{background-image:url(../img/mapaweb/mapa-donde-estamos.png);width:183px;top:166px;left:494px;}
#MWeb_Contacto		{background-image:url(../img/mapaweb/mapa-contacto.png);width:134px;top:259px;left:639px;}
#MWeb_Materializa	{background-image:url(../img/mapaweb/mapa-grupo-materializa.png);width:212px;top:362px;left:749px;}
/*-----------------------------------------------------------------*/

/* MODULO CONTACTO ----------------------------------------------- */
.T_Contacto #Contacto {width:717px;margin:40px auto 0 auto;}
.T_Contacto #Contacto table {width:100%;margin:0 auto}
.T_Contacto #Contacto table td {padding:4px 0;vertical-align:top}
.T_Contacto #Contacto table tfoot td {padding-top:15px;font-size:10px;line-height:12px;color:#FFF;text-align:justify}
/**/
.T_Contacto #Contacto .BTN {background:url(../img/comunes/btn-enviar.gif);width:91px;height:25px;cursor:pointer}
.T_Contacto #Contacto .TXT {font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:16px;color:#7caf00;padding-top:9px;padding-bottom:9px;}
.T_Contacto #Contacto input.TXT {background:none;background-image:url(../img/fondos/formulario.png);background-repeat:no-repeat;width:321px;height:15px}
.T_Contacto #Contacto textarea.TXT {background:none;background-image:url(../img/fondos/formulario.png);background-repeat:no-repeat;width:717px;height:57px;overflow:hidden}
.T_Contacto #Contacto #Nombre 		{width:248px;background-position:0 0;     padding-left:73px}
.T_Contacto #Contacto #Apellido1 	{width:204px;background-position:0 -50px; padding-left:117px}
.T_Contacto #Contacto #Apellido2 	{width:195px;background-position:0 -100px;padding-left:126px}
.T_Contacto #Contacto #Empresa 		{width:240px;background-position:0 -250px;padding-left:81px}
.T_Contacto #Contacto #Cargo 		{width:267px;background-position:0 -150px;padding-left:54px}
.T_Contacto #Contacto #Email 		{width:263px;background-position:0 -300px;padding-left:58px}
.T_Contacto #Contacto #TelFijo		{width:224px;background-position:0 -200px;padding-left:97px}
.T_Contacto #Contacto #TelMovil 	{width:206px;background-position:0 -350px;padding-left:115px}
.T_Contacto #Contacto #Observaciones{width:604px;background-position:0 -400px;padding-left:113px}
/**/
.T_Contacto #Contacto input.error {background-image:url(../img/fondos/formulario-error.png);color:#000}
.T_Contacto #Contacto label.error {display:block;font-size:13px;color:#E9CCCC;text-align:left;padding-left:10px;}
.T_Contacto #Contacto td.Mod_ARight label.error {padding-left:48px;}
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/

/* Easy Slider HOME */
#slider ul, #slider li, #slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;width:402px;height:182px;overflow:hidden;}
#slider li {/*define width and height of list item (slide).entire slider area will adjust according to the parameters provided here*/width:402px;height:182px;overflow:hidden;}	
#prevBtn, #nextBtn, #slider1next, #slider1prev{display:none;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*/}	
#nextBtn a, #slider1next a{/*background:url(../images/btn_next.gif) no-repeat 0 0;*/}	
/*-----------------------------------------------------------------*/