/***************************************************************************************** Elementos comunes */

html, body { height: 100%; }

body {
  background: #fff;
  text-align: center;
}
.clear { clear: both; }
.push { height: 67px; }

p, a, h1, h2, h3, h4, h5, h6, dt, dd, li, span, label, input, textarea { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }


/***************************************************************************************** Estructura */

#wrapper {
  margin: 0 auto;
  width: 960px;
  text-align: left;  
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -67px;
}
#header {
  float: left;
  width: 100%;
  height: 142px;  
}
#sidebar {
  float: left;
  width: 215px;
}
#main {
  float: right;
  width: 735px;
  padding: 0 0 47px;
}


/***************************************************************************************** Encabezado */

#header h1 { float: left; }
#header h1 a { 
  float: left;
  width: 215px;
  height: 142px;
  background: url(../images/logo.png) no-repeat;
  text-indent: -9999px;  
}
#login_zone {
  float: right;
  padding: 6px 0 0;
}
#login_zone a {
  float: left;
  width: 122px;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 32px;
  color: #fff;
  background: url(../images/header_links.png) no-repeat; 
  font-size: 12px;
  font-weight: bold;
} 
#login_zone a.cesta { margin: 0 8px 0 0; }
#login_zone a.usuario { background-position: -162px 0; }


/***************************************************************************************** Menú de navegación */

#nav {
  float: right;
  width: 696px;
  height: 72px;
  margin: 14px 0 0;
  padding: 0 0 0 29px;
  background: url(../images/nav_bg.png) left bottom no-repeat;   
}
#nav li {
  float: left;
  height: 72px;
}
#nav li.nav_ini { width: 99px; }
#nav li.nav_emp { width: 118px; }
#nav li.nav_not { width: 101px; }
#nav li.nav_cat { width: 116px; }
#nav li.nav_enl { width: 103px; }
#nav li.nav_con { width: 114px; }

#nav li a {
  float: left;
  width: 100%;
  height: 72px;
  text-indent: -9999px;
  background: url(../images/nav_over.png) center -900px no-repeat;  
}
#nav li a:hover, #nav li.active a { background-position: center top; }


/***************************************************************************************** Sidebar */

#sidebar h4 {
  float: left;
  width: 180px;
  height: 34px;
  line-height: 33px;
  background: url(../images/sidebar_header.png) no-repeat;
  color: #fff;
  font-size: 16px; 
  font-weight: normal;
  padding: 0 0 0 35px;
  margin: 0 0 7px;
}
#sidebar ul#cat_nav {
  float: left;
  width: 100%;
}
#sidebar ul#cat_nav li {
  float: left;
  width: 100%;
}
#sidebar ul#cat_nav li a {
  float: left;
  width: 180px;
  height: 22px;
  line-height: 18px;
  font-size: 14px;
  color: #fff;
  padding: 0 0 0 35px;
  background: url(../images/sidebar_item_lev1.png) no-repeat; 
}
#sidebar ul#cat_nav li.active a, #sidebar ul#cat_nav li a:hover { background-position: 0 -22px; }
#sidebar ul#cat_nav li ul li a,
#sidebar ul#cat_nav li.active ul li a { 
  color: #6d6d6d;
  font-size: 12px;
  line-height: 20px;
  padding: 0 0 0 70px;
  width: 145px;
  background: url(../images/sidebar_item_lev2.png) no-repeat; 
} 
#sidebar ul#cat_nav li ul li.active a,
#sidebar ul#cat_nav li ul li a:hover,
#sidebar ul#cat_nav li.active ul li a:hover,
#sidebar ul#cat_nav li.active ul li.active a { background-position: 0 -22px; }


/***************************************************************************************** Principal */

#main h2 {
  float: left;
  width: 100%;
  height: 34px;
  background: url(../images/main_title.png) right top no-repeat;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  line-height: 34px;
  text-indent: 40px; 
}
#main h3 {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  color: #91bd12;
  float: left;
  width: 100%;
  padding: 0 0 10px;
}

#main .paginacion {
  float: right;
  width: 685px;
  padding: 0 0 0 50px;
  text-align: center;
}
#main .paginacion a {
  font-family: "Bauhaus 93", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #91bd12;
  padding: 0 4px;
}
#main .paginacion a.active, #main .paginacion a:hover { color: #00b0d7; }


/***************************************************************************************** Pie */

#footer {
  margin: 0 auto;
  width: 735px;  
  height: 51px;
  padding: 16px 0 0 225px;
  background: url(../images/footer_bg.png) right top no-repeat; 
}
#footer p.copy, #footer p.copy a {
  text-align: center;
  font: 12px/18px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #fff;  
}
#footer ul#footer_nav {
  float: left;
  width: 100%;
  text-align: center;
}
#footer ul#footer_nav li { 
  display: inline;
  color: #fff;
  font-size: 11px;
  font-weight: bold;  
}
#footer ul#footer_nav li a { color: #fff; }
#footer a:hover { text-decoration: underline;  }