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

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

#global{
	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: 80px;
	background: url(../images/background-logo.gif) no-repeat;
	float: left;
	font-size: 16px;
	color: #FFFFFF;
	padding-top: 38px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 16px;
}
#encabezado h1 a{
	text-indent: -1000em;
	width: 209px;
	height: 63px;
	outline: none;
}

#menu{
	width: 720px;
	float: left;
	margin-top: 25px;
}
#menu li{
	float: left;
	font-size: 1.2em;
	width: 109px;
	background: url(../images/background-menu.gif) top right no-repeat;
	padding: 15px 0 15px 10px;
	color: #fff;
}
#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;
}
#contenido.home{
	top: -75px;
	z-index: 0;
	padding: 30px 0 0 0;
	margin-bottom: -75px;
}
#contenido p{

}
#proyectosRecientes{
	height: 440px;
	background: url(../images/fondo-recientes.gif) bottom no-repeat;
}

/* Slider Proyectos */
#slider{
	position: relative;
	overflow: scroll;
	width: 960px;
	height: 390px;
}
#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) -10px 0 no-repeat;
	height: 24px;
	width: 111px;
	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: 15px;
}
ul.paginador li.siguiente{
	margin-left: 12px;
}

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.5em;
	line-height: 1.8em;
}
#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{
	background: url(../images/sombra-superior.gif) bottom no-repeat;
	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{

}
#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: 163px;
}
.submenu li{
	height: 26px;
	width: 163px;
}
.submenu a{
	text-indent: -1000em;
	height: 26px;
	width: 163px;
	background-repeat: no-repeat;
}

.submenu li#menuTechnology a{
	background-position: 0 0;
}
.submenu li#menuCRM a{
	background-position: 0 -26px;
}
.submenu li#menuInteractive a{
	background-position: 0 -54px;
}
.submenu li#menuConsulting a{
	background-position: 0 -82px;
}
.submenu li#menuMobile a{
	background-position: 0 -108px;
}

.submenu li#menuTechnology a:hover, .submenu li#menuTechnology a.active{
	background-position: -163px 0;
}
.submenu li#menuCRM a:hover, .submenu li#menuCRM a.active{
	background-position: -163px -26px;
}
.submenu li#menuInteractive a:hover, .submenu li#menuInteractive a.active{
	background-position: -163px -54px;
}
.submenu li#menuConsulting a:hover, .submenu li#menuConsulting a.active{
	background-position: -163px -82px;
	color: #CC6600;
}
.submenu li#menuMobile a:hover, .submenu li#menuMobile a.active{
	background-position: -163px -108px;
}

#headerCapabilities{
	overflow: hidden;

	*display: inline-block;
	position: relative;
	margin-bottom: 10px;
}
#tituloCapabilities{
	float: left;
	margin-right: 15px;
	color: #4B5A61;
	padding-top: 18px;
}
#tituloCapabilities h2{
	font: 5em Verdana, Sans-Serif;
}
#proyecto .descripcionCapabilities{
	float: left;
	width: 100%;
	height: 65px;
	font-size: 1.2em;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}



.capabilities{
	font-size: 1.2em;
	width: 750px;
	float: left;
	padding-left: 45px;
}

.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;
}

.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{
	border: 1px solid #cccccc;
	font-size: 1.2em;
}
.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: 13px;
	/*width: 650px;*/
	padding-top: 5px;
	padding-bottom: 8px;
	line-height: 23px;
}

/*.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;
	color: #666633;
}
.agency div{
	float: left;
	width: 470px;
	margin-left: 8px;
	overflow: visible;
}

#boxCapabilities{
	margin-top: -20px;
}

#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: 13px;
	font-family: Arial, Verdana, Tahoma, Helvetica, Sans-Serif;
}
div.blog{
	display: inline-block;
	margin-bottom: 20px;
	width:425px;
	background: url(images/fondo-blog.html) 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;
}
.submenu #menuConsulting a {
	color: #330000;
	font-weight: bold;
}
.descripcionCapabilities p {
	font-family: Verdana, Sans-Serif;
	font-size: 2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #191919;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #191919;
	margin-bottom: 5px;
}