
/* Estilos globales
------------------------------------------------------*/
* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 line-height: 125%;
 color: #333333;
 background-image: url(../images/fondo.gif);
 background-position: left top;
 background-repeat:  repeat-x;
}

b{
 color:#660000;
 font-weight:bold;
}

strong{
 color:#660000;
 font-weight:bold;
}

a{
 text-decoration: none;
 color: #006699;
}

a:hover{
 text-decoration: none;
 color: #CC9900;
}

p {
 margin-bottom: 8px;
}

li a {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #046380;
}

li a:hover {
 color: #4A8797;
}

/* Header
------------------------------------------------------*/
#header h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:24px;
 letter-spacing: 10px;
 color: #CC9900;
 border-bottom: 1px solid #999999;
 margin-bottom:30px;
}

/* Maquetación
------------------------------------------------------*/
#wrapper { 
 margin: 0 auto;
 width: 940px;
}
#faux {
 background: url(../images/fondo_col.jpg);
 margin-bottom: 0;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}
#header {
 color: #333;
 width: 920px;
 height: 100px;
 padding: 10px;
 margin: 15px 0 0 0;
 background: url(../images/header.jpg) no-repeat;
}
#navigation {
 color: #ffffff;
 padding: 10px 0;
 margin: 0;
 width: 940px;
 background: url(../images/fondo_menu.jpg) no-repeat;
}
#navigation a{
  background: url(../images/top_menu_01.jpg) repeat-x;
}
#navigation a:hover{
  background: url(../images/top_menu_02.jpg) repeat-x;
}
#navigation  div {
 margin: 0;
}
#navigation  ul {
 margin: 0;
}
#navigation  li {
 display: inline;
 text-align: center;
}
#navigation  #top {
 float: left;
 width: 722px;
}
#navigation  #busca {
 float: right;
}
#breadcrumb {
 margin: 0;
 padding: 5px 20px;
 background: url(../images/fondo_col.jpg);
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px 10px 10px 20px;
 padding: 0;
 width: 195px;
 float: left;
}
#content { 
 float: left;
 display: inline;
 color: #333;
 margin: 10px 13px;
 padding: 0;
 width: 460px;
}
#rightcolumn { 
 float: left;
 display: inline;
 color: #333;
 margin: 10px 10px 10px 10px;
 padding: 0;
 width: 190px;
}
#footer { 
 width: 920px;
 height: 70px;
 color: #fff;
 clear: both;
 background: url(../images/fondo_pie.jpg) no-repeat;
 margin: 0 0 10px 0;
 padding: 10px;
}
.clear { clear: both; background: none; }


/* Estilos para Joomla!
------------------------------------------------------*/
 
/*Estilos referentes al contenido principal*/

/*Estilos para los títulos de los componentes*/
.componentheading {
 font-size: 160%;
 line-height: 125%;
 color: #336699;
 margin-bottom: 10px;
}

/*Estilos para los títulos de los artículos de contenido*/
.contentheading {
 font-size: 170%;
 line-height: 125%;
 letter-spacing: 1px;
 color: #069;
}

.contentheading a{
 color: #79B33A;
}
 
.contentheading a:hover{
 color: #96D377;
}

/*Estilos para el contenido de los artículos*/
.contentpaneopen{
 color: #333333;
 padding:0 20px 0 0;
 text-align:left;
}

.contentpaneopen img{
 padding:0 10px 10px 0;
 margin:0 10px 10px 0;
}

.contentpaneopen ol, ul{
 padding:0 10px 0 12px;
 margin:0 0 0 5px;
}

.contentpaneopen li{
 padding:0 10px 6px 4px;
 margin:0 0 0 5px;
}

/*Estilos para el autor y la fecha de creación y modificación de los artículos*/
.createdate{ 
 padding-bottom:10px;
}

.createdate, .modifydate, .small{ 
 font-size: 10px;
 color: #009966;
}

/*Estilos para controlar la manera de mostrar el link ' Leer más... '*/
.readon, .readon:hover{
 color: #660000;
 text-decoration:none;
}

/*Estilos para formato del texto "<< Inicio < Anterior 1 Siguiente > Fin >>"*/
.pagenav, a.pagenav:link{
 text-decoration:none;
 color:#660000;
 font-weight: bold;
}

a.pagenav:hover{
 text-decoration:none;
 color:#CC3333;
 font-weight: bold;
}

/*Estilos para controlar los links ' Siguiente ' , ' Anterior ' y ' Volver '*/
.pagenav_next a, .pagenav_prev a{
 text-decoration:none;
 color:#003366;
 font-weight: bold;
}

/*Estilos referentes a los módulos*/
.moduletable, .moduletable_menu{
 margin-bottom:20px;
}

/*Estilos para el título de cada módulo*/
.moduletable h3, .moduletable_menu h3 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 120%;
 color: #ffffff;
 padding: 5px;
 margin-bottom: 10px;
 background-color:#069;
 display: block;
}

/*Estilos para el módulo buscador*/
.moduletable .search input{
 font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
 border:1px solid #CCC;
 color:#666;
 padding:2px 0 2px 5px;
}
 
.moduletable .search input:hover{
 background-color:#FFFFF1;
}

/*Estilos para cada elemento de los módulos del tipo menú*/
.moduletable .mainlevel{
 text-decoration:none;
 color: #235033;
}

/*Estilos para los menús (menú principal etc...)*/
a.mainlevel{
 padding:5px 0 5px 0;
 border-bottom:1px solid #999999;
 display:block;
 list-style: none;
}

a.mainlevel:hover{
 border-bottom:1px solid #993300;
}

a.sublevel{
 margin:0 0 0 10px;
 padding:5px 0;
 border-bottom:1px dotted #999999;
 display:block;
}

a.sublevel:hover{
 border-bottom:1px dotted #993300;
 background: #eef;
}

/*Estilos para el menú superior (topmenu)*/
.mainlevel-nav{
 margin-right: 1px;
 padding: 5px 10px;
 border-bottom: 2px solid #69c;
 color: #ff6;
}

a.mainlevel-nav:hover{
  color: #ffc;
}

/*Estilos para las encuestas*/
.poll {
 padding: 5px;
 border: 1px solid #660;
}

.poll td{
 padding: 0 5px 10px 0;
 text-align: left;
}

/*Estilos para las secciones*/
.sectiontableentry1 td{
 background: #eef;
 border-bottom: 1px dotted #ccc;
 padding: 7px;
 margin: 5px;
}

.sectiontableentry2 td{
 background: #fff;
 border-bottom: 1px dotted #ccc;
 padding: 7px;
 margin: 5px;
}

.article_seperator{
 display: block;
 border-bottom: 1px solid #a00;
 width: 467px;
 margin: 0 0 15px 0;
}
