/***************************/
/* CSS GENERAL DEL SISTEMA */
/***************************/
/***************************/

/**************************************/
/* BLOQUES ESTRUCTURALES DE LA PÁGINA */
/**************************************/

body {
  margin           : 0;
  padding          : 0 0 0 1px; /* IE */
  text-align       : center;
  font-family      : Trebuchet, Arial, Helvetica, Verdana, sans-serif;
  font-size        : 1em;
  background       : #FFF;
}

#wrapper {
  width            : 980px!important;
  padding          : 0px!important;
  margin           : 0px auto;
  text-align       : left;
  
  clear            : none;
}

/*************************/
/* BLOQUES DE ENCABEZADO */
/*************************/


#header {
  float           : left;
  width           : 100%;
  background      : transparent url(../images/layout/header.jpg) no-repeat;
  margin-bottom   : 10px;
}
/******************/
/* BLOQUES DE PIE */
/******************/

#footer {
  float           : left;
  width           : 100%;
  height          : auto; /* recomendable que sea auto */
  background      : transparent url(../images/layout/pie_barra.gif) no-repeat top center;
  height          : 51px;
  padding-top     : 20px;
  *margin-top     : 20px;
}

/************************/
/* BLOQUES DE CONTENIDO */
/************************/

#content {
  clear:both;
  float : left;
  width : 100%;
  height  : auto;
}
/****
/*  Contenido dividido en tres partes:
/*
/* 1. Contenido izquierdo (seguramente menú)
/* 2. Contenido central   (seguramente contenido)
/* 3. Contenido derecho   (por ejemplo destacados)
/*
/********/

/**/
/* 1. Contenido izquierdo (seguramente menú) */
/**/
#content div#content_left {
  float             : left;
  width             : 200px;
  height            : auto;
  padding-top       : 11px;
}

div#content_left  ul
{
  margin            : 0px;
  padding-top       : 10px;
  padding-bottom    : 10px;
  *padding-left     : 30px;
  width             : 159px;
}/**/
/* 2. Contenido central   (seguramente contenido) */
/**/
#content div#content_center {
  float             : left;
  /*border            : 1px #e6e6e6 solid!important;*/
  border            : 1px #e6e6e6 solid!important;
  
  width             : 738px!important;
  height            : auto;
  margin            : 10px 0px 20px 10px;
  padding           : 10px 10px 10px 20px;
  color             : #582807!important;
  font-size         : 0.8em;
}
/****
/* Estilos generales para el texto del contenido central de la web
/*
/*  h1 
/*  h2
/*  h3
/*  ...
/*  strong
/*  p
/*  a
/*
/*  ...
/*
********/

div#content_center ul
{
  margin           : 5px 0 0 0px!important;
  padding          : 0px!important;
}
div#content_center ul li
{
  list-style-image : url(../images/layout/li.jpg);
}


div#content_center h1 {
}
div#content_center h2 {
}

div#content_center h3 
{
  color            : #76A800;
}

div#content_center p {
}

div#content_center strong {
}

div#content_center a 
{
  color             : #582807;
}

div#content_center a:hover {
}

/****
/* Estilos para la cabecera del contenido
/*
/*
********/
div#content_center #cabeceracontenido {
  width   : 100%;
  height  : auto;
}


/**/
/* 3. Contenido derecho   (por ejemplo destacados) */
/**/
#content div#content_right {
  float   : right;
  /*width   : XXXpx;*/ /* width fijo */
  height  : auto;
}


/**********************/
/* CLASES PARA TABLAS */
/**********************/

/****
/*   Genericos
/*
********/
table {
}

tr {
}

th {
}

td {
}

/* paginador */
table#paginador
{
  clear         : both;
  display       : block;
  color         : #92D400;
  width         : 730px;
  float:left;
}

table#paginador tbody
{
  width         : 730px;
}
table#paginador tr
{
  width         : 730px;
  float:left;
}
table#paginador td
{
  width:182px;
}
table#paginador td.numresultados
{
  width         : 730px;
}
table#paginador a
{
  color         : #92D400!important;
}
table#paginador form#paginas
{
  width         : 730px;
}
/***************************/
/* CLASES PARA FORMULARIOS */
/***************************/

/****
/*   Genericos
/*
********/
form {
  padding : 0;
  margin  : 0;
}

label {
  cursor : help;
}

input {
}

textarea {
}

select {
}

/****
/*   Generales
/*
********/
div.contentcajaform {
  width : 100%;
}

div.contentcajaform div.filaform, div.filaform {
  float  : left;
  margin : 10px 0 0 0;
  width  : 100%;
}

div.filaform div.cajaizq, div.filaform div.cajader {
  float      : left;
}

div.filaform div.cajaizq {
  /*width : XXXpx;*/
}

div.filaform div.cajader {
  /*width : XXXpx;*/
}

input.text {
}

input.textarea {
}

input.radio {
}

input.checkbox {
}

input.button {
}


/********************/
/* CLASES GENERICAS */
/********************/

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0px;
  clear : both;
}

p {
  margin : 0;
  padding : 0;
}

strong {
}

img {
  border : 0;
}

.displayblock {
  display : block;
}

.displaynone {
  display : none;
}

.floatleft {
  float : left;
}

.floatright {
  float : right;
}

#EpD{
margin: 0 100px;
}
.imgcalendario
{
  clear:both;
  border:0px!important;
  margin-left:2px;
  width:auto!important;
}
.inputdate
{
  float:left;
}

div#content_center a#hrefong{
  color: #76A800;
  font-size:15px;
  font-weight: bold;
}