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

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

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

#wrapper {
  width      : 966px;
  padding    : 0;
  margin     : 0px auto;
  border     : none;
  text-align : left;
}

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


#header {
  float       : left;
  /*border      : 0px 1px;
  border-color: #dae4ea;*/
  background  : #FFF url(../images/layout/fondo_cabecera.png) no-repeat;
  width       : 966px;
  height      : 176px;
  /*height : XXXpx;*/ /* recomendable height fijo */
}


/******************/
/* BLOQUES DE PIE */
/******************/

#footer
{
  float       : left;
  border      : 1px #dae4ea solid ;
  background  : #FFF url(../images/layout/fondo_pie.png) no-repeat;
  width       : 964px;
  padding-top : 7px;
  height      : 28px;
  text-align  : center;
  color       : #3399FF;
  margin      : 10px 0px;
}


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

#content {
  float   : left;
  width   : 966px;
  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 {
  clear       : both;
  float       : left;
  width       : 197px; /* width fijo */
  height      : auto;
  border      : 1px #dae4ea solid;
  margin-right: 0px;
  margin-top  : -200px;
  *margin-top  : -150px;
  _margin-top  : 0px;
}

/* ejemplo generico para el menú
div#content_left div#cajamenu {
  float : left;
  width : 100%;
}

div#cajamenu ul {
  margin   : 0;
  padding  : 0;
  list-style-type : none;
}

div#cajamenu ul li {
  display   : block;
  padding   : 0 0 5px 10px;
  font-size : 12px;
}

div#cajamenu ul ul {
  margin      : 0 0 10px 10px;
  padding     : 0 0 0 10px;
  border-left : 1px solid #4A5529;
}

div#cajamenu ul ul li {
  display   : block;
  margin    : 5px 0 0 0;
  padding   : 0;
  font-size : 11px;
}
*/

/**/
/* 2. Contenido central   (seguramente contenido) */
/**/
#content div#content_center
{
  float       : left;
  height      : auto;
  width       : auto;
  border      : 1px #dae4ea solid;
  padding     : 4px;
}

#content div#content_center.home
{
  width       : 945px!important;/*548/*199*199*/
  background  : #FFF url(../images/layout/fondo_gral.png) no-repeat;
  padding     : 10px!important;
  border      : none!important;
}

/****
/* Estilos generales para el texto del contenido central de la web
/*
/*  h1 */
h1
{
  font-size   : 1.6em;
}
/*  h2 */
h2
{
  font-size   : 1.4em;
}
/*  h3 */
h3
{
  font-size   : 1.2em;
}
/*  ...
/*  strong
/*  p
/*  a */
a
{
  font-family         : Arial, Helvetica, sans-serif;
  font-size           : 12px;
  color               : #162d59;
  text-decoration     : none;
}
a:hover
{
  text-decoration     : underline;
}
/*
/*  ...
/*
********/

div#content_center h1
{
  color             : #FFFFFF !important;
  font-family       : Georgia,Arial,Helvetica,sans-serif;
  font-weight       : normal;
  height            : 50px;
  padding           : 10px 0 0 10px;
  width             : 946px;
  margin-bottom     : 10px;
  background-color  : #3399FF;
}
div#content_center h1.eventos
{
}

div#content_center h2 {
}

div#content_center h3 {
}

div#content_center p {
}

div#content_center strong {
}

div#content_center a {
}

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;
  width       : 197px; /* width fijo */
  border      : 1px #dae4ea solid;
}


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

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

tr {
}

th {
}

td {
}

/***************************/
/* CLASES PARA FORMULARIOS */
/***************************/

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

label {
}

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 {
}

ul
{
}
#indexareaprivada ul
{
  font-weight: normal!important;
}
ul li
{
  list-style-image    : url(../images/layout/li.png);
}

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

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

p {
  margin : 0;
  padding : 0;
}

strong {
}

img {
  border : 0;
}

.displayblock {
  display : block;
}

.displaynone {
  display : none;
}
.left
{
  float           : left;
}
.clearboth
{
  clear           : both;
}
.right
{
  float           : right;
}
.cursiva
{
  font-style:italic;
}