/*  Globales
----------------------------------------------------------------------------------------------------------------------- */
html, body, form, input, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, dl, img{ margin:0px; padding:0ox; border:0px; font-weight: normal; }
a:hover {color:#333;}
a {text-decoration:none;}
img {border:0;}
ul,li {list-style-type:none;margin:0px;padding:0px;}
body { font-family: Tahoma, "Times New Roman"; font-size:11px; margin-top:0px; margin-bottom:0px; }
a { outline:none; } a:hover { online:none; }
.radio { width:auto !important; }


/* RETICULA
-----------------------------------------------------------------------------------------------------------------------*/
#r-contenido { width:900px; margin: 0 auto; background-color: #FFF; postion:relative; padding: 0px 0px 0px 0px; }
#r-cabecera { background:url(/images/cabecera-grafo.jpg) no-repeat; width:896px; border:1px solid #CCC; border-top:none; height:219px;  }
#r-cabecera-interior { background:url(/images/cabecera-grafo.jpg) no-repeat 0px -10px; width:896px; border:1px solid #CCC; border-top:none; height:130px;  }

.logo { padding:10px 0px 0px 10px;   }
.logo b { position:relative; left:-150px; font-family:Arial; font-size:10px; color:#999; font-weight:normal;  }

/* CABECERA
-----------------------------------------------------------------------------------------------------------------------*/
.cabecera-titulo h1 { font-family:Georgia; font-size:24px; color:#333; line-height:20px; margin:13px 0px 10px 54px; }
.cabecera-titulo h1 b { font-weight:normal; color:#d8276a; }
.cabecera-titulo h1 a { color:#333;	 }
.cabecera-subtitulo { font-family:Georgia; color:#666; font-size:14px; margin:0px 0px 20px 54px;	 }					

#menu-principal { z-index:0; margin:0px 10px 0px 10px; width:868px; padding:8px 0px 8px 5px; border:1px solid #ccc; background-color: #ededed; filter:alpha(opacity=70); opacity: 0.7; moz-opacity: 0.7; } 
#menu-principal a { font-size:14px; color:#000; padding:0px 5px 0px 5px; }
#menu-principal a:hover, #menu-principal a.activo { color:#d8276a;  }
#r-cabecera-interior #menu-principal { margin-top:32px; }

.herramientas { border-bottom:1px solid #ccc; padding:8px 10px 6px 0px; text-align:right; color:#666; margin-bottom:2px; }
.herramientas a{ color:#9b9b9b;  } .herramientas a:hover{ color:#333;  }
.herramientas img { vertical-align:middle; margin:0px 4px 0px 10px;   }

/* HOME
-----------------------------------------------------------------------------------------------------------------------*/
.home-destacado { width:215px; margin-right:5px; float:left; }
.home-destacado h1 { border:1px solid #ccc; font-size:14px; font-weight:bold; }
.home-destacado h1 a { padding:7px 10px 9px 9px; display:block; color:#fff; }
.home-destacado-txt { padding:7px 6px 0px 10px; height:129px; font-size:11px; color:#666; line-height:14px; }
.home-destacado-txt b { color:#444; } .home-destacado-txt a { font-weight:bold;  }
.home-destacado-ir { border-top:1px solid #b8b8b8; padding:4px 4px 0px 0px; text-align:right;  }
.home-destacado-ir a{ color:#666; background:url(/images/bullet-link.gif) no-repeat 0px 5px; padding-left:8px; }
.home-destacado-ir a:hover { color:#333;  }

#dest-diseno-web.home-destacado h1  { background-color:#81aee1; }
#dest-diseno-web.home-destacado h1 a { color:#fff; }
#dest-diseno-web .home-destacado-txt a { color:#81aee1; }

#dest-poscionamiento-web.home-destacado h1  { background-color:#f2e575; }
#dest-poscionamiento-web.home-destacado h1 a { color:#4b4242; }
#dest-poscionamiento-web .home-destacado-txt a { color:#bbaa1b; }

#dest-tiendas-virtuales.home-destacado h1  { background-color:#ee6e9e; }
#dest-tiendas-virtuales .home-destacado-txt a { color:#e73679;}

#dest-presupuesto-web.home-destacado { width:240px; margin-right:0px; }
#dest-presupuesto-web.home-destacado h1 { background:#81aee1 url(/images/bullet-cajetin-azul.gif) no-repeat 218px 10px; }
#dest-presupuesto-web .home-destacado-txt, #dest-presupuesto-web-interior .home-destacado-txt { height:53px; padding:2px 2px 0px 6px; }
#dest-presupuesto-web .home-destacado-txt a, #dest-presupuesto-web-interior .home-destacado-txt a { color:#387bc8; background:url(/images/bullet-link-presupuesto.gif) no-repeat 0px 4px; padding-left:7px; margin-top:3px; display:block; }

#dest-presupuesto-web-interior.home-destacado { width:215px; margin-right:0px; margin-top:10px; }
#dest-presupuesto-web-interior.home-destacado h1  { background-color:#a6a6a6; }

#dest-servicios-profesionales.home-destacado { width:240px; margin-right:0px; }
#dest-servicios-profesionales.home-destacado h1  { background:#b2b2b2 url(/images/bullet-cajetin-gris.gif) no-repeat 218px 10px;}
#dest-servicios-profesionales .home-destacado-txt { background-color:#f6f6f6; }
#dest-servicios-profesionales li a { font-weight:normal; color:#666; background:url(/images/bullet-link-rosa.gif) no-repeat 0px 6px; padding-left:10px; margin-bottom:5px; display:block;  }
#dest-servicios-profesionales li a:hover { color:#333; }

#dest-ultimos-trabajos.home-destacado h1  { background-color:#cda475;}
#dest-ultimos-trabajos .home-destacado-txt { height:82px; background-color:#f6f6f6; }
#dest-ultimos-trabajos .home-destacado-txt a { color:#6f6f6f; }
#dest-ultimos-trabajos img { margin-bottom:3px;  }

#dest-metodologia-trabajo.home-destacado { width:435px; }
#dest-metodologia-trabajo.home-destacado h1  { background-color:#6ec8b5;}
#dest-metodologia-trabajo .item { width:135px; margin-right:5px; float:left; }
#dest-metodologia-trabajo .item .titulo { text-align:left; font-weight:bold; color:#1b8972; padding-bottom:3px;  border-bottom:1px solid #1b8972;  }
#dest-metodologia-trabajo .item img { margin:5px 0px 14px 0px;}
#dest-metodologia-trabajo .home-destacado-txt { height:175px; padding-right:0px; font-size:11px; line-height:13px; text-align:center;}


#dest-actualidad.home-destacado { width:240px; margin-right:0px; }
#dest-actualidad.home-destacado h1  { background:#b2b2b2 url(/images/bullet-cajetin-gris.gif) no-repeat 218px 10px;;}
#dest-actualidad .home-destacado-txt { height:175px; }
#dest-actualidad li a { font-weight:normal; color:#666; background:url(/images/bullet-link-rosa.gif) no-repeat 0px 6px; padding-left:10px; margin-bottom:5px; display:block;  }

/* INTERIOR GENERICA
-----------------------------------------------------------------------------------------------------------------------*/
#r-interior-gen-menu { width:215px; margin-right:20px; float:left;  }
#r-interior-gen-content { width:450px; margin-right:15px; float:left; overflow:hidden; }
#r-interior-gen-doble { width:665px; float:left; }
#r-interior-gen-rel { width:200px; float:left;   }

#titulo-secc { font-size:14px; color:#d8276a; font-weight: bold; margin-top: 10px; margin-bottom: 4px;	}
#menu-local { min-height:200px; overflow: hidden; height:expression(this.scrollHeight < 201? "200px" : "auto" ); padding:8px 10px 20px 10px;  background-color:#f5f5f5; border-bottom:1px solid #b8b8b8; ; }

/* Menu primer nivel */
#menu-local li { margin-bottom:3px;}
#menu-local li a { color:#666; font-size:11px; background: url(/images/bullet-link-rosa.gif) no-repeat 0px 5px; padding-left:10px;}
#menu-local li a:hover, #menu-local li a.activo { color:#333; }

/* Menu segundo nivel */
#menu-local ul ul {  margin-bottom:15px;  }
#menu-local ul ul li { margin-top:0px; margin-bottom:0px; }
#menu-local ul ul li a { color:#888; margin:0px; display:block; font-size:11px; line-height:14px; background: url(/images/bullet-menu-local.gif) no-repeat 13px -4px; padding:2px 0px 2px 21px; }

#ruta-navegacion, #ruta-navegacion a  { background-color:#FFF; font-size:11px; color:#999; margin-top:10px; }
#ruta-navegacion a:hover { color:#666; }


#r-interior-gen-content h2, #r-interior-gen-content h1, #r-interior-gen-content h4 { font-size:11px; color:#e87da6; margin:0px; font-style: normal; margin-top:10px;}
#r-interior-gen-content h1 { font-family:Georgia; font-size:24px; line-height:24px; font-style: normal; color:#d8276a; margin:0px;}
#r-interior-gen-content h1 i { color:#333; font-style:normal;}
#r-interior-gen-content h4 { font-style: normal; font-weight:bold; color:#333;}
#contenido-local { font-size:11px; color:#333; }
#contenido-local p { font-size:11px; margin-top:9px; margin-bottom:10px; }
#contenido-local b { color:#d8276a;}
#contenido-local a { text-decoration:none; color:#333; }
#contenido-local a:hover { text-decoration: underline; }
#contenido-local li { background:url(../images/bullet-list.gif) no-repeat 0px 6px; padding-left:10px; }


/* PORTFOLIO
-----------------------------------------------------------------------------------------------------------------------*/

.porfolio .visor img { width:448px; height:338px; border:1px solid #ccc;  }

.porfolio .content { border:1px solid #ccc; padding:10px; margin:5px 0px 5px 0px;    }
.porfolio .content .izq { float:left; } .porfolio .content .izq b{ color:#333 !important;}
.porfolio .content .drc { float:right; }
.porfolio .paginacion a { font-family: tahoma; font-size:10px; color:#666 !important; margin-left:2px; width:20px; padding:5px 0px 5px 0px; text-align:center; float:left; background-color:#e0e0e0; }
.porfolio .paginacion a:hover, .porfolio .paginacion a.activo { color:#fff !important; background-color:#a1a1a1; }
.porfolio .scroll { border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; white-space: nowrap; overflow: hidden; width: 450px; padding-top: 25px; padding-bottom: 25px; position: relative; text-align: center;  }

.porfolio-rel { margin-top:66px; background:url(/images/relacional-portfolio.jpg) no-repeat; padding-top:316px;  }
.porfolio-rel .destacado-top { background:url(../images/grafo-flecha-dest.gif) no-repeat 0px 0px; width:200px; height:64px; border-bottom:1px solid #f3bed2; padding-bottom:5px;   }
.porfolio-rel .destacado-content { font-size:12px; padding:5px 10px 0px 10px; border-bottom:1px solid #f3bed2;  }
.porfolio-rel .destacado-content img { width:185px; height:56px; margin:4px 0px 7px 0px; }


.porfolio-capturas, .porfolio-capturas-over {
width:48px; height:38px; margin-left:10px; 
border-width: 1px; border-style: solid; border-color: #b8b8b8; visibility:visible;
 }
.porfolio-capturas-over {
margin-top:-20px; margin-BOTTOM:-10px; margin-left:-25px;  margin-RIGHT:-13px;
width:98px; height:68px; 
}
/* CASOS ESTUDIO
-----------------------------------------------------------------------------------------------------------------------*/
.casosestudio-rel { margin-top:66px; background:url(/images/relacional-casoestudio.jpg) no-repeat; padding-top:300px;  }
.estudio-destacado b { color:#333 !important; }
.estudio-destacado-graf { font-family:Georgia; font-size:11px; letter-spacing:-1px;  padding:69px 5px 0px 215px; margin:5px 0px 30px 0px; height:133px; }
.estudio-destacado-graf b { color:#333 !important; }
.estudio-destacado-graf .link { color:#999 !important; font-size:11px; display:block; margin-top:5px;  }
.estudio-destacado-separador { border-bottom:1px solid #d6d5d5; margin:2px 0px 2px 0px;  }
.casosestudio-item { width:200px; margin-top:10px; margin-right:15px; float:left; }
.casosestudio-item .titulo { background:url(/images/bullet-mas.gif) no-repeat 190px 20px; border-bottom:1px solid #ccc; margin-bottom:4px; padding-bottom:7px;  }
.casosestudio-item .titulo a { font-size:12px; color:#333; }
.casosestudio-item .titulo i { font-size:11px; color:#666; font-style:normal;  }
.casosestudio-item img { border:1px solid #c1c1c1; width:198px; height:138px; }


#r-interior-gen-doble.casoestudio { background-position:0px 85px !important;}
#r-interior-gen-doble.casoestudio b { color:#333; }
.casoestudios-ficha-herramientas { margin:100px 0px 20px 0px; text-align:right; border-bottom:1px solid #d9d9d9; padding-bottom:4px; color:#999; font-size:11px;  }
.casoestudios-ficha-herramientas a { color:#999; }
.casoestudios-ficha-content {  }
.casoestudios-tabla { border:0px;  }
.casoestudios-tabla .captura { border:1px solid #ccc;  }
.estudio-separador { border-bottom:1px solid #d6d5d5; margin:7px 0px 7px 0px; }

.casosestudio-ficha-rel { padding:500px 0px 0px 0px; font-size:12px; }
.casosestudio-ficha-rel .item { margin-top:5px !important;   float:left;  }
.casosestudio-ficha-rel img { width:80px; height:68px; border:1px solid #999; margin-left:5px;}
.casosestudio-ficha-rel .link  { display:block; margin-top:5px;  } .casosestudio-ficha-rel .link a { color:#999; font-style:italic;   }



.form-contactar { font-weight:bold; font-size:11px;  }
.form-contactar input { width:187px; height:19px; border:1px solid #7f9db9; display:block; margin-bottom:4px;  }

.opciones input { display:inline; width:auto; font-weight:normal; vertical-align:middle; font-size:11px; }
.opciones  { font-weight:normal; }

/* CLIENTES
-----------------------------------------------------------------------------------------------------------------------*/
.clientes { border-top:1px solid #dbdbdb; margin:20px 0px 20px 0px;  }
.clientes .item { float:left; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; width:148px; height:110px; text-align:center; padding:7px 0px 0px 0px; }
.clientes .item a { color:#999 !important;  }
.clientes .item a:hover{ text-decoration:underline !important;  }

/* PIE
-----------------------------------------------------------------------------------------------------------------------*/

#pie { background:#f0f0f0 url(/images/pie.gif) no-repeat; padding:20px 0px 20px 10px; color:#333; margin-top:20px;  }
#pie .izq { float:left; }
#pie .izq i{ font-style:normal; color:#666;}
#pie .drc { float:right;}

div.clear { clear:both; font-size:1px; height:1px; display:block; }