* {
  padding:0;
  margin:0;
  font-family:"Trebuchet MS";
  font-size: 1em;
}

body {
  background-color:#fff;
}

a {
  text-decoration:none;
}

a:hover {
  text-decoration:underline
}

.pdf {
  background: transparent url(../img/pdf.gif) 0 0.1em no-repeat;
  padding-left:1.5em;
}

.page {
  background: transparent url(../img/page.png) 0 0.1em no-repeat;
  padding-left:1.5em;
  display:block;
  margin-top:0.5em;
}

.extern {
  background: transparent url(../img/extern.gif) 0 0.1em no-repeat;
  padding-left:1.5em;
}

#container {
  margin: 1em auto;
  width:50em;
  height:39em;
  dborder: 1px solid black;
}

/****************************************************************************
**  HEADER
****************************************************************************/

#header {
  width:100%;
  overflow:hidden;
  margin-bottom:1em;
}

#header h1{
  font-size:2.4em;
  font-weight:normal;
  color:#666;
  width:13em;
  display:inline;
  list-style:none;
  float:left;
  background: transparent url(../img/logo_grupo.png) no-repeat;
  padding-left:1.8em;
}

#header h1 a{
  color:#666;
}

#header h1 a:hover{
  color:darkblue;
}

#header ul{
  text-align:right;
  width:15em;
  float:right;
}

#header li, #footer li {
  display:inline;
  list-style:none;
}

#header #idiomas {
  font-size:0.8em;
  line-height:3.5em;
  display:none;
}

#header #idiomas a, #footer li {
  color:#666;
  border-right:1px solid royalblue;
  padding-right:0.4em;
}

/****************************************************************************
**  FOOTER
****************************************************************************/

#footer {
  margin-top:1em;
}

#footer ul{
  text-align:center;
  font-size:0.8em;
}

#footer li a{
  color:#666;
  padding-left:0.4em;
}

/****************************************************************************
**  MAIN
****************************************************************************/
#main, #main_down {
  width:100%;
  overflow:hidden;
  color:#fff;
}

#main dt{
  font-size:1.2em;
  font-weight:normal;
  padding-top:3em;
  text-align:center;
  border-bottom: 1px solid #fff;
  margin-bottom:0.5em;
}

#main_down {
  margin-top:1em;
}

#main #m11 {
  background: #8AA0B6 url(../img/box1_bg_b1.png) no-repeat;
}

#main #m21 {
  background: #8AA0B6 url(../img/box1_bg_b2.png) no-repeat;
}

#main #m31 {
  background: #8AA0B6 url(../img/box1_bg_b3.png) no-repeat;
}

#main #m41 {
  background: #8AA0B6 url(../img/box1_bg_b1.png) no-repeat;
}

/****************************************************************************
**  BASE
****************************************************************************/

#base {
  margin-top:1em;
  background: #B1D4F7 url(../img/box2_bg.png) no-repeat;
  height:12.5em;
}

#base dl {
  float:left;
  width:34em;
}

#base dt {
  color:#fff;
  font-size:1.2em;
  padding:0.3em 0.5em;
}

#base dd {
  color:#666;
  font-size:0.95em;
  padding-left:0.65em;
  padding-top:0.5em;
  text-align:justify;
}

#base dl#contacto {
  float:right;
  width:13em;
}

#base dl#contacto dd{
  font-size:0.9em;
}

#base p {
  margin-bottom:0.5em;
}

#base a {
  color:#fff
}

#base.base_up {
  background: #B1D4F7 url(../img/box3_bg.png) no-repeat;
  height:19.4em;
}

#base.base_up p{
  font-size:0.9em;
}


/****************************************************************************
**  BOXES
****************************************************************************/
#ugc_box {
  background: #8AA0B6 url(../img/box9_3_bg.png) no-repeat;
  width:50em;
  overflow:show;
  float:left;
  margin-right:0.5em;
}

#m1 {
  background: transparent url(../img/portada/img1.jpg) 1.7em 2.4em no-repeat;
}

#m2 {
  background: transparent url(../img/portada/img2.jpg) 1.7em 2.4em no-repeat;
}

#m3 {
  background: transparent url(../img/portada/img3.jpg) 1.7em 2.4em no-repeat;
}

#m4 {
  background: transparent url(../img/portada/img4.jpg) 1.7em 2.4em no-repeat;
}

#m5 {
  background: transparent url(../img/portada/img5.jpg) 1.7em 2.4em no-repeat;
}

.box1 {
  padding:4.5em 1em 0 1em;
  width:8em;
  height:14.9em;
  float:left;
}

.box1 dd {
  list-style:none;
  margin-left:0.5em;
  padding-left:0.9em;
  background: transparent url(../img/bullet1.png) 0 0.4em no-repeat;
  font-size:0.95em;
}

.box1 dt a {
  color:#fff;
}

.box1 dt a:hover {
  color:darkblue;
  text-decoration: none;
}

.box4 {
  background: #8AA0B6 url(../img/box4_bg.png) no-repeat;
  width:49.98em;
  height:12.54em;
}

.box5 {
  background: #8AA0B6 url(../img/box5_bg.png) no-repeat;
  float:left;
  width:19em;
  height:12.54em;
}

.box6 {
  background: #8AA0B6 url(../img/box6_bg.png) no-repeat;
  float:right;
  width:30.34em;
  height:12.54em;
}

.box7 {
  background: #8AA0B6 url(../img/box7_bg.png) no-repeat;
  float:left;
  width:15.7em;
  height:12.54em;
  margin-right:1.4em;
}

/****************************************************************************
**  UGS
****************************************************************************/

.base_up #menu {
  /*  background-color:#A8C3DF;*/
  text-align:center;
  padding-top:0.2em;
  overflow:hidden;
  width:100%;
  height:2.1em;
}

.base_up #menu li {
  list-style:none;
  float:left;
  font-size:1.2em;
  color:#666;
  width:6.84em;
  width:131px;
}

.base_up #menu li.selected {
  background: transparent url(../img/tab.png) no-repeat;
  height:1.7em;
  margin-top:-1px;
  padding-top:3px;
}

.base_up div {
  width:16.9em;
  float:left;
  padding-top:0.65em;
  text-align:justify;
  line-height:1.15em;
  color:#444;
  height:16.4em;
  dborder:1px solid
}

#base .ugs_top_a {
  background: transparent url(../img/ugs/img1.jpg) 0.8em 0.8em no-repeat;
  padding-left:13em;
  margin-right:1.5em;
}

#base .ugs_top_b {
  width:17.8em;
}

.base_up div ul {
  margin-bottom:0.45em;
}

.base_up div li {
  font-size:0.9em;
  margin-left:1.1em;
  color:darkgreen
}

#main_down h3{
  font-size:1.2em;
  font-weight:normal;
  padding:0.2em 0;
  text-align:center;
  border-bottom: 1px solid #fff;
  margin:0 auto;
  margin-bottom:0.5em;
  width:95%;
}

#main_down ul {
  padding-left:1.8em;
  list-style:square
}

#ugs .box6 ul{
  background: transparent url(../img/ugs/img2.jpg) top right no-repeat;
  width:17.7em;
  height:9em;
  padding-right:10em;
}

/****************************************************************************
**  ING
****************************************************************************/
#ing #base .ugs_top_a {
  background: transparent url(../img/ing/img1.jpg) 0.8em 0.8em no-repeat;
}

#ing .box6 ul{
  background: transparent url(../img/ing/img2.jpg) top right no-repeat;
  width:19.7em;
  height:8.9em;
  padding-right:8em;
}

#ing .extern {
  display:block;
  margin-top:1.7em;
}

/****************************************************************************
**  UGS PUB
****************************************************************************/
#ugs_pub #base .ugs_top_a {
  background: transparent url(../img/ugc_pub/img1.jpg) 0.8em 0.8em no-repeat;
}

#ugs_pub .box6 ul{
  background: transparent url(../img/ugc_pub/img2.jpg) top right no-repeat;
  width:19.7em;
  height:8.9em;
  padding-right:8em;
}

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

#legal .ugs_top_a {
  width:35em;
  height:29em;
  background-image: url(../img/legal/legal.jpg);
  padding-left:14em;
}

#legal #base p {
  font-size:1em;
  margin-left:0.5em;
  margin-top:1em;
  color:#666;
}

#legal #base dd {
  padding:0.1em 1.5em;
}

#legal .base_up {
  background: #B1D4F7 url(../img/box8_bg.png) no-repeat;
  height:32.95em;
}

/****************************************************************************
**  INF
****************************************************************************/
#inf #base .ugs_top_a {
  background: transparent url(../img/inf/img1.jpg) 0.8em 0.8em no-repeat;
}

#inf-show .base_up {
  background: #B1D4F7 url(../img/box8_bg.png) no-repeat;
  height:32.95em;
}

#inf-show p {
  text-align:center;
  margin-top:1em;
}

#inf .extern {
  margin-top:0.75em;
  display:block;
}

#inf-show .show {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  overflow-y:scroll;
  width:49.4em;
  height:26em;
}

#inf-show .show ul {
  margin:0.1em 1.2em;
}

#inf-show .show li {
  list-style:none;
  float:left;
  width:15em;
  text-align:center;
  padding:0.5em 0.9em 0.5em 0.9em;
  margin:0 0 0.2em 0;
}

#inf-show .show li:hover {
  background:lightblue;
}

#inf-show .show li.row1 {height:13.2em}
#inf-show .show li.row2 {height:11.9em}
#inf-show .show li.row3 {height:15.6em}

#inf-show .show li.row1 img {height:168px}
#inf-show .show li.row2 img {height:148px}
#inf-show .show li.row3 img {height:203px}

#inf-show .show li img {width:218px; display:block; border:1px solid #fff; margin-bottom:0.4em}


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

#contacto .box5 p {
  text-align:center;
}

#contacto .ugs_top_a {
  width:36em;
  background: transparent url(../img/contacto/img1.jpg) 0.8em 0.8em no-repeat;
}

#contacto form {
  font-size:0.9em;
  width:40em;
  margin:1em auto;
}

#contacto label {
  float:left;
  width:10em;
  color:#fff;
  font-weight:bold;
  font-size:1em;
  height:1.72em;
  text-align:right;
}

#contacto .inputT {
  width:28em;
  height:1.48em;
  background-color:#fff;
  border: 1px solid #ccc;
  float:right;
  margin-bottom:0.1em;
}

#contacto textarea {
  width:28em;
  background-color:#fff;
  border: 1px solid #ccc;
  height:6em;
  float:right;
}

#contacto select {
  float:right;
  width:28.1em;
  margin-bottom:0.1em;
}

#contacto #denviar {
  margin:0 auto;
  text-align:center;
  width:28em;
  height:1.2em;
}

#contacto .box6 ul {
  text-align:center;
  margin:1em auto;
  padding:0;
  width:29em;
}

#contacto .box6 ul li {
  list-style:none;
  display:inline;
}

#contacto .box6 img {
  border:1px solid #666;
  display:block;
}

#contacto .box6 a {
  float:left;
  margin-right:1.58em;
  margin-left:0.3em;
  color:#fff;
}

.last, #header #idiomas a.last, #footer .last, #contacto .box6  .last a {
  margin-right:0;
  border-right:none;
}

/****************************************************************************
**  UGC
****************************************************************************/

#ugc #base .ugs_top_a {
  background: transparent url(../img/ugc/img1.jpg) 0.8em 0.8em no-repeat;
}

/* ================================================================
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/box4/one_page.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* common styling */
/* set up the overall width of the box4 div, the font and the margins with a relative position*/
#main_down .box4 ul {
  padding-left:1em;
}
.box4 {
position:relative;
z-index:100;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.box4 ul {
border:0;
}
/* float the list so that the items are in a line */
.box4 ul li {
list-style: none;
float:left;
border-bottom:1px solid #fff;
height:1.92em;
}

/* style the links to be 249px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.box4 ul li a, .box4 ul li a:visited {
  display:block;
  text-decoration:none;
  width:8.95em;
  color:#fff;
  font-size:1.2em;
  font-weight:normal;
  text-align:center;
  border:1px solid #fff;
  margin:0.3em 0.49em 0 0.49em;
}
/* make the dropdown ul invisible */
.box4 ul li ul {
display: none;
margin-top:1em;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main box4 li on hover */
.box4 ul li:hover a {
color:#fff;
border-bottom:1px solid #8CA5C0;
}

/* make the sub box4 ul visible and position it beneath the first list item */
.box4 ul li:hover ul {
text-align:left;
display:block;
position:absolute;
top:30px;
left:0;
z-index:100;
background: #8AA0B6 url(../img/box4_bg.png) 0 -2.9em no-repeat;
height:9em;
}
/* make the sub box4 ul li the full width with padding and border. Add an auto scroll bar */
.box4 ul li:hover ul li {
color:#fff;
width:47.9em;
overflow:auto;
border-bottom:none;
height:1.4em;
}

/* style the background and foreground color of the submenu links */
.box4 ul li:hover ul li a {
display:inline;
background:#eee;
color:#c00;
text-decoration:underline;
border:0;
}
/* style the background and forground colors of the links on hover */
.box4 ul li:hover ul li a:hover {
text-decoration:none;
color:#000;
}

.box4 ul li:hover ul.contab {
  background: transparent url(../img/ugc/img3.jpg) top right no-repeat;
}

.box4 ul li:hover ul.labor {
  background: transparent url(../img/ugc/img4.jpg) top right no-repeat;
}

.box4 ul li:hover ul.mercan {
  background: transparent url(../img/ugc/img5.jpg) top right no-repeat;
}

.box4 ul li:hover ul.consult {
  background: transparent url(../img/ugc/img6.jpg) top right no-repeat;
}

.box4 li li {
 list-style:square;
 list-style-position:inside;
 border-bottom:none;
}