/* crossmedia | digital marketing */
*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
}
ul{
	list-style: none;
}
a{
	text-decoration: none;
}

html{
	background: #191919;
}
body{
	font: 62.5% Arial, Verdana, Helvetica, Sans-Serif;
	background: url(../images/fondo-body.png) bottom repeat-x #fff;
    color: #7f7f7f;
}

#global{
	background: url(../images/fondo-html.png) top repeat-x;
}
#global-work, #global-agency{
	background: url(../images/fondo-html.png) top repeat-x;
}
#contenedor{
	width: 975px;
	margin: 0 auto;
	position: relative;
}

#encabezado{
	height: 126px;
	position: relative;
	z-index: 2;
}
#encabezado h1{
	width: 229px;
	height: 75px;
	padding: 22px 0 0 16px;
	background: url(../images/background-logo.gif) no-repeat;
	float: left;
}
#encabezado h1 a{
	text-indent: -1000em;
	background: url(../images/logo-crossmedia.gif) no-repeat;
	width: 209px;
	height: 63px;
	display: block;
	outline: none;
}

#menu{
	width: 500px;
	float: left;
	margin-top: 25px;
	margin-left: 200px;
}
#menu li{
	float: left;
	font-size: 1.2em;
	width: 109px;
	background: url(../images/background-menu.gif) top right no-repeat;
	padding: 15px 10px 15px 0px;
	color: #fff;
	text-align: right
}
#menu li span{
	text-transform: uppercase;
	display: block;
}
#menu li a{
	color: #fff;
	outline: none;
}
#menu li a:hover, #menu li a.activo{
	color: #f8ac3a;
}
#menu li div{
	position: relative;
	text-transform: none;
	background: url(../images/seleccionar-idioma.gif) 50px 5px no-repeat;
	width: 65px;
	z-index: 280;
}
#menu li div ul{
	display: none;
	position: absolute;
	top: 15px;
	left: 0;
}
#menu li div ul li{
	border: 0;
	padding: 0;
	font-size: 1em;
}
#menu li div:hover, #menu li div.hover{
	cursor: pointer;
	color: #f8ac3a;
}
#menu li div:hover ul, #menu li div.hover ul{
	display: block;
}

#contenido{
	overflow: hidden;
	position: relative;
	padding: 15px 0 40px;
	width: 960px;
	min-height: 550px;
}
#contenido.home{
	top: -75px;
	z-index: 0;
	padding: 30px 0 0 0;
	margin-bottom: -75px;
}
#contenido p{
	line-height: 1.3em;
	margin-bottom: 5px;
}
#proyectosRecientes{
	height: 440px;
	background: url(../images/fondo-recientes.gif) bottom no-repeat;
}

/* Slider Proyectos */
#slider{
    height: 389px;
    margin-top: 1px;
    overflow: scroll;
    position: relative;
    width: 960px;
    z-index: 9999;
}
#slider .belt{
	position: absolute;
	left: 0;
	top: 0;
}
#slider .panel{
	float: left;
	overflow: hidden;
	margin-right: 50px;
	width: 960px;
	position: relative;
}
#slider .panel a.verMas{
	position: absolute;
	top: 335px;
	right: 230px;
	background: url(../images/btn-accion.gif) top left no-repeat;
	width: 145px;
	height: 19px;
	display: block;
	font-size: 1.2em;
	color: #fff;
	padding: 3px 0 0 15px;
	opacity: .9;
	filter:alpha(opacity=90);
}
/* Paginador */
ul.paginador{
	background: url(../images/fondo-paginador.gif)  4px 0 no-repeat;
	height: 24px;
	width: 141px;
	margin: 0 auto;
	padding: 3px 30px 0;
}
ul.paginador li{
	float: left;
	margin-right: 4px;
}
ul.paginador li a{
	outline: none;
	text-indent: -1000em;
}
ul.paginador li a.botonPanel{
	background: url(../images/panel-activo.gif) no-repeat;
	display: block;
	height: 8px;
	width: 8px;
}

ul.paginador li a.botonActivo{
	background-position: 0 -8px;
}
ul.paginador li.anterior a{
	background: url(../images/anterior.gif) left no-repeat;
	padding-left: 22px;
	*position: relative;
}
ul.paginador li.siguiente a{
	background: url(../images/siguiente.gif) right no-repeat;
	padding-right: 22px;
	*position: relative;
}
ul.paginador li{
	margin-top: 8px;
}
ul.paginador li.anterior{
	margin-right: 10px;
}
ul.paginador li.siguiente{
	margin-left: 5px;
}

ul.paginador li.anterior, ul.paginador li.siguiente{
	margin-top: 0;
}
ul.paginador li.anterior a, ul.paginador li.siguiente a{
	text-indent: -1000em;
	width: 16px;
	height: 16px;
	display: block;
	padding: 4px 0!important;
}


#resumen{
	height: 170px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 15px;
}
#resumen h2{
	font-size: 3.4em;
}
#resumen p{
	font-size: 1.3em;
	line-height: 1.5em;
}
#resumen .copete{
	width: 540px;
	padding-right: 30px;
	padding-top: 10px;
	float: left;
}
#resumen .reel{
	width: 365px;
	float: left;
	background: url(../images/punteado-vertical.gif) top left repeat-y;
	padding-left: 25px;
}
#resumen .reel h2{
	float: left;
	width: 135px;
	height: 120px;
	margin-top: 15px;
	visibility: visible;
	text-indent: -1000em;
	background: url(../images/titulo-reel.gif) no-repeat;
}
#resumen .reel img{
	margin-top: 15px;
}


#servicios{
	padding: 0 10px 15px;
	overflow: hidden;
	margin-bottom: 20px;
}
#servicios h2{
	font: 3.6em/.9em Helvetica, Tahoma, Verdana, Sans-Serif;
	color: #f8ac3a;
	text-transform: uppercase;
	float: left;
	width: 175px;
	margin-bottom: 10px;
}

#servicios div.servicios{
	float: left;
	width: 152px;
	background: url(../images/punteado-vertical.gif) top right repeat-y;
	padding: 0 15px 0 20px;
	height: 245px;
}
#servicios div.servicios img{
	display: block;
	width: 58px;
	margin-left: 35px;
}
#servicios div.servicios h3{
	font-size: 1.8em;
	font-weight: normal;
	color: #006699;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#servicios div.servicios a{
	color: #7F7F7F;	
}

#servicios div.servicios p{
	font-size: 1.2em;
}

#servicios #tecnologia{
	background: none;
}

#noticias{
	width: 405px;
	float: left;
	padding: 0 35px 0 10px;
	margin-right: 10px;
}
#noticias h2{
	font: 3.6em Helvetica, Tahoma, Verdana, Sans-Serif;
	font-weight: normal;
	color: #000;
	margin-bottom: 15px;
}

#blogContent{
	overflow: hidden;
	width: 420px;
	height: 275px;
}
/*#noticias div.blog{
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 15px;
	background: url(../images/fondo-blog.gif) bottom repeat-x;
}
#noticias div.ultimo{
	background: none;
}
div.blog p.fecha{
	float: left;
	width: 60px;
	font-size: 2.5em;
	line-height: 1em!important;
	padding-left: 5px;
}

div.blog p.fecha span{	
	text-transform: uppercase;
	display: block;
	font-size: .7em;
	margin-left: -2px;
}
div.blog div.resumen{
	float: left;
	width: 340px;
}
div.blog div.resumen h3{
	font-size: 1.4em;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 10px;
}
div.blog div.resumen p{
	font-size: 1.2em;
}*/

#centroMarketing{
	width: 475px;
	float: left;
	padding-left: 20px;
}


#centroMarketing h2{
	font: 3.6em Helvetica, Tahoma, Verdana, Sans-Serif;
	color: #000;
}
#centroMarketing h3{
	font-size: 2.7em;
	text-transform: uppercase;
	color: #f8ac3a;
	font-weight: normal;
	margin-bottom: 10px;
}
#centroMarketing h3 strong{
	font-weight: bold;
}
#centroMarketing img{
	float: left;
	margin-left: -25px;
	margin-right: 10px;
}
#centroMarketing p{
	font-size: 1.4em;
	line-height: 1.3em;
	margin: 40px 0 115px;
}

#centroMarketing p.login{
	font: 1.7em Helvetica, Tahoma, Verdana, Sans-Serif;
	color: #000;
	width: 365px;
	position: relative;
	line-height: 1.6em;
	margin-bottom: 0;
}
#centroMarketing a.btnLogin{
	background: url(../images/btn-login.gif) 0 3px no-repeat;
	width: 99px;
	height: 25px;
	color: #fff;
	font-size: .9em;
	padding: 0 0 0 10px;
	position: absolute;
	bottom: 2px;
	right: 120px;
}




#pie{
	clear: both;
	height: 80px;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #fff;
}
#pie div{
	width: 290px;
	height: 44px;
	float: left;
	margin-top: 8px;
	padding: 10px;
}
#pie div#cmMexico, #pie div#cmUSA{
	background: url(../images/background-menu.gif) top right no-repeat;
}
#pie div h4{
	width: 85px;
	padding-bottom: 40px;
	font-weight: normal;
	text-transform: uppercase;
	float: left;
	color: #0a71a3;
}


/* Portfolio */
#proyectos{
	overflow: hidden;
	background: url(../images/sombra-superior.gif) center bottom no-repeat;
	margin-bottom: 20px;
	color: #4b5a61;
}
#proyectos div.proyecto, #proyectos div#proyectosRecientes{
	background: url(../images/fondo-proyectos.gif) top right no-repeat;
}
#proyectos div.proyecto{
	float:left;
	font-family:Helvetica,Tahoma,Verdana,Sans-Serif;
	height:260px;
	margin-top:10px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	width:215px;
}
#proyectos div#proyectosRecientes{
	width: 490px;/* toque */
	height: 260px;
	float: left;
	background-position: right 10px;
	position: relative;
}
#proyectos div#slider{
	width: 505px;
	height: 260px;
}
#proyectos div.panel{
	width: 505px;
}
#proyectos div.panel a.verMas{
	top: 220px;
	right: 100px;
}
#proyectos div#proyectosRecientes ul.paginador{
	width: 400px;
	position: absolute;
	top: 140px;
	left: 15px;
	background: none;
}
#proyectos div#proyectosRecientes ul.paginador li.anterior{
	position: absolute;
	top: 0;
	left: 0;
}
#proyectos div#proyectosRecientes ul.paginador li.siguiente{
	position: absolute;
	top: 0;
	right: 0;
}


.proyecto h3{
	font-size: 2.5em;
	font-weight: normal;
	text-align: left;
	margin-bottom: 10px;
}
.proyecto h4{
	font-size: 1.8em;
	text-align: left;
	margin-bottom: 5px;
	font-weight: normal;
}
h4.titulo1 a{
	color: #f48723;
}
h4.titulo2 a{
	color: #7f7f7f;
}

.proyecto p{
	text-align: left;
	font-size: 1.2em;
}

#portfolio{
	font-size: 1.2em;
	background: url(../images/fondo-recientes.gif) center bottom no-repeat;
	padding-bottom: 25px;
	margin-bottom: 15px;
}
#portfolio div.portfolio{
	height: 50px;
}
#portfolio div.portfolio h4{
	float: left;
	font-weight: normal;
	width: 153px;
	background: url(../images/borde-punteado.gif) bottom repeat-x;
	padding: 12px 0 17px 32px;
	margin-right: 15px;
}
#portfolio div.portfolio ul{
	float: left;
	background: url(../images/fondo-listado-portfolio.gif) left bottom repeat-x;
	padding-bottom: 7px;
}
#portfolio div.portfolio ul li{
	float: left;
	width: 44px;
	height: 42px;
}
#portfolio div.portfolio ul li span{
	width: 36px;
	height: 36px;
	padding: 3px 4px;
	display: block;
}
#portfolio ul li span:hover, #portfolio ul li span.hover{
	background: url(../images/fondo-thumb.png) no-repeat;
}
#portfolio div.portfolio ul li a{
	width: 36px;
	height: 36px;
	display: block;
	/*text-indent: -1000em;*/
	background-color: #fafafa;
}


#clientes{
	font-size: 1.2em;
	background: url(../images/sombra-inferior.gif) bottom no-repeat;
	overflow: hidden;
	padding-bottom: 25px;
	margin-bottom: 15px;
}
#clientes h5{
	width: 110px;
	float: left;
	margin-top: 5px;
	font-weight: normal;
	padding: 0 45px 0 32px;
}
#clientes ul{
	width: 185px;
	height: 115px;
	float: left;
	background: url(../images/fondo-clientes.gif) top left no-repeat;
	padding-left: 2px;
}
#clientes ul li a{
	padding: 5px 0 5px 10px;
	display: block;
	color: #7f7f7f;
}
#clientes ul li a:hover{
	color: #f48724;
}
#clientes ul li.activo a{
	background: url(../images/clientes-activo.gif) no-repeat;
	color: #f48724;
	width: 165px;
}

/* tooltips */
#JT_arrow_left{
	background: url(../images/tooltip-arrow-left.gif) left top no-repeat;
	position: absolute;
	left: -9px;
   top: -1px;
	z-index: 101;
	height: 17px;
	width: 9px;
}
#JT_arrow_right{
	background: url(../images/tooltip-arrow-right.gif) right top no-repeat;
	position: absolute;
 	top: -1px;
	left: 355px!important;
	z-index: 101;
	height: 17px;
	width: 9px;
}
#JT{
	position: absolute;
	z-index: 999;
	border: 1px solid #ccc;
	background: url(../images/fondo-tooltip.gif) repeat-x #fff;
	text-align: left;
	display: block !important;
}
#JT_copy{
	padding: 5px;
	overflow: hidden;
}
#JT_copy img{
	float: left;
	margin-right: 12px;
}
#JT_copy h4{
	font-size: 1.4em;
	color: #404040;
	padding-top: 10px;
}
#JT_copy h5{
	color: #f27a00;
	font-size: 1.7em;
	font-weight: normal;
	margin-bottom: 15px;
}
#JT_copy p{
	font-size: 1.2em;
}
.JT_loader{
	background-image: url(../images/loading_ani.gif) center no-repeat;
	width: 31px;
	height: 31px;
}
#JT_close_left, #JT_close_right{
	height: 0!important;
	display: none;
}
.jTip{
	cursor: pointer;
}

#contenedorPanel{
	position: absolute;
	top:0;
	left: 0;
	width: 960px;
	z-index: 999;
}
#panel{
	width: 940px;
	height: 433px;
	padding: 10px;
	background: url(../images/fondo-panel.png) no-repeat;
	display: none;
}
#tab{
	background: url(../images/fondo-tab.png);
	font-size: 1.2em;
	text-align: right;
	height: 24px;
	padding: 2px 115px 0 0;
}
.tab{
	text-decoration: none;
	color: #838383;
	outline: none;
}
#panel #portfolio{
	margin-bottom: -10px;
}
#panel #clientes{
	background: none;
	overflow: visible;
	position: relative;
	z-index: 1;
}
#panel #clientes h5{
	margin-top: 15px;
}
#panel #clientes ul{
	height: 105px;
	padding-top: 10px;
}

#proyecto{
	width: 817px;
	margin: 0 auto;
}
#proyecto.boxContenido{
	width: 970px;
}
#encabezadoProyecto{
	overflow: hidden;
	*display: inline-block;
	position: relative;
	margin-bottom: 10px;
}
#tituloProyecto{
	float: left;
	margin-right: 15px;
	color: #4B5A61;
}
#tituloProyecto h2{
	font: 4em Helvetica, Tahoma, Verdana, Sans-Serif;
}
#tituloProyecto h3{
	font: 1.8em Helvetica, Tahoma, Verdana, Sans-Serif;
}
#proyecto .descripcion{
	background: url(../images/fondo-linea.png) top left no-repeat;
	float: left;
	width: 330px;
	height: 65px;
	padding: 15px 0 0 15px;
	font-size: 1.2em;
}
#proyecto a.verProyecto{
	float: right;
	font-size: 1.1em;
	color: #000;
	width: 96px;
	height: 17px;
	display: block;
	background: url(../images/ver-proyecto.gif) no-repeat;
	margin-top: 45px;
	padding: 3px 0 0 10px;
}


#portfolioSlider{
	position: relative;
}

#proyecto .paginador{
	position: absolute;
	padding: 0;
	top: 40%;
	left: -50px;
	background: none;
	width: 920px;
	height: 80px;
}
#proyecto .paginador li{
	background: url(../images/fondo-linea.png) no-repeat;
	padding: 40px 10px;
}
#proyecto .paginador li.anterior{
	float: left;
	background-position: 30px 10px;
}
#proyecto .paginador li.siguiente{
	float: right;
	background-position: 4px 10px;
}

#galeria{
	width: 800px;
	margin: 20px auto;
	background: url(../images/fondo-galeria.gif) top no-repeat;
	margin-bottom: 15px;
	padding-left: 20px;
	overflow: hidden;
}
#galeria li{
	float: left;
}
#imagenPortfolio{
	position: absolute;
	left: 0;
	z-index: 2;
	margin: auto;
	text-align: center;
}
#imagenPortfolio img{
	margin: auto;
}
#precarga{
	position: absolute;
	width: 31px;
	height: 31px;
	z-index: 1;
	margin: auto;
	top: 50%;
	left: 50%;
	margin-left: -22px;
	text-align: center;
	margin-top: -30px;
}
#galeria li a{
	width: 90px;
	height: 65px;
	padding: 18px 20px 0;
	display: block;
	outline: none;
}
#galeria li a.selected{
	background: url(../images/fondo-galeria-activo.gif) top left no-repeat;
}

#masProyectos{
	overflow: hidden;
	background: url(../images/fondo-sombra.gif) top no-repeat;
	padding: 40px 0 0;
	width: 817px;
	margin: 0 auto;
}
#masProyectos h3{
	font-size: 2em;
	color: #f18e00;
	font-weight: normal;
	width: 148px;
	float: left;
	margin: 5px 10px 0 0;
}
#masProyectos div.proyecto{
	float: left;
	width: 194px;
	background: url(../images/fondo-linea.png) no-repeat;
	padding: 15px 10px 0 15px;
	*padding: 15px 10px 10px 15px;
}
#masProyectos div.proyecto img{
	float: left;
	margin: 0 10px 15px 0;
}
#masProyectos div.proyecto h4{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1px;
}
#masProyectos div.proyecto h4 a{
	color: #7f7f7f;
}
#masProyectos div.proyecto h4 a:hover{
	text-decoration: underline;
}
#masProyectos div.proyecto p{
	font-size: 1em;
	line-height: 1.1em;
}

/* Capabilitites */

.submenu{
	float: left;
	width: 200px;
}
.submenu li{
	float: left;
	width: 187px;
	margin-bottom: 5px
}
.submenu a{
    background: url("../images/submenu-grid2.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 40px;
    text-indent: -1000em;
    width: 187px;
}

.submenu li#menuCRM a{
    background-position: -188px 6px;
}
/*.submenu li#menuTechnology a{
	background-position: 0 -35px;
}*/
.submenu li#menuInteractive a{
	  background-position: -188px -38px;
}
.submenu li#menuConsulting a{
	background-position: -188px -134px;
}
.submenu li#menuMobile a{
    background-position: -188px -190px;
}
.submenu li#menuCreativity a{
background-position: -188px -231px;
}
.submenu li#menuBranding a{
	  background-position: -188px -278px;
}
.submenu li#menuCommunication a{
background-position: -188px -89px;
}

.submenu li#menuSocialMedia a{
background-position: -188px -332px;
}

/* hover menu */


.submenu li#menuSocialMedia a:hover, .submenu li#menuSocialMedia a.active{
	background-position: 0px -332px;
}

.submenu li#menuCRM a:hover, .submenu li#menuCRM a.active{
    background-position: 0px 6px;
}
.submenu li#menuTechnology a:hover, .submenu li#menuTechnology a.active{
	background-position: -198px -35px;
}
.submenu li#menuInteractive a:hover, .submenu li#menuInteractive a.active{
	background-position: 0px -38px;
}
.submenu li#menuConsulting a:hover, .submenu li#menuConsulting a.active{
	background-position: 0px -134px;
}
.submenu li#menuMobile a:hover, .submenu li#menuMobile a.active{
	background-position: 0px -190px;
}
.submenu li#menuCreativity a:hover, .submenu li#menuCreativity a.active{
	background-position: 0px -231px;
}
.submenu li#menuBranding a:hover, .submenu li#menuBranding a.active{
background-position: 0px -278px;
}
.submenu li#menuCommunication a:hover, .submenu li#menuCommunication a.active{
background-position: 0px -89px;
}
/* */

#headerCapabilities{
	overflow: hidden;
	*display: inline-block;
	position: relative;
	margin-bottom: 10px;
}
#tituloCapabilities{
	float: left;
	margin-right: 15px;
	color: #4B5A61;
	padding-top: 18px;
}

#tituloCapabilities p{
	font-size: 16px !important;
}

#tituloCapabilities h2{
	/*font: 5em Helvetica, Tahoma, Verdana, Sans-Serif;*/
	font-size: 36px !important;
	font-weight: normal !important;
	width:600px;
	display: block;
	padding: 0;
	margin-bottom: 20px;	
}
#proyecto .descripcionCapabilities{
	background: url(../images/fondo-linea.png) top left no-repeat;
	float: left;
	width: 330px;
	height: 65px;
	padding: 15px 0 0 15px;
	font-size: 1.2em;
}

.capabilities{
	font-size: 1.2em;
	width: 605px;
	float: left;
	padding-left: 45px;
	padding-top: 10px;
}
.capabilities h3{
	margin-bottom: 20px;
}
.description h4{
	font-size: 1.8em;
	text-transform: uppercase;
	color: #ffa800;
	margin: 20px 0;
	font-weight: normal; 
}
.description h5{
	font-size: 1.2em;
	text-transform: uppercase;
	color: #ffa800;
	margin: 10px 0;
	font-weight: normal; 
}
.description ul{
	margin: 30px 0;
}
.description ul li{
	margin-left: 10px;
	margin-bottom: 10px;
	background: url(../images/orange-bullet.gif) 0 5px no-repeat;
	padding-left: 10px;
}

#contenedor .description p{
	font-size: 16px;
}

.caseStudie #tituloProyecto{
	width: 200px;
}
.caseStudie #tituloProyecto h2{
	font-size: 2.5em;
	margin-bottom: -15px;
	*margin-bottom: -5px;
}
#headerCapabilities img{
	float: left;
	margin: 10px 0 0 0;
}

/* CONTACT */

.contact{
	font-size: 1.2em;
	background: url(../images/background-form.gif) 445px 0 no-repeat;
	min-height: 570px;
}
* html .contact{
	height: 570px;
}

.contact .form{
	float: left;
	width: 485px;
}
legend{
	display: none;
}
.contact .form input, .contact .form textarea, .contact .form select{
	border: 1px solid #cccccc;
	font-size: 1.2em;
}
.contact .form select {
	padding:5px 2px;
	width:427px;
}
.contact .form textarea{
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}
.contact .form h3{
	text-indent: -1000em;
	height: 17px;
	margin-bottom: 25px;
}
.form h3.tituloContacto{
	background: url(../images/titulo-contact.gif) no-repeat;
}
.form h3.tituloUnirse{
	background: url(../images/titulo-join.gif) no-repeat;
}

.form ol{
	list-style: none;
}
.form label{
	display: block;
	color: #7f7f7f;
	width: 350px !important;
}
.form input, .form textarea{
	width: 420px;
	padding: 5px 2px;
}
.form textarea{
	height: 130px;
}
.form li{
	margin-bottom: 15px;
	position: relative;
}

.file{
	height: 21px;
	border-right: 0;
	padding: 4px 2px 0 !important;
}
.form li div{
	right: 57px;
	*height: 28px !important;
	*margin-top: 0;
	float: left;
	cursor: pointer !important;
	top: 15px;
}

.form button{
	background: url(../images/btn-send.gif) no-repeat;
	color: #fff;
	width: 159px;
	height: 22px;
	display: block;
	cursor: pointer;
	text-align: left;
	font-size: 1.2em;
	*font-size: 1em;
	padding-left: 10px;
}


.form input.error, .form textarea.error{
	border: 1px solid #db0000;
}
.file.error{
	border-right: 0 !important;
}
.form li label.error{
	color: #db0000;
	font-size: .9em;
}
.form li div.error{
	background: url(../images/input-file-error.gif) no-repeat!important;
	*background-position: 0 1px !important;
}
.form li div label.error{
	display: none !important;
}
.form li div input.error{
	border: 0 !important;
}

.form div.success{
	color: #7f7f7f;
}
.form div.success p{
	margin-bottom: 25px;
}
.form div.success span{
	font-weight: bold;
	font-size: 2em;
}


.clients{
	margin-top: 30px;
}
.clients img{
	margin: 10px 0;
}


/* CASE STUDIE */
#caseContent{
	position: relative;
}
#otherCases{
	width: 223px;
	height: 203px;
	background: url(../images/other-cases.gif) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	padding: 44px 25px 0 31px;
}
#otherCases h3{
	text-indent: -1000em;
}


#caseContent p{
	font-size: 1.2em;
	width: 650px;
	margin-bottom: 20px;
	line-height: 1.6em;
}

#caseContent h3{
	font-size: 2.2em;
	clear: both;
}
#caseContent h4{
	font-size: 2.6em;
	color: #ffa800;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.caseResume{
	width: 765px;
	float: right;
	margin: 35px 0;
}

.caseResume div{
	width: 215px;
	padding-right: 10px;
	float: left;
	margin-top: 10%;
	margin-bottom: -20px;
	text-align: right;
}
.caseResume div h5{
	font-size: 1.1em;
	margin-bottom: 10px;
}
.caseResume div p{
	width: 215px !important;
	font-size: 1.1em !important;
	line-height: 1.4em !important;
}

#caseContent p.info{
	float: left;
	width: 230px;
	margin: 25px 25px 25px 0;
	color: #7f7f7f;
	font-size: 1.8em;
	line-height: 1.8em;
}
#caseContent p.info span{
	display: block;
	font-size: 1.2em;
}
#caseContent p.info strong{
	font-size: 2.6em;
	font-weight: normal;
	color: #ffa800;
}
#caseContent p.info strong span{
	font-size: .7em;
	display: inline;
}
#caseContent p.info strong.highlight{
	color: #006699;
}

#caseContent p.highlight{
	font-size: 1.8em;
}
#caseContent p.highlight em{
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
}


#otherCases li{
	height: 60px;
	width: 230px;
	margin-top: 10px;
}
#otherCases li{
	font-size: .9em;
}
#otherCases li p{
	width: auto !important;
	line-height: 1.2em;
}
#otherCases li img{
	float: left;
	margin-right: 10px;
}
#otherCases li a{
	color: #7f7f7f;
	display: block;
	font-weight: bold;
}

.imgContenido{
	margin: 25px auto;
}


/* AGENCY */


#proyecto div.agency{
	margin-bottom: 25px;
}
.agency p{
	font-size: 1.2em;
	/*width: 650px;*/
	padding-top: 5px;
	margin-bottom: 20px;
	line-height: 1.6em;
}

/*.agency h3{
	font-size: 2.6em;
	color: #ffa800;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 25px;
}*/

.agencyDescription{
	width: 875px;
	float: right;
	margin: 35px 0;
}

.agencyDescription div{
	width: 215px;
	padding-right: 10px;
	float: left;
	padding-top: 300px;
	text-align: right;
	margin-bottom: -20px;
}
.agencyDescription div h5{
	font-size: 1.1em;
	margin-bottom: 10px;
}
.agencyDescription div p{
	width: 215px !important;
	font-size: 1.1em !important;
	line-height: 1.4em !important;
}

.agency h3{
	font-size: 2.3em;
	font-weight: normal;
	float: left;
	width: 455px;
	padding-right: 25px;
	margin-bottom: 60px;
}
.agency div{
/*	float: left;
	width: 460px;*/
}

#boxCapabilities{
	margin-top: 5px;
}

#boxCapabilities p{
font-size: 16px;
font-weight: normal;
}

#boxReel{
	display: none;
}

/* MENU */
.bodyAgency li.menuAgency a, .bodyCapabilities li.menuCapabilities a, .bodyClients li.menuClients a, .bodyContact li.menuContact a, .bodyWork li.menuWork a{color: #f8ac3a!important;}

/* PRECARGA DEMO */
#portfolio{
	position: relative;
}
.precarga{
	position: absolute;
	z-index: 1000;
	background: #fff;
	text-align: center;
	padding-top: 128px;
	height: 180px;
	width: 100%;
}


/**/

@media screen and (-webkit-min-device-pixel-ratio:0) {
div.blog p.fecha{width:58px;padding-left: 7px;}
div.blog p.fecha span{margin-left:-5px;}
#encabezadoProyecto{display:block;}
}

@-moz-document url-prefix(){
#centroMarketing form{font-size:1.2em;}
#centroMarketing form legend{font-size:1.4em;}
#centroMarketing form button{padding-bottom:4px;}
.form button{
	padding-bottom: 5px;
}
}
.block{
	display:block;
}
/* style blog home */
*{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Arial, Verdana, Tahoma, Helvetica, Sans-Serif;
}
div.blog{
	display: inline-block;
	margin-bottom: 20px;
	width:425px;
	background: url(../images/fondo-blog.gif) bottom repeat-x;
}
div.blog p.fecha{
	float: left;
	text-transform: uppercase;
	color: #7f7f7f;
	width: 60px;
	font-size: 2.5em;
	line-height: 1em!important;
	padding-left: 5px;
	margin-top: -4px;
	text-align: center;
	padding-right: 15px;
}
div.blog p.fecha em{
	font-style: normal;
	font-size: .8em;
}
div.blog p.fecha span{	
	text-transform: uppercase;
	display: block;
	font-size: .7em;
	margin-left: -2px;
}
div.blog div.resumen{
	float: left;
	width: 340px;
}
div.blog div.resumen h3{
	font-size:1.6em;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 5px;
}
div.blog div.resumen h3 a{
	color: #f18e00;
	text-decoration: none;
}
div.blog div.resumen h3 a:hover{
	color: #7f7f7f;
}
div.blog div.resumen p{
	font-size:1.3em;
	color: #7f7f7f;
}
.contentNoticias{
	height:321px; 
	*overflow:hidden;
}


/* Home */

ul.services{
	background: url(../images/services-separador.png) repeat-y 0 0;
   float: left;
   overflow: hidden;
   width: 940px;
   height: 180px;
   margin-bottom: 15px;
}
ul.services li {
    display: block;
    float: left;
    margin-bottom: 15px;
    padding-left: 26px;
    width: 209px;
}

ul.services a{
     color: #7F7F7F;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 13px;
    width: 190px;
}

ul.services h4{
    /*border: 1px solid;*/
    color: #006699;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 19px !important;
    font-weight: normal;
    padding-top: 25px;
    text-indent: -1000em;
}

/*ul.services li.crm{

}*/
/*ul.services h4.Technology{
background: url(../images/tit-digital-services.gif) no-repeat 0 0;
}*/
ul.services h4.Interactive{
background: url(../images/tit-digital.gif) no-repeat 0 0;
}
ul.services h4.Consulting{
background: url(../images/tit-consulting.gif) no-repeat 0 0;
}
ul.services h4.mobile{
background: url(../images/tit-mobile.gif) no-repeat 0 0;
}
ul.services h4.Branding{
background: url(../images/tit-branding.gif) no-repeat 0 0;
}
ul.services h4.communication{
background: url(../images/tit-media.gif) no-repeat 0 0;
}
ul.services h4.creativity{
background: url(../images/tit-creativity.gif) no-repeat 0 0;
}

ul.services h4.crm{
	background: url(../images/tit-crm.gif) no-repeat 0px 0px;	
}
ul.services h4.Technology{
	background: url(../images/tit-social.gif) no-repeat 0 0;
}

/* portfolio */

.portfolio h2 {
    font-size: 20px !important;
    padding-left: 13px;
    padding-top: 23px;
}

.portfolio-proyecto h2 {
    font-size: 20px !important;
    padding-left: 0;
    padding-top: 23px;
    padding-bottom: 0;
    margin: 0;
}
.portfolio-proyecto h4{
    font-size: 18px !important;
    padding-left: 0;
    padding-top: 0;
}

.portfolio-proyecto ul#works {
    float: left;
    margin: 15px 0 30px;
    overflow: hidden;
    width: 940px;
}

.portfolio-proyecto ul#works li {
    display: block;
    float: left;
    margin-bottom: 15px;
    width: 940px;
}

ul#works-home {
    float: left;
    margin: 15px 0 30px;
    overflow: hidden;
    width: 940px;
}

ul#works-home li {
    display: block;
    float: left;
    padding-left: 17px;
    padding-right: 10px;
    margin-bottom: 30px;
    width: 285px;
}

ul#works-home a.marca {
    /*background: none repeat scroll 0 0 #191919;*/
    float: left;
    height: 186px;
    margin-bottom: 10px;
    /*margin: 50px 28px 28px 25px;*/
    /*text-indent: -1000em;*/
    width: 280px;
}
ul#works-home a.entrar {
/*    float: left;
    height: 29px;
    margin: 0 auto 0 49px;
    text-indent: -1000em;
    width: 125px;*/
   color: #7F7F7F;
   font-size: 13px;
    float: left;
    width: 280px;
}

/* agency */

.agencyClients{
	
}
.agencyClients h2{
	font-size: 32px !important;
	font-weight: normal !important;
	padding:5px 0px !important;	
	margin: 0 !important;
}
.agencyClients h3{
	font-size: 24px !important;
	font-weight: normal !important;
	padding-left: 0px !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 30px;
}
.agencyClients p{
	font-size: 16px !important;
	padding-left: 0px !important;
	width: 750px;
}

ul#currentClients{
    float: left;
    margin: 15px 0 20px;
    overflow: hidden;
    width: 940px;
}

ul#currentClients li {
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-right: 12px;
    padding-left: 0;
    padding-right: 10px;
    width: 209px;
}

ul#currentClients li img{
	border: 1px solid #e5e5e5;
}

/* formerClients */

ul#formerClients{
    float: left;
    margin: 15px 0 20px;
    overflow: hidden;
    width: 940px;
}

ul#formerClients li {
    display: block;
    float: left;
    margin-bottom: 15px;
    padding-left: 8px;
    padding-right: 5px;
    width: 173px;
}

/* videos */

.box-video{
    clear: both;
    float: left;
    height: 300px;
    margin-top: 26px;
    width: 400px;
}

.bg-video{
    background: url("../images/portfolio/bg-video.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 328px;
    width: 953px;
}

.reelVideo{
	width: 400px;
	height: 300px;
	background: #191919;
}