/* CSS DOCUMENT */

body {
background-color: #cccccc;
background-image: url(pics/fondo.gif);
font-family: verdana, sans-serif;
color: #888888;
}


/* WRAPPER STUFF */
#wrapper {
background-color: white;
margin-top: 10px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
width: 790px;
border: 1px solid black;
padding: 5px;
}

#header {
width: 780px;
height: 120px;
margin-top: 5px;
margin-bottom: 0;
margin-left: 5px;
margin-right: 5px;
padding: 0;
background-image: url(pics/header.jpg);
background-repeat: no-repeat;
}

/* DISPLAYS */

#display1 {
width: 780px;
height: 188px;
margin-top: 0;
margin-right: 5px;
margin-left: 5px;
padding: 0;
background-image: url(pics/display1.jpg);
background-repeat: no-repeat;
border-bottom: 9px solid black;
}

#display2 {
width: 780px;
height: 188px;
margin-top: 0;
margin-right: 5px;
margin-left: 5px;
padding: 0;
background-image: url(pics/display2.jpg);
background-repeat: no-repeat;
border-bottom: 9px solid black;
}

#display3 {
width: 780px;
height: 188px;
margin-top: 0;
margin-right: 5px;
margin-left: 5px;
padding: 0;
background-image: url(pics/display3.jpg);
background-repeat: no-repeat;
border-bottom: 9px solid black;
}

#display4 {
width: 780px;
height: 188px;
margin-top: 0;
margin-right: 5px;
margin-left: 5px;
padding: 0;
background-image: url(pics/display4.jpg);
background-repeat: no-repeat;
border-bottom: 9px solid black;
}

#display5 {
width: 780px;
height: 188px;
margin-top: 0;
margin-right: 5px;
margin-left: 5px;
padding: 0;
background-image: url(pics/display5.jpg);
background-repeat: no-repeat;
border-bottom: 9px solid black;
}

#display6 {
width: 780px;
height: 188px;
margin-top: 0;
margin-right: 5px;
margin-left: 5px;
padding: 0;
background-image: url(pics/display6.jpg);
background-repeat: no-repeat;
border-bottom: 9px solid black;
}

#display7 {
width: 780px;
height: 188px;
margin-top: 0;
margin-right: 5px;
margin-left: 5px;
padding: 0;
background-image: url(pics/display7.jpg);
background-repeat: no-repeat;
border-bottom: 9px solid black;
}


/* NAVIGATION */
#menu {
width: 780px;
height: 20px;
margin-top: -18px;
margin-right: 5px;
margin-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
background-color: black;
}

#menu ul {
margin: 0;
padding: 0;
}

#menu li {
display: inline;
font-family: verdana, sans-serif;
font-size: 8pt;
font-weight: bolder;
color: white;
margin-left: 10px;
}

#menu a:link, #menu a:visited {
text-decoration: none;
color: white;
}

#menu a:hover {
text-decoration: underline;
color: #cccccc;
}

/* SUBMENU de navegacion */

#subnav {
width: 780px;
height: 20px;
margin-top: 0;
margin-right: 5px;
margin-left: 5px;
padding-top: 3px;
padding-bottom: 1px;
background-color: #eeeeee;
}

#subnav ul {
margin: 0;
padding: 0;
}

#subnav li {
display: inline;
font-family: verdana, sans-serif;
font-size: 9pt;
font-weight: bolder;
font-color: black;
margin-left: 20px;
list-style-image: url(pics/li_handybox.gif);
}

#subnav a:link, #subnav a:visited {
text-decoration: none;
color: black;
background-image: url(pics/more_bullet.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 16px;
}

#subnav a:hover {
text-decoration: underline;
color: #cccccc;
}



/* opcion de idioma de navegacion */
#language {
font-family: verdana, sans-serif;
font-size: 8pt;
font-style: italic;
font-weight: bolder;
float: right;
padding: 0 20px 0 0;
margin: -13px;
}


/* CONTENTS */
/*La #main es una delimitacion de espacios relativos*/
#main {
position: relative;
top: 0;
right: 0;
width: 100%;
margin: 5px;
}

/*La contentbox y todas sus variables */
#contentbox {
margin: 0 250px 0 0;
width: auto;
height: auto;
padding: 10px 10px 5px 10px;
border: 1px solid #cccccc;
background-color: white;
}

#contentbox h1 {
background-image: url(pics/tit_contentbox.gif);
background-repeat: no-repeat;
padding: 0.2em 0 0.9em 0.7em;
font-family: verdana, sans-serif;
font-size: 14pt;
font-style: normal;
font-weight: normal;
color: white;
}

#contentbox h2 {
padding: 0.2em 0 0.9em 0.7em;
font-family: verdana, sans-serif;
font-size: 13pt;
font-style: normal;
font-weight: bolder;
color: black;
}

#contentbox p {
font-family: verdana, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: lighter;
color: #888888;
text-align: justify;
margin-left: 20px;
margin-right: 15px;
}

#contentbox li {
font-family: verdana, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: lighter;
color: #888888;
text-align: left;
margin-left: 20px;
margin-right: 15px;
list-style-image: url(pics/li_handybox.gif);
}

#contentbox li a:link, #contentbox li a:visited{
text-decoration: none;
color: #444444;
}

#contentbox li a:hover{
text-decoration: underline;
color: black;
}

/* La handybox es la columna de la derecha*/
#handybox {
position: absolute;
top: 0;
right: 10px;
width: 210px;
height: auto;
padding: 10px 10px 5px 10px;
border: 1px solid #cccccc;
background-color: #eeeeee;
}

#handybox h2 {
font-family: verdana, sans-serif;
background-image: url(pics/tit_handybox.gif);
background-repeat: no-repeat;
padding: 0.2em 0 0.7em 0.5em;
font-size: 10pt;
font-style: normal;
font-weight: bolder;
color: white;
}

#handybox ul {
list-style-image: url(pics/li_handybox.gif);
margin: 0;
padding: 0;
}

#handybox li {
font-family: verdana, sans-serif;
font-size: 9pt;
font-style: normal;
font-weight: lighter;
letter-spacing: -0.03em;
line-height: 130%;
margin-left: 20px;
}

#handybox li a:link, #handybox li a:visited{
text-decoration: none;
color: #444444;
}

#handybox li a:hover{
text-decoration: underline;
color: black;
}


#handybox p.more {
clear: both;
text-align: right;
font-family: verdana, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: bolder;
}

#handybox p.more a:link, #handybox p.more a:visited  {
color: black;
text-decoration: none;
background-image: url(pics/more_bullet.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 16px;
}

#handybox p.more a:hover{
text-decoration: underline;
color: silver;
}


#footer {
clear: both;
width: 780px;
height: 20px;
margin-top: 0px;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 5px;
background-color: #f00027;
}

#footer p {
padding: 1px;
font-family: verdana, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: bolder;
color: white;
text-align: center;
}