/* CSS Document */

/* BASICOS
--------------------------------------------------------------------------- */

/*RESET*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline;}

a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/**/

body { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 12px; color:#646364; line-height: 18px; background-image: url(../images/fons_rayado.jpg); background-repeat: repeat-x; background-color: #595959;}

a:link, a:active, a:visited {color: #f0892b; text-decoration: none;}
a:hover {color: #666666; text-decoration: none;}

p {}

img {border: 0;}

.clear {clear: both;}

/* HOME
--------------------------------------------------------------------------- */

#contenedor { margin:0px auto; width:834px;}
#contenedor #ombra { margin:0px auto; width:834px;
background-image:url(../images/ombra-trans.png); background-repeat:repeat-y; background-position:center; _background-image:none;
}
#contenedor #cabecera_ini { margin:0px auto; width:824px; height:156px; background-image:url(../images/cabecera_ini.jpg);}
#contenedor #contenido {margin:0px auto; width:824px; background-color:#e5e5e5;}
#contenedor #pie {margin:0px auto; width:824px; height:95px; background-image:url(../images/pie_ini.jpg);}

/*PIE*/
#contenedor #pie #trama { float:left; padding:35px 0 0 530px;}
/**/

/*PRODUCTOS*/
#contenedor #contenido #contenedor_productos { margin:0px auto; width:715px;}
.productos { float:left; width:233px; height:142px; padding:2px;
background-image:url(../images/fons_producto.jpg); background-position:center; background-repeat:no-repeat;}

.productos a{ display:block; color:#595959; font-weight:bold;}
.productos a:hover{ display:block; color:#f0892b; font-weight:bold; text-decoration:none;}

.productos .contenido_producto {margin:0px auto; padding:10px; text-align:center;}
.p1 { background-image: url(../images/productos/disseny.jpg); background-position:center; background-repeat:no-repeat; height:102px;}
.p2 { background-image: url(../images/productos/dominios.jpg); background-position:center; background-repeat:no-repeat; height:102px;}
.p3 { background-image: url(../images/productos/hosting.jpg); background-position:center; background-repeat:no-repeat; height:102px;}
.p4 { background-image: url(../images/productos/housing.jpg); background-position:center; background-repeat:no-repeat; height:102px;}
.p5 { background-image: url(../images/productos/copia_segura.jpg); background-position:center; background-repeat:no-repeat; height:102px;}
.p6 { background-image: url(../images/productos/backup.jpg); background-position:center; background-repeat:no-repeat; height:102px;}
.p7 { background-image: url(../images/productos/posicionamiento.jpg); background-position:center; background-repeat:no-repeat; height:102px;}
.p8 { background-image: url(../images/productos/antispam.jpg); background-position:center; background-repeat:no-repeat; height:102px;}
.p9 { background-image: url(../images/productos/comercio.jpg); background-position:center; background-repeat:no-repeat; height:102px;}
.p10 { background-image: url(../images/productos/personalizacion.jpg); background-position:center; background-repeat:no-repeat; height:102px;}
.p11 { background-image: url(../images/productos/soft_docu.jpg); background-position:center; background-repeat:no-repeat; height:102px;}
.p12 { background-image: url(../images/productos/digitalizacion.jpg); background-position:center; background-repeat:no-repeat; height:102px;}

.productos .contenido_producto .titol_producto { margin:0px auto; width:210px; height:22px; text-align:center; line-height:17px;}

/**/

/*BOTONERA*/
#contenedor #contenido #contenido_botones { margin:0px auto; width:768px;}

.boton { float:left; width:192px; height:19px; font-size:10px; text-align:center; line-height:19px;}
.boton a {display:block; background-image:url(../images/boton_a.jpg);}
.boton a:hover {display:block; background-image:url(../images/boton_hover.jpg); color:#000;}

/**/

/*CONTENIDOS*/

#contenedor #contenido #inteior_titol_productos {margin:0px auto; width:768px; padding:20px 0 0 0; font-weight:bold; font-size:20px; color:#646364; line-height:33px; border-bottom:2px solid #ed7d21;}
#contenedor #contenido #inteior_productos {margin:0px auto; width:768px; padding:10px 0 0 0;}
#contenedor #contenido #inteior_productos .columna1 { margin:0px auto; width:768px; padding:15px 0px;}
.titol_columna { font-size:14px; font-weight:bold;}
#contenedor #contenido #inteior_productos .columna2 { float:left; width:374px; padding:15px 0 0 0; line-height:18px; text-align:justify;}
#contenedor #contenido #inteior_productos .columna3 { float:right; width:374px; padding:15px 0 0 0; line-height:18px; text-align:justify;}
#contenedor #contenido #entorno {margin:0px auto; width:768px; padding:20px 0 20px 0; text-align:left; border-bottom:1px solid #666; background-image: url(../images/logo.entorno.jpg); background-repeat:no-repeat; background-position:center; line-height:18px;}
/**/

/*HOSTING*/

#contenedor #contenido #inteior_productos .columna1 ul {}
#contenedor #contenido #inteior_productos .columna1 li {float:left; width:100px; _width:99px; height:16px; _height:20px; padding:3px; _padding:2px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#FFFFFF; text-align:center; font-size:9px; line-height:15px; _line-height:10px;}
/**/