/* RESETEAR EL CSS */
html, body, form, fieldset {margin: 0;padding: 0;font: 100%/120% Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre,blockquote, ul, ol, dl, address {margin: 1em 0;padding: 0;}
li, dd, blockquote {margin-left: 1em;}
h1 {font-size:12px;}
fieldset {border: none;}
input, select, textarea {font-size: 100%;}
/* SFIR */
/*
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0; width: 0;height: 0;display: block;overflow: hidden;}
// DECOYS
.sIFR-hasFlash #textos h1{visibility: hidden; margin:0; padding:10px 0 3px 0; font-size:12px; width:410px; margin-top:20px;}
.sIFR-hasFlash #textos h2{visibility: hidden; margin:0 0 5px 0; padding-bottom:5px; font-size:12px; width:400px; line-height:18px;}
.sIFR-hasFlash #textos h3 {visibility: hidden; margin:5px 0 3px 0; padding:0 0 5px 0; font-size:30px; width:400px;}
*/
/* PAGINA */
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#666666; background:#FFFFFF url(../img/bkg_website.jpg) no-repeat top center;}
/* HR */
.hr {width:385px; height:13px; background:url(../img/separador_white.jpg) no-repeat center center; border:0; margin:0 auto 5px auto; clear:both;}
.hr hr{display:none;}
/* ESTRUCTURA */
#contenedor {width:770px;margin:0 auto;border-left:1px solid #fff; border-right:1px solid #fff; background-color:#FF0000;}
#top{width:770px; height:241px; clear:both;}
#contenido {width:770px; float:left; clear:both; background:#FF0000 url(../img/onda2.gif);background-repeat:no-repeat; background-position: center top; padding-bottom:0px;}
/* COLUMNA 1 */
#col1 {width:150px; float:left; padding-right:10px;}
#menu {float:left; background:url(../img/top_menu.jpg) no-repeat top left; padding:25px 0 0 0; font-size:0.8em; line-height:1.3em; font-family: Verdana, Arial, Helvetica, sans-serif;}
#menu a:link, #menu a:visited, #menu a:active {text-decoration:none; color:#000000;}
#menu a:hover {color:#FF0000; text-decoration:underline;}
#menu ul {display:block; margin:0; padding:0; list-style-type:none;}
#menu ul li {margin-bottom:6px; padding:0; }
#menu ul li ul{margin-top:6px; padding:0 0 0 10px; background:url(../img/bkg_ul_li_ul_li.gif) repeat-y;}
#menu ul li ul li {margin:0; padding:0;}
#menu .menu_telematica {background:url(../img/menu_telematica.gif) no-repeat; width:67px; height:11px;}
#menu .menu_servicios {background:url(../img/menu_servicios.gif) no-repeat; width:58px; height:11px;}
#menu .menu_productos {background:url(../img/menu_productos.gif) no-repeat; width:64px; height:11px;}
#menu .menu_trabajo {background:url(../img/menu_trabajo.gif) no-repeat; width:52px; height:12px;}
#menu .menu_clientes {background:url(../img/menu_clientes.gif) no-repeat; width:53px; height:11px;}
/* COLUMNA 2 */
#col2{width:440px; float:left; padding-right:0px; background:#FFFFFF;}
#textos h1 {margin:0; padding:10px 0 10px 0; width:410px; font-size:18px; color:#000; border-bottom:1px solid #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#textos h2 {margin:0 0 10px 0; padding:0; font-size:1.3em; color:#990000; font-weight:normal; letter-spacing:-0.03em; line-height:110%;}
#textos h3 {font-size:1.4em; color:#FFFFFF; letter-spacing:-0.05em;}
#servicios {width:440px; float:left; clear:both; padding:15px 0 30px 0; margin:0 ; font-size:1em; line-height:1.1em;}
#servicios a:link, #servicios a:visited, #servicios a:active {color:#FF0000; font-weight:bold;}
#servicios a:hover {color:#000000;}
.servicio {width:127px; float:left; min-height:80px; padding:190px 9px 0 9px; font-size:0.85em;}
.servicio p {margin:0; padding:0;}
#disweb {background:url(../img/bkg_disweb.jpg) no-repeat center top;}
#disweb h2 { font-weight:bold; font-size:15px; margin:0 0 3px 0; padding:0;}
#webhost{background:url(../img/bkg_webhosting.jpg) no-repeat center top ;}
#webhost h2 { font-weight:bold; font-size:15px; margin:0 0 3px 0; padding:0;}
#websoft {background:url(../img/bkg_soft_web.jpg) no-repeat center top ;}
#websoft h2 { font-weight:bold; font-size:15px; margin:0 0 3px 0; padding:0;}
#destacado{float:left; clear:both; margin:10px 0 10px 0;}
#otrosproductos{float:left; clear:both; width:440px;}
.producto{width:200px;float:left; background:#ffffff url(../img/otros_productos_bottom.gif) no-repeat bottom center; margin: 0 8px 0 8px;}
.producto p { border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; padding:5px 10px 0 10px; margin:0 0 15px 0; font-size:0.8em; line-height:1.3em;}
.producto a:link, .producto a:visited, .producto a:active {text-decoration:none; color:#FF0000;}
.producto a:hover {text-decoration:underline;}
/* PARA LOS TEXTOS */
#textos, #portfolio {float:left; background: #ffffff url(../img/bkg_textos_bottom.jpg) no-repeat center bottom; padding:0 15px 35px 15px; clear:both; width:410px;}
#textos p {margin-bottom:1em; padding:0 0 0 20px; font-size:0.90em; line-height:140%; color:#000000;}
#textos strong {color:#FF0000; letter-spacing:0.05em;}
#textos img {text-align:center; margin:10px 15px 00px 0; border:0;}
#textos .mas {float:right; background-color:#FFFFFF; border:0; margin:30px 0 0 0;}
#textos .mas:hover {background-color:#FFCC00;}
#textos p .portfolio {font-size:0.85em; color:#666666;}
#textos p .portfolio strong {color:#000000; letter-spacing:-0.03em; font-size:1.2em;}
#textos p .portfolio em {font-style:normal; color:#000000; font-size:1em;}
#textos p .portfolio em strong {color:#666666;}
/* PARA LOS CASOS DESTACADOS */
#textos .destacado {margin:0; padding:15px; clear:both; float:left;}
#textos .destacado p {font-size:0.85em; line-height:140%; color:#666666;}
#textos p .url {font-size:1em; margin:0; padding:0;}
#textos a:active, #textos a:visited, #textos a:link {color:#FF0000; margin:0; padding:0; text-decoration:underline;}
#textos p a:hover {color:#000000;}
#textos .destacado h4 {font-size:1.3em; color:#000; margin:0 0 3px 0; padding:0; font-weight:normal; letter-spacing:-0.05em;}
#textos .destacado img {float:left; margin:0 7px 0 10px; border-right:1px solid #CCCCCC; padding-right:10px;}
/* PARA LOS LISTADOS */
#textos ul {display:block; margin:0 0 25px 30px; padding:0;}
#textos li {margin:0 0 6px 0; padding:0; list-style-image:url(../img/li_bullet.jpg); font-size:0.90em; list-style-position:outside; line-height:150%; color:#000000;}
#textos li a:link, #textos li a:visited, #textos li a:active {color:#666666; text-decoration:none; cursor:help;}
#textos li a:hover {color:#000000;}
#textos td {font-size:11px;}
/* PARA EL PORTFOLIO */
.trabajo_portfolio {clear:both; float:left; }
.screens_porfolio {float:left; }
.desc_porfolio {float:left; }
/* PARA LOS FORMULARIOS */
#formularios {padding:15px 0 0 20px; background:#EEEEEE; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
#formularios label{float: left;width: 70px; font-size:0.9em; color:#000000;}
#formularios textarea{width: 180px;margin-bottom: 5px; border-left:#DFB0B0 1PX solid; border-right:#A52121 1PX solid; border-bottom:#DFB0B0 1PX solid; border-top:#A52121 1PX solid; }
#formularios select {margin-bottom: 5px; border-left:#DFB0B0 1PX solid; border-right:#A52121 1PX solid; border-bottom:#DFB0B0 1PX solid; border-top:#A52121 1PX solid;background-color:#F5F5F5; font-size:0.9em; color:#666666; font-family:Arial, Helvetica, sans-serif; padding:3px;}
#formularios select .rojo {background-color:#FF0000; font-weight:bold; color:#FFFFFF;}
#formularios select .gris {background-color:#CCCCCC; color:#000000;}
#formularios select .negro {background-color:#000000; color:#ffffff; font-weight:bold;}
#formularios input {margin-bottom: 5px; border-left:#DFB0B0 1PX solid; border-right:#A52121 1PX solid; border-bottom:#DFB0B0 1PX solid; border-top:#A52121 1PX solid;background-color:#F5F5F5; font-size:0.9em; color:#666666; font-family:Arial, Helvetica, sans-serif; padding:3px;}
#formularios textarea{width: 250px;height: 100px; background-color:#F5F5F5; font-size:0.9em; color:#666666; font-family:Arial, Helvetica, sans-serif; padding:3px;}
#formularios .boxes{width: 1em;}
#formularios #submitbutton{margin-top: 5px;width: 70px; float:right; margin-left:10px; background-color:#A72929; color:#FFFFFF; font-size:0.75em;}
#formularios #borrar{margin-top: 5px;width: 70px; float:right; margin-left:10px; background-color:#A72929; color:#FFFFFF; font-size:0.75em;}
#formularios br{clear: left;}
/* PARA EL PAGINADOR */
#paginador {width:300px; float:left; margin:15px 0 20px 0; clear:both; color:#000000; height:25px; padding-left:80px; font-size:0.8em;}
#paginador img {margin:0; padding:0;}
.anterior, .siguiente, .principio, .final {width:20px; float:left; height:20px; }
.pagina {width:150px; float:left; height:20px; text-align:center;}
.pagina a:link, .pagina a:visited , .pagina a:active {text-decoration:none;}
/* COLUMNA 3
#col3 {width:150px; float:left; margin-top:10px;}
/* SOPORTE HOME
#soporte { width:148px; float:left; clear:both; margin:0 auto 15px auto; border:1px solid #CCCCCC; text-align:center; background:#FFFFFF url(../img/soporte_tecnico.gif) center top no-repeat; padding: 120px 0 10px 0; }
#soporte h1 {font-size:1.5em; font-weight:normal;}
#soporte img {clear:both; margin-bottom:5px;}
#soporte a{color:#FF0000; text-decoration:underline;}
#soporte a:hover {text-decoration:none;}
#help_center { width:148px; float:left; clear:both; margin:0 auto 15px auto; border:1px solid #CCCCCC; text-align:center; padding: 10px 0 10px 0; }
#help_center h1 { font-weight:bold; font-size:12px; margin:0; padding:0;}
/* Mas Clientes
#masclientes { width:135px; float:left; clear:both; margin:0 auto; border:1px solid #CCCCCC; padding:40px 0 10px 15px; background:#FFFFFF url(../img/mas_clientes.jpg) no-repeat center top; }
#masclientes h1 { font-weight:bold; font-size:12px; margin:0; padding:0;} */
/* SELECCIONAR IDIOMA */
#idioma { font-size:0.8em; color:#999999; text-align:center;width:140px; float:left; clear:both; margin:0 auto 8px auto; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-bottom:3px solid #CCCCCC; padding:3px;}
#idioma a:link, #idioma a:visited, #idioma a:active {color:#000000; text-decoration:none;}
#idioma a:hover {color:#FF0000; text-decoration:underline;}
/* LOGIN DE USUARIOS 3
#login { width:135px; float:left; clear:both; margin:0 auto; border:1px solid #CCCCCC; padding:40px 0 10px 15px; background:#FFFFFF url(../img/acceso_clientes.jpg) no-repeat center top; }
#login form { margin:0; padding:0; font-size:0.8em;}
#login input {margin-bottom: 5px; border-left:#DFB0B0 1PX solid; border-right:#A52121 1PX solid; border-bottom:#DFB0B0 1PX solid; border-top:#A52121 1PX solid;background-color:#F5F5F5; font-size:0.9em; color:#666666; font-family:Arial, Helvetica, sans-serif; padding:3px;}
#login p {margin:0 0 5px 0; padding:0; font-size:small;}
#login .username {font-size:0.85em; color:#FF0000; }
#login a:link, #login a:visited, #login a:active {text-decoration:none; color:#666666;}
#login a:hover {color:#FF0000;}
#login .misdatos {font-size:0.85em;}*/
/* COLUMNA 4 */
#col4 {width:590px; float:left; margin-top:10px;}
/* DESTACADOS HOME */
#casosdestacados { width:150px; float:left; clear:both; margin:15px 0 0 0; background-color:#FFFFFF; border:1px solid #CCCCCC; padding:10px 0 0 0;}
#casosdestacados h1 { width:150px; height:54px; background:url(../img/h1_casos_destacados.jpg) no-repeat top center; padding:0; margin:0;}
#casosdestacados h2 {font-size:1.3em; color: #FF3300; margin:0 0 3px 0; padding:0 0 0 6px; letter-spacing:-0.05em;}
#casosdestacados p { margin:0 0 15px 0; padding-left:6px; padding-right:6px; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6; font-size:0.8em; line-height:1.3em;}
.border1 {border:1px solid #666666; width:132px;}
.border2 {border:3px solid #E6E6E6; clear:both; margin:0 auto; margin:10px 0 15px 5px; width:132px;}
#casosdestacados a:link, #casosdestacados a:visited, #casosdestacados a:active {text-decoration:none; color:#FF0000;}
#casosdestacados a:hover {text-decoration:underline;}
#casosdestacados h2 a:hover {text-decoration:none; color:#000;}
#ayuda { width:150px; float:left; clear:both; background:#FFFFFF url(../img/indice_ayuda_bottom.gif) no-repeat bottom center; margin:15px 0 0 0;}
#ayuda h1 {width:150px; height:112px; margin:0; padding:0; background:url(../img/indice_ayuda.gif) no-repeat center top;}
#ayuda p {padding: 0 10px 0 10px; font-size:0.8em; line-height:1.3em; margin:5px 0 10px 0; text-align:center;}
#ayuda a:link, #ayuda a:visited, #ayuda a:active {text-decoration:none; font-weight:bold; color:#FF0000; font-size:1.2em;}
#ayuda a:hover {color:#000000; text-decoration:none;}
#marcas {clear:both; background:url(../img/software.gif) no-repeat center center; width:502px; height:70px; padding:20px 0 0 0; margin:0 auto;}
#pie {width:770px; height:20px; background:url(../img/pie.gif) repeat-x; clear:both; margin:0 auto; border-left:1px solid #fff; border-right:1px solid #fff; padding:15px 0 0 0; font-size:0.75em; text-align:center;}
/* Ocultamos los titulares para que sean reemplazados con imágenes */
h1 span, span h2,#menu span, #soporte span, #otrosproductos span, #ayuda span {display:none}
/* NUESTROS CLIENTES */
.caja {width:403px; height:238px;
background-image:url(../img/tel_fondo.jpg);
position:relative;
}
.servicios {width:195px; height:182px;
float:left;
background-image:url(../img/servicios.jpg)
}
.imagen {width:170px; height:auto;
position:absolute;
background-color:#FFF;
}
.texto {font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:10px;
color:#666666;
line-height:10px;
position:absolute;
width:130px; height:20px;
}
.servicios2 {width:195px; height:182px;
float:left;
background-image:url(../img/servicios2.jpg)
}
.texto3 {font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:10px;
color:#666666;
line-height:14px;
position:absolute;
left:5px;
}
.fondo {width:188px; height:120px;
border:0px;
background-image:url(../img/servicios3.jpg);
background-repeat:no-repeat;
}
/**/
.menuitem {border-left:4px solid #FF0000;
width:120px; height:12px;
padding-left:7px;
font-weight:bold;
font-size:12px;
margin-top:15px;
}
/* AGREGADO EL 18/09/2008 */
.tituservicios {font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
position:absolute;
top:20px; left:160px;
font-weight:bold;
}
.servi_box { width:440px; height:auto;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
margin-bottom:7px;
}
.servi_top { width:440px; height:150px;
background:url(../img/servi_top.jpg) no-repeat;
}
.servi_box .primerServicio {position:absolute;
width:250px; height:80px;
top:62px; left:145px;
text-align:right;
}
.servi_body {position:relative;
width:440px; height:140px;
background:url(../img/servi_fnd.jpg) repeat-y;
}
.servi_bottom {width:440px; height:150px;
position:relative;
background:url(../img/servi_bottom.jpg) no-repeat;
}
.servi_box h1 a {font-size:12px; font-weight:bold; text-decoration:none; color:#DA251D; margin:0px; border:0px solid #0099FF}
.servi_box h1 a:hover {font-size:12px; font-weight:bold; text-decoration:underline; color:#DA251D; margin:0px; border:0px solid #0099FF}
.titu_servi2 {font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#DA251D;
font-weight:bold;
margin-left:50px;
margin-bottom:8px;
}
.servi_cont { width:335px; height:250px;
position:absolute;
top:152px; left:55px;
}
h1.mio a {font-size:12px; font-weight:bold; text-decoration:none; color:#DA251D; border:1px solid #0099FF}
h1.mio a:hover {font-size:12px; font-weight:bold; text-decoration:underline; color:#DA251D; border:1px solid #0099FF}
/* JDFJASDFASDF */
.clientes_box {width:392px; height:206px;
padding:30px 0px 20px 50px;
position:relative;
background:url(../img/base_clientes.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.clientes_box a {color:#990000; text-decoration:none;}
.clientes_box a:hover {color:#990000; text-decoration:underline;}
.clientes_cont_thumbs {width:170px; height:160px;
float:left;
margin-top:10px;
}
.textoNormal {padding-left:20px;}