@import url('tabla_preciario.css');
@import url('contacto.css');
@import url('soporte.css');
@import url('empleo.css');
@import url('distribuidores.css');
@import url('seguridad.css');
@import url('politica_de_privacidad.css');
@import url('telefonia_ip.css');
@import url('blockui.css');
@import url('servicios_aplicaciones.css');
@import url('diseno_grafico.css');
/*** FOOTER STICK ***/
body {
    margin: 0px
}

.float-left{float:left;}
img{border:0px}
p {
    font-family: Tahoma;
    font-size: 12px;
    color: #2d2d2d;
    text-align: justify;
    line-height: 18px;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: lighter;
    color: #0c244e;
    text-transform: uppercase;
}

h1 a {
    color: #0C244E;
    text-decoration: none;
}

.h2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: lighter;
    color: #0c244e;
    text-transform: uppercase;
}    
	
.h2 a {
    color: #0C244E;
    text-decoration: none;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 550;
    color: #0c244e;
    text-transform: uppercase;
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000033;
    text-transform: uppercase;
} #contenedor_principal {
    width: 100%;
    background-color: #ffffff;
    margin: 0 auto;
} .destacado_azul {
    font-weight: bold;
    color: #0a6bb0
} .destacado_azul a {
    color: #0A6BB0;
    text-decoration: none;
} .destacado_azul a:hover {
    text-decoration: underline;
} #pagina_web_sol {
    width: 300px;
    float: left;
    padding: 20px;
    margin: 0px;
    height: 110px;
} #pagina_web_sol a img {
    border: 0;
}

/**********  CABECERA  ********/ #cabecera {
    height: 110px;
    padding-top: 20px;
    clear: both;
    background-color: #f8f8f8;
    text-align: center;
} #cabecera_cont {
    margin: 0 auto;
    width: 950px;
} .cabecera_div {
    position: relative;
    float: left;
    text-align: left;
} #menu_items {
    position: relative;
    float: left;
} .cabecera_div .cabecera_titulo {
    font: bold 12px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #104785;
} .cabecera_div .cabecera_titulo a {
    color: #104785;
    text-decoration: none;
} .cabecera_div .cabecera_titulo a:hover {
    color: #104785;
    text-decoration: underline;
} .cabecera_div {
    font: 8px Tahoma;
    color: #104785;
    text-transform: none;
} .cabecera_div img {
    border: 0px solid #FFFFFF;
} .cabecera_menu {
    margin-left: 5px;
    padding: 30px 1px;
} .cabecera_menu[class] {
    margin-left: 5px;
    padding: expression("50px 1px");
} #botones_top {
    float: right;
} #botones_top .boton_ico {
    float: left;
} #botones_top .boton_ico img {
    border: none;
} #botones_top .boton_text {
    float: left;
    font: 10px Tahoma;
    margin-top: 5px;
    margin-left: 5px;
    text-align: left;
    width: 85px;
} #botones_top .boton_text a {
    color: #898989;
    text-decoration: none;
} #botones_top .boton_text a:hover {
    color: #3396CD;
} .cabecera_separador {
    margin-left: 5px;
    padding: 60px 0px 0px 0px;
} .cabecera_separador[class] {
    padding-top: expression("60px");
} #ruta_navegacion {
    width: 15px;
    writing-mode: tb-rl;
    filter: flipv fliph;
    position: relative;
    float: left;
    color: #727272;
    padding-bottom: 10px;
    text-align: right;
}

/**********  CONTENIDO  ********/ #contenido {
    color: #fff;
    background: #fff;
} .estilo_uno {
    width: 950px;
    margin: 0px auto 0px auto;
    height: 520px;
    clear: both;
    background-color: #FFFFFF;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
} .estilo_dos {
    margin: 0px auto 0px auto;
    clear: both;
    background-color: #f8f8f8;
    width: 950px;
}


/****************************  INDEX  *****************************/
.estilo_index {
    width: 950px;
    margin: 0px auto 0px auto;
    height: 500px;
    clear: both;
    background-color: #FFFFFF;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.estilodos_index {
    width: 950px;
    margin: 0 auto 0px;
    float: left;
	height:175px; border-right:1px solid #ebebeb; border-left:1px solid #ebebeb;
} 
 #consultoria {
    background: url(img/consultoria-bg.gif) no-repeat top right;
    width: 950px;
    height: 315px;
    border-bottom: 1px solid #bcbbbb;
    margin: 0px auto 0px auto
} #consultoria_txt {
    width: 300px;
    float: left;
    padding: 20px 20px 27px 20px;
    padding-top: 35px;
} #consultoria_txt ul li {
    font-family: Tahoma;
    font-size: 12px;
    color: #2d2d2d
} #contenedor_banners {
    clear: both;
    margin-top: 14px; 
} .banners_index {
    position: relative;
    float: left;
    width: 216px;
    padding: 10px;
    background: url(img/banner_bg.gif) repeat-x;
} .banners_index .titulo_banner {
    text-transform: uppercase;
    text-align: center;
    font: 14px Arial;
    color: #0C244E;
    margin-bottom: 5px;
} .titulo_banner_inicio {
    text-transform: uppercase;
    text-align: center;
    font: 14px Arial;
    color: #0A6BB0;
    margin-bottom: 5px;
} .banners_index p {
    font-size: 11px;
    color: #2d2d2d
} .banners_index img {
    float: left;
    padding: 5px 20px 30px 5px;
} .separador_banner {
    position: relative;
    float: left;
} .contenido_estilodos {
    width: 950px;
    margin: 0 auto 20px;
    float: left;
} #index_servicios {
    width: 410px;
    padding: 20px;
    float: left;
} #banner_distribuidores {
    float: right;
    cursor: pointer;
} #banner_distribuidores a {
    display: block;
    width: 100%;
    height: 100%;
}

/****************************  SERVICIOS Y APLICACIONES  *****************************/ #servicios_cont {
    width: 950px;
    height: 315px;
    margin: 0px auto 0px auto
} #servicios_cont h2 {
    font-size: 11px;
} #servicios_aplicaciones {
    width: 390px;
    height: 310px;
    float: left;
    padding: 30px 35px 0px 30px;
} #servicios_aplicaciones ul li {
    font-family: Tahoma;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 25px;
    list-style: url(img/list.gif);
    margin-left: -10px;
} #soluciones_gestion {
    width: 390px;
    height: 315px;
    border-left: 1px solid #d7d7d7;
    float: right;
    padding: 30px 35px 0px 50px
} #soluciones_gestion ul li {
    font-family: Tahoma;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 25px;
    list-style: url(img/list.gif);
    margin-left: -10px;
}

/****************************  PLANES CONTINGENCIA  *****************************/ .estilo_planes {
    width: 950px;
    margin: 0px auto 0px auto;
    height: 391px;
    clear: both;
    background-color: #FFFFFF;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
} #contingencia {
    background: url(img/consultoria-bg.gif) no-repeat top right;
    width: 950px;
    height: 390px;
    margin: 0px auto 0px auto
} #contingencia_txt {
    width: 300px;
    float: left;
    padding: 20px 20px 27px 20px;
} #contenido_contingencia {
    width: 950px;
    height: 280px;
    margin: 0px auto 0px auto
} .planes_contingencia {
    position: relative;
    float: left;
    width: 200px;
    margin: 15px;
    font-size: 10px;
} .planes_contingencia p {
    font-size: 11px;
} .planes_separador {
    position: relative;
    float: left;
    width: 2px;
} .planes_img {
    position: relative;
    float: left;
    width: 200px;
    margin: 15px;
    padding-top: 20px;
} .mas_info { width:250px;
    font-family: Tahoma;
    font-size: 12px;
    color: #0d70aa;
    text-align: right;
    position: absolute;;
    bottom: 20px;
    right: 10px;
} .mas_info a {
    font-family: Tahoma;
    font-size: 12px;
    color: #0d70aa;
    text-align: right;
    text-decoration: none;
} .mas_info a img {
    border: 0;
} .mas_inf { 
    font-family: Tahoma;
    font-size: 12px;
    color: #0d70aa;
    text-align: right;
    bottom: 20px;
    right: 10px;
} .mas_inf a {
    font-family: Tahoma;
    font-size: 12px;
    color: #0d70aa;
    text-align: right;
    text-decoration: none;
} .mas_inf a img { float:right; margin:0px;
    border: 0;
}

/****************************  PRODUCTOS  *****************************/ #productos_header {
    background: url(/css/img/productos_header.jpg) no-repeat top right;
    width: 950px;
    height: 268px;
    margin: 0px auto 0px auto
} #productos {
    width: 500px;
    padding: 20px
} #productos_txt {
    width: 300px;
    float: left;
    padding: 20px 20px 24px 20px; #padding-bottom:
    44px;

_padding-bottom:
    44px;
} #cont_bannersproductos {
    clear: both;
    padding-top: 10px; #padding-top:
    20px;

_padding-top:
    20px;

float:left;

width:
    950px;

border-top:
    1px

solid #bcbbbb;
} .titulo_1 {
    float: left;
    margin-left: 10px;
} .titulo_1[class] {
    margin-left: 20px;
} .titulo_2 {
    float: left;
    margin-left: 355px;
} .titulo_2[class] {
    margin-left: 580px;
} .banners_productos {
    position: relative;
    float: left;
    width: 216px;
    padding: 10px;
    background: url(/css/img/banner_bg.gif) repeat-x;
} .banners_productos p {
    font-size: 11px;
    color: #2d2d2d
} .banners_productos img {
    float: left;
    padding: 0px 15px 30px 5px;
}

/****************************  SERVICIO DISEÑO WEB  *****************************/ .estilo_diseño {
    width: 950px;
    margin: 0px auto 0px auto;
    height: 470px;
    clear: both;
    background-color: #FFFFFF;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
} .diseno_dos {
    margin: 0px auto 0px auto;
    clear: both;
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
} #diseno {
    background: url(img/desarrollo-web.gif) no-repeat top right;
    width: 950px;
    height: 315px;
    border-bottom: 1px solid #bcbbbb;
    margin: 0px auto 0px auto
} #diseno_txt {
 /*   width: 300px; */
    float: left;
    padding: 20px 20px 27px 20px;
    padding-top: 35px;
}


.diseno_txt{position:relative;top:-35px;width:415px;}
.tahoma-12{font:12px Tahoma;}
.pagina_web_sol{float:left;width:235px;}

#diseno_txt ul li {
    font-family: Tahoma;
    font-size: 12px;
    color: #2d2d2d
} #diseno_banner {
    width: 950px;
    padding: 20px;
    clear: both;
    margin: 0px auto 0px auto
} #diseno_banner h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: lighter;
    color: #0c244e;
    text-transform: uppercase;
    margin-bottom: 0px
} #diseno_banner p {
    margin-top: 0px
} .banners_diseno {
    position: relative;
    float: left;
    width: 216px;
    height: 150px;
    padding: 0px 20px 10px 0px;
    background: url(img/banner_bg.gif) repeat-x;
} .banners_diseno p {
    font-size: 11px;
    color: #2d2d2d
} .img_diseno {
    float: left;
    padding: 5px 20px 60px 5px;
} #diseno_servicios {
    width: 900px;
    padding: 20px;
    clear: both;
} #precio_pagina {
    width: 950px;
    height: 150px;
    margin: 0px auto 0px auto
} #pagina_web {
    width: 400px;
    float: left;
    padding: 20px;
    margin: 0px;
    height: 110px;
}

/****************************  DISEÑO GRÁFICO  *****************************/ .estilo_diseno_grafico {
    width: 950px;
    margin: 0px auto 0px auto;
    height: 435px;
    clear: both;
    background-color: #FFFFFF;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
} #grafico {
    background: url(img/diseno_grafico.jpg) no-repeat top right;
    width: 950px;
    height: 280px;
    border-bottom: 1px solid #bcbbbb;
    margin: 0px auto 0px auto
} #grafico_txt {
    width: 300px;
    float: left;
    padding: 20px 20px 27px 20px;
    height: 235px;
} #grafico_txt[id] {
    height: expression("220px");
} .img_grafico {
    float: left;
    padding: 5px 20px 50px 5px;
} #contenedor_banner_grafico {
    float: left;
    width: 950px;
    clear: both;
    margin-top: 14px;
} .banners_grafico {
    position: relative;
    float: left;
    width: 216px;
    padding: 10px;
    background: url(img/banner_bg.gif) repeat-x;
    height: 150px;
} .banners_grafico h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: lighter;
    color: #0c244e;
    text-transform: uppercase;
    margin-bottom: 0px;
} .banners_grafico p {
    font-size: 11px;
    color: #2d2d2d;
    margin-top: 3px;
} #tarjeta_visita {
    background: url(img/tarjetas_visita.jpg) no-repeat top right;
    width: 950px;
    height: 370px;
    border-bottom: 1px solid #bcbbbb;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    margin: 1px auto 0px auto
} #tarjeta_visita ul li {
    font-family: Tahoma;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 25px;
    list-style: none;
    margin-left: -10px;
} #tarjeta_visita_txt {
    width: 400px;
    float: left;
    padding: 20px 30px 27px 20px;
} .igrafic {
    width: 470px;
    float: right;
    margin-right: 10px;
    margin-top: 320px;
    color: #333333;
    font-size: 11px;
} .igrafic_img {
    float: left;
    margin: 5px 5px 10px 0px;
}

/****************************  INFRAESTRUCTURA IT  *****************************/ .estilo_infraestructura {
    width: 950px;
    margin: 0px auto 0px auto;
    height: 580px;
    clear: both;
    background-color: #FFFFFF;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
} #infraestructura {
    background: url(img/infraestructura_it.jpg) no-repeat bottom right;
    width: 950px;
    height: 225px;
    border-bottom: 1px solid #bcbbbb;
    float: left;
} #infraestructura_txt {
    width: 330px;
    float: left;
    padding: 20px 20px 27px 20px;
    padding-top: 35px;
} #conexiones {
    background: url(img/conexiones.jpg) no-repeat bottom right;
    width: 950px;
    height: 340px;
    float: left;
    clear: both;
} #conexiones_txt {
    width: 330px;
    float: left;
    padding: 20px 20px 27px 20px;
}

/****************************  MANTENIMIENTO  *****************************/ .estilo_mantenimiento {
    width: 950px;
    margin: 0px auto 0px auto;
    height: 430px;
    clear: both;
    background-color: #FFFFFF;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
} .mantenimiento_dos {
    margin: 0px auto 0px auto;
    padding-bottom: 45px;
    clear: both;
    background-color: #f8f8f8;
} #horas {
    background: url(img/mantenimiento_horas.jpg) no-repeat top left;
    width: 950px;
    height: 430px;
    border-bottom: 1px solid #bcbbbb;
    margin: 0px auto 0px auto
} #horas_txt {
    width: 445px;
    float: right;
    padding: 20px 30px 0px 20px;
} #horas_txt ul li {
    font-family: Tahoma;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 25px;
    list-style: url(img/list.gif);
    margin-left: -10px;
} #mensual {
    background: url(img/mantenimiento_mensual.jpg) no-repeat top left;
    width: 950px;
    height: 258px;
    border-bottom: 1px solid #bcbbbb;
    margin: 1px auto 0px auto
} #mensual_txt {
    width: 440px;
    float: right;
    padding: 20px 30px 27px 20px;
}

/****************************  CONSULTORIA  *****************************/ .estilo_consultoria {
    width: 950px;
    margin: 0px auto 0px auto;
    height: 415px;
    clear: both;
    background-color: #FFFFFF;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
} .consultoria_dos {
    margin: 0px auto 0px auto;
    height: 700px;
    clear: both;
    background-color: #f8f8f8;
} #planes_sistemas {
    background: url(img/planes_sistemas.jpg) no-repeat bottom right;
    width: 950px;
    height: 245px;
    border-bottom: 1px solid #bcbbbb;
    margin: 0px auto 0px auto;
} #planes_sistemas_txt {
    width: 400px;
    float: left;
    padding: 16px 30px 0px 20px;
} #planes_sistemas ul li {
    font-family: Tahoma;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 25px;
    list-style: url(img/list.gif);
    margin-left: -10px;
} #seguridad_lopd {
    background: url(img/seguridad_lopd.jpg) no-repeat top right;
    width: 950px;
    height: 170px;
    border-bottom: 1px solid #bcbbbb;
    float: left;
} #seguridad_lopd_txt {
    width: 400px;
    float: left;
    padding: 15px 30px 0px 20px;
} #rendimiento {
    background: url(img/rendimiento.jpg) no-repeat top right;
    width: 950px;
    height: 163px;
    border-bottom: 1px solid #bcbbbb;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    margin: 1px auto 0px auto
} #rendimiento_txt {
    width: 400px;
    float: left;
    padding: 20px 30px 27px 20px;
} #migraciones {
    background: url(img/migraciones.jpg) no-repeat top right;
    width: 950px;
    margin: 0px auto 0px auto;
    border-bottom: 1px solid #bcbbbb;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
} #migraciones_txt {
    width: 400px;
    padding: 15px 30px 15px 20px;
} #convergencia {
    width: 950px;
    height: 300px;
    border-bottom: 1px solid #bcbbbb;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    margin: 0px auto 0px auto;
} #convergencia_solucion_uno {
    width: 400px;
    position: relative;
    float: left;
    padding: 20px 30px 27px 20px;
} #convergencia_solucion_dos {
    width: 400px;
    position: relative;
    float: left;
    padding: 55px 30px 27px 20px;
}

/****************************  ACERCA CMR  *****************************/ 

.acerca_de {
    width: 950px;
    margin: 0px auto 2px auto;
    height: 385px;
    clear: both;
    background-color: #FFFFFF;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
}
.acerca_de_cmr {
    margin: 0px auto 0px auto;
    clear: both;
    background-color: #f8f8f8;
    width: 950px;
	height:150px;
}

#cmr {
    width: 950px;
    height: 315px;
    margin: 0px auto 0px auto
} #acerca_cmr {
    width: 390px;
    height: 210px;
    float: left;
    padding: 30px 35px 0px 30px;
} #acerca_cmr h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #036cbd;
} #valores_cmr {
    width: 390px;
    height: 315px;
    border-left: 1px solid #d7d7d7;
    float: right;
    padding: 30px 35px 0px 50px
} .mision {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #036cbd;
} #contenido_cmr {
    width: 950px;
    height: 280px;
    margin: 0px auto 0px auto; border-top: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB;
} .cmr_contacto {
    width: 345px;
    padding: 15px 100px 15px 15px;
    position: relative;
    float: left;
} .cmr_contacto1 {
    width: 345px;
    padding: 15px 100px 15px 15px;
    position: relative;
    float: left; border-left:1px solid #EBEBEB;
} .cmr_img {
    padding: 0px 15px 30px 0px;
    float: left;
}

/******************* MAPA WEB ************/ .seci_mapa {
    width: 920px;
    margin: 20px auto 0px auto;
    clear: both;
    color: #333333;
    border-bottom: 1px solid #BCBBBB;
} .seci_mapa h2 {
    color: #0A6BB0;
    font-size: 14px;
    font-weight: bold;
} .seci_mapa_bottom {
    width: 920px;
    margin: 20px auto 0px auto;
    clear: both;
    color: #333333;
} .seci_mapa_bottom h2 {
    color: #0A6BB0;
    font-size: 14px;
    font-weight: bold;
} .seccion_mapa {
    width: 250px;
    position: relative;
    float: left;
    margin-left: 55px;
    padding-top: 20px;
} .seccion_mapa a:link {
    text-decoration: none;
    color: #333333
} .seccion_mapa a:visited {
    text-decoration: none;
    color: #333333
} .seccion_mapa a:hover {
    text-decoration: underline;
    color: #333333
} .seccion_mapa ul li {
    font-family: Tahoma;
    font-size: 12px;
    color: #2d2d2d;
    list-style: url(img/square.jpg);
    line-height: 25px;
    padding-left: 10px;
}

/****************************  PIÉ DE PÁGINA  *****************************/ #footer {
    font-family: Verdana;
    background-color: #f8f8f8;
    font-size: 12px;
    color: #bcbbbb;
    position: relative;
    bottom: 0;
    width: 100%;
    clear: both;
    padding-top: 10px;
    border-top: 2px solid #bcbbbb;
}
/*
* html #footer{ 
	position: absolute;
*/
 #footer a {
    color: #bcbbbb;
    text-decoration: none;
} #footer a:hover {
    color: #bcbbbb;
    text-decoration: underline;
} #pie {
    width: 925px;
    margin: 0 auto;

} #pie[id] {
    width: 950px;
    width: expression("925px");
} #copyright {
    text-align: center;
    font-size: 10px;
    color: #bcbbbb;
    position: relative;
    clear: both;
    border: none;
	padding: 10px 0;
} #pie_vin {
    position: absolute;
	right: 20px;
	top: 10px;
}.vinculos_pie {
float:left;
position:relative;margin: 0 0 0 30px;
}
#footer ul li a {
    color: #73777B;
    text-decoration: none;
}#footer ul li a.menu_padre {
    color: #4C90B7;
    text-decoration: none;
}
#footer ul li {
    color: #73777B;
    font-family: Tahoma;
    font-size: 12px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
}

.colores { color:#0c244e}