@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'helvetivaHC';
    src: url('fuentes/helveticaneueltstd-hvcn-webfont.eot');
    src: url('fuentes/helveticaneueltstd-hvcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/helveticaneueltstd-hvcn-webfont.woff') format('woff'),
         url('fuentes/helveticaneueltstd-hvcn-webfont.ttf') format('truetype'),
         url('fuentes/helveticaneueltstd-hvcn-webfont.svg#helveticaneuelt_std_med_cnBd') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'hBC';
    src: url('fuentes/helveticaneueltstd-bdcn-webfont.eot');
    src: url('fuentes/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/helveticaneueltstd-bdcn-webfont.woff') format('woff'),
         url('fuentes/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'),
         url('fuentes/helveticaneueltstd-bdcn-webfont.svg#helveticaneuelt_std_cnbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



*{margin:0px;paddig:0px;}

body{
	
	background-image:url(archivos/degradado.jpg);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	overflow-y:scroll;
        font-family:Arial, Helvetica, sans-serif;        
        
}

#contenedor{
	
	margin:auto;
	width:920px;
	position:relative;
}
#bannerhome{
	
	height:276px;
	border-bottom:1px #808080 solid;
	padding-bottom:1px;
}

#logohome{
	
	height:274px;
	width:795px;
	margin:auto;
	background-image:url(archivos/logolmtm.png);
	background-position:center;
	background-repeat:no-repeat;
}

#banner{
	
	height:148px;
	border-bottom:1px #808080 solid;
	padding-bottom:1px;
}

#linea{
	
    border-bottom:2px #808080 solid;
	
}

#logo{
	
	height:146px;
	width:795px;
	margin:auto;
}

#logo a{
	
	display:block;
	width:287px;
	height:146px;
	margin:auto;
	text-indent:-9999px;	
	background-image:url(archivos/logoslogan.png);
	background-position:center;
	background-repeat:no-repeat;
}


#menu{
	
	list-style:none;
	margin:15px auto 40px;
	padding:0px;
	display:block;
	width:790px;
}

#menuhome{
	
	list-style:none;
	margin:30px auto 150px;
	padding:0px;
	display:block;
	width:920px;
}

#menuhome li{
	
	float:left;
	margin-right:20px;
}
#menu li{
	
	float:left;
	margin-right:20px;
	height:25px;
}
#menuhome li a, #menu li a{
	
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background-repeat:no-repeat;
	height:23px;
}
#menuhome li a:hover{
	
	background-position:0px -21px;
}

#menu li a:hover{
	
	background-position:0px -25px;
}


#sobrehome{
	
	width:89px;
	height:21px;
	background-image:url(archivos/btnsobre.png);
	
}

#tacticalhome{
	
	width:148px;
	height:21px;
	background-image:url(archivos/btntactical.png);
	
}

#solucioneshome{
	
	width:177px;
	height:21px;	
	background-image:url(archivos/btnsoluciones.png);
}

#trabajoshome{
	
	width:136px;
	height:21px;	
	background-image:url(archivos/btntrabajos.png);
}

#contactohome{
	
	width:133px;
	height:21px;	
	background-image:url(archivos/btncontacto.png);
}

#lmtmashome{
	width:132px;
	height:21px;
	background-image:url(archivos/btnlmtmas.png);}

#sobre{
	
	width:73px;
	background-image:url(archivos/btnsobreresto.png);
	
}

#tactical{
	
	width:121px;
	background-image:url(archivos/btntacticalresto.png);
	
}

#soluciones{
	
	width:145px;
	background-image:url(archivos/btnsolucionesresto.png);
}

#trabajos{
	
	width:112px;
	background-image:url(archivos/btntrabajosresto.png);
}

#trabajos2{
	width:124px;
	background-image:url(archivos/btntrabajosresto2.jpg);
	height:25px;
}
#trabajos2:hover{
	background-position:0px 0px !important;}
	
#contacto{
	
	width:108px;
	background-image:url(archivos/btncontactoresto.png);
}

#lmtmas{
	
	width:108px;
	background-image:url(archivos/btnlmtmasresto.png);
}



#pie{

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px auto 10px;
	width:100%;
	text-align:center;
}
#pie a{
	
	text-decoration:none;
	color:#000000;
}

.clear{
	
	clear:both;
}

#textotactical{
	
	width:640px;
	margin:0px auto 60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}

#textotactical p{
	margin-bottom:20px;}

.columna{
	width:298px;}

.izq{
	float:left;}


.der{
	float:right;}

#textotactical a{
	
	width:158px;
	height:17px;
	display:block;
	background-image:url(archivos/btnarmesuplan.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:40px auto 0px;
}

#textotactical h1{
	margin:0px 0px 15px;
}

#textotactical h2{
	margin:25px 0px 15px;
}

#textotactical h3{
	margin:25px 0px 0px;
	font-size:12px;
	font-style:italic;
}

#textotactical h2, #textotactical h1{
	display:block;
	height:17px;
	text-indent:-9999px;
	background-repeat:no-repeat;}

	
#titEstrategas{
	width:68px;
	background-image:url(archivos/titEstrategas.png);}

#titMulti{
	width:77px;
	background-image:url(archivos/titMulticultural.png);}

#titRespon{
	width:139px;
	background-image:url(archivos/titResponsabilidad.png);}
	
#titVision{
	width:38px;
	background-image:url(archivos/titVision.png);}
	
#titMision{
	width:41px;
	background-image:url(archivos/titMision.png);}

#titResp{
	width:211px;
	background-image:url(archivos/titResp.png);}

#titStaff{
	width:95px;
	background-image:url(archivos/titStaff.png);}

#titValores{
	width:45px;
	background-image:url(archivos/titValores.png);}

.parrafo_resp{
	margin-bottom:10px;}

#textosoluciones{
	
	width:470px;
	margin:0px auto 10px;
	
}

#textosoluciones h1{
	
	width:250px;
	height:17px;
	background-image:url(archivos/titulosoluciones.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:0px 0px 20px;

}


.solucion{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	float:left;
	margin-bottom:20px;
	padding-left:70px;
	width:135px;
	background-repeat:no-repeat;
	
	
}
.solucion h2{
	
	font-size:12px;
	margin:0px;
}

.margen{
	
	margin-right:40px;
}

#google{
	
	background-image:url(archivos/solucion1.jpg);

}

#desarrollo{
	
	background-image:url(archivos/solucion2.jpg);
}

#envio{
	
	background-image:url(archivos/solucion3.jpg);
}

#plan{
	
	background-image:url(archivos/solucion4.jpg);
	width:150px;
	margin-right:25px;
}
#construccion{
	
	background-image:url(archivos/solucion5.jpg);
}

#marketing{
	
	background-image:url(archivos/solucion6.jpg);
}

#staff{
	
	background-image:url(archivos/solucion7.jpg);
}
#propuestas{
	
	background-image:url(archivos/solucion8.jpg);
}
#diseno{
	
	background-image:url(archivos/solucion9.jpg);
}

#produccion{
	
	background-image:url(archivos/solucion10.jpg);
}

#pop{
	
	background-image:url(archivos/solucion11.jpg);
}

#mistery{
	
	background-image:url(archivos/solucion12.jpg);
}

#activaciones{
	
	background-image:url(archivos/solucion13.jpg);
}

#alianzas{
	
	background-image:url(archivos/solucion14.jpg);
}

#textocontacto{
	
	width:584px;
	margin:0px auto 40px;
}

#enviarcv{
	display:block;
	margin:0px auto 20px;}

#textocontacto h1{
	
	width:70px;
	height:17px;
	margin:0px 0px 15px;
	background-image:url(archivos/titulocontactese.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#formulario{
	
	width:400px;
	float:left;
}

#formulario label{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
	width:70px;
	margin-bottom:7px;
}

#formulario input, textarea{
	
	width:324px;
	background-color:#d9d9d9;
	border:none;
	margin-bottom:7px;
}

textarea{
	
	height:95px;
}

#formulario a{
	
	text-indent:-9999px;
	width:55px;
	height:16px;
	display:block;
	background-image:url(archivos/btnenviar.png);
	background-repeat:no-repeat;
	margin-left:70px;
}

#datos{
	
	float:left;
	width:130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:30px;
}

#datos h2{
	
	font-size:11px;
	margin-top:0px;
}

#datos a{
	color:#000;
	text-decoration:none;}

#codigoqr{
	float:left;
	margin:15px 0px 0px 20px;}

#galeria{
	
	background-color:#D9D9D9;
	margin-bottom:30px;
}

#marcas{
	padding:20px 0px 20px 15px;
	width:655px;
	margin:auto;}

#marcas img{
	border:none;
	}
#marcas a{
	float:left;
	margin:0px 15px 10px 0px;
	position:relative;}

#marcas a b{
	display:none;
	width:100px;
	height:100px;
	position:absolute;
	left:8px;
	top:8px;
	background-color:#000;
	opacity:0.6;
	filter:alpha(opacity=60);}

#marcas a:hover b{
	display:block;}

#logos{
	
	width:879px;
	height:41px;
	background-image:url(archivos/trabajoslogos.png);
	background-repeat:no-repeat;
	margin:-20px 0px 30px -42px;
}

#recuadro{
	
	width:825px;
	margin:auto;
}

#btnizq, #btnder{
	
	width:13px;
	position:relative;
	height:404px;
	float:left;
}

#btnizq div, #btnder div{
	
	cursor:pointer;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-5px;
	margin-left:-4px;
	width:8px;
	height:9px;
	background-image:url(archivos/flechaizq.png);
	overflow:hidden;

}
#btnder div{
	
	background-position:0px -9px;
}

#mascara{
	
	width:795px;
	height:404px;
	overflow:hidden;
	float:left;
	margin:0px 2px;
	position:relative;
}

#lienzo{
	
	width:100000px;
	position:absolute;
}

#lienzo img{
	
	margin:0px;
	padding:0px;
	float:left;
}

#pietrabajos{
	
	width:795px;
	margin:auto;
}

#loading{
	
	width:795px;
	height:404px;
	background-color:#FFFFFF;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(archivos/loading.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#mensajecontacto{
	
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:50px auto;
	text-align:center;
}

#mensajecontacto a{
	
	display:block;
	width:57px;
	height:15px;
	background-image:url(archivos/btnvolver.png);
	margin:10px auto;
}

#btnclientes{
	
	margin:15px auto 40px;
	display:block;
}

#loginform{
	
	width:270px;
	margin:0px auto 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}

#loginform label{
	
	width:70px;
	padding-top:3px;
	float:left;
	margin-bottom:5px;

}

#loginform input{
	
	width:195px;
	float:left;
	background-color:#D9D9D9;
	border:none;
	margin-bottom:5px;
}
#btnentrar, #btncrear{
	
	margin-top:5px;
	margin-left:70px;
	cursor:pointer;
}

#contenedor #medio p{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:5px auto;
	width:600px;
}

#contenedor p.menu a{
	
	color:#000000;
	text-decoration:none;
	float:left;
	margin-right:10px;
}

#contenedor p a:hover{
	
	color:#666666;
	text-decoration:underline;
}

#medio{
	
	margin-bottom:50px;
}

#newuser{
	
	margin-top:20px;

}

#users{
	
	width:300px;
	margin:20px auto 0px;
	display:none;
}

#users p, #verArchivos p{
	
	height:22px;
	width:100% !important;
	padding-top:6px;
	margin:0px !important;
	position:relative;
}

.impar{
	
	background-color:#ADADAD;
}
.par{
	
	background-color:#D9D9D9;
}

.user, .pass{
	
	display:block;
	width:90px;
	float:left;
}

.user{
	
	margin-left:10px;
}

.eliminar, .descargar, .eliminarAr{
	
	cursor:pointer;
	float:right;
	margin-right:10px;
	margin-top:-3px;

}


#descargar img{

	border:none;
}

#cargarArchivo{
	
	width:430px;
	margin:20px auto 0px;
	display:none;
}
#cargarArchivo form label{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:100px;
	padding-top:5px;
}

#cargarArchivo form textarea{
	
	margin-bottom:10px;
}

#cargarArchivo form input{
	
	margin-bottom:10px;
}

#btnsubir{
	
	float:left;
	cursor:pointer;
	margin-top:10px;
	margin-left:100px;
	display:block;
}

#verArchivos{
	
	width:620px;
	margin:20px auto 0px;
}

.nombre{
	
	display:block;
	float:left;
	width:150px;
	cursor:pointer;
}

.fecha{
	
	display:block;
	float:left;
	width:80px;
	margin-left:10px;
}

#iframe{

	display:none;
}

.nombre:hover .masinfo{
	
	display:block;
}

.masinfo{
	height:50px;
	width:200px;
	position:absolute;
	left: 70px;
	top: 24px;
	z-index:9999;
	display:none;
}

.flechita{
	
	height:15px;
	width:200px;
	background-image:url(archivos/flechita.png);
	background-repeat:no-repeat;
	background-position:50% 0%;
	display:block;
}

.desc{
	
	background-color:#FABF5D;
	display:block;
	padding:10px;
	text-align:justify;
}

#trabajo{
	width:634px;
	margin:auto;
	background-image:url(archivos/fondoTrabajos.jpg);
	background-repeat:repeat-x;
	min-height:332px;
        background-color: #6F7072;
	}

#trabajo table{
        height: 332px;
}        
      
#bannerMarca{
	background-image:url(archivos/fondoBanner.jpg);
	height:116px;
	background-repeat:repeat-y;
	position:relative;
}

#bannerMarca img{
	display:block;
	margin:auto;}
#btncerrar{
	display:block;
	width:18px;
	height:17px;
	background-image:url(archivos/btncerrar.png);
	position:absolute;
	right:8px;
	top:8px;}

.categoria{
    
    height: 33px;
    display: block;
    background-image: url(archivos/fondoCategoria.png);
    font-size: 21px;
    line-height: 21px;
    padding:13px 0px 0px 35px;
    margin: 3px 0px;
    color: #1A1A1A;
    text-decoration: none;
    font-family: 'hBC';
}

a.categoria:hover{
    background-position: 0px -46px;
    color: #FFF;
}

#trabajo ul{
    margin: 15px 0px 0px 35px;
    padding: 0px;
    list-style: none;
}

#trabajo li{
    background-image: url(archivos/flechaLista.png);
    background-repeat: no-repeat;
    line-height: 9px;
    padding-left: 12px;
    color: white;
    font-size: 13px;
    margin-bottom: 15px;
}

#trabajo li a{
    color:#FFF;
    text-decoration: none;
}

#trabajo li a:hover{
    color: #000;
}

.audio{
    font-family: 'helvetivaHC';
    font-size: 17px;
}
.audio span{
    display: block;
    width: 26px;
    height: 25px;
    background-image: url(archivos/audio.png);
    float: left;
    margin:-3px 8px 0px 0px;
}

.sinMargen{
	margin:0px !important;}