* {
  padding:0;
  margin:0;
  font-family: sans-serif;
  font-size: 1em;
}

a, a:visited {
  color:royalblue;
  text-decoration:none;
}

a:hover {
  color:royalblue;
  text-decoration:underline;
}

a img {
  border:none;
}

body {
  background:transparent url(../img/portada/rednapack_fondo.png) repeat-x;
}

#container {
  width:49em;
  margin:0 auto;
  margin-top:1em;
  background-color:#fff
}

/****************************************************************************
**  HEADER / FOOTER
****************************************************************************/


#header {
  width:100%;
  overflow:auto;
}

#header h1{
  font-size:2em;
  width:11em;
  float:left;
  padding:0.3em 0 0.5em 0em;
}

#header h1 .title{
  float:left;
  margin:0;
  padding:0;
  background: url(../img/portada/rednapack_letra.png) no-repeat;
  overflow: hidden;
  /*Size of the image*/
  padding-top: 46px;
  width: 261px;
  /* WIN IE5 hack */
  height:46px;
  voice-family: "\"}\"";voice-family:inherit;
  height: 0;
}

#header p{
  float:left;
  width:11em;
  text-align:center;
  font-weight:bold;
  font-size:0.9em;
  color:#666;
  padding-left:2em;
  padding-top:1.2em;
}

#header ul{
  float:right;
  width:12em;
  margin:0.5em 0 0 0;
  font-size:0.9em;
  text-align:right;
  list-style:none;
  font-weight:bold;
  color:#666;
}

#header .grupo {
  font-size:0.3em;
  color:#DF0F1B;
  padding:2.7em 2em 0 1em;
  line-height:1em;
  float:left;
  width:5em;
  text-transform:uppercase;
  background:transparent url(../img/portada/rednapack.gif) bottom right no-repeat;
}

#footer {
  clear:both;
  padding-top:0.5em;
  text-align:center;
  font-size:0.9em;
}

#footer p {

}

#footer ul {
  list-style:none;
  font-size:0.9em;
  color:#666
}

#footer li {
  display:inline;
}

/****************************************************************************
**  CONTENT
****************************************************************************/

#content {
  overflow:auto;
  border:1px solid #ccc;
  padding:1em;
}

/****************************************************************************
**  MENU
****************************************************************************/
#menucont {
  overflow:auto;
}

.menu {
  width: 170px;
  list-style: none;
  background: #fff;
  float: left;
}

.menu li {
  padding: 0;
  margin: 0 0 1px 0;
  height: 35px;
  display: block;
}

.menu li a, .menu li a:visited {
  text-align: right;
  height: 35px;
  padding: 0px 25px;
  font: 16px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  display: block;
  background: url('../img/verMenuImages.png') 0px 0px no-repeat;
  text-decoration: none;
  line-height:35px;
}

.menu li a:hover {
  background: url('../img/verMenuImages.png') 0px -35px no-repeat;
  color: #f2f22c;
}

.menu li a.selected, .menu li a.selected:visited, .menu li a.selected:hover {
  background: url('../img/verMenuImages.png') 0px -70px no-repeat;
  color: #fff;
  cursor:default;
}

.menu li a.active:hover {
  text-decoration:none;
  cursor:default;
}

.menu li a span {
  line-height: 35px;
}

.faldon {
  width:36em;
  height:13.45em;
  text-align:center;
  float:right;
}

/****************************************************************************
**  PORTADA
****************************************************************************/

#main {
  width:46.9em;
  overflow:auto;
  margin-top:1em;
  background:transparent url(../img/portada/rednapack_fondo.png) 0em -4em repeat-x;
  border-top: 3px solid #ccc;
  border-bottom: 1px solid #eee;
  padding-bottom:1em;
}

.presentacion {
  float:left;
  width:19em;
}

.presentacion p {
  margin:0.8em 0.3em 0  0.5em;
  text-align:justify;
  line-height:1.1em;
  font-size:1.05em;
  color:#666;
  font-family:"Trebuchet MS", arial;
  font-weight:normal;
}

/*
.presentacion p:first-letter {
  color:#951DD0;
  font-size:2.7em;
  line-height:0.89em;
  float:left;
  margin:0;
  padding:0;
}
*/


/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/page_menu2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#hoverpage ul#outer li div p {font-size:0.9em; line-height:19px; margin: 8px 10px 5px 0;text-align:justify; font-family:"Trebuchet MS", arial; line-height:1.2em;}
#hoverpage ul#outer li div h2 {line-height:1.5em; color:#585; font-size:1em; font-weight:bold; margin-top:0; font-family:verdana, sans-serif;}
#hoverpage ul#outer li div h3 {line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#outer li div h3.clear {clear:left;}

/* Tamaņo general del menu */
#hoverpage {
  margin:1em 0.5em 0 0;
  float:right;
  border: 1px solid #ccc;
  width:26em; height:11em; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left;
}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

/* items menu izquierdo*/
#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:0.5em; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#951DD0; font-weight:bold; font-style:normal; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:3px;}
#hoverpage ul#outer li.p2 i {top:33px;}
#hoverpage ul#outer li.p3 i {top:63px;}
#hoverpage ul#outer li.p4 i {top:93px;}
#hoverpage ul#outer li.p5 i {top:123px;}
#hoverpage ul#outer li.p6 i {top:153px;}

/* tamaņo contenedor total interno (un poco menos que el contenedor externo) */
#hoverpage ul#outer li.page div {width:25.9em; height:10.9em; padding:0em 0.4em; font-weight:normal; color:#444;}

#hoverpage ul#outer li.p1 div {background:#fff}
#hoverpage ul#outer li.p2 div {background:#fff}
#hoverpage ul#outer li.p3 div {background:#fff}
#hoverpage ul#outer li.p4 div {background:#fff}
#hoverpage ul#outer li.p5 div {background:#fff}
#hoverpage ul#outer li.p6 div {background:#fff}

#hoverpage ul#outer li div img {border:1px solid #888; float:right; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a, #hoverpage ul#outer li div a:visited {color:#00c; text-decoration:underline;}

/* tamaņo y posicion bloque menu izquierda que mueve el background del hover */
#hoverpage ul#outer li div span {margin-top:-8px;display:block; width:145px; height:176px; float:right; background:#fff url(../img/portada/current.gif) no-repeat; margin-right:0px;}

#hoverpage ul#outer li.p1 div span {background-position: 10px 0;}
#hoverpage ul#outer li.p2 div span {background-position: 10px 30px;}
#hoverpage ul#outer li.p3 div span {background-position: 10px 60px;}
#hoverpage ul#outer li.p4 div span {background-position: 10px 90px;}
#hoverpage ul#outer li.p5 div span {background-position: 10px 120px;}
#hoverpage ul#outer li.p6 div span {background-position: 10px 150px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}
#hoverpage ul#outer li.page a.menuitem:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverpage ul#outer a:hover i {color:#66a; font-weight:bold;} /* for IE6 */
#hoverpage ul#outer :hover a i,
#hoverpage ul#outer :hover a:visited i
{color:#66a; font-weight:bold;}

#hoverpage ul#outer div ul    {margin-left:10.7em}
#hoverpage ul#outer div ul li {line-height:20px; font-size:0.9em; color:#256; list-style-type:disc;}
#hoverpage ul#outer div ul li a,
#hoverpage ul#outer div ul li a:visited
{line-height:25px; font-size:1em; color:#256;}

/****************************************************************************
**  PAGINAS
****************************************************************************/

#main.pnormal {
  padding:1em;
  width:44.9em;
}

.pnormal p{
  font-family:"Trebuchet MS";
  line-height:1.2em;
  margin-bottom:0.8em;
}

.pnormal ul{
  margin-left:1em;
}

.pnormal li{
  font-size:0.9em;
  font-family:"Trebuchet MS";
}

/****************************************************************************
**  CONTACTO
****************************************************************************/

form {
  font-size:0.85em;
}

fieldset {
  padding:1em;
  background-color:#fff;
  height:13em;
}

fieldset.info {
  float:left;
  width:18em;
}

fieldset.contact {
  float:right;
  width:28.8em;
}

label {
  width:14em;
  float:left;
  margin-bottom:1em;
}

input {
  width:14em;
  float:left;
  margin-bottom:1em;
}

textarea {
  width:28em;
  height:5em;
}

#enviar {
  margin:0 auto;
  width:5em;
  clear:both;
  float:none;
  display:block;
}

/****************************************************************************
**  LEGAL
****************************************************************************/

#legal {
  font-size:0.85em;
}

#legal dt {
  font-weight:bold;
  margin:1em 0 0.5em 0;
}

#legal dd {
}