*{ margin:0; padding:0;}
body{
 font-family:Arial, Helvetica, "Nimbus Sans L",sans-serif;
 font-size:70%;
 color:#27323C;
 background:#d1e2f1 url(/img/bg_fondon2.gif) repeat-x;
}
img{ border:0; }
input, select{font-family:Arial, Helvetica, sans-serif;}
select{font-family:Arial, Helvetica, sans-serif;}
strong{
 color:#0472c9;
}
option{
 padding-right:5px;
}
ul{
 list-style-type:none;
}
a{
 color:#0182c3;
}
a:hover{
 
}
h1{
 font-size:120%;
 font-family:"Trebuchet MS",Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
 text-transform:uppercase;
 clear: both;
}
#contenido_ppal h2, #contenido_ppal_nm h2{
 padding:0 0 3px 5px;
 margin:15px 10px 10px 0;
 border-bottom:1px solid #c3ccd4;
 font-size:120%;
 font-family:"Trebuchet MS",Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
 text-transform:uppercase;
}
h3 {
 margin:15px 10px 2px 0;
 font-size:110%;
 font-family:"Trebuchet MS",Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
 text-transform:uppercase;
 clear: both;
}
h4 {
 padding:0 0 0 5px;
 margin:10px 10px 2px 0;
 font-size:100%;
 font-family:"Trebuchet MS",Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
.arsys{
 color:#0182c3;
 font-weight:bold;
}
.visible{display:block;}
.novisible{display:none}
noscript div{
 padding:3px;
 margin:2px 15px;
 border:1px solid red;
}
.limpia{ clear:both; }
.b{ font-weight:bold; }
table{
 border-collapse:collapse;
 margin:0 20px 20px 20px;
}
td{
 border-bottom:1px solid #ddd;
 padding:2px 8px;
}
th{
 text-align:left;
 border-bottom:1px solid #ddd;
 padding:2px 5px;
}
acronym { border-bottom: 1px dotted #666; }
#contenido{
 background:url(/img/bg_fondoSup2.gif) no-repeat top center;
 min-height:200px;
}
#contenido_int{
 margin:0 auto;
 width:779px;
 background:white url(/img/bg_filoSup.gif) repeat-x;
 border-bottom:1px solid white;
}
#textos p{
 margin-bottom:1em;
 font-size:110%;
}
#textos ul{
 margin:5px 25px;
}
#textos ul li{
 margin:0.5em 0;
 font-size:110%;
 padding-left:12px;
 background:url(/img/bg_bullet.gif) no-repeat 0 5px;
}

#textos ul li ul li{
	 font-size:100%;
}
#textos ol{
 margin:5px 45px;
}
#textos ol li{
 margin-bottom:0.5em;
 font-size:110%;
}
ul li ol li{
 padding-left:0px !important;
 margin-left: 10px;
 background:none !important;
 
}

#cabecera{
 background:url(/img/bg_fondoCabSup.gif) no-repeat bottom right;
}
#cabecera_int{
 margin:0 auto;
 width:779px;
 min-height:73px;
 background:white url(/img/bg_fondoOpcSup.gif) no-repeat left bottom;
 position:relative;
}
* html #cabecera_int{ height:73px;}

#cabecera_int img#logo{
 float:left;
 margin-left:42px;
 }
#cabecera_int ul{
 float:right;
 height:1.7em;
 margin-top:50px;
}
#cabecera_int li{
 float:left;
 background:white;
}
#cabecera_int li a{
 display:block;
 color:black;
 padding:0 10px 0 9px;
 border-bottom:5px solid white;
 text-decoration:none;
 background:url(/img/bg_separaPuntos.gif) no-repeat right; 
}
#cabecera_int li a:hover{
 border-bottom:5px solid #e89133;
}

#franja_menu{
 margin:0 auto;
 width:779px;
 background:#1D262F url(/img/bg_franjaMenu.gif) repeat-x; 
 border-bottom:1px solid #1D262F;
}
#franja_menu ul{
 font-weight:bold;
}
#franja_menu li{
 float:left;
}
#franja_menu li a{
 color:white;
 display:block;
 padding:3px 10px 7px 10px;
 text-decoration:none;
 background:url(/img/bg_fondoMenu.gif) no-repeat right; 
}
* html #franja_menu li a{padding:4px 10px 6px 10px;}
#franja_menu li a:hover{
 background:url(/img/bg_fondoMenu1.gif) no-repeat right;
}

#about #li_about a, #about_idc #li_about a, #about_services #li_about a, #about_numbers #li_about a, #about_group #li_about a,
#contact #li_cont a,
#home #li_home a{
      background:url(/img/bg_fondoMenu1.gif) no-repeat right;
}
/* Footer */
#limpiapie{
 clear:both;
 height:20px;
}
#pie{
 color:white;
 border:1px solid #017aC3;
 margin:0 10px 10px 10px;
 background:#017aC3;
 height: 33px;
}
#pie strong{color:white;}
#pie ul{
 float:left;
 margin:0;
}
#pie li{
 float:left;
}
#pie p{
 float:left;
 margin:10px 10px 0 10px;
}
#pie a{
 color:white;
}

#promo{
 height:11.4em;
 background:#0270c9 url(/img/bg_promo.gif);
}
#promo img{
 float:right;
}
#promo #promo_texto{
 position:absolute;
 width:25em;
 border-right:1px solid white;
 padding:4px 8px;
 text-align:right;
 margin:20px 0 0 82px;
}
#promo_texto h2, #promo_texto p, #promo_texto strong{
 color:white;
}
#promo_texto h2{
 font-size:160%;
}
#promo_texto p{
 font-size:120%;
 padding-left:40px;
}
/*estilos breadcrumb*/
#breadcrumb, #breadcrumb_nm{
 border:1px solid white;
 background:#5C80A2 url(/img/bg_fondoBreadcrumb.gif) no-repeat 208px 0;
 color:white;
 padding:3px 0 3px 230px;
}
#breadcrumb_nm{
 background:#5C80A2 url(/img/bg_fondoBreadcrumb.gif) no-repeat 10px 0;
 padding:3px 0 3px 32px;
}
#breadcrumb strong, #breadcrumb a, #breadcrumb_nm strong, #breadcrumb_nm a{
 color:white;
}
/*estilos menu izquierdo */
#menu_seccion{
 position:absolute;
 margin:9.2em 0 0 10px;
 width:176px;
}
#menu_seccion a{
 text-decoration:none;
}
#menu_seccion a:hover{
 text-decoration:underline;
}
#menu_seccion h1{
 font-size:110%;
 color:white;
 padding:25px 0 0 14px;
 background:url(/img/bg_menuSeccionSup.gif) no-repeat 4px 0;
 height:20px;
}
#menu_seccion h1 a{
 color:white;
}

#menu_seccion_int{
 background:url(/img/bg_fondoMenuDentro.gif);
 padding-top:5px
}
#menu_seccion_int ul{
 background:url(/img/bg_pieMenu.gif) no-repeat bottom;
 padding-bottom:20px;
}
#menu_seccion_int li{
 background:url(/img/bg_menuLiPpal.gif) no-repeat 0 0;
 margin:0 0 0 7px;
 padding:7px 0 13px 18px;
}

/*Estilos para marcar como seleccionado en el menu la pagina principal de 
subseccion ej. Hosting web, hosting bbdd. Hay que marcarlo como seleccionado
 cuando está elegido el o una de sus subsecciones, por eso este jaleo*/

#about_numbers #msi_numbers, #about_services #msi_services, #about_idc #msi_idc, #about_group #msi_group{
 background:url(/img/bg_menuLiPpalSel.gif) no-repeat 0 0;
 color:white;
}
/*Para poner el texto seleccionado a blanco*/
#about_numbers #msi_numbers strong a, #about_services #msi_services strong a, #about_idc #msi_idc strong a, #about_group #msi_group strong a {
 color:white;
}
/*fin menu izquierdo */

/*contenido ppal, flotado a la dcha del menu*/
#contenido_ppal{
 margin:20px 10px 0 197px;
 min-height:11em; /*soluciones*/
}
#contenido_ppal_nm{ /*contenido ppal No Menu, páginas sin menu izqdo*/
 margin:20px;
}

#contenido_ppal h1, #contenido_ppal_nm h1{
 background:url(/img/bg_h1DobleRaya.gif) repeat-x bottom;
 padding:0 0 3px 5px;
 margin:0 10px 10px 0;
}
#contenido_ppal p{ font-size:110%;}

/*Dos columnas*/
.txtColumns{
float: left;
margin: 0px 10px;
width: 260px;
}
/*Fin dos columnas*/

/*graphics styles*/
.graphic *{
    margin:0;
    padding:0;
} 
.graphic{
    /*border:1px solid #ccc;*/
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
    position:relative;
    margin:20px auto;
    color:black;
}
.graphic h3.gr{
    position:absolute;
    font-size:19px;
    color:#0170c9;
    text-transform:none;
    background:none !important;
    width:500px;
}
.graphic h3.gr span.smaller{
 font-size:16px;
 display:block;
}
.graphic .graphic_e{
    position:absolute;
    bottom:0;
    margin:0;
    text-align:center;
}
.graphic .graphic_e p{position:relative; margin:0 !important;
 } 
 
.graphic .lg{display:block; position:absolute; text-align:center; }
.graphic .value{display:block; font-size:1%; border:1px solid black; border-bottom:none; width:100%; position:absolute; left:0; text-align:center; background:#ea973d url(/img/bg_graphicBar.gif) top left repeat-x;}
.graphic .actualvalue{display:block; font-size:1%; border:1px solid black; border-bottom:none; width:100%; position:absolute; left:0; text-align:center;background:#107ad0 url(/img/bg_graphicBarDest.gif) top left repeat-x;}
.graphic .value span, .graphic .actualvalue span{position:absolute; top:-16px; text-align:center; font-size:10px; width:100%; left:0;}
.graphic .guides{
    position:absolute;
    width:100%;
}
.graphic .guides ul{ /*guia de puntos*/
    list-style-type:none !important;
    background:url(/img/bg_graphicLineBottom.gif) no-repeat left bottom;
    margin:0 !important;
    padding:0 !important;
}
.graphic .guides li{
    background:url(/img/bg_graphicHelpLine.gif) no-repeat 39px 2px !important;
    list-style-image:none !important;
    margin:0 !important;
    padding:0 !important;
}
.graphic .guides li span{
    display:block;
    border-right:1px solid black;
    text-align:right;
    padding-right:3px;
    background:white;
    color:black;
}
.graphic .info{
    font-size:80%;
    font-family:Arial, Helvetica, sans-serif;
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:20px;
}
.graphic_footer{
    text-align:right;
    font-size:90%;
    color:#999;
    position:relative;
}