@charset "utf-8";
/* CSS Document */

/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	color: #58585a;
	font: 62.5%/1.6 Verdana, Arial, Trebuchet Ms; /* with this settings 1em = 10px approx. */
	background: #fff;

}

/* Class for clearing floats */
.clear { overflow: hidden; width: 100%; clear: both; }

/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important; }
.alignMiddle { vertical-align: middle !important; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }
.imgFloatRight { margin: 0 0 20px 20px; float: right; }
.imgFloatLeft { margin: 0 20px 20px 0; float: left; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }


.ml5px { margin-left:5px !important;}
.ml10px { margin-left:10px !important;}
.ml15px { margin-left:15px !important;}
.ml20px { margin-left:20px !important; }
.ml30px { margin-left:30px !important; }
.ml40px { margin-left:40px !important; }
.ml60px { margin-left:60px !important; }
.ml90px { margin-left:90px !important; }
.ml100px { margin-left:100px !important; }
.ml230px { margin-left:230px !important; }
.mr10px { margin-right: 10px !important;}
.mr20px { margin-right: 20px !important;}
.mr40px { margin-right: 40px !important;}
.mr50px { margin-right: 50px !important;}
.mr55px { margin-right: 55px !important;}
.mr60px { margin-right: 60px !important;}
.mr140px { margin-right: 140px !important;}
.mr150px { margin-right: 150px !important;}
.mr160px { margin-right: 160px !important;}

.mt0px { margin-top: 0px !important;}
.mt3px { margin-top: 3px !important;}
.mt6px { margin-top: 6px !important; }
.mt10px { margin-top: 10px !important;}
.mt15px { margin-top: 15px !important;}
.mt20px { margin-top: 20px !important;}
.mt25px { margin-top: 25px !important;}
.mt30px { margin-top: 30px !important;}
.mt40px { margin-top: 40px !important;}
.mt50px { margin-top: 50px !important;}
.mt100px { margin-top: 100px !important;}

.mb3px { margin-bottom: 3px !important;}
.mb10px { margin-bottom: 10px !important;}
.mb20px { margin-bottom: 20px !important;}
.mb30px { margin-bottom: 30px !important;}
.mb40px { margin-bottom: 40px !important;}

.pl3px { padding-left:3px !important;}
.pl5px { padding-left:5px !important;}
.pl10px { padding-left:10px !important;}
.pl15px { padding-left:15px !important;}
.pl20px { padding-left:20px !important;}
.pl25px { padding-left:25px !important;}

.pt0px { padding-top:0px !important;}
.pt5px { padding-top:5px !important;}
.pt15px { padding-top:15px !important;}
.pt20px { padding-top:20px !important;}
.pt30px { padding-top:30px !important;}
.pt40px { padding-top:40px !important;}

.pr10px { padding-right:10px !important; }
.pr20px { padding-right:20px !important; }

.pb0px { padding-bottom:0px !important;}
.pb10px { padding-bottom:10px !important;}
.pb15px { padding-bottom:15px !important;}


.w10p { width: 10%; }
.w17p {width: 17%;}
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.winherit { width: inherit; }
.wauto { width: auto; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w30px { width: 30px; }
.w35px { width: 35px; }
.w40px { width: 40px; }
.w50px { width: 50px; }
.w70px { width: 70px; }
.w75px { width: 75px; }
.w80px { width: 80px; }
.w85px { width: 85px; }
.w90px { width: 90px; }
.w95px { width: 95px; }
.w100px { width: 100px; }
.w105px { width: 105px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w130px { width: 130px; }
.w135px { width: 135px; }
.w140px { width: 140px; }
.w145px { width: 145px; }
.w150px { width: 150px; }
.w160px { width: 160px; }
.w170px { width: 170px; }
.w180px { width: 180px; }
.w185px { width: 185px; }
.w190px { width: 190px; }
.w200px { width: 200px; }
.w210px { width: 210px; }
.w230px { width: 230px; }
.w240px { width: 240px; }
.w250px { width: 250px; }
.w260px { width: 260px; }
.w265px { width: 265px; }
.w270px { width: 270px; }
.w280px { width: 280px; }
.w300px { width: 300px; }
.w310px { width: 310px; }
.w325px { width: 325px; }
.w340px { width: 340px; }
.w350px { width: 350px; }
.w360px { width: 360px; }
.w400px { width: 400px; }
.w420px { width: 420px; }
.w425px { width: 425px; }
.w430px { width: 430px; }
.w450px { width: 450px; }
.w460px { width: 460px; }
.w480px { width: 480px; }
.w484px { width: 484px; }
.w453px { width: 453px; }
.w500px { width: 500px; }
.w520px { width: 520px; }
.w540px { width: 540px; }
.w550px { width: 550px; }
.w590px { width: 590px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w705px { width: 705px; }
.w710px { width: 710px; }
.w740px { width: 740px; }
.w750px { width: 750px; }
.w800px { width: 800px; }

.h10px { height: 10px; }
.h30px { height: 30px; }
.h40px { height: 40px; }
.h50px { height: 50px; }
.h90px { height: 90px; }
.h100px { height: 100px; }
.h180px { height: 180px; }
.h190px { height: 190px; }
.h450px { height: 450px; }
.h460px { height: 460px; }
.h550px { height: 550px; }
.h600px { height: 600px; }
.h650px { height: 650px; }
.h700px { height: 700px; }
.h750px { height: 750px; }
.h800px { height: 800px; }
.h850px { height: 850px; }
.h950px { height: 950px; }
.h1050px { height: 1050px; }


.asBlock { display: block !important; }
.inLine { display: inline !important; }

.pAbsolute { position: absolute; }
.pRelative { position: relative; }

strong { font-weight: bold; }

em {font-style: italic; }

ul { list-style: none; list-style-position: outside; }
ol { list-style-position: inside; list-style: decimal; }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */



/* =Layout
----------------------------------------------------------------------------*/
#wrapper {
    width: 1000px;
    margin: 0 auto;
}
    #header {
        height: 220px;
        background: url(../img/bkg_header_02.jpg) no-repeat left top;
        padding: 0 25px;
    }

		.logo-ajuntament { padding: 5px 0 0 0; height: 25px; }

		#langMenu { margin: 150px 0 0 0; }

    #content {
        background: #e1ebeb url(../img/bkg_content_01.gif) no-repeat left top;
        padding: 46px 22px;
    }
        #sidebar {
            width: 200px;
        }
        #main {
            width: 740px
        }
            .column-a {
                width: 740px;
                padding: 0 0 20px 0;
            }
            .column-b {
                width: 500px;
                padding: 20px 15px 20px 20px;
            }
            .column-c {
                width: 200px;
            }

    #footer {
        padding: 40px 20px 40px 40px;
    }
/*------------------------------------------------------------------------*/





/* Classes and stuff
--------------------------------------------------------------------------*/
#langMenu li { display: inline; }
#langMenu a:link, #langMenu a:visited { text-decoration: none; color: #000; font-size: 1.1em; letter-spacing: -1px}
#langMenu a:link, #langMenu a:visited {  }

.box-a {
    margin: 0 0 20px 0;
}
    .box-a-header {
        height: 20px;
        background: url(../img/boxa_header_01.gif) no-repeat left top;
    }
    .box-a-content {
        background: url(../img/boxa_content_01.gif) repeat-y left top;
    }
    .box-a-footer {
        height: 8px;
        background: url(../img/boxa_footer_01.gif) no-repeat left top;
    }
    .box-a-footer-2 {
        height: 50px;
        padding: 15px 0 0 0;
        background: #fff url(../img/boxa_footer_02.gif) no-repeat left bottom;
    }
.box-b {
    margin: 0 0 20px 0;
}
    .box-b-header {
        height: 20px;
        background: url(../img/boxb_header_01.gif) no-repeat left top;
    }
    .box-b-content {
        background: url(../img/boxb_content_01.gif) repeat-y left top;
    }
    .box-b-footer {
        height: 8px;
        background: url(../img/boxb_footer_01.gif) no-repeat left top;
    }

.main-menu { padding: 0 12px 0 3px; margin: 0 }

.main-menu ul { margin: 0 !important; }
	.main-menu li { border-bottom: 1px solid #67999a; padding: 20px 15px 10px 15px; }
	
	.main-menu ul li ul { font-size: 90%; }
	.main-menu ul li ul li { border: none; padding: 15px 15px 5px 15px; }

.box-x {
    height: 247px;
    background: url(../img/boxx_01.gif) no-repeat left top;
}

.balloon-01 {
    background: url(../img/bkg_balloon_01.gif) no-repeat left top;
    width: 147px;
    height: 142px;
}
    .balloon-01-inside {
        padding: 20px 15px 50px 20px;
        font-size: 1.2em;
    }

.balloon-login {
    width: 185px;
    height: 147px;
}
    .balloon-login-inside {
        padding: 20px 15px 0 20px;
        font-size: 1.2em;
    }
    .bkg-balloon-login-01 { background: url(../img/bkg_balloon_login_01.gif) no-repeat left top; }
    .bkg-balloon-login-02 { background: url(../img/bkg_balloon_login_02.gif) no-repeat left top; }

    .balloon-login form input.textField { width: 125px; border: 1px solid #ced7d7; padding: 1px 10px; font-size: 0.8em; margin: 0 0 3px 0 }

#main ul { margin: 15px 0 15px 15px; }
#main ol { margin: 15px 0 15px 15px; }

#banner-01 {
    position: absolute;
    left: 0px;
    top: -24px

}

#register {
    width: 190px;
    position: absolute;
    top: 10px;
    left: 520px;
}

#memberList li {
    margin: 10px 0;
}

.listNum { margin: 0 0 0 50px !important }
.listNum li {
    margin: 0 0 7px 0;
    list-style: decimal;
}

.listAbc { }
.listAbc li {
    margin: 0 0 7px 0;
    list-style: lower-alpha;
}
.listSquare li {
    margin: 0 0 7px 0;
    list-style: square;
}

table th {
    font-weight: bold !important;
    text-align: center;
}
table td {
    padding: 10px;
    vertical-align: middle;
}

.tableTest-1 td, .tableTest-1 th {
    border: 1px solid #000;
    text-align: center;
    padding: 2px;
}

    /* table-1
    ------------------------------------------------------------------------*/
    .table-1 {
        line-height: 100%;

    }
        .table-1 .header { background: url(../img/bkg_table_header_01.gif) no-repeat left top; height: 52px; }
        .table-1a .header { background: url(../img/header_promos_curs_cat_01.gif) no-repeat left top; height: 52px; }

        .table-1 .bkgSlide { background: url(../img/bkg_th_header_slide_01.gif) no-repeat left top; height: 48px; margin: 0 20px 0 0; }
        .table-1 .bkgSlide span { background: url(../img/bkg_span_header_slide_01.gif) no-repeat right top; height: 48px; display: block; padding: 15px 0 0 0; }
        
        .table-1 td, .table-1a td { border-bottom: 1px solid #67999a; text-align: left; vertical-align: top !important; }

    /*----------------------------------------------------------------------*/

    /* table-2
    ------------------------------------------------------------------------*/
    .table-2 {
        line-height: 100%;
        background: #fff;
    }
        .table-2 .header {
            background: url(../img/bkg_table-2_header.gif) no-repeat left top;
            height: 50px;
        }

        .table-2 td {
            padding: 10px 15px;
        }
    /*----------------------------------------------------------------------*/

    /* table-3
    ------------------------------------------------------------------------*/
        .table-3 {
            border: 3px solid #67999a;
            width: 740px !important;

        }
            .table-3 td {
                padding: 10px;
                /*border: 1px solid #67999a;*/
            }

    /*----------------------------------------------------------------------*/

    /* Formulario de Inscripción
    ----------------------------------------------------------------------*/

        .formRow { margin: 0 0 15px 0; }


        #frmRegistration label { font-weight: bold; font-size: 1.1em; line-height: 100%; margin: 5px 0; display: block; }
        #frmRegistration label.asP { font-weight: normal; }
        #frmRegistration input.textField { color: #534741; font-size: 1.2em; padding: 1px; background: #fff; border: 1px solid #ced7d7; }

        .textArea { color: #534741; font-size: 1.6em; padding: 3px; background: #fff; border: 1px solid #ced7d7;  overflow: auto;}

        p.asLabel { font-weight: bold; font-size: 1.1em; line-height: 100%; margin: 5px 0; }

        #frmRegistration .radioBtn {  font-weight: normal!important; }
        	/*.radioRow { }
        	.radioRow label { float: left; margin: 0 !important; padding: 2px 0; }

        .frmRegistration p.note { color: #b1ada5; font-style:italic; margin: 1em 0; }*/

        #frmRegistration .error-message { color: #cc0000; margin: 10px 0; display: block; font-size: 1.3em !important; text-align: left;  }
        /*#frmRegistration .error-message { color: #cc0000; margin: -5px 0 15px 0; display: inline; font-size: 1.3em !important; }*/
        /* para controlar el spam en formularios */
        #messageLabel { display: none !important; }
        #message { display: none !important; }

        p.sentOk { font-size: 1.5em; color: #75A5C8 }

    /*--------------------------------------------------------------------*/


/*------------------------------------------------------------------------*/





/* =Type
--------------------------------------------------------------------------*/
/*h2 { margin: 0 0 20px 0 }*/
a { color:#58585a; text-decoration: none;  }

.main-menu h2 { font-size: 1.6em; padding: 0 15px; line-height: 100%; }

.main-menu li { font-size: 1.1em; line-height: 100%; }

	.main-menu li a:link, .main-menu li a:visited { font-weight: bold; }
	.main-menu li.register a:link, .main-menu li.register a:visited { color: #A3CD01; }

	.main-menu a span.no-bold { font-weight: normal; }

/*.main-menu a:link, .main-menu a:visited { text-decoration: none; color: #000;}*/



.balloon-login h2 { font-size: 0.9em !important; margin: 0 0 5px 0 !important }
.balloon-login a { line-height: 100%!important; text-decoration: none; color: #000; }

#main p { margin: 15px 0; margin: 0 0 1.5em 0; }

	#main p.special-1 { font-size: 1.4em; margin: 0 0 1em 0; }
	.box-x p { margin: 0!important; }
	#footer p { margin: 10px 0 }
	p.resume { line-height: 190%; font-size: 1.1em }
	p.date { margin: 0 0 .5em 0 !important; font-style: italic; }


#main h1 { font-size: 1.8em; font-weight: normal; line-height: 130%; margin: 0 0 1em 0; text-transform: uppercase; }
	#main h1.section-title-img { width: 300px; height: 135px; font-size: 2.4em; color: #000; font-weight: normal; line-height: 110%; margin: -24px 0 1em 0; padding: 45px 185px 0 15px; }
	#main h1.section-title-img-std { width: 300px; height: 135px; font-size: 2.4em; color: #000; font-weight: normal; line-height: 110%; margin: -24px 0 1em 0; padding: 45px 185px 0 15px; background: url(../img/bkg_section_standard.gif) no-repeat left top; }
	#main h1.section-title { width: 500px; font-size: 2.4em; color: #000; font-weight: normal; line-height: 110%; margin: 0 0 1em 0; }

#main h2 { font-size: 1.6em; font-weight: normal; line-height: 130%; margin: 0 0 1em 0;  }
	#main .news h2 { margin: 0 0 .5em 0;  }
#main h3 { font-size: 1.3em; font-weight: normal; margin: 0 0 .5em 0;  }
#main h4 { font-size: 1.2em; font-weight: normal; text-transform: uppercase; }
#main h5 { font-size: 1.1em; font-weight: normal; text-transform: uppercase; }

#main ul { margin: .5em 0 1.5em 3em; list-style: disc; list-style-position: outside; }
	#main .main-menu ul { list-style: none; }
#main ol { margin: .5em 0 1.5em 3em; list-style-position: outside; }

#main blockquote { margin: 2em 0 0 2em; }

#main a:link, #main a:visited { color: #000; text-decoration: underline; }
#main a:hover, #main a:active { color: #A3CC02; }

#main .main-menu a:link, #main .main-menu a:visited { color: #58585A; text-decoration: none; }
#main .main-menu a:hover, #main .main-menu a:active { color: #58585A; }


#main a.discreet:link, #main a.discreet:visited { color: #58585a; text-decoration: none; font-weight: normal; }

#main .green { color: #A3CC02 !important }


/*#footer a { text-decoration: none; color: #000 }*/

.border-bottom-1 { border-bottom: 1px solid #67999a; }

.link-more-gn { color: #58585a; text-decoration: none; background: url(../img/btn_more_gnbkg_01.gif) no-repeat right 2px; padding: 2px 30px 7px 0 }
.link-more-gn-b { color: #58585a; background: url(../img/btn_more_gnbkg_01.gif) no-repeat bottom right; display: block; padding: 0 0 12px 0; }

.link-top-gn { color: #58585a; text-decoration: none; background: url(../img/btn_top_gnbkg_01.gif) no-repeat right 2px; padding: 2px 30px 7px 0 }
.link-top-gn-b { color: #58585a; background: url(../img/btn_top_gnbkg_01.gif) no-repeat bottom right; display: block; padding: 0 0 12px 0; }


#frmRegistration h3 { font-size: 1.6em !important; border-bottom: 1px solid #67999a; font-weight: normal !important; margin: 20px 0;  }
#frmRegistration h3 span { font-size: 0.7em !important }

#register a { /*color: #58585a; text-decoration: none;*/ font-size: 1.1em; }

h2.bullet-1 { background: url(../img/bullet_arrow_down_01.gif) no-repeat left center; padding: 0 0 0 15px }

/*------------------------------------------------------------------------*/


/* Promociones
----------------------------------------------------------------------*/
#wrapper-promotions { width: 825px; height: 435px; padding: 15px; background: #fff; }
	#header-promotions { margin: 0 0 15px 0; }
	
	#content-promotions #main { width: 825px; }
	
		#content-promotions #main h1 { margin: 0 0 0.25em 0; }
		#content-promotions #main h2 { color: #000; margin: 0 0 0.25em 0; font-weight: bold; }
		#content-promotions #main h3 { color: #000; margin: 0; font-size: 1.1em; font-weight: bold; }
		
		#content-promotions #main p { color: #000; }
		#content-promotions #main p.status { color: #000; font-size: 1.3em; margin: 0 0 0.5em 0; }
		
	
	.promotions-buttons { font-size: 1.3em; font-weight: bold; text-align: right; line-height: 120%; }
	.promotions-title { border-bottom: 1px solid #585858; }
	
	.promotions-info {  border-bottom: 1px solid #585858; }
		.promotions-data { width: 450px; height: 320px; overflow: auto; padding: 10px 0 0 0; }
		.promotions-gallery { width: 300px; height: 320px; overflow: auto; padding: 10px 0 0 0; }
		
			.promotions-gallery-img { width: 300px; height: 240px; background: url(../img/loader2.gif) no-repeat 50% 50%; }


#promotions-panel { width: 730px; height: 575px; margin: 30px 0 0 0; background: transparent url(../img/bkg_promotions.gif) no-repeat left top; position: relative; }
	#promotions-panel h1 { margin: 0 0 0.25em 0; }
	
	#promotions-map { width: 690px; height: 480px; background: #D9E3E3; margin: 10px 0 0 20px; }
	#promotions-loader { width: 690px; height: 480px; background: #fff url(../img/loader2.gif) no-repeat 50% 50%; position: absolute; top: 75px; left: 20px; /*display: none;*/ opacity: .85; filter: alpha(opacity=50);  }
	
	#promotions-menu { width: 690px; height: 45px; padding: 20px 20px 0 20px; }
		#promotions-menu ul { list-style: none; margin: 0; padding: 0; }
			#promotions-menu ul li { font-size: 1em; float: left; display: block; margin: 0 15px 0 0; }
			
			#promotions-menu a:link, #promotions-menu a:visited { color: #58585A; text-transform: uppercase; text-decoration: none; }
			#promotions-menu a:hover, #promotions-menu a:active { color: #A3CD01; }
			
			#promotions-menu a.construccio { background: transparent url(../img/bkg_icons_promocions.gif) no-repeat left 4px; padding: 0 0 0 10px; }
			#promotions-menu a.fin2007 { background: transparent url(../img/bkg_icons_promocions.gif) no-repeat left -41px; padding: 0 0 0 10px; }
			#promotions-menu a.fin2008 { background: transparent url(../img/bkg_icons_promocions.gif) no-repeat left -26px; padding: 0 0 0 10px; }
			#promotions-menu a.programacio { background: transparent url(../img/bkg_icons_promocions.gif) no-repeat left -11px; padding: 0 0 0 10px; }