html {height:100%;color:#333;background:#FFF url(/img/body_bg.png) repeat-x top left; font:12px/120% "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;}
body {margin:0; padding:0;	background:transparent url(/img/stripe.png) repeat-y 50% 50%; _background:none; /* cancel out the png background for IE */ }
p { margin:0 0 1em; }
h1, h2, h3, h4, h5, h6 { 	margin:0; padding:0; }
img { border:0; }
a {color:#09C;}
a:visited {color:#333;}
a:hover {color:#54649f;}


h1 {background:#FFF url(/img/message.jpg) no-repeat 0 1px;margin:0;padding:1px 0 0;width:760px; height:50px;text-indent:-9999px;}


#hd_hook {background:transparent url(/img/hd_wide.png) no-repeat 50% 0;}
#hd {width:764px; height:99px; background:transparent url(/img/hd_bg.png) no-repeat 0 13px;margin:0 auto;position:relative;}
      #hd h2#logo {	margin:0; padding:0;	width:171px; height:86px;	position:relative; top:13px;	background: transparent url(/img/logo.png) no-repeat top left; }
      #hd h2#logo a { display:block; width:171px; height:86px;	text-indent:-9999px;	text-decoration:none; overflow:hidden;}

      #hd ul {margin:0;padding:0;position:absolute;top:13px;right:0;width:357px;}
      #hd li {display:inline; margin:0; padding:0; float:left;}
      #hd ul a {display:block;text-indent:-999px;overflow:hidden;height:40px;}

      #hd a.home    {width:53px; background: transparent url(/img/nav.png) no-repeat 0 0; }
      #hd a.empresa {width:70px; background: transparent url(/img/nav.png) no-repeat -53px 0; }
      #hd a.servicios    {width:73px; background: transparent url(/img/nav.png) no-repeat -123px 0;}
      #hd a.productos    {width:81px; height:40px;background: transparent url(/img/nav.png) no-repeat -196px 0; }
      #hd a.contacto {width:80px; height:40px;	background: transparent url(/img/nav.png) no-repeat -276px 0; }
      #hd a.home:hover    {background: transparent url(/img/nav.png) no-repeat 0 -40px; }
      #hd a.empresa:hover {background: transparent url(/img/nav.png) no-repeat -53px -40px; }
      #hd a.servicios:hover    {background: transparent url(/img/nav.png) no-repeat -123px -40px;}
      #hd a.productos:hover    {height:81px;background: transparent url(/img/nav.png) no-repeat -196px -40px; }
      #hd a.contacto:hover {height:40px;	background: transparent url(/img/nav.png) no-repeat -276px -40px; }

#ft {position:relative;width:100%; }
#ft .hook {color:#697174;	margin:0 auto;	width:760px; height:86px;	font-size:.8em;	background-color: #2C3336; }
#copyright {float:left; padding:5px; }
#contact {float:right; padding:5px;}

a.dbas {color:#677bc1;}

#content {position:relative;width:760px;margin:0 auto;background-color:#FFF;overflow:hidden;background:#FFF url(/img/bg_c2.png) repeat-y 0 1px;}
#contentb {position:relative;width:760px;margin:0 auto;background-color:#FFF;overflow:hidden;background:#FFF  repeat-y 0 1px;}

#text {	padding:20px;width:490px;float:left;}
#text h2 { background: transparent url(/img/hori_dot.gif) repeat-x bottom left;	padding-bottom:10px; margin-bottom:10px; }

/*
  BLOG and WORK widgets
*/

#blog, #work {	padding:1px 0 0 1px; background:#FFF url(/img/vert_dot.gif) repeat-y 0 0;	width: 222px; float:right;	font-size:90%; }
#blog a, #work a {line-height:0;	color:#5aa600;	display:block;	text-decoration:none; }
#blog .post, #work .post {	background-color:#d9d9d9;	border-bottom:1px solid #c3c6c8; }
#blog .post.odd, #work .post.odd {background-color:#edeee6;}
#blog .post h4, #work .post h4 {font-size:100%;padding:10px 10px 0;}
#blog .post p, #work .post p {padding:0 10px 0;}
#blog .post a, #work .post a {display:inline;line-height:120%;}
#blog .post a.link, #work .post a.link {display:block;clear:both;text-align:right;	color:#666;	background: transparent url(/img/view_bg.gif) no-repeat bottom right;padding:1px 20px 3px 0; }
#work .post img {float:left;margin:2px 3px 3px 10px;}

/*
  per page styles
*/
body.home h1    {height:170px;}
body.contacto h1 {background: #FFF url(/img/h_contacto.png) no-repeat 0 1px;}
body.servicios h1 		{background: #FFF url(/img/h_servicios.png) no-repeat 0 1px;}
body.empresa h1 {background: #FFF url(/img/h_empresa.png) no-repeat 0 1px;}
body.productos h1    {background: #FFF url(/img/h_productos.png) no-repeat 0 1px;}
body.clientes h1 {background: #FFF url(/img/h_clientes.png) no-repeat 0 1px;}