/* Reset! */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline }
:focus { outline:0 }
body { line-height:1 }
ol, ul { list-style:none }
table {	border-collapse:separate; border-spacing:0 } /* agregar 'cellspacing="0"' en HTML */
caption, th, td { text-align:left; font-weight:normal }
blockquote:before, blockquote:after, q:before, q:after { content:"" }
blockquote, q {	quotes:"" "" }

body { background:#d2dcdd url(images/bg.jpg) top no-repeat; font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif }
* a { position:relative }
a { outline:none; text-decoration:none }
a img { border:none }
strong { font-weight:bold }

.clr { clear:both }

h1, h2, h3 { font-size:18px; color:#f79b28; letter-spacing:-.03em; text-transform:uppercase; padding:0 0 10px 10px }
h2 { color:#666 }
h3 { color:#999 }

#encabezado { position:relative; background:url(images/bg-encabezado.png) no-repeat 102px 72px; width:931px; margin:0 auto }

.neurosys { display:block; width:316px; height:136px; background:url(images/h-neurosys.png) left no-repeat; z-index:1 }
.neurosys h1 a, .neurosys div a { display:block; width:316px; height:136px }
.neurosys h1, .neurosys div { text-indent:-9999px }
.neurosys h2, .neurosys p { display:none }


#nav { position:absolute; bottom:35px; right:35px; width:580px; height:58px }
#nav li { float:left }
#nav li a { display:block; height:58px; text-indent:-9999px; margin:0 }
#nav li.empresa a { width:104px; background:url(images/nav-empresa.jpg) no-repeat 0 0 }
#nav li.empresa a:hover { background:url(images/nav-empresa.jpg) no-repeat 0 -58px }
#nav li.empresa-act a { width:104px; background:url(images/nav-empresa-act.jpg) no-repeat 0 0 }
#nav li.servicios a { width:112px; background:url(images/nav-servicios.jpg) no-repeat 0 0 }
#nav li.servicios a:hover { background:url(images/nav-servicios.jpg) no-repeat 0 -58px }
#nav li.servicios-act a { width:112px; background:url(images/nav-servicios-act.jpg) no-repeat 0 0 }
#nav li.portfolio a { width:119px; background:url(images/nav-portfolio.jpg) no-repeat 0 0 }
#nav li.portfolio a:hover { background:url(images/nav-portfolio.jpg) no-repeat 0 -58px }
#nav li.portfolio-act a { width:119px; background:url(images/nav-portfolio-act.jpg) no-repeat 0 0 }
#nav li.proyectos a { width:123px; background:url(images/nav-proyectos.jpg) no-repeat 0 0 }
#nav li.proyectos a:hover { background:url(images/nav-proyectos.jpg) no-repeat 0 -58px }
#nav li.proyectos-act a { width:123px; background:url(images/nav-proyectos-act.jpg) no-repeat 0 0 }
#nav li.contacto a { width:122px; background:url(images/nav-contacto.jpg) no-repeat 0 0 }
#nav li.contacto a:hover { background:url(images/nav-contacto.jpg) no-repeat 0 -58px }
#nav li.contacto-act a { width:122px; background:url(images/nav-contacto-act.jpg) no-repeat 0 0 }

#contenido { position:relative; min-height:384px; background:url(images/bg-contenido.png) center repeat-y; width:931px; margin:-10px auto 0 }

.info, .galeria { position:relative; width:483px; margin-left:130px; padding-bottom:20px }

/*.info h2 { margin:8px 0 0 }*/

.info p, .info ul { font-size:14px; color:#333; line-height:20px; padding:2px 10px 10px }
.info .pq { font-size:12px }
.info ul li { padding:2px 2px 2px 10px; color:#666 }
.info a { color:#f79b28; border-bottom:1px solid #ddd }
.info a:hover { color:#000; border-bottom:1px solid #f79b28 }

.galeria p { font-size:13px; line-height:15px; color:#999; padding:2px 8px 10px }
.galeria .img { position:relative; width:473px; height:120px; padding:0 5px; margin:4px 0 12px 0 }
.galeria .img .flt { position:relative; float:left }
.galeria .img span { position:absolute; top:-88px; left:6px; display:block; width:218px; height:100px; background:url(images/bg-span-galeria.png) no-repeat }
.galeria .img img, .clienteflt {	border:none; padding:5px 6px; margin-right:12px; background:url(images/bg-img-galeria.gif) no-repeat; width: 218px; height: 100px; }
.clienteflt{
	margin: 0px auto !important;
}

.galeria h2, .galeria h3 { padding:5px 4px 2px }
.galeria h2 a, .galeria h3 a { text-transform:none; color:#f79b28 }
.galeria h2 a:hover, .galeria h3 a:hover { color:#000 }

.columna { position:absolute; top:0; right:0; width:318px }
.columna h2, .columna h3 { padding:0 0 10px 16px }
.columna ul { font-size:13px; color:#222; padding:0 5px 20px }
.columna ul li { width:245px; height:58px; background:url(images/bg-li-columna.jpg) no-repeat; line-height:56px; padding-left:38px }
.columna li a { color:#000 }
.columna li a:hover { color:#666 }
.columna p { font-size:12px; color:#333; line-height:16px; padding:2px 36px 10px 17px }
.columna strong { font-size:18px; font-weight:normal; letter-spacing:-.03em }
.columna p a { color:#f79b28; border-bottom:1px solid #ddd }
.columna p a:hover { color:#000; border-bottom:1px solid #f79b28 }


#frmcontacto fieldset { margin-top:10px; padding:0 8px 14px; border:1px solid #f9f9f9; background:#fefefe }
#frmcontacto legend { font-size:18px; background:#fff; text-transform:uppercase; color:#666; letter-spacing:-.03em; margin-bottom:10px }
#frmcontacto label { font-size:14px; text-indent:11px; width:440px; display:block; line-height:24px; color:#666; margin-bottom:2px }
#frmcontacto .flt { width:214px; float:left }
#frmcontacto .pr { margin-right:25px }
#frmcontacto input { font-size:100%; width:440px; height:18px; background:url(images/bg-input.gif) no-repeat 0 0; border:0; color:#999; padding:10px; font:14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif }
#frmcontacto input.pq { width:202px; height:18px; background:url(images/bg-input-pq.gif) no-repeat 0 0; border:0; color:#999; padding:10px; font:14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif }
#frmcontacto textarea { width:440px; height:100px; margin-bottom:6px; background:url(images/bg-textarea.gif) no-repeat 0 0; border:0; overflow:auto; color:#999; padding:10px; font:14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif }
#frmcontacto input:focus { background:url(images/bg-input.gif) no-repeat 0 -38px; color:#f79b28 }
#frmcontacto input.pq:focus { background:url(images/bg-input-pq.gif) no-repeat 0 -38px; color:#f79b28 }
#frmcontacto textarea:focus { background:url(images/bg-textarea.gif) no-repeat 0 -120px; color:#f79b28 }
#frmsubmit { float:right; padding:0 5px; cursor:pointer; text-transform:uppercase; font:24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; border:0; background:none; color:#f79b28; margin-right:-29px }
#frmsubmit:hover { color:#999 }



#borde { width:931px; height:45px; background:url(images/bg-borde.jpg) right no-repeat; margin:0 auto; clear:both }


#pie { position:relative; width:100%; font-size:11px; background:url(images/bg-pie.jpg) repeat-x }
#pie div { position:relative; width:731px; height:160px; margin:0 auto; padding:17px 0 0 200px }
#pie .logo { position:absolute; top:0; left:100px; display:block; float:left; width:63px; height:63px; background:url(images/bg-pie-logo.png) no-repeat; margin-left:24px; text-indent:-9999px }
#pie ul { width:500px; height:13px; padding:2px 6px }
#pie ul li { float:left; padding-right:8px }
#pie a { color:#111 } #pie a:hover { color:#f79b28; border-bottom:1px solid #ccc } #pie strong { color:#444; font-weight:normal; border-bottom:1px solid #ccc }
#pie p { color:#606060; line-height:13px; padding:2px 6px; clear:left }
#pie a.aureus { position:absolute; top:20px; right:22px; background:url(images/i-aureus.gif) no-repeat 0 0; text-indent:-9999px; display:block; width:100px; height:28px; border:0 }
#pie a.aureus:hover { background:url(images/i-aureus.gif) no-repeat 0 -28px }


#bg-atras { position:absolute; background:url(images/bg-atras.jpg) repeat-x; top:150px; width:100%; height:359px; z-index:-9 }
