/*
www.GaitaAsturiana.com - two-column layout 03/27/08
STYLES FOR TEXTPATTERN CMS 
Art Zoller Wagner art@desarrolloSitiosWeb.com
includes hacks for IE5.5 and IE6
doesn't display well in 5.01: top of content hidden, footer margin off
*/


/* GLOBAL LAYOUT */

body {
margin: 0;
padding: 0;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
background-color: #a05449;
color: #000;
}

#accessibility {
position: absolute;
top: -10000px;
}

#header_bg { /* separate to give full width color bg and bottom edge image "boader" */
height: 138px;
width: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background: #ed8 url(/images/54.png) repeat-x 0 126px;
color: #fff;
border: none;
border-bottom: #544036 2px solid;
margin: 0 0 10px;
padding: 0;
}

#container { /* envelopes header_bar, main_body, footer_bar */
border: none;
margin: 0 auto;
padding: 0 10px;
width: 740px;
background-color: #ffe;
color: #000;
position: relative;
z-index: 2;
}

#sidebar-1-background { /* just contains bg image*/
/*separate to allow to cover entire height of column. Could add on mail_body, as with IE6 and earlier, but that would require wider image and the border would have to be part of bg image */
position: absolute;
z-index: 10;
height: 100%;
width: 220px;
border: none;
border-right: #ed8 2px solid;
margin: 0 0 0 -10px;
padding: 0;
background: #544036 url(/images/54.png) repeat;
color: #ecd97d;
}
* html #sidebar-1-background {
visibility: hidden; /* hide from IE5.5 and IE 6; doesn't show anyway */
}

#header_bar,
#footer_bar {
border: none;
clear: both;
}

#header_bar {
height: 126px;
width: 740px;
position: absolute;
z-index: 100;
top: 0;
left: 0;
background: #ed8 url(/images/71.png) no-repeat 0 6px;
color: #000;
border: none;
border-bottom: #544036 2px solid;
margin: 0 auto;
padding: 0 10px;
}
* html #header_bar { /* box model hack for header on IE5.5 and IE6 */
\width: 760px; /* for IE5.5 */
w\idth: 740px; /* for IE6 */
\height: 128px;
he\ight: 126px; /* slash must be after e, not h */
}

#footer_bar {
border: none;
border-top: #544036 2px solid;
margin: 5px -10px 0;
padding: 5px 0 15px;
background-color: #ed8;
color: #000;
}

#main_body { /* contains sidebar-1, center, sidebar-2, footer */
position: relative;
z-index: 50;
padding: 140px 0 0;
}
* html #main_body { /* adds background to sidebar-1 for IE 5.5 and IE6 */
margin-left: -10px;
padding-left: 10px; 
background: transparent url(/images/76.png) repeat-y;
}

#sidebar-1 { /* left column */
/* for modern browsers, background is on sidebar-1-background */
position: relative;
z-index: 10;
margin-right: 5px;
padding: 0;
float: left;
width: 210px; /* 3-col, all were: 150px */
}
* html #sidebar-1 { /* for IE5.5 and IE6 */
/* for IE6 and earlier, background is placed on main_body because they won't do a bg on sidebar-1-background */
margin: -13px 0 0 -5px;
padding: 13px 0 0 10px;
}

#sidebar-2 { /* right column */
margin-left: 5px;
padding: 0;
float: right;
width: 210px;
\width: 210px;
w\idth: 210px;
}

#center {
margin: 0 0 0 235px; /* 3-col was: 0 210px 0 155px */
padding: 0 0 2em; /* space at bottom of page before footer */
}
* html #center {
margin: 0 0 0 230px; /* for IE5.5 and IE6, 5px less to avoid gaps in header, footer */
}



/* COMMON ELEMENTS, CLASSES */

p,
li,
blockquote {
padding: 0 0 0 10px;
font-size: .9em;
line-height: 1.6em;
}

p {
margin-top: 0.1em;
}

blockquote {
margin-left: 20px;
}

small,
.small {
font-size: .9em;
}

.singlespace {
line-height: normal;
margin-top: 0;
margin-bottom: 0;
}

.margintop0 {
margin-top: 0;
}

.margintop1em {
margin-top: 1em;
}

.margintop2em {
margin-top: 2em;
}

.marginbottompt25 {
margin-bottom: .25em;
}

.alert {
background-color: inherit;
color: #900;
font-weight: bold;
}

.bold {
font-weight: bold;
}

.caps {
font-size: .9em;
letter-spacing: .1em;
}

hr.clearfloat {
visibility: hidden;
clear: both;
height: 0;
border: none;
margin: 0;
padding: 0;
}

.float_left {
float: left;
}

.float_right {
float: right;
}



/* headings */

h1, h2, h3, h4, h5, h6 {
padding-left: 10px;
}

h1, h2 {
font-family: Georgia, Times, serif;
font-weight: normal;
}

h1 { /* see #titulo */
font-size: 2em;
margin: 0 0 .25em;
}

h2 {
font-size: 1.3em;
font-style: italic;
margin: 1.5em 0 0;
}

h3, h4 { /* see #titulo */
margin-bottom: 0;
padding-bottom: 0;
font-size: 1em;
font-weight: bold;
line-height: 1.6em;
}

h4 {
font-weight: bold;
font-style: italic;
}

h5, h6 {
font-weight: bold;
line-height: 1.6em;
}


/* links order: LVHA */

a:link,
a:visited{
text-decoration: none;
background-color: transparent;
color: #900;
border: none;
border-bottom: 1px #900 solid;
}

a:hover {
background-color: transparent;
color: #f00;
border-bottom: 1px #f00 solid;
}

a:active {
text-decoration: none;
background-color: transparent;
color: #900;
border: none;
border-bottom: 1px #900 solid;
}

a:link img,
a:visited img,
a:hover img,
a:active img {
border-bottom: none;
}

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited,
h5 a:link,
h5 a:visited {
text-decoration: none;
border: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
background-color: transparent;
color: #f00;
text-decoration: none;
border: none;
}

h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active {
text-decoration: none;
border: none;
}



/* --- PAGE SECTIONS / AREAS --- */

/* HEADER_BAR */

/* punteru header image is: 760 x 121 
transparent png with #ed9 matte */

#header_bar a:link,
#header_bar a:visited,
#header_bar a:hover,
#header_bar a:active {
border: none;
}

#header_bar img.logo { /* gaita asturiana logo */
border: none;
margin: 0;
padding: 7px 0 0;
background: transparent;
color: inherit;
}


/* not used
#header_bar img.logo {
float: left;
}

#header_bar img.banner {
float: right;
}
*/



/* CENTER SECTION */

/* center section: articles */

.default .articulo_enlace_seccion { /* hide section title on home page */
display: none;
}

p.articulo_enlace_seccion,
.articulo_enlace_seccion a:link,
.articulo_enlace_seccion a:visited,
.articulo_enlace_seccion a:hover,
.articulo_enlace_seccion a:active { /* same as sidebar_list */
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
text-decoration: none;
border: none;
}

p.article_image {
margin: 1.2em 0;
text-align: center;
}

.excerpt p.article_image { /* max width of image is 495px on category search result page */
overflow: hidden;
}

h3 .titulo {
font-size: x-large;
margin-right: 1em;
}

h3 .titulo a:link,
h3 .titulo a:visited,
h3 .titulo a:hover,
h3 f.titulo a:active {
font-family: Georgia, Times, serif;
font-size: x-large;
}


h3.titulo_fecha {
line-height: 1.4em;
margin-top: -.1em;
margin-bottom: .5em;
font-family: Georgia, Times, serif;
font-size: large;
}

#titulo {
line-height: 1.4em;
margin-bottom: .5em;
font-family: Georgia, Times, serif;
font-size: x-large;
}

h4.subtitulo {
font-family: Georgia, Times, serif;
font-size: medium;
font-weight: bold;
margin-top: -1em;
}

.articulo_subtitulo_corto { /* shorter title above main title: gray, all caps */
background-color: inherit;
color: #808080;
line-height: 1em;
font-variant: small-caps;
font-size: 105%; /* compensate for small-caps */
}

.articulo_subtitulo_largo {
font-weight: bolder;
}

.article_titulo_imagen {
margin: 5px 10px 5px 0;
padding: 0;
border: none;
float: left;
}

.articulo_autor_firma {
font-weight: bold;
text-align: center;
}

/* see .articulo_autor_descripcion_sidebar below, too */

.articulo_autor_descripcion {
margin-top: -1em;
font-weight: bold;
text-align: center;
}

#center hr {
margin: 2em auto;
width: 355px;
background-color: inherit;
color: #ccc;
}

.divider { /* horizontal bar image between listings */ 
margin-top: 1.6em;
margin-bottom: 1.6em;
}

.divider img {
display: block;
width: 350px;
margin-right: auto;
margin-left: auto;
}


/* pagination */

.divider.pagination { /* horizontal bar just above pagination navigation text */
margin-bottom: .8em;
}

ul.pagination { /*float the pagination text links left and right */
margin: 0 0 1.6em;
padding: 0 2em 0 10px;
list-style-type: none;
}

ul.pagination li.pagination_link_left {
float: left;
}

ul.pagination li.pagination_link_right {
float: right;
}

ul.pagination li.pagination_link_left a,
ul.pagination li.pagination_link_right a {
line-height: 1em;
border-bottom: none;
text-decoration: none;
}

ul.pagination li.pagination_link_left a {
text-align: left;
}

ul.pagination li.pagination_link_right a {
text-align: right;
}



/* for l10nP_lang_list of renditions & languages */

#center ul.l10n_lang_list {
text-align: right;
margin: 0 2em 2em auto;
padding: 0;
}

#center ul.l10n_lang_list li {
line-height: .6em;
margin: .75em 0 .5em;
padding: 0;
}

#center ul.l10n_lang_list {
list-style-type: none;
}

#center ul.l10n_lang_list .l10n_current {
list-style-image: url(/images/28.png);
}

#center .l10n_lang_list a:link,
#center .l10n_lang_list a:visited {
text-decoration: none;
border: none;
}

#center .l10n_lang_list a:hover {
background-color: transparent;
color: #f00;
text-decoration: none;
border: none;
}

#center .l10n_lang_list a:active {
text-decoration: none;
border: none;
}

#center .sticky_article_first .article_list .l10n_lang_list { /* hide lang list if already shown on page with sticky article at top */
display: none;
}


/* for soo_toc listing of article parts using headers */


ul.toc {
margin-top: 2em;
padding-top: .1em;
padding-bottom: 1em;
background-color: #fffffc;
color: inherit;
}

ul.toc,
ul.toc li ul {
list-style-type: none;
}

.toc a:link,
.toc a:visited {
font-weight: bold;
text-decoration: none;
border: none;
}

.toc a:hover {
background-color: transparent;
color: #f00;
font-weight: bold;
text-decoration: none;
border: none;
}

.toc a:active {
font-weight: bold;
text-decoration: none;
border: none;
}



/* for anuncios page, see below */

/* see .articulo_autor_descripcion above, too */

.articulo_autor_descripcion_sidebar {
margin-top: -1em;
text-align: center;
font-weight: normal;
}

.read_more {
margin-top: -.8em;
font-weight: bold;
}

.read_more a:link,
.read_more a:visited {
text-decoration: none;
border: none;
}

.read_more a:hover {
background-color: transparent;
color: #f00;
text-decoration: none;
border: none;
}

.read_more a:active {
text-decoration: none;
border: none;
}



/* center section: author images */

.articulo .imagen_autor {
margin-top: 5px;
position: relative;
width: 100%;
height: 70px;
}

.articulo .imagen_autor img {
position: absolute;
width: 60px;
left: 10px;
}

.articulo .imagen_autor .articulo_autor_y_descripcion {
position: absolute;
width: 280px;
left: 75px;
top: 5px;
}

.articulo .imagen_autor .articulo_autor_y_descripcion p.articulo_autor {
font-size: small;
text-align: left;
font-weight: bold;
line-height: normal;
margin-top: 0;
margin-bottom: 0;
}

/* see .articulo_autor_descripcion above, too */

.articulo .imagen_autor .articulo_autor_y_descripcion p.articulo_autor_descripcion_sidebar {
font-size: small;
text-align: left;
line-height: normal;
margin-top: 0;
margin-bottom: 0;
}


/* center section: search */

h3.search_term {
margin-top: -1em;
}

h5.search_count {
margin-top: 0;
}

.search_results h3 {
line-height: normal;
font-weight: bold;
/*margin-top: 2em;*/
margin-bottom: 0;
}

.search_results p {
margin-top: 0;
margin-bottom: 1em;
}


/* center section: lists */

#center ol li,
#center ul li {
margin: 1em 0 0;
padding: 0;
}

#center ul.list_plain {
margin: 2em 0;
padding: 0 0 0 2em;
list-style-type: none;
}

#center ul.list_plain li {
margin: 1.5em 0 0;
padding: 0;
list-style-type: none;
}

#center ul.singlespace,
#center ul.singlespace li {
margin: 0;
}


/* center section: comments */

h3#comment {
font-size: medium;
font-weight: bold;
}

.comments_error {
background-color: #fff4f4;
color: #000;
}

ul.comments_error {
padding : .3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
background-color: #f1f1f1;
color: #000;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}



/* center section: contauta/contact & xunete/join forms */

form,
fieldset {
border: none;
margin: 0;
padding: 0;
}

legend {
display: none;
background-color: inherit;
color: #000;
}

label.zemRequired {
background-color: inherit;
color: #900;
}

label.errorElement,
label.zemRequirederrorElement {
background-color: inherit;
color: #f00;
font-weight: bold;
}


/* center section: site map */

.mapa-web h1 {
width: 60%;
}

.site_map_body h3,
.site_map_body dl {
margin: 1em 0 0;
}

.site_map_body dl {
padding-left: 10px;
}

.site_map_body dt { 
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
margin: 1em 0 .4em;
padding: 0;
font-size: 1em;
font-weight: bold;
line-height: 1.6em;
}

.site_map_body dd {
margin: .4em 0 .4em 2em;
}

.site_map_body,
.site_map_body a:link,
.site_map_body a:visited,
.site_map_body a:hover,
.site_map_body a:active {
text-decoration: none;
border: none;
}


/* sidenav left (1), right (2) */

#sidebar-2 p,
#sidebar-2 div,
#sidebar-1 p {
font-size: .9em;
line-height: 1.6em;
background-color: inherit;
color: #ecd97d;
}

#sidebar-2 p {
margin-top: 0;
}


#sidebar-1 hr {
visibility: hidden;
margin-top: 1.2em;
margin-bottom: 1.2em;
}

#sidebar-1 form p,
#sidebar-1 p {
padding: 0;
}

#sidebar-1 input,
#sidebar-1 select {
background-color: #fff2aa;
color: #000;
}

#sidebar-1 a:link,
#sidebar-1 a:visited,
#sidebar-2 a:link,
#sidebar-2 a:visited {
background-color: transparent;
color: #ecd97d;
text-decoration: none;
border: none;
}

#sidebar-1 a:hover,
#sidebar-2 a:hover {
background-color: transparent;
color: #fed;
text-decoration: none;
border: none;
}

#sidebar-1 a:active,
#sidebar-2 a:active {
background-color: transparent;
color: #ecd97d;
text-decoration: none;
border: none;
}

#sidebar-1 ul,
#sidebar-1 li.nivel-1,
#sidebar-1 li.nivel-2 {
padding: 0;
margin: 0;
list-style-type: none;
}

#sidebar-1 li.nivel-1,
#sidebar-1 li.nivel-2 {
margin: 0 2px 0 -8px;
padding: 0 0 0 8px;
}
* html #sidebar-1 li.nivel-1,
* html #sidebar-1 li.nivel-2 {
\margin-right: 2px; /* for IE5.5 */
ma\rgin-right: 12px; /* slash must be after a, not m */ /* for IE6 */
padding-right: 0; /* for IE 5.5 */ 
voice-family: "\"}\""; 
voice-family:inherit;
padding-right: 10px; /* for IE6 - p/adding variations: don't validate  */
}

#sidebar-1 li.nivel-2 {
margin: 0;
padding: 0 0 0 8px;
}

#sidebar-1 li.nivel-1 span,
#sidebar-1 li.nivel-1 a {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 15px;
}

/* not used
#sidebar-1 li.nivel-2 span,
#sidebar-1 li.nivel-2 a {
margin: 0;
padding: 0 0 0 .5em;
}
*/

#sidebar-1 li.activo,
#sidebar-1 li.activo span,
#sidebar-1 li.activo a {
font-weight: bold;
background-color: #ecd97d;
color: #000;
}


/* sidebars lists */
/* was causes_list and opinion_list
may be able to remove sidebar-1 and -2 and just leave with sidebar_list */

#sidebar-1 #sidebar_list {
margin: 3em 0 0;
padding: 0;
}

#sidebar-2 #sidebar_list {
margin: 2em 0 0;
padding: 0;
}

#sidebar-1 #sidebar_list h3,
#sidebar-2 #sidebar_list h3 {
font-size: medium;
font-weight: bold;
background-color: #2352bf;
color: #fff;
margin: 0;
padding: 0 0 0 8px;
}

#sidebar-1 #sidebar_list h3 a:link, 
#sidebar-1 #sidebar_list h3 a:visited,
#sidebar-2 #sidebar_list h3 a:link, 
#sidebar-2 #sidebar_list h3 a:visited {
font-size: medium;
font-weight: bold;
text-decoration: none;
border: none;
background-color: #2352bf;
color: #fff;
}

#sidebar-1 #sidebar_list h3 a:hover,
#sidebar-2 #sidebar_list h3 a:hover {
font-size: medium;
font-weight: bold;
text-decoration: none;
border: none;
background-color: #2352bf;
color: #fdd;
}

#sidebar-1 #sidebar_list h3 a:active,
#sidebar-2 #sidebar_list h3 a:active {
font-size: medium;
font-weight: bold;
text-decoration: none;
border: none;
background-color: #2352bf;
color: #fff;
}


#sidebar-2 #sidebar_list h4 {
font-size: small;
margin: 0;
padding-top: 1.5em;
padding-bottom: 0;
}

#sidebar_list ul.list_plain {
margin: .5em 0;
padding: 0;
list-style-type: none;
}

#sidebar_list ul.list_plain li {
margin: 0 0 .5em;
padding: 0;
list-style-type: none;
font-size: small;
}


#sidebar-2 #sidebar_list p {
font-weight: normal;
margin-top: 0.25em;
margin-bottom: 0;
padding-bottom: 0;
}

#sidebar-2 #sidebar_list p.fecha {
font-weight: bold;
margin-top: 2.5em;
margin-bottom: .25em;
padding-bottom: 0;
}

#sidebar-2 #sidebar_list p.read_more,
#sidebar-2 #sidebar_list p.read_more a {
margin-top: 0.1em;
padding-top: 0;
}

#sidebar-2 #sidebar_list .imagen_autor {
margin-top: 5px;
position: relative;
width: 100%;
height: 60px;
}

#sidebar-2 #sidebar_list .imagen_autor .autor {
font-size: small;
font-weight: bold;
float: right;
position: absolute;
width: 120px;
top: 10px;
right: 0;
}

#sidebar-2 #sidebar_list .imagen_autor img {
position: absolute;
width: 60px;
right: 130px;
}

#sidebar-2 hr { /* same as #center hr, except for width */
margin: 2em auto;
width: 180px;
background-color: inherit;
color: #ccc;
}



/* FOOTER_BAR */

#footer_bar ul {
margin: .5em 0 .2em;
padding: 0;
text-align: center;
}
	
#footer_bar li {
display: inline;
border: none;
margin: 0;
padding: 0 1em 0 0;
line-height: 1.4em;
}

#footer_bar li.last {
margin: 0;
padding: 0;
}

#footer_bar a:link, 
#footer_bar a:visited,
#footer_bar a:hover,
#footer_bar a:active {
text-decoration: none;
border: none;
}

