/* CVS $Id: global.css,v 1.32 2006/06/15 12:07:47 enrique Exp $ */

/**********************************************************************
* ESTILOS GENERALES                                                   *
**********************************************************************/

body {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  color: #333333; 
  margin: 0px 0px 0px 0px;
}
img {
  border: none;
}
a {
  text-decoration: none;
  color:#696969;
}
a:hover{ 
  color:#218D04;
}
a:link,a:visited{
  text-decoration: none;
}
a.subrayado:hover {
  text-decoration: underline;
}
form {
  display: inline;
}
fieldset {
  border: none;
  padding: 0px;
  margin: 0px;
}
input,textarea 
{
  border:1px solid #7F9DB9;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
}
input.checkbox,
input.radio
{
  border:0px;
}
select {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
}

input.button, input.button2 {
  cursor:pointer;
  border:0;
  font-size:9px;
  font-weight:bold;
  line-height:9px;
  text-align:left;
  padding:2px 10px 2px 5px;
  margin:5px 1px 0 0;
  color:white;
  width:1;
  
  *width:auto;
  *overflow:visible;
  *height:17px;
  *padding:4px 12px 4px 8px;
  
}

input.button {
  background:#218D04 url('/images/www/flecha_submit.gif') no-repeat center right;
}

input.button2 {
  text-align:center;
  padding-right:8px;
  padding-left:8px;
  background:#666;
}

p.inline{
  display: inline;
}
/* capa principal que contiene todo*/
div#global {
  width: 777px;
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-color: #C0C0C0;
  /*esto es importante para centrar la capa*/
  margin: 0 auto; 
}
div#bgcolizq{
  background-image:url('/images/www/fondoizq.gif');
  background-repeat: repeat-y;
  float: left;
}

/* pie de pagina con el menu simple */
div#pie {
  border-width: 1px 0px 1px 0px;
  border-style:solid;
  border-color: #C0C0C0;
  height: 23px;
  padding-top: 0px;
  clear: both;
  position:relative;
  text-align:center;
}
div#pie img {
  position: relative;
  top: 4px;
}
/* logotipos del pie */
div#logosPie { 
  text-align:center;
 }
div#logosPie img { 
  border-width:0px;
  margin:auto 28px;
 }

div#global p#copyright {
  text-align:center;
}
.texto_small {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size: 10px;
  color: #6F6F6F;
}
.texto_micro
{
  font-size: 9px; 
  color: #6F6F6F;
  font-weight: normal;
}
.texton {  
  font-size: 10px; 
  font-weight: bold; 
  color: #696969; 
  text-decoration: none
}
a.texton:hover { color: #218D04; }
/* clase de recurso. ancho 100%, y clear. para hacer 'filete's */
div.filete { 
  clear:both;
  width:100%;
  height:1px;
}
/*para los titulos rojos*/
#img-titulo {
  display: block;
  margin-bottom: 12px;
  font-size:30px;
  letter-spacing:-1px;
  font-family:"arial narrow", arial, sans-serif;
  color:#218D04;
}
/*para las imagenes rodeadas de texto*/
img.izq {
  float:left;
  clear:both;
  margin:0px 15px 15px 0px;
}
.margen {
  padding-left:20px;
}
/*** RECURSOS GENERALES: COLORES Y COSAS ASI **/
/* color rojo */
.rojo{ color:#218D04; }
.azul{ color:#0066FF; }
/* color gris0 */
.gris0{ color:#696969; }
.gris1{ color:#333333; }
.gris2{ color:#E5E2D8; }
.gris3{ color:#F1F0ED; }
.gris4{ color:#C0C0C0; }
/*tamanos*/
.size0{ font-size:9px;}
.size1{ font-size:10px;}
.size2{ font-size:11px;}
.size3{ font-size:12px; }
.size4{ font-size:14px; }
/* negrita*/
.bold{font-weight:bold; }
.normal 
{
  font-weight: normal;
}
/* derecha e izquierda */
.right-aligned { text-align:right; }
.not-floated { float:none; }
.right{float:right;}
.left{ float:left; }
.clear{ clear:both; }
/* visibilidad, display*/
.none{ display:none; }
.block{ display:block; }
.visible{ visibility:visible; }
.hidden{ visibility:hidden; }
/* posicion:*/
.relative{ position:relative; }
.absolute{ position:absolute; }
/*
  Descansos visuales
  class="break"
  class="break rest"
  Utilizar en los div que contienen elementos flotantes para que se expandan.
*/
.break
{
  display:block;
  clear:both;
  width:1px;
  height:1px;
  margin:0px;
  padding:0px;
  visibility:hidden;
  overflow:hidden;
}
div#mapa img {
  margin-left: 7px;
}

.clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clear { display:inline-block; }
* html .clear { height:1%; }
.clear { display:block; }

.nowrap { white-space:nowrap; }