/* ------------ XERAL -------------- */

* {
 padding: 0; 
 margin: 0; 
 }

body {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 background:#fff url(../img/fondosuperior.png) repeat-x 0 0;
 color:#666;
}

.blog {
	color:#0099CC;
	font-size: 11px;
	margin-right: 25px;
}

#cuerpo{
background:none;
}

.sinfondo{
 background:none;
 padding:0;
 margin:0;
 }

a {
 outline:none;
 }

a:link {}
a:visited {}
a img {
 border:0;}


h1 {
 display:none;
 }
 
 
h2 {
 text-indent:-10000px;
 display:block;
 margin-bottom:15px;
 }

h2#h2portafolio {
 text-indent:-10000px;
 display:block;
 background:url(../img/h2portafolio.gif) no-repeat;
 width:101px;
 height:11px;
 }

h2#h2presentacion {
 text-indent:-10000px;
 display:block;
 background:url(../img/h2presentacion.gif) no-repeat;
 width:162px;
 height:11px;
 }
 
 h2#h2clientes {
 text-indent:-10000px;
 display:block;
 background:url(../img/h2clientes.gif) no-repeat;
 width:104px;
 height:13px;
 margin-top:2px;
 margin-bottom:20px;

 }
 
 h2#h2acceso {
 text-indent:-10000px;
 display:block;
 background:url(../img/h2acceso.gif) no-repeat;
 width:119px;
 height:28px;
 }

h2#h2servicios {
 text-indent:-10000px;
 display:block;
 background:url(../img/h2destacados.gif) no-repeat 20px 0;
 width:142px;
 height:11px;
 padding-left:30px;
 margin-bottom:20px;
 }
 
 h2#h2noticias {
 text-indent:-10000px;
 display:block;
 background:url(../img/h2noticias.gif) no-repeat;
 width:98px;
 height:14px;
 }
 
  h2#h2trabajos {
 text-indent:-10000px;
 display:block;
 background:url(../img/h2trabajos.gif) no-repeat;
 width:208px;
 height:11px;
 }
 
 h2#portafoliobis {
 text-indent:-10000px;
 display:block;
 background:url(../img/h2portafoliobis.gif) no-repeat;
 width:123px;
 height:12px;
 margin-top:20px;
margin-left:25px;
 }
 
 h2#asesoramiento {
 text-indent:-10000px;
 display:block;
 background:url(../img/h2web.gif) no-repeat;
 width:162px;
 height:16px;
 margin-top:20px;
 margin-left:25px;
 }
 
h2#h2grafico {
 text-indent:-10000px;
 display:block;
 background:url(../img/h2grafico.gif) no-repeat;
 width:246px;
 height:15px;
 margin-top:20px;
 margin-left:25px;
 }
 
h2#h2otros {
 text-indent:-10000px;
 display:block;
 background:url(../img/h2otros.gif) no-repeat;
 width:246px;
 height:15px;
 margin-top:20px;
 margin-left:25px;
 }
 
h2#titularservicios {
 text-indent:-10000px;
 display:block;
 background:url(../img/serviciosh2.gif) no-repeat;
 width:55px;
 height:14px;
 margin-top:20px;
margin-left:25px;
 }
 
h2#titularquienes {
 text-indent:-10000px;
 display:block;
 background:url(../img/titularquienes.gif) no-repeat;
 width:84px;
 height:14px;
 margin-top:20px;
margin-left:24px;
 }
 
h2#titularutilidades {
 text-indent:-10000px;
 display:block;
 background:url(../img/titularutilidades.gif) no-repeat;
 width:117px;
 height:12px;
 margin-top:20px;
margin-left:24px;
 }
 
h2#promedia {
 text-indent:-10000px;
 display:block;
 background:url(../img/somos_promedia.gif) no-repeat;
 width:125px;
 height:12px;
 margin-top:20px;
 margin-left:13px;
 }
 
h2#profesionales {
 text-indent:-10000px;
 display:block;
 background:url(../img/somos_profesionales.gif) no-repeat;
 width:125px;
 height:12px;
 margin-top:15px;
 margin-left:13px;
 }
 
h2#originales {
 text-indent:-10000px;
 display:block;
 background:url(../img/somos_originales.gif) no-repeat;
 width:125px;
 height:12px;
 margin-top:15px;
 margin-left:13px;
 }
 
h2#apasionados {
 text-indent:-10000px;
 display:block;
 background:url(../img/somos_apasionados.gif) no-repeat;
 width:125px;
 height:12px;
 margin-top:15px;
 margin-left:13px;
 }

h2#capaces {
 text-indent:-10000px;
 display:block;
 background:url(../img/somos_capaces.gif) no-repeat;
 width:125px;
 height:12px;
 margin-top:15px;
 margin-left:13px;
 }
 
h2#adaptables {
 text-indent:-10000px;
 display:block;
 background:url(../img/somos_adaptables.gif) no-repeat;
 width:125px;
 height:12px;
 margin-top:15px;
 margin-left:13px;
 }
 
 h2#ofimatica {
 text-indent:-10000px;
 display:block;
 background:url(../img/utilidades_ofimatica.gif) no-repeat;
 width:125px;
 height:12px;
 margin-top:15px;
 margin-left:13px;
 }
 
 h2#internet {
 text-indent:-10000px;
 display:block;
 background:url(../img/utilidades_internet.gif) no-repeat;
 width:125px;
 height:12px;
 margin-top:15px;
 margin-left:13px;
 }
 
 h2#seguridad {
 text-indent:-10000px;
 display:block;
 background:url(../img/utilidades_seguridad.gif) no-repeat;
 width:125px;
 height:12px;
 margin-top:15px;
 margin-left:13px;
 }
 
 h2#comunicaciones {
 text-indent:-10000px;
 display:block;
 background:url(../img/utilidades_comunicaciones.gif) no-repeat;
 width:125px;
 height:12px;
 margin-top:15px;
 margin-left:13px;
 }
 
 h2#imason {
 text-indent:-10000px;
 display:block;
 background:url(../img/utilidades_imason.gif) no-repeat;
 width:125px;
 height:12px;
 margin-top:15px;
 margin-left:13px;
 }


h3 {}
h4 {}
h5 {}
h6 {}
p {margin:0;}
ul, ol {list-style:none;}
dt {}
dd {}
pre, code, tt {}
small {}
big {}
sup {}
img {}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ------- LAYOUT -------------- */

#container {
width:700px;
text-align:center;
margin:0 auto;
margin-top:6px;
}

#contedor{
width:700px;
text-align:center;
margin:0 auto;
margin-top:6px;
}

#barrazul{
 display:block;
 width:700px;
 height:20px;
 background-color:#027b99;
 margin-bottom:5px;
 
 }
 
 #menu {
 width:700px;
 height:20px;
 background-color:#027b99;
 margin-top:5px;
 }
 
#menu ul{
 list-style:none;
  margin-left:250px;
  padding-top:3px;
 }
 
#menu li {
 font-family:Arial, Helvetica, sans-serif;
 font-size:1em;
 float:left;
 padding-right:10px;
 text-transform:uppercase;
 word-spacing:0;
 }

#menu li a, #menu li a:visited{
 color:#fff;
 text-decoration:none;
 }

#menu li a:hover{
 color:#CCCCCC;
 }
 


.separador{
 clear:both;
 height:1px;
 background:#999;
 margin:0;
 font-size:1px;
 line-height:0;
 }
 
 #contido {
 clear:both;
 text-align:left;
 margin-top:5px;
 }

#portafolio {
 margin-top:7px;
}


#esquerda {
clear:both;
float:left;
width:481px;
background:url(../img/separadorvert.gif) repeat-y 100% 0;
padding-right:1px;

}

#presentacion{
 padding-left:30px;
  padding-top:25px;
   margin-bottom:25px;
 width:400px;
 }

#presentacion p {
   margin-bottom:15px;
 }
 
 #presentacion p a, #presentacion p a:visited{
color:#0099cc;
margin-top:10px;
 text-decoration:none;
 font-weight:normal;
 }
 
#presentacion p a:hover{
background-color:#0099cc;
color:#fff;
 }
 
#servicios{
margin-left:10px;
 padding-top:25px;

 }

#listaservicios2 {
float:left;
min-height:300px;
margin-right:12px;
margin-left:12px;
width:170px;
}

#listaservicios2 ul{
list-style:none;
}

#listaservicios2 li {
 margin-bottom:5px;}
 
#listaservicios2 li a {
 margin-bottom:5px;}

#contidoservicios {
float:right;
 margin-right:15px;
 width:250px;

}

#desarrollo, #apps, #asesoria, #posit, #dominios, #publint, #mmedia {
height:175px;

}


#contidoservicios p {
margin-bottom:15px;
}

#dereita {
float:left;
margin-right:10px;
width:204px;
text-align:left;

}


#noticias{
 padding-left:20px;
 padding-top:25px;
 margin-bottom:25px;
}

#noticias h3{
 color:#ffaf03;
 font-size:100%;
 font-weight:normal;
 margin-bottom:10px;
 }
 
#noticias p a, #noticias p a:visited{
color:#0099cc;
margin-top:10px;
 text-decoration:none;
 font-weight:normal;
 }
 
#noticias p a:hover{
background-color:#0099cc;
color:#fff;
 }
 
.separanoticias{
 clear:both;
 height:5px;
 background:url(../img/separanoticias.gif) repeat-x;
 margin:12px 0 12px 0;
 }

#areaclientes{
clear:both;
padding-left:30px;
background:url(../img/fondoclientes.gif) repeat-y;
min-height:10px;
}

#cliente{
float:left;
width:195px;
padding-top:25px;
}


#accesoclientes{
float:left;
width:228px;
padding-top:25px;
height:160px;
}

#accesoclientes form{
 margin-top:25px;
 margin-bottom:20px;
}

#accesoclientes p{
 text-align:right;
  margin-right:25px;
}

#accesoclientes p a{
text-decoration:none;
color:#666;
 
}

#accesoclientes label {
display:block;
float:left;
width: 51px;
height:13px;
color:#0099cc;
font-weight:bold;
text-indent:-10000px;
}

label#login {
 background:url(../img/login.gif) 1px 0;
}

label#pass {
 background:url(../img/password.gif) 1px 0;
}

 .campotexto {
 background:#e4e3e3;
 border:0;
color:#087b93;
 width:160px;
 height:15px;
 font-size:0.9em;
 margin-left:7px;
 }
 
 .margen {
clear:both;
 margin-bottom:10px;
}
 #botonentrar p {
 margin-right:10px;
 margin-top:20px;
}
  
#botonentrar p a, #botonentrar p a:visited {

 display:block;
width:51px;
height:13px;
background:url(../img/entrar.gif) 0 0;
border:0;
margin-left:165px;
text-indent:-10000px;
  }

#opcionesclientes{
float:left;
width:200px;
padding-top:25px;
padding-left:25px;
}

#opcionesclientes h3{
 
 margin-bottom:10px;
 margin-left:25px;
 line-height:20px;
 }
 
h3#presupuesto a,  h3#presupuesto a:visited{
display:block;
 width:159px;
 height:24px;
 text-indent:-10000px;
 padding-left:25px;
 background:url(../img/menudta_presupuesto.gif) no-repeat 0 0;
 }
 
 #opcionesclientes h3#presupuesto a:hover{
 background:url(../img/menudta_presupuesto.gif) no-repeat 0 -25px;
 }
 
 h3#contactorapido a,  h3#contactorapido a:visited{
display:block;
 width:159px;
 height:24px;
 text-indent:-10000px;
 padding-left:25px;
 background:url(../img/menudta_contacto.gif) no-repeat 0 0;
 }
 
 #opcionesclientes h3#contactorapido a:hover{
 background:url(../img/menudta_contacto.gif) no-repeat 0 -25px;
 }
 
h3#incidencia a,  h3#incidencia a:visited{
display:block;
 width:159px;
 height:24px;
 text-indent:-10000px;
 padding-left:25px;
 background:url(../img/menudta_incidencias.gif) no-repeat 0 0;
 }
 
 #opcionesclientes h3#incidencia a:hover{
 background:url(../img/menudta_incidencias.gif) no-repeat 0 -25px;
 }
 
 h3#tlf {
 display:block;
 width:159px;
 height:24px;
 text-indent:-10000px;
 padding-left:25px;
 background:url(../img/menudta_tlf.gif) no-repeat 0 0;
 }
 
 /* --------------------------- FORMULARIO PRESUPUESTO ------------------------------*/
 
.campotexto2 {
 background:#fff;
 border: 1px solid #09c;
color:#09c;
 width:160px;
 height:17px;
 font-size:0.9em;
 padding-top:2px;
 }
 
 .campotexto3 {
 clear:both;
 float:left;
 background:#fff;
 border: 1px solid #09c;
color:#09c;
 width:260px;
 height:100px;
 font-size:1.3em;
 }

 .margin15 {
 margin:15px 5px 0 15px;;

 }
 
 .botonenvio{
 clear:both;
 display:block;
width:54px;
height:14px;
text-indent:-10000px;
background:url(../img/enviar.gif) 0 0;
border:0;
margin-bottom:10px;
}

 .botonenvio:hover {
 display:block;
width:54px;
height:14px;
text-indent:-10000px;
background:url(../img/enviar.gif) 0 -14px;


}
 
#container_form {
 float:left;
 text-align:center;
 width:310px;

 border:1px solid #0099cc;
  margin:8px 8px 0 8px;

}

#formpresupuesto {
 margin:5px 0 0 25px;

 text-align:left;

}

h3#solpres{
 display:block;
 width:145px;
 height:12px;
 text-indent:-10000px;
 background:url(../img/solicitar.gif) no-repeat 0 0 ;
 margin-bottom:12px;
  margin-top:15px;
}

h3#crapido{
 display:block;
 width:158px;
 height:12px;
 text-indent:-10000px;
 background:url(../img/crapido.gif) no-repeat 0 0 ;
 margin-bottom:12px;
  margin-top:15px;
}

h3#inciweb{
 display:block;
 width:158px;
 height:12px;
 text-indent:-10000px;
 background:url(../img/incidenciaweb.gif) no-repeat  0 0 ;
 margin-bottom:12px;
  margin-top:15px;
}

#formpresupuesto h5{
clear:both;
 float:left;
 display:block;
 width:100px;
 height:16px;
 font-size:1em;
 color:#09c;
 margin:5px 0 0 0;
 font-weight:normal;
}

#clausula {
float:left;
 display:block;
 width:257px;
 height:60px;
 font-size:0.8em;
 color:#09c;
 margin:10px 0 15px 0;
 text-align:justify;
 line-height:14px;
}


#chequeo {
 clear:both;
 float:left;
 height:60px;
 margin:10px 5px 0 0;
 }



 /*----------------------------------------------------------------------------------*/
 
#footer{
clear:both;

}
#imgfooter{
float:right;



margin-top:15px;

}

#menufooter{
 float:left;
 width:60%;

 
  }
 
#menupie{
margin-right:10px;
}

#menupie ul{
list-style:none;
float:left;
margin-top:20px;
margin-bottom:10px;
margin-left:25px;


}

#menupie li{
float:left;
}

#menupie li a, #menupie li a:visited{
 text-decoration:none;
 color:#666;
}

#menupie li a:hover{
 color:#ffc037;
}

#aviso {
clear:both;
float:left;
margin-left:25px;


}
#aviso p a, #aviso p a:visited{
color:#0099cc;
margin-top:10px;
 text-decoration:none;
 font-weight:normal;
 }
 
#aviso p a:hover{
background-color:#0099cc;
color:#fff;
 }
.verde {
 color:#690;
 float:right;
 margin-right:10px;
 }
 
 .verde1 {
 color:#0099cc;
 }

#bottom {
clear:both;
position:absolute;
width:100%;
margin-bottom:0;
margin-top:20px;
background:url(../img/fondo.gif) repeat-x;
height:10px;}

/* -------------- PORTAFOLIO --------------------- */

#portafolio2{
 margin-top:40px;
}

#web {
 width:100%;
 margin-bottom:15px;}

.muestra{
 float:left;
 width:174px;
 margin-bottom:25px;
 }
 

.muestra p {
 text-align:center;
 font-size:101%;
 color:#0099CC;
 margin-top:7px;

 }
 
#grafico {
 width:100%;
 margin-bottom:15px;}
 
#otros {
 width:100%;
 margin-bottom:15px;}
 
#footerportafolio{
clear:both;
margin-top:20px;
margin-bottom:20px;
}

#menupieportafolio{
float:right;
margin-right:10px;
margin-bottom:7px;
}

#menupieportafolio ul{
list-style:none;
}

#menupieportafolio li{
float:left;
}

#menupieportafolio li a{
text-decoration:none;
color:#666;
}

/* --------------------------- SERVICIOS -------------------------- */

/* -------- Tooltip Servicios ----------------- */

a.info {

position:relative;
z-index:24;
color:#0099cc;
text-decoration:none;

}

a.info:hover {
z-index:25; background-color:#0099cc;color:#fff;
}

a.info span {
display: none;
}

a.info:hover span {
display:block;
position:absolute;
top:2em;
left:2em;
width:200px;
border:1px solid #999;
background-color:#fff;
color:#333;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 9px;

 }

 /* --------------------------------------------*/

#sec_servicios{
 margin-top:40px;

}

#containerservicios {
float:left;
width:700px;
 min-height:550px;

}

#containercontactar {
float:left;
width:700px;
 min-height:550px;

}

#contesquerda{
 float:left;

 }
 
#contdereita{
 float:left;
 margin-left:130px;
 
 }

#listaservicios {
 margin-top:15px;
 margin-left:15px;

 }
 
 #serviciosextendidos {
 float:left;
 


 }

#listaservicios li, #listaservicios li a, #listaservicios li a:visited, #listaservicios li a:hover {
 margin-bottom:7px;

 }

li#dweb a, li#dweb a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/menu_serv_web.gif) no-repeat 0 0;

 } 
 
li#dweb a:hover {
 background:url(../img/menu_serv_web.gif) no-repeat 0 -12px;
 } 
 
 li#aplicaciones a, li#aplicaciones a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/menu_serv_aplicaciones.gif) no-repeat 0 0;
 
 } 
 
li#aplicaciones a:hover {
 background:url(../img/menu_serv_aplicaciones.gif) no-repeat 0 -12px;
 } 
 
li#consultoria a, li#consultoria a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/menu_serv_consultoria.gif) no-repeat 0 0;
 
 } 
 
li#consultoria a:hover {
 background:url(../img/menu_serv_consultoria.gif) no-repeat 0 -12px;
 } 
 
li#posicionamiento2 a, li#posicionamiento2 a:visited {
 display:block;
 width:167px;
 height:12px;
 text-indent:-10000px;
 background:url(../img/menu_serv_posicionamiento.gif) no-repeat 0 0;

 } 
 
li#posicionamiento2 a:hover {
 background:url(../img/menu_serv_posicionamiento.gif) no-repeat 0 -12px;
 } 
 
li#hosting a, li#hosting a:visited {
 display:block;
 width:167px;
 height:12px;
 text-indent:-10000px;
 background:url(../img/menu_serv_hosting.gif) no-repeat 0 0;
 
 } 
 
li#hosting a:hover {
 background:url(../img/menu_serv_hosting.gif) no-repeat 0 -12px;
 } 
 
li#publicidad a, li#publicidad a:visited {
 display:block;
 width:167px;
 height:12px;
 text-indent:-10000px;
 background:url(../img/menu_serv_publicidad.gif) no-repeat 0 0;

 } 
 
li#publicidad a:hover {
 background:url(../img/menu_serv_publicidad.gif) no-repeat 0 -12px;
 } 
 
li#multimedia a, li#multimedia a:visited {
 display:block;
 width:167px;
 height:12px;
 text-indent:-10000px;
 background:url(../img/menu_serv_multimedia.gif) no-repeat 0 0;

 } 
 
li#multimedia a:hover {
 background:url(../img/menu_serv_multimedia.gif) no-repeat 0 -12px;
 
 }
 
 li#sergraficos a, li#sergraficos a:visited {
 display:block;
 width:167px;
 height:12px;
 text-indent:-10000px;
 background:url(../img/menu_serv_graficos.gif) no-repeat 0 0;

 } 
 
li#sergraficos a:hover {
 background:url(../img/menu_serv_graficos.gif) no-repeat 0 -12px;
 
 }

li#identidad a, li#identidad a:visited {
 display:block;
 width:167px;
 height:12px;
 text-indent:-10000px;
 background:url(../img/menu_serv_identidad.gif) no-repeat 0 0;

 } 
 
li#identidad a:hover {
 background:url(../img/menu_serv_identidad.gif) no-repeat 0 -12px;
 
 }
 
#serviciosextendidos p {
/*font-family: Trebuchet MS;
font-weight:bold;
color: #333333;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
text-indent: 0px;
line-height: 1.3em;
font-size: 1.3em;*/
padding-left:15px;
 width:292px;
 margin-top:15px;
margin-bottom:15px;
}
 
 
#serviciosextendidos h3{
 display:none;
 } 
 
#serviciosextendidos p a, #serviciosextendidos p a:visited{
color:#0099cc;
margin-top:10px;
 text-decoration:none;
 font-weight:normal;
 }
 
#serviciosextendidos p a:hover {
background-color:#0099cc;
color:#fff;
 }
 
#descripcion {

} 
 
#citageneral{
 display:block;
 width:307px;
 height:93px;
 text-indent:-10000px;
 background:url(../img/servicios_descripcion.gif);

 }
 
#desarrolloweb {
 margin-bottom:40px;
} 
 
 #citaweb{
 display:block;
 width:307px;
 height:88px;
 text-indent:-10000px;
 background:url(../img/servicios_web.gif);

 }
 
 
 #desarrolloapp {

 margin-bottom:40px;
} 

#citaapp{
 display:block;
 width:307px;
 height:77px;
 text-indent:-10000px;
 background:url(../img/servicios_aplicaciones.gif);

 }
 
 #citaide{
 display:block;
 width:307px;
 height:106px;
 text-indent:-10000px;
 background:url(../img/servicios_identidad.gif);

 }
 
  #citagraf{
 display:block;
 width:307px;
 height:106px;
 text-indent:-10000px;
 background:url(../img/servicios_graficos.gif);

 }
 
  #desarrolloconsult {

 margin-bottom:40px;
} 

#citaconsult{
 display:block;
 width:307px;
 height:85px;
 text-indent:-10000px;
 background:url(../img/servicios_consultoria.gif);

 }
 
#desarrollopos {

 margin-bottom:40px;
} 

#citapos{
 display:block;
 width:307px;
 height:85px;
 text-indent:-10000px;
 background:url(../img/servicios_posicionamiento.gif);

 }
 
 
#desarrollohost {

 margin-bottom:40px;
} 

#citahost{
 display:block;
 width:307px;
 height:85px;
 text-indent:-10000px;
 background:url(../img/servicios_hosting.gif);

 }
 
#desarrollopub {

 margin-bottom:40px;
} 

#citapub{
 display:block;
 width:307px;
 height:101px;
 text-indent:-10000px;
 background:url(../img/servicios_publicidad.gif);

 }
 
#desarrollomm {

 margin-bottom:40px;
} 

#citamm{
 display:block;
 width:307px;
 height:88px;
 text-indent:-10000px;
 background:url(../img/servicios_multimedia.gif);

 }
 
/* -------------------- CONTACTAR ------------------------------------*/

#containercontactar{
float:left;
width:700px;

}

#contdereitacontactar{
 float:left;
 width:50%;
 min-height:625px;
 margin-left:165px;

 }

li#oficinas a, li#oficinas a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/contactar_oficinas.gif) no-repeat 0 0;
 } 
 
li#oficinas a:hover {
 background:url(../img/contactar_oficinas.gif) no-repeat 0 -12px;;
 } 
 
li#telefonos a, li#telefonos a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/contactar_telefonos.gif) no-repeat 0 0;
 } 
 
li#telefonos a:hover {
 background:url(../img/contactar_telefonos.gif) no-repeat 0 -12px;;
 } 
 
 li#email a, li#email a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/contactar_email.gif) no-repeat 0 0;
 } 
 
li#email a:hover {
 background:url(../img/contactar_email.gif) no-repeat 0 -12px;;
 } 
 
 li#mapasituacion a, li#mapasituacion a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/contactar_mapa.gif) no-repeat 0 0;
 } 
 
li#mapasituacion a:hover {
 background:url(../img/contactar_mapa.gif) no-repeat 0 -12px;;
 } 
 
 li#formucontact a, li#formucontact a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/contactar_formulario.gif) no-repeat 0 0;
 } 
 
li#formucontact a:hover {
 background:url(../img/contactar_formulario.gif) no-repeat 0 -12px;;
 }
 
 #oficinas2{}
 
h3#ofi {
 text-indent:-10000px;
 display:block;
 background:url(../img/h3oficina_direccion.gif) no-repeat;
 width:117px;
 height:12px;
margin-left:14px;
margin-top:10px;
margin-bottom:13px;
 } 
 
p#direccion{
 text-indent:-10000px;
 display:block;
  width:181px;
 height:28px;
 background:url(../img/direccion.gif) no-repeat;
 margin-left:14px;
 margin-bottom:35px;
 }
 
 h3#ofi_horario {
 text-indent:-10000px;
 display:block;
 background:url(../img/h3oficina_horario.gif) no-repeat;
 width:117px;
 height:12px;
margin-left:14px;
margin-top:10px;
margin-bottom:13px;
 } 
 
p#horario{
 text-indent:-10000px;
 display:block;
  width:181px;
 height:52px;
 background:url(../img/horario.gif) no-repeat;
 margin-left:14px;
  margin-bottom:35px;
 }
 
 h3#ofi_galeria {
 text-indent:-10000px;
 display:block;
 background:url(../img/h3oficina_galeria.gif) no-repeat;
 width:117px;
 height:12px;
margin-left:14px;
margin-top:10px;
margin-bottom:13px;
 } 
 
#container_fotos {
 float:left;
 margin-left:15px;
 width:100%;
 margin-bottom:35px;
}

.foto {
float:left;
width:44px;
height:34px;
padding:4px 8px 4px 0;

}

#telef{
 margin-bottom:35px;}

#telef h3 {
margin-bottom:0;
}

 h3#tlfoficina {
 text-indent:-10000px;
 display:block;
 background:url(../img/h3telefono_oficina.gif) no-repeat;
 width:117px;
 height:12px;
margin-left:14px;
margin-top:15px;
margin-bottom:0;
 } 

h3#tlfcomercial {
 text-indent:-10000px;
 display:block;
 background:url(../img/h3telefono_comercial.gif) no-repeat;
 width:117px;
 height:12px;
margin-left:14px;
margin-top:25px;
margin-bottom:0;
 } 
 
#emails{
 margin-bottom:35px;}

#emails h3 {
margin-bottom:0;
}

 h3#emailgeneral {
 text-indent:-10000px;
 display:block;
 background:url(../img/h3email_general.gif) no-repeat;
 width:117px;
 height:12px;
margin-left:14px;
margin-top:15px;
margin-bottom:0;
 } 
 
h3#emailincidencias {
 text-indent:-10000px;
 display:block;
 background:url(../img/h3email_incidencias.gif) no-repeat;
 width:117px;
 height:12px;
margin-left:14px;
margin-top:25px;
margin-bottom:0;
 } 

#capamapa{
 margin-bottom:35px;
 }

#capamapa h3 {
margin-bottom:0;
}

 h3#h3mapa {
 text-indent:-10000px;
 display:block;
 background:url(../img/h3oficina_mapa.gif) no-repeat;
 width:203px;
 height:12px;
margin-left:14px;
margin-top:15px;
margin-bottom:13px;
 } 
 
 
#container_mapa {
 margin-left:12px;
}

 #formulario{
 margin-bottom:35px;}

#formulario h3 {
margin-bottom:0;
}

 h3#h3form {
 text-indent:-10000px;
 display:block;
 background:url(../img/h3formulario.gif) no-repeat;
 width:146px;
 height:12px;
margin-left:14px;
margin-top:15px;
margin-bottom:13px;
 } 

#container_form2 {
 float:left;
 margin-bottom:35px;
}

#formpresupuesto2 {
 text-align:left;
}

#formpresupuesto2 h5{
 clear:both;
 float:left;
 display:block;
 width:100px;
 height:16px;
 font-size:1em;
 color:#09c;
 margin:10px 0 0 15px;

 font-weight:normal;
}

#formpresupuesto2 p{

 margin:0;
 font-weight:normal;
}

#formpresupuesto2 p#clausula {
 display:block;
 width:257px;
 height:60px;
 font-size:0.9em;
 color:#09c;
 margin:10px 0 15px 0;
 text-align:justify;
 line-height:15px;
}

.campotexto4 {
 float:left;
 background:#fff;
 border: 1px solid #09c;
color:#09c;
 width:150px;
 height:12px;
 font-size:0.8em;
 padding-top:2px;
 margin:5px 0 5px 0;
 }

 
 
 
 


/* --------------------------  TOOLTIP ---------------------------- */

#bodytooltip {
 background:none;

 }

#containertooltip {
float:left;
width:167px;
height:147px;
background:url(../img/fondotooltip.png) no-repeat;
 color:#fff;
 padding-top:20px;
}

#containertooltip h3{

padding-left:15px;
font-size:101%;
font-weight:normal;
margin:2px;}

#containertooltip p{
padding-left:15px;
margin-right:15px;
margin-top:7px;}

/* ------ QUIENES SOMOS ----------------------------- */


li#prof a, li#prof a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/menu_quienes_prof.gif) no-repeat 0 0;
 } 
 
li#prof a:hover {
 background:url(../img/menu_quienes_prof.gif) no-repeat 0 -12px;;
 } 
 
 li#ada a, li#ada a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/menu_quienes_ada.gif) no-repeat 0 0;
 } 
 
li#ada a:hover {
 background:url(../img/menu_quienes_ada.gif) no-repeat 0 -12px;;
 } 
 
  li#orig a, li#orig a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/menu_quienes_orig.gif) no-repeat 0 0;
 } 
 
li#orig a:hover {
 background:url(../img/menu_quienes_orig.gif) no-repeat 0 -12px;;
 } 
 
   li#cap a, li#cap a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/menu_quienes_cap.gif) no-repeat 0 0;
 } 
 
li#cap a:hover {
 background:url(../img/menu_quienes_cap.gif) no-repeat 0 -12px;;
 } 
 
  li#apa a, li#apa a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/menu_quienes_apa.gif) no-repeat 0 0;
 } 
 
li#apa a:hover {
 background:url(../img/menu_quienes_apa.gif) no-repeat 0 -12px;;
 } 
 
  li#prom a, li#prom a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/menu_quienes_prom.gif) no-repeat 0 0;
 } 
 
li#prom a:hover {
 background:url(../img/menu_quienes_prom.gif) no-repeat 0 -12px;;
 } 
 
 /* ------ UTILIDADES ----------------------------- */


li#ofim a, li#ofim a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/utilidades_menuofi.gif) no-repeat 0 0;
 } 
 
li#ofim a:hover {
 background:url(../img/utilidades_menuofi.gif) no-repeat 0 -12px;;
 } 
 
 li#inter a, li#inter a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/utilidades_menuinternet.gif) no-repeat 0 0;
 } 
 
li#inter a:hover {
 background:url(../img/utilidades_menuinternet.gif) no-repeat 0 -12px;;
 } 
 
  li#segur a, li#segur a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/utilidades_menuseg.gif) no-repeat 0 0;
 } 
 
li#segur a:hover {
 background:url(../img/utilidades_menuseg.gif) no-repeat 0 -12px;;
 } 
 
   li#comun a, li#comun a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/utilidades_menucom.gif) no-repeat 0 0;
 } 
 
li#comun a:hover {
 background:url(../img/utilidades_menucom.gif) no-repeat 0 -12px;;
 } 
 
  li#imag a, li#imag a:visited {
display:block;
width:167px;
height:12px;
 text-indent:-10000px;
 background:url(../img/utilidades_menuimagen.gif) no-repeat 0 0;
 } 
 
li#imag a:hover {
 background:url(../img/utilidades_menuimagen.gif) no-repeat 0 -12px;;
 } 
 
p.ooo  a{
padding-left:20px;
background:url(../img/ico_openoffice.gif) no-repeat 0 50%;
height:20px;
}

p.ffox  a{
padding-left:20px;
background:url(../img/ico_firefox.gif) no-repeat 0 50%;
height:20px;
}

p.opera  a{
padding-left:20px;
background:url(../img/ico_opera.gif) no-repeat 0 50%;
height:20px;
}

p.safari  a{
padding-left:20px;
background:url(../img/ico_safari.gif) no-repeat 0 50%;
height:20px;
}

p.smart  a{
padding-left:20px;
background:url(../img/ico_smart.gif) no-repeat 0 50%;
height:20px;
}

p.avg  a{
padding-left:20px;
background:url(../img/ico_avg.gif) no-repeat 0 50%;
height:20px;
}

p.bitdef  a{
padding-left:20px;
background:url(../img/ico_bitdef.gif) no-repeat 0 50%;
height:20px;
}

p.skype  a{
padding-left:20px;
background:url(../img/ico_skype.gif) no-repeat 0 50%;
height:20px;
}

p.msn  a{
padding-left:20px;
background:url(../img/ico_msn.gif) no-repeat 0 50%;
height:20px;
}


p.talk  a{
padding-left:20px;
background:url(../img/ico_talk.gif) no-repeat 0 50%;
height:20px;
}
 
 
 
/* ----------------- AVISO LEGAL -------------------- */

#containeraviso {
width:350px;
text-align:center;
margin:0 auto;
margin-top:35px;
}

#contidoaviso{
 text-align:left;}
 
#contidoaviso h3{
 margin:15px 0 15px 0;}

#contidoaviso p{
 margin:0 0 15px 0;}


h3#proteccion {
 text-indent:-10000px;
 display:block;
 background:url(../img/aviso_proteccion.gif) no-repeat;
 width:117px;
 height:12px;
 }
 
h3#condiciones {
 text-indent:-10000px;
 display:block;
 background:url(../img/aviso_condiciones.gif) no-repeat;
 width:117px;
 height:12px;
 } 
 
h3#responsabilidad {
 text-indent:-10000px;
 display:block;
 background:url(../img/aviso_responsabilidad.gif) no-repeat;
 width:144px;
 height:12px;
 }
 
 h3#avisoenlaces {
 text-indent:-10000px;
 display:block;
 background:url(../img/aviso_enlaces.gif) no-repeat;
 width:165px;
 height:12px;
 }
 
 h3#clientecred {
 text-indent:-10000px;
 display:block;
 background:url(../img/creditos_cliente.gif) no-repeat;
 width:150px;
 height:12px;
 } 
 
 h3#program {
 text-indent:-10000px;
 display:block;
 background:url(../img/creditos_prosis.gif) no-repeat;
 width:150px;
 height:12px;
 } 
 
 h3#context {
 text-indent:-10000px;
 display:block;
 background:url(../img/creditos_context.gif) no-repeat;
 width:150px;
 height:12px;
 } 
 
 h3#condinamic {
 text-indent:-10000px;
 display:block;
 background:url(../img/creditos_contdin.gif) no-repeat;
 width:150px;
 height:12px;
 } 
 
 h3#stock{
 text-indent:-10000px;
 display:block;
 background:url(../img/creditos_stock.gif) no-repeat;
 width:150px;
 height:12px;
 } 
 
 
 /* Pruebas menu ajax */
 
 #menuajax {
 position:absolute;
 text-align:center;
 top:140px;
 margin-left:165px;
 }
 
 #menuajax ul {
 }
 
 #menuajax li {
 float:left;
 margin-right:10px;
 }
 
 #menuajax li a {
 color:#fc0;
 font-size:1.2em;
 text-decoration:none;
 font-weight:bold;
 }
 
 .vermello{
 color:#FF0000;
 }
 
 .obligados{
 font-size:0.9em;
  color:#FF0000;
 }