@charset "UTF-8";


body
{
    background: #bc0926 none repeat scroll 0 0;
    margin: 0;
    padding: 0;
    margin-top: 24px;
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif, Verdana;
}

img
{
    border: 0;
}

p
{
    font-size: 1.4em;
    color: #777;
    line-height: 17px;
}

h1
{
    font-size: 3.2em;
    color: #BC0926;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

h2
{
    font-size: 2.2em;
    color: #BC0926;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

h3
{
    font-size: 1.8em;
    color: #BC0926;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

h4
{
    font-size: 1.8em;
    color: #BC0926;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

h5
{
    font-size: 1.4em;
    color: #BC0926;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

a:link
{
    color: #666666;
    text-decoration: underline;
}

a:visited
{
    color: #666666;
    text-decoration: underline;
}

a:hover
{
    color: #bc0926;
    text-decoration: underline;
}

li
{
    color: #777;
}

/* TEMPLATE IDs */

#web
{
    margin: 0 auto;
    width: 975px;
}

#logo_dalt
{
    width: 975px;
    height: 70px;
    margin-bottom: 5px;
}

#slogan
{
    float: right;
    padding-top: 44px;
}


#principal
{
    width: 949px;
    background-color: #FFF;
    padding: 13px;
}

/* NAVEGACIÓ */

#navegacio
{
    width: 929px;
    height: 26px;
    background-color: #E1E1E1;
    padding: 10px;
    margin-bottom: 13px;
}

#navigation ul
{
    margin: 0;
    padding: 1px 0;
}

#navegacio li
{
    margin: 0;
    padding: 0;
    display: inline;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    color: #777;
    padding-left: 4px;
    padding-right: 4px;
}

#navegacio a:link
{
    color: #777;
    text-decoration: none;
}

#navegacio a:visited
{
    color: #777;
    text-decoration: none;
}

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



/* PÁGINA PRINCIPAL */

#contingut
{
    width: 949px;
    height: 305px;
    clear: both;
    margin-bottom: 13px;
}

#flash
{
    width: 708px;
    height: 279px;
    float: left;
    margin-right: 13px;
}

#dreta
{
    width: 202px;
    height: 279px;
    float: right;
    background-color: #E1E1E1;
    padding: 13px;
}

#dreta p
{
    padding: 0;
    margin: 0;
}

#dreta span
{
    text-transform: uppercase;
    color: #bc0926;
    font-weight: bold;
    line-height: 18px;
}

#noticies
{
    border-bottom: 0px solid #bc0926;
    width: 202px;
}

#hpcallback
{
    border-bottom: 1px solid #FF7300;
    height: 59px;
    width: 202px;
    padding-top: 5px;
}

#hpscott
{
    border-bottom: 1px solid #FF7300;
    height: 69px;
    width: 202px;
    padding-top: 5px;
}

#hpprofiles
{
    height: 64px;
    width: 202px;
    padding-top: 5px;
}

/*#row2 { width:949px; background-image:url(../images/hp-tabs-bg.gif); background-repeat:repeat-y; overflow:hidden; }*/

#quadre1
{
    padding: 13px;
    width: 201px;
    float: left;
    margin-right: 13px;
    background-color: #7CC000;
    height: 202px;
    background-image: url(../imatges/quadre-verd.png);
}

#quadre_botiga
{
    padding: 13px;
    width: 201px;
    float: left;
    margin-right: 13px;
    background-color: #093;
}

#quadre2
{
    padding: 13px;
    width: 202px;
    float: left;
    margin-right: 13px;
    background-color: #FF3EB6;
    height: 202px;
    background-image: url(../imatges/quadre-lila.png);
}

#quadre3
{
    padding: 13px;
    width: 202px;
    float: left;
    margin-right: 13px;
    background-color: #FFBD00;
    height: 202px;
    background-image: url(../imatges/quadre-groc.png);
}

#quadre4
{
    padding: 13px;
    width: 201px;
    float: left;
    background-color: #5ABEAC;
    height: 202px;
    background-image: url(../imatges/quadre-blau.png);
}

#row2 h1
{
    font-size: 2.2em;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#row2 h2
{
    font-size: 2.2em;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#row2 p
{
    font-size: 1.3em;
    color: #333;
    padding-top: 6px;
}

#row2 ul
{
    margin: 0;
    padding: 0;
    margin-top: -4px;
    margin-bottom: 4px;
}

#row2 li
{
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #333;
    list-style-type: none;
    font-size: 1.2em;
    display: block;
    font-weight: bold;
    padding-bottom: 3px;
}

#row2 a:link
{
    color: #333;
    text-decoration: none;
    display: block;
}

#row2 a:visited
{
    color: #333;
    text-decoration: none;
    display: block;
}

#row2 a:hover
{
    color: #fff;
    text-decoration: none;
    display: block;
}

/* CONTENT IDs */

#contentwrap
{
    width: 949px;
    overflow: hidden;
    background-color: #e1e1e1;
}

#contentwrapleft
{
    width: 227px;
    float: left;
}

#sidebar
{
    padding: 13px;
    width: 201px;
    float: left;
    margin-top: 30px;
}

#sidebar ul
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #777;
    margin-top: 20px;
    margin-bottom: 50px;
}

#sidebar li
{
    margin: 0;
    padding: 0;
    border-top: 1px solid #777;
    list-style-type: none;
    font-size: 1.2em;
    display: block;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #FF7300;
}

#sidebar a:link
{
    color: #777;
    text-decoration: none;
    display: block;
}

#sidebar a:visited
{
    color: #777;
    text-decoration: none;
    display: block;
}

#sidebar a:hover
{
    color: #FF7300;
    text-decoration: none;
    display: block;
}

#sidebar h3
{
    margin: 0;
    padding: 0;
}

#sidebar h4
{
    margin: 0;
    padding: 0;
}

#contentwrapright
{
    width: 722px;
    float: right;
    background-color: #FFF;
}

#middlecols
{
    width: 469px;
    float: left;
    background-color: #FFF;
    padding-left: 13px;
}

#middlecols li
{
    font-size: 12px;
    color: #777;
}

#dreta2
{
    width: 227px;
    float: right;
    margin-left: 13px;
    background-color: #fff;
}

#esquerra2
{
    width: 227px;
    float: left;
    margin-left: 13px;
    background-color: #090;
}

#esquerra2 h2
{
    font-size: 11px;;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-bottom: 4px;
}

#dreta2 p
{
    font-size: 1.3em;
    color: #333;
    padding-top: 4px;
}

#dreta2 h2
{
    font-size: 1.8em;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-bottom: 4px;
}

#dreta2 ul
{
    margin: 0;
    padding: 0;
    margin-top: -4px;
    margin-bottom: 4px;
}

#dreta2 li
{
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #333;
    list-style-type: none;
    font-size: 1.2em;
    display: block;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
}

#dreta2 a:link
{
    color: #333;
    text-decoration: none;
    display: block;
}

#dreta2 a:visited
{
    color: #333;
    text-decoration: none;
    display: block;
}

#dreta2 a:hover
{
    color: #fff;
    text-decoration: none;
    display: block;
}

#dreta-verd
{
    width: 201px;
    padding: 13px;
    background-color: #7CC000;
    height: 201px;
    background-image: url(../imatges/quadre-verd.png);
}

#dreta-verd-botiga
{
    width: 201px;
    padding: 13px;
    background-color: #096;
}

#dreta-rosa
{
    width: 201px;
    padding: 13px;
    background-color: #FF3EB6;
    margin-top: 13px;
    height: 201px;
    background-image: url(../imatges/quadre-lila.png);
}

#dreta-groc
{
    width: 201px;
    padding: 13px;
    background-color: #FFBD00;
    margin-top: 13px;
    height: 201px;
    background-image: url(../imatges/quadre-groc.png);
}

#dreta-blau
{
    width: 201px;
    padding: 13px;
    background-color: #5ABEAC;
    margin-top: 13px;
    height: 201px;
    background-image: url(../imatges/quadre-blau.png);
}

#breadcrumb
{
    margin: 0;
    padding: 0;
}

/* PEU DE PÀGINA */

#peu
{
    width: 949px;
    padding: 13px;
    color: #333;
    font-size: 1.3em;
}

#peu p
{
    font-size: 1.2em;
    color: #333;
    text-align: center;
}

#peu span
{
    font-size: 90%;
    color: #666;
    text-align: center;
}

#peu a:link
{
	color: #333;
	text-decoration: underline;
}

#peu a:visited
{
    color: #333;
    text-decoration: underline;
}

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

#breadcrumbContainer
{
    margin-left: 13px;
    font-size: 1.2em;
    color: #1e1e1e;
    margin-bottom: 8px;
}

/* EVENT */

.eventpost
{
    border-top: #999 dotted 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.eventfull
{
    color: #777;
    padding-bottom: 10px;
    font-size: 1.2em;
}

.eventtitle
{
    font-size: 140%;
    font-weight: bold;
    float: left;
    margin: 0;
}

.eventdate
{
    float: right;
    color: #FF7300;
    margin: 0;
}

/* NEWS */

.newspost
{
    border-top: #999 dotted 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.newsfull
{
    color: #777;
    padding-bottom: 10px;
    font-size: 1.2em;
}

.newstitle
{
    font-size: 140%;
    font-weight: bold;
    float: left;
    margin: 0;
}

.newsdate
{
    float: right;
    color: #FF7300;
    margin: 0;
}

.excerpt
{
    clear: both;
    margin: 0;
    padding-top: 10px;
}

.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

.postdate
{
    color: #FF7300;
}

legend
{
    font-size: 1.3em;
    color: #FF7300;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #FFF;
    padding-left: 5px;
    padding-right: 5px;
}

fieldset
{
    border: 1px dotted #999;
    padding: 10px;
}

#bookmarktable
{
    margin-top: 10px;
    margin-bottom: 10px;
}

/*bookmarks*/
.bookit
{
    border: 1px dotted #cccccc;
    padding: 0.5em;
    margin: 1.5em 0 1.5em 0;
    clear: both;
    float: left;
    width: 46.2em;
    text-align: center;
}

.bookit h4
{
    font-size: 1.2em;
    width: 100%;
    text-align: left;
}

.bookit ul
{
    margin: 0 auto 0 auto;
    padding: 0;
    width: 30em;
}

.bookit ul li
{
    list-style: none;
    display: inline-block;
    width: 1.5em;
    margin: 0 0.45em 0 0.45em;
    float: left;
    text-decoration: none;
}

.bookit ul li a
{
    text-decoration: none;
}

.bookit ul li.blink
{
    background: #fff url(../Images/BookMarks/blink.gif) no-repeat top left;
}
.bookit ul li.delicious
{
    background: url(../Images/BookMarks/delicious.gif) no-repeat 0 0;
}
.bookit ul li.digg
{
    background: url(../Images/BookMarks/digg.gif) no-repeat 0 0;
}
.bookit ul li.facebook
{
    background: url(../Images/BookMarks/facebook.gif) no-repeat 0 0;
}
.bookit ul li.furl
{
    background: url(../Images/BookMarks/furl.gif) no-repeat 0 0;
}
.bookit ul li.google
{
    background: url(../Images/BookMarks/google.gif) no-repeat 0 0;
}
.bookit ul li.live
{
    background: url(../Images/BookMarks/live.gif) no-repeat 0 0;
}
.bookit ul li.newsvine
{
    background: url(../Images/BookMarks/newsvine.gif) no-repeat 0 0;
}
.bookit ul li.reddit
{
    background: url(../Images/BookMarks/reddit.gif) no-repeat 0 0;
}
.bookit ul li.simpy
{
    background: url(../Images/BookMarks/simpy.gif) no-repeat 0 0;
}
.bookit ul li.spurl
{
    background: url(../Images/BookMarks/spurl.gif) no-repeat 0 0;
}
.bookit ul li.stumbleupon
{
    background: url(../Images/BookMarks/stumbleupon.gif) no-repeat 0 0;
}
.bookit ul li.technorati
{
    background: url(../Images/BookMarks/technorati.gif) no-repeat 0 0;
}
.bookit ul li.yahoo
{
    background: url(../Images/BookMarks/yahoo.gif) no-repeat 0 0;
}

/* YOUR STORIES */

.casestudy
{
    border-top: #999 dotted 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.casestudytitle
{
    font-size: 140%;
    font-weight: bold;
    margin: 0;
}

.casestudystrapline
{
    color: #FF7300;
    font-size: 140%;
    margin: 0;
    margin-bottom: 10px;
}

.caseexcerpt
{
    margin: 0;
    padding-top: 10px;
}

.excerptthumb
{
    float: right;
    border: 1px solid #777;
    margin: 10px;
}

#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_storyphoto
{
    float: right;
    border: 1px solid #777;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.question
{
    margin-left: 10px;
    margin-top: 10px;
    font-size: 1.0em;
    color: green;
}

.questionAnswer
{
    margin-left: 15px;
    font-size: 1.0em;
    color: #777777;
}

.quickTestReport
{
}

/* IMAGE ROTATOR */
#imatge1
{
    float: left;
    padding: 13px;
    width: 682px;
    height: 279px;
    font-size: 1.3em;
}
#imatge2
{
    color: #fff;
    float: left;
    margin-top: 28px;
    width: 400px;
}
#imatge5
{
    color: #fff;
    clear: both;
    float: left;
    margin-top: 10px;
    font-size: 1.3em;
    width: 275px;
}

.midCol
{
    width: 350px;
}

.profile
{
    color: #333;
}
.profile1
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile2
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile3
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile4
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile5
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile6
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile7
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile8
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile9
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile10
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}

#imgStudy
{
    padding-left: 3px;
}