body {
  background-color: #fff;
  margin: 0;
  padding: 0;
  font-family: arial, helvetica,sans-serif;
  color: #333;
}

a { color: #369; }

img { border: 0px; }

.bold { font-weight: bold; }
.error { font-weight: bold; color: #f00; }

input.text { background-color: #eee; border: #036 solid 1px; }
textarea.text { background-color: #eee; border: #036 solid 1px; }
input.submit { background-image: URL("images/png_boton_wall");  background-repeat: repeat-x;  border: 1px #000 solid;  padding: 2px; }
.label { text-align: right; color: #666; }
.label-req { text-align: right; font-weight: bold; color: #036; }
.label-req2 { text-align: left; font-weight: bold; color: #036; }

#container {  }
#header {  }

#clientes { float: right; margin: 4px; }
#clientes A { font-size: 9pt; color: #036; text-decoration: none; }


#logo { text-align: left; margin: 0 10px; height: 80px; }

#menu {
  background-color: #036;
  padding: 6px 0 0 0;
  text-align: right;
  height: 26px;
}

#menu A {
  display: inline;
  color: #fff;
  padding: 0 10px;
  border-left: #fff solid 1px;
  text-decoration: none;
  margin: 0;
}

#menu A:hover { text-decoration: underline; }

#top { }
#top img { width: 200px; position: absolute; top: 120px; }

#lines { margin: 0 0 0 200px; line-height: 1.2em; font-size: 90%; }
#lines a { text-decoration: none; color: #fff; }
.line1 { margin: 6px 0 0 0; padding: 10px; font-weight: bold; background-color: #f70; color: #fff; }
.line2 { margin: 6px 0 0 0;  padding: 10px; font-weight: bold; background-color: #369; color: #fff; }
.line3 { margin: 6px 0 0 0; padding: 10px; font-weight: bold; font-style: oblique; background-color: #f70; color: #fff; }
.line4 { margin: 6px 0 0 0; padding: 10px; font-weight: bold; font-style: oblique; background-color: #369; color: #fff; }
#solucion { display: none; }

#submenu { display: none; }

#contenido {
  padding: 10px;
}

#breadcrumbs {  
  display: block;
  color: #f70;
  font-size: 8pt;
  margin: 0 0 10px 0;
}

#breadcrumbs A {
  color: #036;
  text-decoration: none;
}

#contenido p {
  text-align: justify;
}

#contenido h1 {
  color: #1f4d7b;
  font-size: 12pt; 
  padding-top: 2px;
  line-height: 1.4em;
}

#contenido .main-left { }

#contenido .main-left li {
  text-align: justify;
  line-height: 14pt;
  margin-bottom: 6px; 
}

#contenido .main-right { display: none;
  border-left: #ddd solid 1px;
  float: right;
  width: 150px;
  margin: 10px 0 0 0;
  padding: 0;
}

#contenido .main-right P {
  padding-left: 6px;
}

#contenido .main-right h2 {
  margin: 20px 0 10px 0;
  padding: 3px 6px;
  background-color: #ddd;
  display: block;
  font-size: 120%;
  font-weight: bold;
}

#contenido .main-right ul {
  list-style-position: outside;
  list-style-image: url(images/image_flecha);
  line-height: 14pt;
  margin: 0 0 0 24px;
  padding: 0;
}

#contenido .main-right li { 
  margin: 0 0 .8em 0;
}

#contenido .item-left {
  background-color: #eee;
  height: 60px;
}

#contenido .item-left A {
  color: #036;
  font-weight: bold;
  text-decoration: none;
}

#contenido .item-left .icon {
  float: left;
  height: 60px;
  margin-right: 4px;
}

#contenido .item-left li {
  list-style-position: outside;
  list-style-image: url(images/image_flecha);
}

#contenido .item-right {
  background-color: #eee;
  height: 60px;
}

#contenido .item-right A {
  color: #036;
  font-weight: bold;
  text-decoration: none;
}

#contenido .item-right .icon {
  float: left;
  height: 60px;
  margin-right: 4px;
}

#contenido .item-right li {
  list-style-position: outside;
  list-style-image: url(images/image_flecha);
}

#footer {   
  background-image: url(images/image_sloni-tux-mobile);
  background-repeat: no-repeat;
  background-position: left top; 
  margin: 0;
  font-size: 7pt;
  padding: 0 4px;
}

#footer ul {
  color: #f70;
  list-style-type: square;
  margin: 0 0 0 140px;
  padding: 40px 0 0 0;
}

#footer li {
  margin: 4px 4px;
}

#footer li a {
  color: #036;
  text-decoration: none;
  font-size: 9pt;
}

#footer li a:hover {
  text-decoration: underline;
}

.cleaner {
  clear:both;
}
#socialnet {
  float: right;
  padding: 3px 10px;
}