img{border:none}*{margin:0;padding:0}a{outline:none}
html,body {
	margin:0;
	padding:0;
	height:100%;
	background: #424B50;
	background: url(../imagenes/fondo.gif);
	font-family: Verdana;
	font-size:0.84em;
	color:#E5E4E0;
}
/****************************** D I S E Ñ O **********************************************************/
#pagina {
	position:relative;
	margin:0 auto; 
	padding: 0 15px;
	width:652px;
}
#logo a {
	display:block;
	width:260px;
	height:0;
	padding-top:121px;
	background: none;
	overflow:hidden; 
	position: absolute;
	top: 19px;
	left: 215px;
	z-index: 99;
	margin:0;
}
#logo a:hover {
	background: url(../imagenes/navegacion/logohover.gif);
	z-index:2;
}
#head {
	width:620px;
	height:162px;
	margin:0 auto;

}
#imagenes {
	position: absolute;
	top: 303px;
	left: 260px;
	width: 97px;
	height: 95px;
	z-index: 3;
}
#contenido {
	margin:0 auto;
	width: 576px;
	padding:20px 18px 10px;
	background: #333366;
	background: url(../imagenes/fondo-contenido.gif);
}
#contenido a {
	color:#E5E4E0;
	font-weight: bold	
}	
#contenido a:hover {
	color:#1F2A34;
}
#footer { 
	background: url(../imagenes/piedepagina.png);
	width:612px;
	margin:0 auto;	
	height: 187px;
	font-size: 9px;
	color: #999
}
#footer .links { 
	position:relative;
	top: 160px;
	left: 0px;
	text-align:center
}
#footer a { 
	color: #999;
	text-decoration: none;
}
/****************************** C O M U N E S **********************************************************/
.listahorizontal  {
	text-align: center;
	margin: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0px;
	list-style:none;
	font-weight: bold;
	line-height: 2.3em;
}
.listahorizontal  li {
	display: inline;
	margin-right: 10px;
}
p {
	line-height: 1.4em;
}
* html .clearfix {height: 1%;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/****************************** T I T U L O S **********************************************************/

h2 {margin:-10px 0 35px 0;display:block;height:0;overflow:hidden;padding-top:22px;}

#ladiferencia {
	width:224px;
	padding-top:34px;
    background: url(../imagenes/titulos/ladiferencia.gif) no-repeat; 
}
#papeleria {
	width:176px;
	background: url(../imagenes/titulos/papeleria.gif) no-repeat;
}
#impresos {
	width:194px;
	background: url(../imagenes/titulos/impresos.gif) no-repeat;
}
#editorial {
	width:176px;
	background: url(../imagenes/titulos/editorial.gif) no-repeat;
}
#digital {
	width:143px;
	padding-top:20px;
	background: url(../imagenes/titulos/digital.gif) no-repeat;
}
#packing {
	width:67px;
	padding-top:20px;
	background: url(../imagenes/titulos/packing.gif) no-repeat;
}
#serigrafia {
	width:176px;
	background: url(../imagenes/titulos/serigrafia.gif) no-repeat;
}
#tarjeteria {
	width:183px;
	padding-top:39px;
	background: url(../imagenes/titulos/tarjeteria.gif) no-repeat;
}
#folleteria {
	width:183px;
	padding-top:39px;
	background: url(../imagenes/titulos/folleteria.gif) no-repeat;
}
#publicitario {
	width:100px;
	background: url(../imagenes/titulos/publicitario.gif) no-repeat;
}
#logotipos {
	width:88px;
	background: url(../imagenes/titulos/logotipos.gif) no-repeat;
}
#gigantografia {
	width:120px;
	background: url(../imagenes/titulos/gigantografia.gif) no-repeat;
}
#dweb {
	width:39px;
	background: url(../imagenes/titulos/web.gif) no-repeat;
}
#vinilo-ploteado {
	width:134px;
	background: url(../imagenes/titulos/vinilo.gif) no-repeat;
}
#lona-impresa {
	width:118px;
	background: url(../imagenes/titulos/lona-impresa.gif) no-repeat;
}
#carteles {
	width:73px;
	background: url(../imagenes/titulos/carteles.gif) no-repeat;
}
#tarjetas {
	width:69px;
	background: url(../imagenes/titulos/tarjetas.gif) no-repeat;
}
#webs {
	width:49px;
	background: url(../imagenes/titulos/webs.gif) no-repeat;
}
/****************************** M E N U **********************************************************/

.menu {
font-family: verdana, arial, sans-serif; 
width:622px;
height:184px;
background: url(../imagenes/navegacion/menu.gif) no-repeat;
margin: 0 auto;
z-index:1
}
		
			
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
width:514px;
height:36px;
position: absolute;
top:148px;
left:82px;
}



li.map1 {
float:left; 
position:relative;
width:91px;
}

li.map1#i-activo {
height:37px; 
}
li.map1 a, li.map1 a:visited{
display:block;   
text-indent:-2000px; 
width:91px; 
height:36px; 
text-decoration:none; 
}

li.map2 {
float:left; 
position:relative;
width:61px;
left:15px;
 
}
li.map2 a, li.map2 a:visited {
display:block;   
text-indent:-2000px; 
width:61px; 
height:36px; 
text-decoration:none;
}

li.map3 {
float:left; 
position:relative;
width:89px;
left: 17px; 
}
li.map3 a, li.map3 a:visited {
display:block;   
text-indent:-2000px; 
width:89px; 
height:36px; 
text-decoration:none;
}

li.map4 {
float:left; 
position:relative;
width:100px;
left: 19px;
}
li.map4 a, li.map4 a:visited {
display:block;   
text-indent:-2000px; 
width:100px; 
height:36px; 
text-decoration:none;
}

li.map5 {
float:left;
position:relative; 
width:69px; 
left: 21px;
}
li.map5 a, li.map5 a:visited {
display:block;   
text-indent:-2000px; 
width:69px; 
height:36px; 
text-decoration:none;
}

li.map6 {
float:left;
position:relative; 
width:81px; 
left: 23px;
}
li.map6 a, li.map6 a:visited {
display:block;   
text-indent:-2000px; 
width:81px; 
height:36px; 
text-decoration:none;
}
/*\*/


li:hover.map1 {background:transparent url(../imagenes/navegacion/imprentahover.gif);}

li.map1#i-activo {background:transparent url(../imagenes/navegacion/imprentaactive.gif);}

li:hover.map2, li.map2#d-activo {background:transparent url(../imagenes/navegacion/diseniohover.gif);}
li:hover.map3, li.map3#c-activo {background:transparent url(../imagenes/navegacion/carteleriahover.gif);}
li:hover.map4, li.map4#p-activo {background:transparent url(../imagenes/navegacion/promocioneshover.gif);}
li:hover.map5, li.map5#g-activo {background:transparent url(../imagenes/navegacion/galeriahover.gif);}
li:hover.map6, li.map6#co-activo {background:transparent url(../imagenes/navegacion/contactohover.gif);}

li:hover.map1 em,li:hover.map2 em,li:hover.map3 em,li:hover.map4 em,li:hover.map5 em,li:hover.map6 em
{display:block; width:260px; height:121px; background:transparent url(../imagenes/navegacion/logohover.gif); position:absolute; top:-129px;}
li:hover.map1 em {left:133px}
li:hover.map2 em {left:27px}
li:hover.map3 em {left:-36px}
li:hover.map4 em {left:-127px}
li:hover.map5 em {left:-229px}
li:hover.map6 em {left:-300px}


	
ul.sub1 {background: url(../imagenes/navegacion/submenu1.gif);opacity:.9;filter:alpha(opacity=90) }
ul.sub2 {background: url(../imagenes/navegacion/submenu2.gif);opacity:.9;filter:alpha(opacity=90) }
ul.sub3 {background: url(../imagenes/navegacion/submenu3.gif);opacity:.9;filter:alpha(opacity=90) }
ul.sub4 {background: url(../imagenes/navegacion/submenu4.gif);opacity:.9;filter:alpha(opacity=90) }
ul.sub5 {background: url(../imagenes/navegacion/submenu5.gif);opacity:.9;filter:alpha(opacity=90) }
ul.sub6 {background: url(../imagenes/navegacion/submenu6.gif);opacity:.9;filter:alpha(opacity=90) }


a.sub1a:hover {background:transparent url(../imagenes/navegacion/papeleriahover.gif);}
a.sub1b:hover {background:transparent url(../imagenes/navegacion/impresoshover.gif);}
a.sub1c:hover {background:transparent url(../imagenes/navegacion/packinghover.gif);}
a.sub1d:hover {background:transparent url(../imagenes/navegacion/editorialhover.gif);}
a.sub1e:hover {background:transparent url(../imagenes/navegacion/digitalhover.gif);}
a.sub1f:hover {background:transparent url(../imagenes/navegacion/serigrafiahover.gif);}

a.sub2a:hover {background:transparent url(../imagenes/navegacion/logotiposhover.gif);}
a.sub2b:hover {background:transparent url(../imagenes/navegacion/publicitariohover.gif);}
a.sub2c:hover {background:transparent url(../imagenes/navegacion/gigantografiahover.gif);}
a.sub2d:hover {background:transparent url(../imagenes/navegacion/webhover.gif);}

a.sub3a:hover {background:transparent url(../imagenes/navegacion/vinilohover.gif);}
a.sub3b:hover {background:transparent url(../imagenes/navegacion/lonahover.gif);}

a.sub4a:hover {background:transparent url(../imagenes/navegacion/tarjeteriahover.gif);}

a.sub5a:hover {background:transparent url(../imagenes/navegacion/tarjetashover.gif);}
a.sub5b:hover {background:transparent url(../imagenes/navegacion/impresos3hover.gif);}
a.sub5c:hover {background:transparent url(../imagenes/navegacion/carteleshover.gif);}
a.sub5d:hover {background:transparent url(../imagenes/navegacion/webshover.gif);}

a.sub6a:hover {background:transparent url(../imagenes/navegacion/ventashover.gif);}
a.sub6b:hover {background:transparent url(../imagenes/navegacion/asesoramientohover.gif);}
a.sub6c:hover {background:transparent url(../imagenes/navegacion/enviohover.gif);}
a.sub6d:hover {background:transparent url(../imagenes/navegacion/administracionhover.gif);}

.menu ul li ul {
visibility:hidden;
position: absolute; left:-1000px;
}
/**/
.menu ul li:hover ul {
visibility:visible;
position:absolute;
top:36px;
height:37px;
left:0px;  
}

.menu ul li:hover ul.sub1 {width: 514px}
.menu ul li:hover ul.sub2 {width: 304px}
.menu ul li:hover ul.sub3 {width: 199px}
.menu ul li:hover ul.sub4 {width: 100px}
.menu ul li:hover ul.sub5 {width: 345px;left:-193px}
.menu ul li:hover ul.sub6 {width: 375px;left:-294px}
/**/

/***/
.menu ul li:hover ul li a, .menu ul li:hover ul li a:visited {
display:block; 
float: left
}
/**/

/**/
.menu ul li:hover ul li a.sub1a {width: 129px;}
.menu ul li:hover ul li a.sub1b {width: 135px;}
.menu ul li:hover ul li a.sub1c {width: 61px;}
.menu ul li:hover ul li a.sub1d {width: 62px;}
.menu ul li:hover ul li a.sub1e {width: 53px;}
.menu ul li:hover ul li a.sub1f {width: 74px;}

.menu ul li:hover ul li a.sub2a {width: 76px;}
.menu ul li:hover ul li a.sub2b {width: 82px;}
.menu ul li:hover ul li a.sub2c {width: 94px;}
.menu ul li:hover ul li a.sub2d {width: 52px;}

.menu ul li:hover ul li a.sub3a {width: 102px;}
.menu ul li:hover ul li a.sub3b {width: 97px;}

.menu ul li:hover ul li a.sub4a {width: 69px;margin-left:9px}

.menu ul li:hover ul li a.sub5a {width: 78px;}
.menu ul li:hover ul li a.sub5b {width: 140px;}
.menu ul li:hover ul li a.sub5c {width: 69px;}
.menu ul li:hover ul li a.sub5d {width: 58px;}

.menu ul li:hover ul li a.sub6a {width: 63px;}
.menu ul li:hover ul li a.sub6b {width: 96px;}
.menu ul li:hover ul li a.sub6c {width: 113px;}
.menu ul li:hover ul li a.sub6d {width: 103px;}


/******************************* FIN MENU ****************/
/*********************************************************
///////////////Cambiar tamaño del texto///////////////////
*********************************************************/

#ajustetexto {
	position: absolute;
	top: 346px;
	right: 36px;
	width: 82px;
	height: 22px;
	z-index: 3;
	background: url(../imagenes/ajustetexto.gif);
	overflow:hidden;
}
#ajustetexto li {list-style-type:none;display:inline;}
#ajustetexto a {
	display:block;
 	float:left;
   	height:0;
	overflow:hidden;
	padding-top:22px;
	text-decoration:none;
}
#ajustetexto a#incremento {width:19px;margin-left:23px}
#ajustetexto a#decremento {width:15px;}
#ajustetexto a#reset {width:23px;}

#ajustetexto a:hover {background:transparent url(../imagenes/ajustehover.gif) no-repeat 88px 22px}

#ajustetexto a#incremento:hover {background-position: -23px 0; z-index:50;}
#ajustetexto a#decremento:hover {background-position:  -42px 0; z-index:50;}
#ajustetexto a#reset:hover {background-position:  -57px 0; z-index:50;}
/*******************************FIN Cambiar tamaño del texto ********************************************************/

/*********************************************************
///////////////Consulta///////////////////////////////////
*********************************************************/
.consulta {position: absolute; margin: -120px 0 0 95px;}

/**************************************************************************************************/