@font-face {
	font-family: 'JinkyRegular';
	src: url('./HARABAR0.eot');
	font-weight: bold;
	font-style: normal;
}

#cuerpo1 { background-color:#FFF;}

#menu1 {
width:120px;
height:38px;
}

#menu1 a {
background-image:url(images/inicio_off.jpg);
display: block;
width: 100%; 
width:120px;
height:38px;
}

#menu1 a:hover {
background-image:url(images/inicio_on.jpg);
width:120px;
height:38px;
}

#menu8 {
width:120px;
height:38px;
}

#menu8 a {
background-image:url(images/programacion_medida_off.jpg);
display: block;
width: 100%; 
width:120px;
height:38px;
}

#menu8 a:hover {
background-image:url(images/programacion_medida_on.jpg);
width:120px;
height:38px;
}


#menu2 {
width:120px;
height:38px;
}

#menu2 a {
background-image:url(images/quienes_somos_off.jpg);
display: block;
width: 100%; 
width:120px;
height:38px;
}

#menu2 a:hover {
background-image:url(images/quienes_somos_on.jpg);
width:120px;
height:38px;
}

#menu3 {
width:120px;
height:38px;
}

#menu3 a {
background-image:url(images/nuestros_clientes_off.jpg);
display: block;
width: 100%; 
width:120px;
height:38px;
}

#menu3 a:hover {
background-image:url(images/nuestros_clientes_on.jpg);
width:120px;
height:38px;
}


#menu4 {
width:120px;
height:38px;
}

#menu4 a {
background-image:url(images/productos_software_off.jpg);
display: block;
width: 100%; 
width:120px;
height:38px;
}

#menu4 a:hover {
background-image:url(images/productos_software_on.jpg);
width:120px;
height:38px;
}

#menu5 {
width:120px;
height:38px;
}

#menu5 a {
background-image:url(images/proteccion_datos_off.jpg);
display: block;
width: 100%; 
width:120px;
height:38px;
}

#menu5 a:hover {
background-image:url(images/proteccion_datos_on.jpg);
width:120px;
height:38px;
}

#menu6 {
width:120px;
height:38px;
}

#menu6 a {
background-image:url(images/mantenimiento_empresas_off.jpg);
display: block;
width: 100%; 
width:120px;
height:38px;
}

#menu6 a:hover {
background-image:url(images/mantenimiento_empresas_on.jpg);
width:120px;
height:38px;
}

#menu7 {
width:120px;
height:38px;
}

#menu7 a {
background-image:url(images/contacto_off.jpg);
display: block;
width: 100%; 
width:120px;
height:38px;
}

#menu7 a:hover {
background-image:url(images/contacto_on.jpg);
width:120px;
height:38px;
}

#logo { background-image:url(images/logo.jpg);
height:102px;
background-repeat:no-repeat;
}

#boca { background-color:#FFFFFF; 
}

#bocadillo1 { background-image:url(images/boca1.jpg);
height:173px;

}

.bocadillo1texto {
font: 26px 'JinkyRegular', Arial, sans-serif;letter-spacing: 0; font:bold;
color:#336699;
margin-top: 12px;
margin-left:15px;
line-height:24px;
}


.bocadillo2texto {
font: 26px 'JinkyRegular', Arial, sans-serif;letter-spacing: 0; font:bold;
color:#fb8610;
margin-top: 12px;
margin-left:15px;
line-height:24px;
}

.bocadillo3texto {
font: 26px 'JinkyRegular', Arial, sans-serif;letter-spacing: 0; font:bold;
color:#e5ce0d;
margin-top: 12px;
margin-left:15px;
line-height:24px;
}

.bocadillo4texto {
font: 26px 'JinkyRegular', Arial, sans-serif;letter-spacing: 0; font:bold;
color:#61b824;
margin-top: 12px;
margin-left:15px;
line-height:24px;
}

#bocadillo2 { background-image:url(images/boca2.jpg);
height:173px;
}

#bocadillo3 { background-image:url(images/boca3.jpg);
height:173px; 
}

#bocadillo4 {  background-image:url(images/boca4.jpg);
height:173px;
}

#productos { background-color:#FFFFFF;}

#producto1 { background-image:url(images/desarrollo_software.jpg);
background-color:#FFFFFF;
height:385px;
}

#producto2 { background-image:url(images/ley_proteccion_datos.jpg);
height:385px;
}

#producto3 { background-image:url(images/mantenimiento_empresas.jpg);
height:385px;
}

.productotexto{ 
font: 16px 'JinkyRegular', Arial, sans-serif;
margin-top:97px;
margin-left:15px;
color:#FFFFFF;
width:180px;
}

#noticias {
background-position:right;
background-repeat:no-repeat;
background-image:url(images/noticias.jpg);
height:102px;
}

#servicios{ background-image:url(images/servicios.jpg);
background-color:#FFFFFF;
height:425px;
margin-left:0px;
}

.textoservicios { 
font: 14px 'JinkyRegular', Arial, sans-serif;letter-spacing: 0;/* font:bold;*/
color:#FFFFFF;
margin-left:18px;
margin-top:30px;
/*letter-spacing:2px;*/
}

.noticiastexto { margin-top:15px;
margin-left:20px;
}

.newsticker-jcarousellite{
margin-top:25px;
margin-left:20px;
width:300px;
height:250px
}	

.textonoticias {
	height:250px;
}

.newsticker-jcarousellite a{ color:#FFFFFF;}

.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }

.newsticker-jcarousellite .info { float:right; width:300px; }

#pie {
background-color: #333333;
color:#FFFFFF;
width:960px;
}

.piemenu { color:#ffffff;
text-align:center;
font-size:10px;
}

.piemenu a {
color:#FFFFFF;
text-decoration:none;}

.piemenu a:hover {
color:#999999;
}

.soporte a {
	font-size:10px;
	color:#FD7F06;
	text-decoration:none;
	width:50%;
}

.soporte a:hover {
	font-size:10px;
	color:#EFAA4B;
}

.info { color:#FFFFFF;
font-size:10px;
text-align:right;
}

.info a {
text-decoration:none;
color:#FFFFFF;
}

.info a:hover { color:#999999;
}

.aviso a {
	color:#54B415;
	text-decoration:none;
	font-size:10px;
	text-align:right;
}

.aviso a:hover {
	color:#9BCD6C;
}

#box-link {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 190px;
	height: 305px;
	background-color: transparent;
/*border: 1px solid yellow;*/
}

#box-link1 {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 125px;
	height: 135px;
	background-color: transparent;
/*border: 1px solid yellow;*/
}
		
#cabecera_cuerpo {
}

#cuerpo_cuerpo {
background-image:url(images/cuerpo_cuerpo.jpg);
margin:0px;
width:728px;
}

#cuerpo_cuerpo img{
padding-left:15px;
}

.Estilo5 {
	color: #336799;
	padding:0 25px 0 25px;
	line-height:15px;
	font-size: 14px;
}

.contacto {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
}

#fondoproducto {
background-image:url(images/fondoproductos.jpg);
background-repeat:no-repeat;
height:168px;
width:314px;
padding:10px 10px 10px 0px;
margin:10px 20px 10px 20px;
font-size:10px;
}

#fondoproducto img{
margin-right:10px;
}

#superiorproductos {
background-image:url(images/superiorproductos.jpg);
width:670px;
height:44px;
margin:0 0 0 20px;
}

#cuerpoproductos {
background-image:url(images/cuerpoproductos.jpg);
background-repeat:repeat-y;
width:660px;
margin:0px 10px 0px 20px;
padding:0px 10px 0px 10px;
}

#cuerpoproducto_detalle {
margin: 0 15px 0 0;
}

#cuerpoproductos img{
padding:0px 10px 0px 0px;
}

#inferiorproductos {
background-image:url(images/inferiorproductos.jpg);
width:670px;
height:24px;
margin:0 0 0 20px;
}

.detalleproductos {
margin: 0 0px 0 35px;
}

.contenido {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
color: #000000;
text-align:justify;
}

.contenido2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align:justify;
	vertical-align: super;
}

.cabeceraTitulo1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
color: #003366;
vertical-align: middle
}

.clientes {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:15px;
color:#336699;
}

.titulo_productos {
font-size:18px;
color:#336699;
}
.contenido3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #425F89;
	text-align:justify;
}
.cabeceraTitulo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #003366;
	vertical-align: middle;
	line-height: 10;
}
.NuestrosClientes {
	color: #336799;
	padding:0 25px 0 25px;
	line-height:24px;
	font-size: 12px;
	text-align: justify;
}

.noticia_detalle {
	background-image:url(images/fondo_noticias.png);
	left:20px;
	background-repeat:no-repeat;
	height:480px;
	width:600px;
	padding-top:10px;
	padding-left:20px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:justify;
}

.noticia_titulo {
	background-image:url(images/noticias_letras.png);
	background-repeat:no-repeat;
	width:94px;
	height:22px;
	margin-left:10px;
	margin-top:20px;
	padding-top:30px;

}

.noticia_texto {
	width:580px;
	}

