/**
 *** A Free Template by joomlajunkie.com
 *** @version 1.0
 *** @copyright (C) 2005-2006 by - Joomla Junkie
 *** @web http://www.joomlajunkie.com
 **/
/***Arxiu css separa l'estil de la disposició, que conté tots els colors, enllaços i
 Joomla estil específic***/
/*global resets - eliminates cross browser inconsistancies*/ 


* {

    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {


    margin-top: 5px;

}

li, dd {
    margin-left: 0.5em;

}


fieldset {

    padding: .5em;

}

img {

    border: 0;

}

a img {

    border: 0;
}
table {
    font-size: 1em;
}

/*end global resets*/
/* Separats dels estils de disseny layout.css ja que no son estructurals
 però sí gràfics*/

body { /* es tracta del fons de la pàgina i de les caracteristiques generals */
	color: #000000;
	background-color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;    /*background-image: url(../images/html_bg.gif);
    background-repeat: repeat-x;*/

} #top_shadow {
    /*background: url(../images/top_bg.gif) no-repeat; */

} #top_a {

    background: #000000;

} #top_a_left {
    font-size: 10px;
    color: #ffffff;

} #top_a_right {
    font-size: 10px;
    color: #ffffff;

} #top_a_right a {
    font-size: 10px;
    padding: 5px;
    color: #ffffff;

} #branding_header {
    background: url(../images/branding_head.gif) no-repeat;

} #top_nav {
    background: #000000;
} #top_shelf {
   background-color: #000000;
   /*background-image: url(../images/top_shelf.gif);
     background-repeat: repeat-y;*/

} #content_wrap {
    background: url(../images/content_bg.gif) repeat-y;

} #pathway {
    background: #bbb;

} #footer_shadow a {
    color: #ffffff;
}

/* Control general, estètica, tipogr�fica i elements de la css */

h1 {
    color: #004c99;
    font-size: 1.4em;
    font-weight: bold;
}

h2 {
    color: #000000;
    font-size: 1.3em;
    font-weight: bold;
}

h3 {
    color: #004c99;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;

}

h4 {
    color: #959500;
    font-size: 1.2em;
    font-weight: bold;
}

h5 {
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;

}

h6 {
    color: #004c99;
    font-size: 0.9em;
    font-weight: bold;
}


/*blockquote {
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 4px;
	text-indent: 10px; 
}
*/

pre {
   background: #fff;
    color: #333;
    padding: 10px;
    border: 1px solid #bbbbbb;
    border-left: 5px solid #bbbbbb;

}

/*General link Styling*/

a:link, a:visited {
    font-size: 12px;
    color: #808080;
    text-decoration: none;


}


a:hover, a:active {
    color: #000080;
    text-decoration: none;
}

/*List item Styling*/

li {
    list-style-type: none;
    padding-left: 10px;
    margin-left: 4px;
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;

}

ul {
    margin: 7px;
}

/*Graphical Elements
 These styles provide management
 of content's appearences.
 */

hr {
    /*many components use this as a seperator line */
    background: transparent;
    height: 1px;
    border: 1px solid #999999;

} 

.pagenav {
    /* this is for formatting texts where you see "<< Start < Previous 1 Next > End >>" links within content*/
    font-weight: normal;
    margin: 5px;

}

a.pagenav, a.pagenav:visited {
    /* as above but specifically if they are links */
    font-weight: bold;
    color: #999999;
}

a.pagenav:hover {
 /* as above but specifically when the links are hovered over */

    color: #FF9900;
    color: #666666;
} 

.pagenav_prev a {

    float: left;
    width: 430px;
    font-weight: bold;
    color: #999999;
} 

.pagenav_next a {
    float: right;
    width: 40px;
    font-weight: bold;
    color: #999999;
} 

.back_button {
    background: #999999;
    padding: 1px 0 2px 7px;
    width: 39px;
    margin: 5px 0 5px 0;
    color: #ffffff;
} 

.back_button a {
    color: #ffffff;
} 
.small {

    /* Permet afegir text amb aquesta classe, que s'utilitza per a el text petitt, com la data i per escrit, etc */
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    color: #808080;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-weight: normal;
} 

.button {
    border: 1px solid #000000;
    color: #FFFFFF;
    margin: 0px;
    text-align: center;
    font-size: 9px;
    background-image: none;
    background-color: #000;
    padding: 0px;
} 

.inputbox {
    /* the look of input boxes in forms */
    font-size: 11px;
    border: 1px solid #000000;
    margin: 0;
    background-color: #FFFFFF;
    padding: 0px;
}

/** Joomla General styling */ 

 .createdate {
    /* styling the date the content was created on*/
    background: url(../images/date.png) no-repeat 0 5px;
    font-size: 11px;
    color: #666;
    text-indent: 21px;
    font-weight: normal;
    margin: 0;
    margin: 7px 0 5px 4px;
    padding: 5px 0 5px 0;

} 

.modifydate {
    /*Styles the "Last updated on" text at the end of articles/contents */
    background: url(../images/bullet.gif) no-repeat 0px 4px;
    text-indent: 12px;
    font-size: 10px;
    color: #666;
    text-decoration: none;
    font-weight: normal;

} 

.readon {
    display: block;
    background: url(../images/read_more.gif) no-repeat;
    text-align: center;
    width: 74px;
    height: 18px;
    line-height: 18px;
    margin: 1em 0;
}

a.readon:link, a.readon:visited, a.readon:hover {
    /* formatting the "Read on..." link on blog layout pages */
    color: #fff;
    text-decoration: none;
    font-size: 11px;
}


/*Default styling for the pathway displayed by the mosPathWay()*/ 
.pathway {

    margin-left: 4px;
    color: #dddddd;
    font-size: 11px;

}


a.pathway:link, a.pathway:visited {

    color: #999999;
}

a.pathway:hover {
    color: #666;

}

/* Joomla Styling for Contents These are all the styles for content

 */ .contentpane {

 /* This is used mainly for Table that holds all non-article information (components, category lists, contact forms, etc). all contained within a single table*/
    background-color: #fff;
    font-size: 1em;
} 

.contentpaneopen {
    background-color: #FFFFFF;
    font-size: 1em;

} 

.moduletable .contentpaneopen {
    background-color: #eeeeee;
    font-size: 1em;
    margin-top: 10px;
} 

.contentheading {
	/* Used as the Title of the content, article, etc. being displayed, it is also used for Section's heading*/
    font-size: 1em;
	margin-bottom: 1em;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	background-color: #FFFFFF;
} 

.contentpagetitle {
    /*Title of articles*/
    font-size: 13px;
    font-weight: bold;
    color: red;
    text-align: left;

} 

.componentheading {

  /* Used to format a components heading or title */

    font-size: 1.2em;
    margin-bottom: 0.7em;
    font-weight: bold;
    color: #999999;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
}

table.contenttoc {
    margin: 10px;
    padding: 0px;
    float: right;
}

/* Joomla Sections Styles Styling of sections tables */ 

.sectiontableheader {
	/* 	Aquest és l'estil de la taula dels encapçalaments de secció en una secció de la pàgina.*/

    background-color: #F7F7f7;
	background-repeat: repeat;
	color: #000000;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 15px;
} 

.sectiontableentry1 {
	/* 	aquest s'utilitza quan hi ha tota una llista de dades per proporcionar i el que necessites per crear els colors suplent per a cada fila de dades. Això és el primer color */

    background-color: #ffffff;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
} 

.sectiontableentry2 {
	/* this is the second color for the row*/
    background-color: #F3F3F3;
	margin: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;

}

/*  Enquestes */ .poll {
/* textos d'enquestes */
    font-size: 1em;
    line-height: 14px
}

/*això ajuda a fer l'enquesta
 es vegi millor, ja que elimina la
 secció i taula d'entrada de línies*/ .poll .sectiontableentry1, .poll .sectiontableentry2 {
    background: none;
} 

.pollstableborder {
    /* establir les propietats de la frontera del quadre de votació */
    border: none;
    width: 178px;
    border: none;

} 
.poll td {
    /* 	parar la taula dades de propietats de les urnes de votació el quadre */
    font-size: 0.95em;
    color: #999999;
    font-weight: normal;
    padding: 4px;
}

/*
 MODULE STYLING
 Aquests estils són el camí per donar format als mòduls
 mostrades. */ 



 .moduletable { /*	genèric per a tots els mòduls així .. per al format de les cel les de la taula del mòdul de taula */
	font-size: 12px;
	margin: 0;
	font-weight: bold;
}

/*only top 3 modules*/ #top_shelf .moduletable h3 {
  font-size: 10px;
    font-weight: bold;
    color: #fff;
    height: 25px;
    margin: 0;
    padding: 0;
    margin-left: -5px;
    margin-right: -5px;
    line-height: 25px;
    width: 246px;
    text-indent: 10px;
    background-color: #000000;
}


/*all sidebar modules*/ #sidebar .moduletable h3, .moduletable-leftnav h3 {
    font-size: 14px;
    height: 25px;
    margin-left: -5px;
    margin-right: -5px;
    font-weight: bold;
    color: #004c99;
    line-height: 25px;
    width: 220px;
    /*background-image: url(../images/mod_header_bullet.gif);
   background-repeat: no-repeat;
     background-position: 6px 6px;*/
    text-align: center;
} 

#sidebar .moduletable-leftnav h3 {
    margin-bottom: 0;
} 

#sidebar .moduletable-leftnav {
    padding: 0px;
    margin: 0;
}

/*SIDEBAR MENU STYLING STARTS*/ 
#sidebar #mainlevel {
    padding: 0;
} 

#sidebar ul#mainlevel {
    list-style-type: none;
    margin: 0;
    width: 220px;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -6px;
    margin-top: -6px;
    padding: 0px;
} 

#sidebar #mainlevel li {
    text-indent: 0;
    padding: 0;
    background: none;
    list-style-type: none;
    border-bottom: 1px solid #dddddd;
    margin: 0;
} 

#sidebar #mainlevel a {
    display: block;
    height: 25px;
    line-height: 25px;
    text-indent: 13px;
   background-color: #dddddd;
   color: #999999;
    text-decoration: none;
} * html body #mainlevel a {
    width: auto;
} #sidebar #mainlevel li a:hover, a#active_menu:link, a#active_menu:visited {
    background-color: #000000;
    color: #fff;
    border-right: 3px solid #bdce48;
}

/*TOPMENU STYLING STARTS*/


div#top_nav ul#mainlevel-nav {
    margin: 0;
    padding: 0;
    width: 778px;
    height: 31px;
    line-height: 31px;
    border: 0px solid red;
    text-indent: 6px;
}

div#top_nav ul#mainlevel-nav li {
    float: left;
    width: auto;
    margin: 0;
    padding: 0 5px 0 5px;
    list-style-type: none;
    background: none;
}
div#top_nav ul#mainlevel-nav a.mainlevel-nav, div#top_nav ul#mainlevel-nav a.mainlevel-nav:link, div#top_nav ul#mainlevel-nav a.mainlevel-nav:visited {
   color: #eeeeee;
    text-decoration: none;
    padding: 3px 6px 4px 6px;
}

div#top_nav ul#mainlevel-nav a.mainlevel-nav:hover {
    background: #373737;
    border: 1px solid #666;
    text-decoration: none;
    padding: 2px 5px 3px 5px;
}

div#top_nav ul#mainlevel-nav a#active_menu {
    background: #373737;
    border: 1px solid #666;
    text-decoration: none;
    padding: 2px 5px 3px 5px;
}
/*search box styling top left*/ 
.search {
    position: absolute;
    top: 2px;
    left: 15px;
} 
.search input {
	border: 1px solid #000000;
	color: #ffffff;
	background-color: #373737;
	top: 0px;

} 
.search input:hover {
    background: #373737;
    border: 1px solid #d0d0d0;
    color: #dddddd;
}