/*      page */

body, div, h1, h2 { padding: 0%;
                            margin: 0%; }
body {  font: normal normal 12px/14px arial, sans-serif; }
img, abbr, acronym {    border-style: none; }

/*      menu        */
div#esquerra li a { line-height: 1em !important; }
ul.tercernivell a { padding-left: 1ex; }

/*      header   */
div#capcelera ul, div#peu ul { list-style-type: none;
                                padding: 0%;
                                margin: 0%; }
div#capcelera ul li, div#peu ul li {    display: inline; }
ul#seccions, ul#llengua {   float: right;
                                    padding-top: .5ex !important; }
ul#llengua {    margin-left: 1ex !important; }
ul#seccions a, ul#llengua abbr {    font-size: 90%;
                                            font-weight: bold;
                                            text-decoration: none !important;
                                            padding-left: .5ex; }
ul#llengua a {  text-decoration: underline !important; }
div#cibertira { margin-top: .5ex; }
ul#menuppal {   padding: .5ex 0ex !important;
                        border-bottom: solid thin rgb(150,150,150); }
ul#menuppal a { border-right: solid thin rgb(150,150,150);
                        padding: 0ex 1ex;
                        text-decoration: none; }
a.actiu {   font-weight: bold; }

/*      body */
div.novetatgran
{
    display: table;
    margin-bottom: 1em;
    margin-top: 1em;
}
div.novetatgran div.newspic
{
    float: left;
    text-align: right;
    width: 110px ! important;
}
div.novetatgran div.newspic img
{
    margin-right: 10px;
}

div#fotos p, div.novetatgran div p {    margin: 0%;
                                                    padding-bottom: 1em;
                                                    font-size: 90%;
                                                    line-height: 90%;
                                                    color: rgb(150,150,150);
                                                    font-weight: bold; }
div#cos
{
    padding-top: 1.5em;
    width: 100%;
}

div#total
{
    background: #fff url(../pictures/carnetjove/layout/roundtop.gif) 50% 0% no-repeat;
    padding: 20px 10px 10px;
}
div#subtotal
{
    display: block;
    width: 740px;
    padding: 0px 10px 10px;
    margin: -35px auto 15px;
    background: url(../pictures/carnetjove/layout/roundbottom.gif) 50% 100% no-repeat;
    height: 30px;
}

div#dreta, div#segonaesquerra {   padding-top: 5.25em; }
div#esquerra {padding-top: 2.25em;}
div#bottom {padding-top: 2em;}
div#dreta a.tira {  display: block;
                        margin-bottom: 0.75em; }
div#dreta a.tira img, div#bottom a.tira img {  width: 100%; }
div#mollesdepa
{
    margin-bottom: 1em;
    font-size: 90%;
}
div#mollesdepa a, div#esquerra a {  text-decoration: none; }
h1 {    font-size: 150%; }
h2 {    font-size: 120%; }
h3 {    font-size: 100%; }
div#centre p {  margin: .5ex 0% 1ex; }
div#centre h2 { margin-bottom: 1em; }
p.destacat {    font-weight: bold; }
div#eines { margin: 2.5em 0%;
                border-top: solid thin rgb(150,150,150);
                border-bottom: solid thin rgb(100,100,100);
                padding: .5ex 0%;
                height: 1.5em;
                clear: both;}
div#eines a {   display: block;
                    padding-left: 1.5em;
                    height: 1em;
                    color: rgb(100,100,100);
                    text-decoration: none; }
div#eines a.imprimeix
{
    background: rgb(255,255,255) url("../pictures/impresora.png") 0% 50% no-repeat;
    width: 47.5%;
    float: left;
}
div#eines a.amic
{
    background: rgb(255,255,255) url("../pictures/envia.png") 0% 50% no-repeat;
    margin-left: 50%;
}
div#eines a.close
{
    background: rgb(255,255,255) url("../pictures/close.jpg") 0% 50% no-repeat;
    margin-left: 50%;
}
div#novetats, div#ofertes { margin-bottom: 1.5em; }
div#novetats h2, div#ofertes h2, div#docrel h2, div#enlrel h2 { text-transform: uppercase;
                                                                                    color: rgb(50,50,50);
                                                                                    font-size: 100%; }
div#docrel h2, div#enlrel h2 {  font-size: 80%; }
div#novetats hr, div#ofertes hr {   color: rgb(200,200,200);
                                                background-color: rgb(200,200,200);
                                                border: none;
                                                height: 0.25ex;
                                                margin: 0%; }
div#novetats div.novetat, div#ofertes div.oferta {  padding: 1ex 0%; }
div.novetat img {   float: left; clear: both; }
div#bottom div.novetat img {display: none;}
div#bottom div.novetat div, div#bottom div.novetat p {margin-left: 0%;}
div.novetat div, div.novetat p {    margin: 0%;
                                            padding: 0%;
                                            margin-left: 25%; }
div.oferta p {  margin: 0%;
                    padding: 0%; }
div.oferta p.lloc { color: rgb(212,13,22); }
div.oferta p.data { color: rgb(100,100,100); }
div.oferta p.preu { color: rgb(50,50,50); }
div.novetat, div.oferta {   font-weight: bold;
                                    font-size: 90%;
                                    line-height: 110%; }
div.novetat div, div.oferta div {   text-transform: uppercase;
                                            font-weight: bold;
                                            font-size: 90%;
                                            color: rgb(212,13,22); }
div#novetats div.mes, div#ofertes div.mes { border-top: solid thin rgb(150,150,150);
                                                                color: rgb(150,150,150);
                                                                text-transform: uppercase;
                                                                font-size: 80%;
                                                                font-weight: bold; }
div#menures ul {    background-color: rgb(242,242,242);
                        background: rgb(242,242,242) url("../pictures/menuresdalt.png") right top no-repeat;
                        margin: 0% auto 5px;
                        padding: 0%; }
div#menures ul li { list-style-position: inside;
                            list-style-image: url("../pictures/fletxeta.png");
                            padding: 1ex .5ex .5ex 1.5ex;
                            font-size: 90%; }
div#menures ul li a {   font-weight: bold;
                                color: rgb(100,100,100);
                                text-decoration: none;
                                padding: 0px 0px 0px 3px;}
div#menures ul li.final {   background: rgb(242,242,242) url("../pictures/menuresbaix.png") right bottom no-repeat;
                            padding-top: 1.5ex;
                            padding-bottom: 1.5ex;
                            list-style-type: none;
                            list-style-image: none;}
div#mesres {    margin-top: 1.5ex; }
div#mesres a {  color: rgb(212,13,22);
                        font-weight: bold;
                        text-decoration: none;
                        font-size: 90%;
                        padding-left: 1.5ex; }
div#relacionats, div#enviaamic {    margin-top: 1em;
                        border-top: solid thin rgb(200,200,200);
                        padding: 1ex 0%;
                        display: table;}    /* else, the border is printed where it shouldn't if empty */
div#relacionats
{
    clear: left;    /* else, firefox won't display it well in some circumstances */
}
div#docrel, div#enlrel {    margin-bottom: 1ex; }
div#docrel ul, div#enlrel ul, div#docrel ul li, div#enlrel ul li {  padding: 0px;
                                                                    margin: 0%;
                                                                    list-style-image: url("../pictures/fletxetaen.png");
                                                                    list-style-position: inside; }
div#docrel ul li a, div#enlrel ul li a {    font-size: 90% !important;
                                            text-decoration: none;
                                            color: rgb(212,13,22);
                                            padding: 0px 0px 0px 7px; }
div#docrel li.pdf { list-style-image: url("../pictures/vinyetapdf.png") !important; }
div#docrel li.doc { list-style-image: url("../pictures/vinyetadoc.png") !important; }
div#docrel li.rtf { list-style-image: url("../pictures/vinyetadoc.png") !important; }
div#docrel li.txt { list-style-image: url("../pictures/vinyetatxt.png") !important; }
div#docrel li.zip { list-style-image: url("../pictures/vinyetazip.png") !important; }
div#docrel li.img { list-style-image: url("../pictures/vinyetaimg.png") !important; }
div#docrel li.video { list-style-image: url("../pictures/vinyetavideo.png") !important; }
div#docrel li.audio { list-style-image: url("../pictures/vinyetaaudio.png") !important; }

div.paquet {    border: none;
                    border-top: solid thin rgb(150,150,150);
                    padding: 1.5ex 0%; }
div.paquet div.mesinfo {    padding-top: 1ex; }
div.paquet div.mesinfo p, div.paquet div.mesinfo ul, div#popup div.mesinfo p, div#popup div.mesinfo ul {    margin-left: 136px !important; }
div.paquet div.mesinfo div.foto, div#popup div.mesinfo div.foto {   float: left; }
div.paquet div.mesinfo div.foto img, div#popup div.mesinfo div.foto img {   display: block;
                                                                            margin-top: 1ex; }
p.activitatsopcionals { font-size: 90%; }
ul.activitats, ul.objectius, ul.activitatsopcionals {   list-style: disc url("../pictures/vinyeta.png") outside !important;
                                                                    padding: 0%;
                                                                    margin: 0%;
                                                                    margin-bottom: 1.5ex;
                                                                    padding-left: 12px; }
ul.activitatsopcionals li { font-size: 90%; }
ul.activitats li, ul.objectius li, ul.activitatsopcionals li {  padding-bottom: 0.75ex; }
ul.activitats a, ul.activitatsopcionals a { font-weight: normal !important; }
div.paquet a.documentpdf, h1 a.documentpdf {    float: right; }
.gris {    color: #666; }
div#popup { margin: 3ex !important; }
div#popup h1 {  font-size: 180%; line-height: 110%;}

/*      footer */
div#peu
{
    background-color: rgb(200,200,200);
    margin-top: 1em;
    clear: both;
    padding: .5ex;
    font-size: 90%;
    color: black !important;
}
.petit {	font-size: 90%; }
span.programmename {padding-left: 10px; font-size: 80%;}
.programmename     {font-style: italic;}
div#peu li {    display: inline;
                padding: 0% .5ex; }
ul#extern
{
    float: left;
    margin-right: 1em;
    height: 100%;
}
ul#extern li
{
    margin-right: 7px;
}
ul#extern li img.bigfoot
{
    margin-top: 4px;    /* there's no other way to center them vertically... */
}
ul#extern li img.smallfoot
{
    margin-bottom: 4px;
}
ul#intern { float: right; }
ul#legallinks
{
    float: right;
    clear: right;
}
ul#legallinks
{
    margin-top: -2px !important;
}
ul#legallinks a
{
    color: black !important;
    text-decoration: none;
}

/*      tables  */
table, table td, table tr, table th {
border-spacing: 0em; }
thead th, thead td, td.mes {    font-weight: bold;
                                        text-transform: uppercase; }
tbody td, tbody th {    text-align: left;
                            font-weight: normal; }
td, th {    padding: 0.25em 0.75em;
            vertical-align: middle; }
tr.parell td, tr.parell th {    background-color: rgb(240,240,240); }
tr.mig td { font-size: 120%;
                color: rgb(85,85,85);
                font-weight: bold; }
table.escollit {    margin: 1.5em 0%; }
table.formulari {   width: 70%; }
table.formulari th {    width: 40%; }
table { font-size: 90%; }
th, td.preu {   font-weight: bold !important; }
td.preu {   text-align: right; width: 70px;}
td.mes {    padding-top: 1em; }
th {    vertical-align: top; }
td h2 { font-size: 130%;
            margin: 0% !important;
            margin-top: 1ex !important; }
tr.mig td.preu {    font-size: 135% !important; }

table#offerslist {margin-top: 10px;}
table#offerslist td.preu {width: auto;}

/*      forms  */
fieldset {  margin: 0%;
                padding: 0%;
                border: none;
                margin-bottom: 1em; }
legend, td legend { margin: 0%;
                            padding: 0%;
                            font-size: 120%;
                            font-weight: bold;
                            margin-bottom: 1em;}

/* --- pack search --- */

fieldset#packsearchcategory, fieldset#packsearchprogramme {margin-bottom: 2em;}
fieldset#packsearchcategory legend, fieldset#packsearchprogramme legend
{
    margin: 0em 0em 1em;
    text-align: left;
}
fieldset#packsearchcategory, fieldset#packsearchprogramme {text-align: center;} /* ie */
fieldset#packsearchprogramme div
{
    width: 80%;
    text-align: left;
    margin: 0px auto;
}
fieldset#packsearchcategory label, fieldset#packsearchprogramme label {display: inline;}
.packsearchselect {margin: 4px 6px 0px; font-size: 90%;}
.packsearchbutton {margin: auto;}
table.packsearch {width: 90%; margin: auto;}
.resultgroup table.esc td.preu {text-align: left;}
hr.searchresults
{
    width: 80%;
    color: #eeeeee;
    margin: 3px auto 10px;
    height: 1px;
}


label { display: block;
            padding: 0% 0% 1ex; }
label span {    display: block;
                    width: 30%;
                    float: left;
                    padding-top: .5em; }
div#dades, div#dadesfinals {    margin-bottom: 3em;
                                        background-color: rgb(238,238,238);
                                        padding: 0% 1em .5em; }
div#dades p, div#dadesfinals p {    margin: .5em 0%;
                                                padding: 0%; }
div#dades h2, div#dadesfinals h2 {  padding-top: 1em; }
div#dadesfinals {   background-color: rgb(255,255,255) !important;
                        padding: 0% !important; }
select {    margin: 0%;
            padding: 0%; }
div#submit {    float: right; }
/*input {   width: 100%; }*/
input.numero {  width: 3em !important; }
input.dni { width: 11em !important; }
input.submit {  float: right;
                    width: auto !important; }
input.radio {   width: auto !important; }
textarea {  /*width: 100%;*/
                height: 5em; }
div#enviaamic { padding-top: 2em; }

p.infowarning {font-style: italic; font-size: 90%;}
div#hostelmap {padding: 13px 15px 25px;}
img.hostellegend {width: 20px; height: 20px; margin-left: 7px; vertical-align: middle;}

div#bigpic {width: 100%; padding: 10px; text-align: center;}
a.bigpiclink {}
div#arrivalpicture
{
    clear: left;
    width: 100%;
    text-align: center;
}


ul.albergs
{
    list-style: none !important;
    display: table;
    padding: 0px;
    margin-top: 0px;
}
ul.albergs li {display: table; padding-top: 10px;}
ul.albergs ul.albergs {padding-left: 15px;}
ul.albergs ul.albergs li {padding-top: 0px;}

table.esc { width: 550px; margin-bottom: 25px;}

table.tarifes {	width: 237px;
					margin: 10px 0px 15px;
					text-align: center;}
table.tarifes tr.senar th, table.tarifes tr.senar td {	background-color: #eeeeee; }

h1.title
{
    margin-bottom: 25px;
}

/*   --- cj / magazine ---   */

ul#magazinelist
{
    width: 95%;
    margin: 15px auto 15px 1%;
    padding: 0px;
    display: table;     /*firefox */
}
ul#magazinelist li
{
    list-style-type: none;
    float: left;
    display: table;     /*firefox */
    width: 24%;
    text-align: center;
    margin-bottom: 10px;
}
ul#magazinelist img
{
    display: block;
    margin: 0px auto;
    width: 100px;
    height: 140px;
}
ul#magazinelist div.footer
{
    display: block;
    font-size: 80%;
}

/*   --- cj / newsletter ---   */

form {margin: 0px; padding: 0px;}
form dl
{
    width: 88%;
    display: table;
    vertical-align: 50%;
    margin: 8px auto;
}
form dt
{
    margin-top: 6px;
    padding-top: 4px;
}
form dd
{
    margin-top: -2em;
    margin-left: 6px;
    padding-right: 3px;
    text-align: right;
}
form div.buttons
{
    text-align: center;
    margin: 10px auto;
}
div#newsletterresult
{
    font-weight: bold;
}
div#newsletterresult span.success
{
    color: #161;
}
div#newsletterresult span.failure
{
    color: #911;
}

/*   --- cj / synch pics & modules ---   */

div.synchedheight img, div#contingut div.synchedheight p
{
    height: 150px;
    margin-bottom: 20px;
}
div.synchedheight img
{
    margin-top: -2px;
}
div#contingut div.synchedheight p
{
    margin-top: 0px;
    padding: 0px;
}
div.synchedheight div#fotos
{
    margin-top: 0.25em;
}
div.synchedheight div#fotos p
{
    display: none;
}

/*   --- cj / general advs ---   */

ul#generalthemes
{
    width: 99%;
    margin: 20px auto 10px 0px;
    padding: 0px;
    display: table; /* for firefox */
}
ul#generalthemes li
{
    list-style-type: none;
    float: left;
    display: table;  /* firefox */
    width: 49%;
    padding: 2px;
    margin-bottom: 10px;
    text-align: left;
}
div.themepic
{
    display: block;
    float: left;
    width: 110px;
    height: 110px;
    text-align: center;
    vertical-align: middle;
    background: url("../pictures/carnetjove/theme/background.jpg") 50% 50% no-repeat;
    margin-right: 10px;
}
div.themepic img
{
    margin: 10px;
    width: 90px;
    height: 90px;
}
ul#generalthemes h1
{
    font-size: 140%;
    font-weight: bold;
    height: 1.5em;
    margin-top: 9px;
}
img.subthemeintro
{
    margin-top: 1px;
    margin-right: 10px;
}
ul#generalthemes a
{
    margin-right: -2px;
    color: black !important;
    text-decoration: none;
}
ul#generalthemes a:hover
{
    color: blue !important;
}

ul#generaladvantages
{
    width: 80%;
    margin: 20px;
    padding: 0px;
    display: table; /* for firefox */
}
ul#generaladvantages li
{
    list-style-type: none;
    float: left;
    width: 95%;
    padding: 10px;
    text-align: left;
    color: #666;
    font-size: 90%;
}
ul#generaladvantages li.parell
{
    background-color: #F3E4FD;
}
ul#generaladvantages h1
{
    font-size: 130%;
    text-transform: uppercase;
}
div#contingut ul#generaladvantages li a
{
    font-weight: bold;
    color: #333;
    text-decoration: none;
}
ul#generaladvantages p.node
{
    font-style: italic;
}

div#venuelist h1.node
{
    font-size: 130%;
    text-transform: uppercase;
    margin-top: 0.75em;
    height: 1em;
}
div#venuelist p.node {font-style: italic;}
div#venuelist ul#generaladvantages h1
{
    font-size: 130%;
    text-transform: none;
}


/*   --- cj / local advs ---   */

div#localadvantageform {display: table;}
div#localadvantagesmap
{
    display: block;
    float: left;
    width: 278px;
    height: 285px;
}
div#localadvantageform form dl
{
    width: 275px;
    padding-left: 10px;
}
div#localadvantageform form dt
{
    font-weight: bold;
}

div#localadvantageresult {clear: both;}
div#localadvantageresult table
{
    margin-top: 20px;
    width: 565px;
}
div#localadvantageresult caption
{
    caption-side: top;
    width: 100%;
    text-align: left;
    margin-top: 20px;
    padding-left: 5%;
    font-size: 115%;
    font-weight: bold;
}
div#localadvantageresult th.long
{
    width: 30%;
}

div#footpattern
{
    display: none;
}
.smallselect
{
    font-size: 100%;
}

/*   --- cj / temp advs ---   */

ul#temporaryadvantages
{
    width: 99%;
    margin: 20px auto 10px 0px;
    padding: 0px;
    display: table; /* for firefox */
}
ul#temporaryadvantages li
{
    list-style-type: none;
    float: left;
    display: table;  /* firefox */
    width: 49%;
    padding: 2px;
    margin-bottom: 10px;
    text-align: left;
    font-size: 90%;
    line-height: 120%;   /* less than without this line */
}
ul#temporaryadvantages h1
{
    font-size: 140%;
    font-weight: bold;
    height: auto;
    margin-bottom: 0.5em;
}
img.tempadvbullet
{
    margin-top: 1px;
    margin-right: 3px;
}

img#tempadvlargepicture, div#tempadvdetails
{
    display: block;
    float: left;
    margin: 10px;
}

div#tempadvdetails
{
    width: 385px;
}
div#tempadvdetails p
{
    font-size: 90%;
}
div.tempadvfiletab
{
    background-image: url(../pictures/carnetjove/advtemp/tab.gif);
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-family: "Courier New", Courier, mono !important;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    margin: 15px 0px 0px;
    padding: 4px 0px 1px;
    position: relative;
    text-align: center;
    width: 100px;
}
div.tempadvfile
{
    background-color: #E0B2F0;
    border: 1px solid #9900CC;
    margin: 0px auto 15px 0px;
    padding: 10px;
    width: 80%;
    font-size: 90%;
    color: #000 !important;
}
div.tempadvfile a
{
    color: #000 !important;
}
h2.tempadvcategory
{
    text-decoration: underline;
    font-style: italic;
}
#tempadvdetails h1
{
    text-transform: uppercase;
    height: 1.25em;
}

/*   --- cj / home ---   */

div#homenews
{
    margin: 10px 10px 10px auto;
    width: 155px;
    float: right;
}
div#homeproposals
{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 380px;
    float: left;
}
ul.referencer
{
    margin: 15px 1% 10px 1%;
    padding: 0px;
    display: table; /* for firefox */
}
ul.referencer li
{
    list-style-type: none;
    width: 98%;
    padding: 2px;
    text-align: left;
    font-size: 11px;
    display: table;     /* firefox */
    margin-bottom: 5px;
}
div#homenews h1.title
{
    background: url("../pictures/carnetjove/referencer/backshortnews.gif") 5% 0% no-repeat;
    width: 100%;
}
div#homeproposals h1.title
{
    width: 100%;
    background: url("../pictures/carnetjove/referencer/backproposals.gif") 5% 0% no-repeat;
}

div.newnews .themepic
{
    background-image: url("../pictures/carnetjove/referencer/backnewspic.jpg");
    float: none;
}
div.proposals .themepic
{
    background-image: url("../pictures/carnetjove/referencer/backproposalpic.jpg");
}
div.proposals a
{
    text-decoration: none;
    color: #06C !important;
}
div.newnews a
{
    text-decoration: none;
    color: #F60 !important;
}
h1.reftitle
{
    font-size: 130%;
    height: auto;
    padding-bottom: 0.5em;
    margin-top: 0.5em;
}
a.morerefs
{
    font-size: 110%;
    font-weight: bold;
}
div#homeproposals a.morerefs
{
    margin-left: 20%;
    display: block;         /* ie6 */
}
span.refintro
{
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-bottom: 0px;
    margin-right: 5px;
    background: url("../pictures/carnetjove/referencer/arrownews.gif") 50% 50% no-repeat;
}
div.proposals span.refintro
{
    background-image: url("../pictures/carnetjove/referencer/arrowproposal.gif");
}

.sidereferences ul.referencer
{
    margin-top: 5px;
}
.sidereferences h1.title
{
    background-image: none;
    background-color: transparent !important;
    text-align: center;
    border-bottom: 2px solid;
    font-size: 125%;           /* smaller than without this line */
}
.sidereferences .themepic
{
    display: none;
}
.sidereferences h1.reftitle
{
    margin-top: 0px;
    font-size: 110%;           /* smaller than without this line */
}
#sidenews h1.title
{
    color: #F60 !important;
}
#sideproposals h1.title
{
    color: #06C !important;
}

div#fullnews .themepic
{
    float: left;
}
div.fullreferences ul.referencer
{
    width: auto;
    margin: 15px 12% 10px 12%;
    padding: 0px;
    display: table; /* for firefox */
}
div#fullnews h1.title
{
    background: transparent url("../pictures/carnetjove/referencer/backlongnews.jpg") 50% 0% no-repeat;
}
div#fullproposals h1.title
{
    background: transparent url("../pictures/carnetjove/referencer/backlongproposals.jpg") 50% 0% no-repeat;
}
div.fullreferences h1.title
{
    width: 576px;
    margin-left: 50px;
    padding-left: 35px;
}


/*   --- cj / partners ---   */

div#partnerspagelink
{
    display: none;      /* overridden when necessary in the JSP */
}

div#partnerspagelink a
{
    font-weight: bold;
    color: #666;
    font-family: "Courier New", Courier, mono !important;
}

a.downloadpdf
{
    padding-left: 25px;
    margin-bottom: 10px;
    background: url("../pictures/vinyetapdf.png") 0% 50% no-repeat;
    display: block;
}


/*   --- cj / europe ---   */

div#europemap
{
    text-align: center;
    font-size: 80%;
}
div#europemap img
{
    display: block;
    margin: 5px auto;
}

div#europelists
{
    text-align: center; /* iexplorer */
}
div#europelists table
{
    margin: 5px auto;
    width: 500px;
}
div#europelists caption
{
    caption-side: top;
    margin: 10px auto 0px;
    font-weight: bold;
}
div#europelists table td.short
{
    width: 21%;
}

/*   --- cj / contests ---   */

ul.competitionlist
{
    width: 90%;
    margin: 10px auto 20px;
    padding: 0px;
    display: table; /* for firefox */
}
ul.competitionlist li
{
    list-style-type: none;
    float: left;
    display: table;  /* firefox */
    width: 99%;
    padding: 2px;
    margin-bottom: 10px;
    text-align: left;
}

ul.winnerlist
{
    width: 95%;
    margin: 10px auto 20px;
    padding: 0px;
    display: table; /* for firefox */
}
ul.winnerlist li
{
    list-style-type: none;
    float: left;
    display: table;  /* firefox */
    width: 49%;
    padding: 2px;
    margin-bottom: 10px;
    text-align: center;
}
div.winnerthumb
{
    display: block;
    float: left;
    width: 110px;
    text-align: center;
    vertical-align: middle;
    /*margin: 0px auto;*/
}
div.winnerthumb img
{
    margin: 10px;
    width: 90px;
}
ul.winnerdata
{
    margin-top: 10px;
    padding: 0px;
    display: table; /* for firefox */
    font-size: 90%;
}
ul.winnerdata li
{
    list-style-type: none;
    float: none;
    display: table;  /* firefox */
    width: 99%;
    padding: 0px;
    padding-left: 20px;
    margin-bottom: 3px;
    text-align: left;
}
.winnerlabel
{
    margin-left: -20px;
}


/* ie center hack */
body {text-align: center;}
div#total, div#popup {text-align: left;}



div.paquet div.mesinfo {	display:inline-block;
					width:100%; }
div.mesinfo p a {font-weight: bold; }


/* --- reservation form --- */

div#hostelreservation
{
    margin-top: -5em;
}
div#hostelreservation h4
{
    color: rgb(188, 4, 19);
    font-size: 100%;
}
div#hostelreservation div#hostelreservationdata
{
    border-color: rgb(188, 4, 19);
    border-width: 4px 0px;
    border-style: solid;
    margin-bottom: 2em;
}
#hostelreservationdatahostel, #hostelreservationdatastart, #hostelreservationdataend
{
    background-color: rgb(254, 232, 221);
    padding: 5px 0px;
    margin: 0px 0px 2px;
    font-size: 90%;
}
#hostelreservation .buttons
{
    background-color: rgb(254, 232, 221);
    text-align: right;
    margin: 0px !important;
    padding: 5px !important;
}
div#hostelreservation h5
{
    font-weight: bold;
    font-size: 110%;
    padding: 5px 0px 0px 5px;
    margin: 0px;
}
div#hostelreservation #reservationhostel
{
    width: 125px !important;
}
.reservationhostel
{
    font-size: 100%;
}
div#hostelreservation form dl
{
    width: 94%;
    margin-left: 3%;
}
div#hostelreservation form dd
{
    padding-right: 0px;
}

/* --- route search --- */

fieldset#routesearchholder {margin: 1em auto 0.5em;}
fieldset#routesearchholder legend
{
    margin: 0em 0em 1em;
    text-align: left;
}
fieldset#routesearchholder {text-align: center;} /* ie */
fieldset#routesearchholder dl
{
    width: 60%;
    text-align: left;
    margin: 0px auto;
}
form fieldset#routesearchholder dd
{
    text-align: left;
    margin-left: 35%;
    margin-top: -1.5em;
}
form fieldset#routesearchholder label
{
    display: inline;
}
.routesearchselect {margin: 4px 6px 0px;}
.routesearchbutton {margin: auto;}
#routeresults {text-align: center;}     /* ie */
#routeresults ul
{
    padding: 0px;
    width: 70%;
    margin: auto;
    text-align: left;                   /* ie */
}
#routeresults ul li
{
    list-style: none;
    display: table;                     /* ff */
}
#routeresults img.routesearchresult
{
    width: 200px;
    float: left;
    margin: 10px;
}
#routeresults div.routedata div
{
    margin: 1em;
}

/* --- route data --- */

#routetitlebox
{
    height: 200px;
    background-repeat: no-repeat;
    font-size: 300%;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1em;
}
#codebox
{
    height: 125px;
    background-image: url(../pictures/route/titlemask.gif);
    background-position: top;
    background-repeat: no-repeat;
    color: rgb(30, 200, 30);
}
#namebox
{
    height: 75px;
    color: white;
    margin-bottom: 0px;
    /*margin-top: 100px;*/
    vertical-align: text-bottom;
    background-image: url(../pictures/route/titlemaskbottom.gif);
    background-position: bottom;
    background-repeat: no-repeat;
}

#routecontentbox h3, p.itinerary
{
    text-transform: uppercase;
    font-size: 120%;
    margin-bottom: 0.5em;
}
.datatype {color: rgb(20, 175, 20);}
.datavalue {color: rgb(50, 50, 50);}
#techdatabox, #profilebox {margin: 10px 0px;}
#techdatabox {width: 210px; float: left;}
#profilebox {width: 350px; float: right;}
#mapbox {clear: both;}
#techdatabox div {margin-top: 0.2em; margin-bottom: 0.1em;}
#techdatabox ul, #techdatabox div div
{
    margin: 0px;
    padding-left: 10px;
}
#techdatabox ul li {list-style: none;}
#profilebox img {width: 330px; margin: auto;}
#mapbox {text-align: center;}
#mapbox h3 {text-align: left;}

/* --- collaborations --- */

ul.collaborationoptions
{
    display: table;
    width: 550px;
    margin: 5px 0px;
    padding: 10px 0px;
    border: 2px rgb(30, 200, 30) solid;
}
ul.collaborationoptions li
{
    list-style: none;
    width: 33%;
    float: left;
    text-align: center;
}
dl.collaborationform
{
    width: 100%;
}
.collaborationinput {width: 500px;}
.shortcollaborationinput {width: 375px;}


/* --- hostel history --- */

.historycentury
{
    width: 550px;
    margin: 10px auto;
}
.century10 {background-color: rgb(212, 183, 145);}
.century11 {background-color: rgb(210, 180, 140);}
.century12 {background-color: rgb(208, 177, 135);}
.century13 {background-color: rgb(206, 174, 130);}
.century14 {background-color: rgb(204, 171, 125);}
.century15 {background-color: rgb(202, 168, 120);}
.century16 {background-color: rgb(200, 165, 115);}
.century17 {background-color: rgb(198, 162, 110);}
.century18 {background-color: rgb(196, 159, 105);}
.century19 {background-color: rgb(194, 156, 100);}
.century20 {background-color: rgb(192, 153, 95);}
.century21 {background-color: rgb(190, 150, 90);}
.historycentury a h4
{
    font-weight: bold;
    font-size: 120%;
    color: rgb(100, 80, 40);
    padding: 10px;
    margin: 0px;
}
.historycentury a {color: rgb(50, 40, 20) !important; text-decoration: none;}
.centurylistholder {display: none;} /* initally, hidden */
.centurylistholder ul
{
    display: table;
    width: 100%;
}
.centurylistholder li
{
    list-style-type: none;
    float: left;
    /*display: table;     /*firefox */
    width: 24%;
    text-align: center;
    margin-bottom: 10px;
}

ul#historytabs
{
    display: table;
    width: 90%;
}
ul#historytabs li
{
    list-style-type: none;
    float: left;
    /*display: table;     /*firefox */
    width: 24.5%;
    text-align: center;
    margin-bottom: 10px;
    background-image: url(../pictures/hostel/tab.gif);
}
ul#historytabs li a {color: rgb(100, 80, 40) !important;}

#historyintro {display: block;}
#historycontent, #historyarchitecture, #historypics {display: none;}
#historyintrotab {font-weight: bold;}
#historycontenttab, #historyarchitecturetab, #historypicstab {font-weight: normal;}

.historypicture
{
    font-size: 80%;
    text-align: center;
    margin: 20px auto;
    clear: both;
}
.historypicture img {display: block; margin: auto;}

#historyintro #hostelminimap
{
    float: left;
    width: 280px;
    height: 290px;
}
#historyintro #hosteladdress
{
    float: left;        /* ff */
    width: 280px;
}
#historyintro #hosteladdress dl {margin-top: 2em;}
#historyintro #hosteladdress dt {margin-top: 0.75em; font-weight: bold;}


#couponsearchheaderholder
{
  margin: 1em;
  text-align: center;
}
#couponsearchonline
{
  display: block;
  float: right;
  width: 84px;
  height: 64px;
  margin-top: 25px;
  margin-right: 25px;
  background: url(../pictures/carnetjove/coupons/onlinebutton.gif);
}
#couponsearchform label
{
  display: inline;
  width: 50%;
}
#couponsearchform
{
  margin: 1em;
}
#couponsearchform dl
{
  width: 320px;
}
#couponsearchform dt
{
  margin-bottom: 1em;
}
#couponsearchform dd
{
  margin-top: -2.4em;
}
#couponsearchform .buttons
{
    margin-right: 30%;
    text-align: right;
}

#couponresultthemes
{
  margin-bottom: 2em;
}
#couponresultthemes dt
{
  font-weight: bold;
  margin-top: 2em;
}
#couponresultthemes dd
{
  margin-left: 2em;
}
#couponresultthemes ul
{
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#couponresultthemes li
{
  margin: 0.3em 0em;
}

#couponpictureholder
{
  text-align: center;       /* ie */
  margin: 1.5em;
}
#couponpicture
{
  margin: auto;
/*  width: 350px;*/
/*  height: 150px;*/
}
.couponbuttons input {margin: 0em 1em;}

.coupondetails {text-align: center;}


/* CSS Hack (don't do it at home) */
/* Hide from IE-mac \*/
* html div.paquet div.mesinfo {	height:1%;
							width:auto; }
div.paquet div.mesinfo {	display: table; }
/* End hide from IE-mac */