@charset "utf-8";
/*FONTFACE*/
@font-face {
    font-family: 'MyriadProItalic';
    src: url('../fonts/myriadpro-it-webfont.eot');
    src: url('../fonts/myriadpro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-it-webfont.woff') format('woff'),
         url('../fonts/myriadpro-it-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-it-webfont.svg#MyriadProItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProSemiboldItalic';
    src: url('../fonts/myriadpro-semiboldit-webfont.eot');
    src: url('../fonts/myriadpro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-semiboldit-webfont.woff') format('woff'),
         url('../fonts/myriadpro-semiboldit-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-semiboldit-webfont.svg#MyriadProSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProBoldItalic';
    src: url('../fonts/myriadpro-boldit-webfont.eot');
    src: url('../fonts/myriadpro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-boldit-webfont.woff') format('woff'),
         url('../fonts/myriadpro-boldit-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-boldit-webfont.svg#MyriadProBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'PFDinDisplayProBlack';
    src: url('../fonts/pfdindpb-webfont.eot');
    src: url('../fonts/pfdindpb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdindpb-webfont.woff') format('woff'),
         url('../fonts/pfdindpb-webfont.ttf') format('truetype'),
         url('../fonts/pfdindpb-webfont.svg#PFDinDisplayProBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}
html {
    height: 100%;
    margin: 0;
    min-height: 100%;
    padding: 0;
}
body {    
	font-family:Arial;
	background-color:#efefef;
    height: auto !important;
    margin: auto;
    min-height: 100%;
    position: relative;
}
a{
	text-decoration:none
}
ul,li{
	list-style:none;
	margin:0px;
}
.clear{clear:both;}
.azul{
	color:#14c0fb;
}
.azul2{
    color: #025270;
}
.bar_horizontal{
	border-top:1px solid #dddddd;
	border-bottom:1px solid #ffffff;
	height:0px;
	margin-bottom:20px;
	width:100%;
}

/*HEADER************************************************/
#main_header{
	background-color:#efefef;
	height:90px;
	position:relative;
	z-index: 999;
}
#bar_header{
	background-color:#333333;
	height:5px;
}
#center_header{
	margin:14px auto 0px;	
	position:relative;
	width:950px;
}
#nav_header{
	float:left;
	margin-left:34px;
	margin-top:18px;
}
#main_menu li{
	float:left;
}
.main_menu_link{
	background-image:url(../images/general/general.png?v=1);
	display:block;
	font-size:0px;
	height:11px;
	text-indent:-9999px;
	margin-top:9px;
}
#main_menu_link_acerca{
	background-position:-102px -127px;
	height:30px;
	margin-top:6px;
	width:138px;
}
#main_menu_link_acerca:hover,#main_menu_link_acerca.active{
	background-position:-241px -127px;
}
#main_menu_link_servicios{
	background-position:-138px 0px;
	width:74px;
}
#main_menu_link_servicios:hover,#main_menu_link_servicios.active{
	background-position:-138px -11px;
}
#main_menu_link_portafolio{
	background-position:-381px -130px;
	height:30px;
	width:84px;
}
#main_menu_link_portafolio:hover,#main_menu_link_portafolio.active{
	background-position:-466px -130px;
}
#main_menu_link_conocimientos{
	background-position:-296px 0px;
	width:104px;
}
#main_menu_link_conocimientos:hover,#main_menu_link_conocimientos.active{
	background-position:-296px -11px;
}
#main_menu_link_blog{
	background-position:-400px 0px;
	width:54px;
}
#main_menu_link_marcas{
	background-position:0px -115px;
	height:27px;
	margin-top:0px;	
	width:101px;
}
#main_menu_link_marcas:hover,#main_menu_link_marcas.select{
	background-position:0px -141px;
}
#main_menu_link_blog:hover,#main_menu_link_blog.select{
	background-position:-400px -11px;
}
#main_menu_link_contacto{
	background-position:-454px 0px;
	width:70px;
}
#main_menu_link_blog:hover ,#main_menu_link_contacto.select {
	background-position:-400px -11px;
}
#main_menu_link_contacto:hover,#main_menu_link_contacto.select{
	background-position:-454px -11px;
}
.main_menu_separator{	
    border-left:1px solid #dddddd;
    border-right:1px solid #ffffff;
    height:28px;
	margin:0px 6px;
}
#vertice_header{	
	background: url("../images/general/general.png?v=1") no-repeat scroll 0px -34px transparent;
	cursor:pointer;
	display:block;
	float:left;
	height:52px;
	margin-left:10px;
	width:164px;
}
#verticeusa_header{	
	background: url("../images/general/general.png?v=1") no-repeat scroll -165px -22px transparent;
	cursor:pointer;
	display:block;
	font-size:0px;
	height:32px;
	position:absolute;	
	right:0px;
	text-indent:-99999px;
	top:-14px;
	width:95px;
}
#verticeusa_header:hover{	
	background-position:-165px -54px;
}
.main_dropdown_menu{
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px; 
	/*border-top:2px solid #f67600;*/
	color:#FFF;
	position:absolute;
	display:none;
	
	/* navegadores sin gradients */
	/*background: #17c4fd;	

    background: -moz-linear-gradient(top, #17c4fd 50%, #00a6eb);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#17c4fd),  to(#00a6eb));*/
}
.box_shadow{
	box-shadow:1px 1px 2px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.5);
	-moz-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.5);
}
#main_menu_acerca{
	top:50px;
	left:230px;
	position:absolute;
	height:150px;
	width:163px;
	z-index:999;
	
}
#main_menu_acerca li {
	height:38px;
}
#main_menu_acerca li.flecha_submenu_first {
	height:37px;
}
#main_menu_acerca li a{
	background-image: url("../images/general/general.png?v=1");
	display:block;
	font-size:0px;
	height:38px;
	text-indent:-9999px;
	width:163px;	
}
#quienes_subtn {
	background-position:-564px -5px;
	height: 37px !important;
}
#quienes_subtn:hover{
	background-position:-731px -5px; 
}
#servicios_subtn{
	background-position:-564px -42px; 
}
#servicios_subtn:hover{
	background-position:-731px -42px; 
}
#empresas_subtn{
	background-position:-564px -80px; 
}
#empresas_subtn:hover{
	background-position:-731px -80px; 
}
#oficinas_subtn{
	background-position:-564px -118px; 
}
#oficinas_subtn:hover{
	background-position:-731px -118px; 
}


	
#main_menu_portafolio{
	top:50px;
	left:361px;
	height:75px;
	z-index:999;
	width: 166px;
	/*overflow:hidden;*/
}
#main_menu_portafolio li {
	height:37px;
}
#main_menu_portafolio li a{
	background-image: url("../images/general/general.png?v=1");
	display:block;
	font-size:0px;
	height:38px;
	text-indent:-9999px;
	width:166px;	
}
#trabajos_subtn{
	background-position:-563px -160px;
	height: 37px !important;
}
#trabajos_subtn:hover{
	background-position:-729px -160px; 
}
#casos_subtn{
	background-position:-563px -197px; 
}
#casos_subtn:hover{
	background-position:-729px -197px; 
}


.submenu_gral li {
	/*background: url("../images/general/bullet-submenu-gral.png") no-repeat scroll 15px 15px  transparent;*/	
}
.submenu_gral li a{
	
	border-top:1px solid #65d8fe;
	border-bottom:1px solid #0089c2;
	color:#f6f6f6;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:25px;
	padding-left:27px;
	padding-top:11px;
	/*width:136px;*/
}
.submenu_gral li a:hover{
   color:#4e4e4e;	
}
.submenu_gral li a.border_bottom_none{
	border-bottom:none;
}
.submenu_gral li a.border_top_none{
	border-top:none;
}
.flecha_submenu{	
	border-bottom: 6px solid #17c4fd;
    border-left: 6px solid transparent;
    border-right:6px solid transparent;
    height: 0;
    left:40px;
    position:absolute;
    top:-6px;
    width: 0;
}
#wrap_banner{
	position:relative;
}
.img_banner{
	height:300px;
	overflow:hidden;
}
/**FIN HEADER*****************************************************/
#wrap_gradiente{
	background: url("../images/general/degradado_gral.png?v=1") repeat-x scroll 0 0  transparent;
	padding-top:40px;
	width:100%;
}
#main_section{
	/*height:300px;*/
	margin:0 auto;
	position:relative;
	width:950px;
	
}
.titulo-principal{
	font-size:0px;
	text-indent:-9999px;
}

/**FOOTER*********************************************************/
#main_footer{
	background: url("../images/general/footer5.png?v=1") repeat scroll top center  transparent;
	bottom: 0;
	color:#0C0C0C;
	font-family:Arial;
    height: 335px;
    left: 0;
    position: absolute;
    width: 100%;	
}
#back_footer{
	height:335px;
	position:relative;
}
#contenido_footer{
	background:transparent url("../images/general/footer5.png?v=1") no-repeat scroll top center;
	height:284px;
	margin:0 auto;
	position:relative;
	width:950px;
	top:1px;
	
}
#bar_footer{
	background-color:#000000;
    border-top:1px solid #2b2b2b;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:50px;
	text-align:center;
	position:relative;
	z-index:2;
	
}
/*Ubicacion footer*/
#ubicacion_footer{	
	height:276px;
	float:left;
	position:relative;
	width:319px;
	border:1px solid transparent; 
}
#map_footer{
	background: url("../images/general/general.png?v=1") no-repeat scroll -564px 0px transparent;
    height:150px;
    margin:61px 0px 0px 63px;
    position:relative;
	width:215px;
}
.point_map{
	background: url("../images/general/general.png?v=1") no-repeat scroll -495px -86px transparent;
	cursor:pointer;
	height:24px;	
    position:absolute;    
    width:24px;
}
.point_map:hover{
	background-position: -472px -86px;
}
#point_gdl{
  left: 49px;
  top: 75px;
  z-index:10;
}
#point_df{
   left: 62px;
   top: 83px;
   z-index:9;

}
#point_mty{
   left: 59px;
   top: 60px;
   z-index:8;
}
#point_ang{
 left: 6px;
 top: 28px;
}
#point_hou{
   left: 70px;
   top: 44px;
   z-index:7;
}
#title_ubicacion_footer{
	background: url("../images/general/header-contact.png?v=1") no-repeat scroll 0 0 transparent;
	font-size:0px;
    height:32px;
    left:20px;
    position:absolute;
    text-indent:-9999px;
    top:15px;
	width:195px;
	font-size:0;
	z-index:10;
	
}
#list_contacto_footer li a{
	background:transparent url(../images/general/sprt-contact.png?v=1) no-repeat scroll 16px 8px;
	color:#0C0C0C;
	display:block;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	height:24px;
	padding-left:41px;
	padding-top:7px;
	text-transform:uppercase;
}
#list_contacto_footer li a:hover{
	background-position:-180px -25px !important;
	/*opacity: .5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/
	background-position:50px 0px;
	color:#0C0C0C;
	cursor:pointer;
}
#tel_footer{
	color:#0C0C0C;
	font-size:18px;
	font-weight:bold;
	padding-left:20px;
	padding-top:10px;	
}
#tel_footer span{
	color:#0C0C0C;
}
#tel_header{
	color:#656565;
	font-size:18px;
	font-weight:bold;
	left: 730px;
  position: absolute;
  top: -10px;
}
#tel_header span{
	color:#0C0C0C;
}
#tel_contacto{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	left: 20px;
    position: absolute;
    top: 500px;
}
#tel_contacto span{
	color:#11BCF8;
}
/**/
#datos_footer{	
	height:276px;
	float:left;
	position:relative;
	width:390px;
	border:1px solid transparent; 
}
#title_datos_footer{
	background: url("../images/general/general.png?v=1") no-repeat scroll -189px -86px transparent;
	font-size:0px;
    height:40px;
    left:40px;
    position:absolute;
    text-indent:-9999px;
    top:15px;
	width:122px;
	z-index:10;
	
}
.datos_top{
	height:75px;
}
#list_datos_footer{
	list-style:none;
	margin-left:0px;
	
}
.list_datos_dentsu{
	background-position: 41px -34px !important;	
}
.list_datos_footer_last {
	background-position: 41px -29px !important;	
}
#list_datos_footer li a{
	background: url("../images/general/list-point.png?v=1") no-repeat scroll 41px -37px transparent;
	color: #0c0c0c;
	display:block;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	height:24px;
	padding-left:62px;
	padding-top:4px;
	text-transform:uppercase;
}

#conocenos_fondo_btn{
	background: url("../images/general/general.png?v=1") no-repeat scroll -261px -22px transparent;
	display:block;
	cursor:pointer;
	font-size:0px;
	height:30px;
	left:212px;
	position:absolute;
	text-indent:-9999;
	top:19px;
	text-decoration:none;
	width:164px;
	text-indent:-9999px;
}
#conocenos_fondo_btn:hover{
	background-position:-261px -52px;
	
}
#link_dentsu{
	background: url("../images/general/general.png?v=1") no-repeat scroll -296px -167px transparent;
	display:block;
	font-size:0px;
	float:right;
	height:20px;
	text-indent:-9999px;
	width:77px;
	
}
/*REDES SOCIALES FOOTER**/
#redes_footer{
	float:left;
	margin-left:22px;
	margin-top:20px;
	position:relative;
	width:205px;
	border:1px solid transparent; 
}
#title_siguenos_footer{
  font-size:14px;
  height:18px;
  margin-bottom:16px;
  width:76px;
}
#list_footer_redes{
	list-style:none;
	margin-left:0px;
}
#list_footer_redes li{
	float:left;
	margin-right:10px;
}
#list_footer_redes a{
	background-image: url("../images/general/general.png?v=1");
	cursor:pointer;
	font-size:0px;
	display:block;
	height:29px;
	text-indent:-9999px;
	width:30px;
}
#facebook_btn_footer{
	background-position:-524px 0px;
}
#twitter_btn_footer{
	background-position:-464px -57px;
}
#in_btn_footer{
	background-position:-494px -57px;
}
#youtube_btn_footer{
	background-position:-524px -57px;
}
#list_footer_redes a#plus_btn_footer{
	background-image: url("../images/general/google-plus.png");
  background-repeat:no-repeat;
}
#title_newsletter_footer{
  font-size:14px;
  height:13px;
  margin-bottom:18px;
  margin-top:38px;
  width:152px;
}
#wrap_newsletter_form{
	background: url("../images/general/general.png?v=1") no-repeat scroll 0px -86px transparent;
	height:28px;
	position:relative;
	width:150px;
}
#newsletter_form{
	background-color:transparent;
	border:0px;
	height:22px;
	margin-left:8px;
	margin-top:2px;
	width:140px;
	margin-bottom:10px;	
}
#newsletter_btn{
	background: url("../images/general/general.png?v=1") no-repeat scroll -150px -86px transparent;
	display:block;
	cursor:pointer;
	height:28px;
	top:0px;
	position:absolute;
	right:-39px;
	width:39px;
	
}
#google_partner_btn {
  display: block;
  margin-top: 25px;
}
/**FIN FOOTER********************************************************/


/**
 * CONTACTO
 * Autor: Joan
 */
#contact_back {
	background:transparent url(../images/contacto/background.png?v=1) no-repeat scroll 0 0;
	height:560px;
	position:relative;
	margin-top:-70px;
	width:502x;
}
#contact_back input {
	background:none;
	border:0;
	color:#656565;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	height:28px;
	margin-left:4px;
	width:301px;
}
#contact_back textarea {
	background:none;
	border:0;
	color:#656565;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	height:85px;
	margin-left:4px;
	width:301px;
}
#contact_titles {
	background-image: url("../images/contacto/titulos-contacto.png?v=1");
    background-position: 0 0;
    height: 55px;
    left: 10px;
    position: absolute;
    top: 9px;
    width: 482px;
}
.contact_select {
	background:transparent url(../images/general/general.png?v=1) no-repeat scroll 0 -167px !important;
	color:#656565;
	height:28px;
	left:111px;
	position:absolute;
	top:89px;
	width:190px;
}
#contact_name {
	left:111px;
	position:absolute;
	top:124px;
}
#contact_enterprise {
	left:111px;
	position:absolute;
	top:160px;
}
#contact_tel
{
	left: 111px;
    position: absolute;
    top: 195px;
}
#contact_mail {
	left:111px;
	position:absolute;
	top:231px;
}
#contact_comments {
	left:111px;
	position:absolute;
	top:273px;
}
#fancybox-close {
	background:transparent url(../images/general/general.png?v=1) no-repeat scroll 0 0;
	height:31px;
	width:32px;
}
#contact_send {
	background:transparent url(../images/general/general.png?v=1) no-repeat scroll -189px -167px;
	display:block;
	height:28px;
	left:338px;
	position:absolute;
	top:500px;
	width:84px;
}
#contact_send:hover {
	background-position:-189px -195px;
}
#contact_status {
	color:#FFF;
	left: 351px;
	position:absolute;
	top: 537px;
	visibility:hidden;
}
/* Estilos para el Select List del contacto */
.contact_selectListText {
	background : 'none';
	border : 0;
	color:#656565;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	line-height : 25px;
	margin-left:10px;
	width: 170px;
}
.contact_selectListOptions {
	background-color: #FFFFFF;
    margin-left: 7px;
    width: 175px;
    z-index: 50;
}
.contact_selectList_option {
	display:block;
	color:#656565;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	margin:5px 10px;
	outline:none;
	text-decoration:none;
}
#newsletter_form_gral{
	
	width:200px;
}
#main_menu_link_usa{
	background-position:-343px -215px;
	height:14px;
	margin-top:6px;	
	width:91px;
}
#main_menu_link_usa:hover,#main_menu_link_usa.select{
	background-position:-435px -215px;
}

/*ESTILOS PARA NUEVO SELECTOR DE CONTACTO (COMO SE ENTERO DE NOSOTROS)*/

div#como_se_entero {
display: block;
color: #fff;
position: absolute;
top: 382px;
left: 23px;
}

.contact_select_2 {
background: transparent url(../images/general/general.png?v=1) no-repeat scroll 0 -167px !important;
color: #656565;
height: 28px;
left: 108px;
position: absolute;
top: 415px;
width: 190px;
font: normal normal normal 11px Arial, Helvetica, sans-serif;
border: 0px;
}


div#referido_contacto {
position: absolute;
top: 485px;
background: transparent url(../images/contacto/background-referido.png?v=1) no-repeat scroll 0 0;
width: 313px;
height: 76px;
left: 107px;
display: none;
}

input#contact_name_2 {
position: absolute;
top: 5px;
}
input#contact_mail_2 {
position: absolute;
top: 40px;
}
p.datos_referido {
margin-top: -33px;
color: #fff;
}
p#como_se_entero {
position: absolute;
top: 386px;
left: 92px;
color: #fff;
}

#bar-footer-center{
	margin: 0px auto;
	width: 950px;
}
#footer-list-grupo li{
	float: left;
}
#footer-list-grupo li a{
	background: transparent url(../images/general/grupo-footer.png?v=1) no-repeat scroll;
	display: block;
	font-size: 0px;
	height: 48px;
	text-indent: -99999px;
}
#btn-gpo-vertice{
	background-position: 0px 0px !important;
	width: 115px;
}
#btn-gpo-vrtc{
	background-position: -115px 0px !important;
	width: 65px;
}
#btn-gpo-lime{
	background-position: -180px 0px !important;
	width: 63px;
}
#btn-gpo-mango{
	background-position: -243px 0px !important;
	width: 80px;
}
#btn-gpo-market{
	background-position: -323px 0px !important;
	width: 81px;
}
#btn-gpo-colmena{
	background-position: -404px 0px !important;
	width: 108px;
}
#txt-gpo-dr{
	margin-left: 70px;
	padding-top: 18px;
}