/* CSS Document */

body{background:#fff; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; margin:auto; padding:0;text-align:center;}
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}

/* TOP PANEL*/
#bigbox {overflow:hidden;width:950px;margin:auto;padding:auto;margin-top:5px;text-align:left;}
#topPanel {width:100%;margin:auto; padding:auto;float:left;overflow:hidden;}
#topPanel img{z-index:1; padding:0; position:absolute; margin:0px 0px 0px 10px;}
#topPanel #logo_top {overflow:hidden;float:right;height:112px;width:100%;}
/* MENU PANEL*/
#topPanel ul{display:block; width:732px; height:36px; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0; border-bottom:1px solid #AEAEAE;float:right;}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(../imagenes/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel ul li.active{width:74px; display:block; height:36px; background:url(../imagenes/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}
/* HEADER PANEL*/
#promos_box {float:left;width:100%;overflow:hidden;padding:0px 10px 0px 10px;color:white;}
#promos_box #in {width:140px; height:150px;margin:0px 5px 5px 5px; padding:0px;color:white;float:left;}
#promos_box #in p{text-align:center; width:118px; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold; z-index:1; padding:0; margin:auto;color:white;z-index:7}
#promos_box #in .orange {background:url(../imagenes/orange-normal.jpg) no-repeat;width:140px;height:150px;display:block;}
#promos_box #in .green {background:url(../imagenes/green-normal.jpg) no-repeat;width:140px;height:150px;display:block;}
#promos_box #in .blue {background:url(../imagenes/blue-normal.jpg) no-repeat;width:140px;height:150px;display:block;}
#promos_box #in .icono1 {margin:10px 0px 3px 40px;float:left;}
#promos_box #in .icono2 {margin:10px 0px 3px 40px;float:left;}

.icono1 {background:transparent url(../imagenes/iconos.png) no-repeat;float:left;width:62px;height:50px;overflow:hidden;z-index:5;display:block;}
.icono2 {background:transparent url(../imagenes/iconos.png) no-repeat;float:left;width:62px;height:65px;overflow:hidden;z-index:5;display:block;}
.icono_soporte {background-position:-2px -60px;z-index:6;}
.icono_planes {background-position:-67px -125px;z-index:6;}
.icono_disenoweb {background-position:-2px -1px;z-index:6;}
.icono_marketing {background-position:-132px -125px;z-index:6;}
.icono_server {background-position:-195px -60px;z-index:6;}
.icono_server_win {background-position:-67px -52px;z-index:6;}
.icono_server_lin {background-position:-131px -55px;z-index:6;}
.icono_arrendamiento_server {background-position:-199px -127px;z-index:6;}
.icono_codigofuente {background-position:-66px -1px;z-index:6;}
.icono_seguridad {background-position:-2px -126px;z-index:6;}
.icono_facturaelectronica {background-position:-132px 10px;z-index:6;}
.icono_auditycert {background-position:-199px 5px;z-index:6;}

/* /TOP PANEL*/

/* BODY PANEL background:url(../imagenes/symbol.jpg) 0 0 no-repeat #fff; */
#bodyPanel{width:100%;margin:0 auto; padding:0;float:left;overflow:hidden;border:solid 0px green;}
#bodyPanel h2{ background:#fff; display:block; width:250px; height:50px; margin:0; font:25px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:4px 0 0 10px; color:#FF7113;}
#bodyPanel p{margin:0 0 0 0px; padding:0 5px 35px 10px; color:#0F0F0F;font:13px Arial, Helvetica, sans-serif;}
#bodyPanel p span{font-weight:bold;}
#bodyPanel p.dotline{background:url(../imagenes/dot-line.gif) 0 0 repeat-x #fff; padding:0; margin:0 40px 0 25px; color:#000;}
#bodyPanel p.capstext{background: url(../imagenes/name.gif) bottom right no-repeat #fff; font:18px/24px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555555; padding:2px 10px 0 25px ; margin:0 35px 10px 0; }
#bodyPanel p.more{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.more a{width:76px; height:26px; display:block; margin:314px 20px 19px 618px; background:url(../imagenes/more.gif) 0 0 no-repeat #fff; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px; text-transform:uppercase; position:absolute; top:0px; right:0px;}
#bodyPanel p.more a:hover{background:url(../imagenes/more.gif) 0 0 no-repeat #fff; color:#216EBD; text-decoration:none;}
#bodyPanel h3{background:#fff; display:block; width:250px; height:34px; margin:34px 0 12px 0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 0 20px; color:#FF7113;}
#bodyPanel #testimonial{width:283px; height:150px; display:block; background:url(../imagenes/testimonial-bg.gif) 0 0 no-repeat #FFF6DB; padding:32px 33px 0 148px; margin:0 0 0 20px; color:#786321;}
#bodyPanel #testimonial p{background:none; margin:0; padding:0 0 5px 0;}
#bodyPanel #testimonial p span{color:#786321 !Important; background:#FFFAED !Important;}
#bodyPanel p.moretwo{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.moretwo a{width:76px; height:26px; display:block; margin:0px 0px 0px 196px; background:url(../imagenes/more2.gif) 0 0 no-repeat #FFF5D6; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 10px; top:0px; right:0px;}
#bodyPanel p.moretwo a:hover{background:url(../imagenes/more2.gif) 0 0 no-repeat #FFF5D6; color:#216EBD; text-decoration:none;}
#bodyPanel h4{ background:#fff; width:250px; height:30px; position:absolute; top:361px; right:5px; margin:0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px; color:#FF7113;}
#bodyPanel ul{width:225px; display:block; position:absolute; right:30px; top:405px; }
#bodyPanel ul li{font:12px/25px Arial, Helvetica, sans-serif; font-weight:normal; background:url(../imagenes/symbol2.gif) 0 8px no-repeat; padding:0 0 0 30px;}
#bodyPanel ul span{ background:url(../imagenes/dot-line.gif) repeat-x 0 100%; height:25px; display:block;}
/*Lista para Noticias*/
#not_list ul{width:700px; display:block; position:relative; top:0px; left:15px;}
#not_list ul li{font:12px/25px Arial, Helvetica, sans-serif; font-weight:normal; background:url(../imagenes/symbol2.gif) 0 8px no-repeat; padding:0 0 0 30px;}
/* FOOTER PANEL*/
#footerPanel {width:100%; color:#4C4C4C; font-size:12px;float:left;border:solid 0px #f5f5dc;border-top-width:1px;overflow:hidden;text-align:center;margin:auto;}
#footerPanel #pie_list {overflow:hidden;margin:auto;padding:auto;text-align:center;}
#footerPanel #pie_list ul {list-style:none;margin:5px 0px 5px 270px;padding:auto;text-align:center;overflow:hidden;}
#footerPanel #pie_list  li {float:left;padding:5px;color:gray;}
#footerPanel #pie_list  li a {margin-right:10px;text-decoration:none;color:gray;}
#footerPanel .copyright{background:#ffffff; color:#8c8c8c;float:left;margin:auto;padding:auto;text-align:center;width:100%;overflow:hidden;}

/*extras*/
#img_not{ float:left;margin:0px;padding:0px; }

#botonnice {margin:0px 4px 2px 4px;padding:4px 8px 4px 8px;border:solid 1px #d8d8d8;background-color:#f4f4f4;color:#1293ce;letter-spacing:1px;font:10px Arial, Verdana, sans-serif;font-weight:bold;text-decoration:none;}
#botonnice a {text-decoration:none;}
#botonnice a:link {text-decoration:none;}
#botonnice:hover {border:solid 1px #939393;color:#413339;cursor:pointer;-moz-box-shadow: 0px 0px 1px #1293ce;}