@charset "utf-8";
/* OMATECH Xtreme Web Culture */
/****************************** MACBA ******************************/
/*******************************************************************/
.form_box { /*background:#cacbcc;*/ border-top:0.1em solid #e6e6e6; padding:3.0em 1.0em 1.0em 1.0em; }

/****************************** CAMPS ******************************/
.form { position:relative; }
.form fieldset {}
.form legend { color:#000000; }
.form legend.tit, .form .legend_tit, .message_box .tit { font-size:1.2em; text-transform:uppercase; padding-left:0.8em; font-weight:bold; }
.form .form_cols legend.label { padding:1.6em 0 0 0.6em; }
.welcome_box .tit { padding-left:0; }
.form .legend_tit { padding-bottom:0.8em; }
.form label, .form .label { font-size:1.1em; color:#000000; font-weight:bold; }
.form input, .form textarea { border:none; }
.form input[type=text], .form input[type=password], .form textarea { border:0.1em solid #ffffff; }
.form input[type=text]:focus, .form input[type=password]:focus, .form textarea:focus { border-color:#6d6d6d; }
.form input[type=checkbox] {} 
.form input[type=submit] {} 
.form textarea {}

/* CAMPS DE TEXT */
.form .text_field label { display:block; margin-bottom:0.2em; }
.form .text_field label:after, .form legend.label:after, .form legend.tit:after, .form h3.label:after, .message_box .tit:after { content:' —'; } /* &mdash; */
.form .text_field input, .form .text_field textarea { background-color:#cacbcc; font-size:1.1em; color:#58595b; padding:0.3em 0 0.2em 0.5em; }
.form .text_field input:focus, .form .text_field textarea:focus, .form .text_field select:focus { color:#000000; }
.form .text_field input[type="checkbox"], .form .text_field input[type="radio"] { background-color:transparent; }
.form .text_field.cols_1 input, .form .text_field.cols_1 textarea { width:42.5em; }
.form .text_field.cols_2 input, .form .text_field.cols_2 textarea { width:21.1em; }
.form .text_field.cols_3 input, .form .text_field.cols_3 textarea { width:13.5em; }
.form .text_field.cols_4 input, .form .text_field.cols_4 textarea { width:9.8em; }
.form .text_field textarea {}
/* RADIO I CHECKBUTTONS */
.form fieldset.check { margin-top:0.6em; }
.form .check legend { padding:1.4em 0 0 0.7em; margin-bottom:-0.7em; }
/*.form .check ul { margin-top:1.4em; }*/
.form .check p, .form .check li { position:relative; }
.form .check label { padding:0.2em 0 0 2.0em; display:block; font-weight:normal; }
.form .check input { position:absolute; left:0; top:0; }
.form .text_field .check input { width:auto; }
/* privat/public */
.check_private { position:absolute; top:-1.0em; left:49.4em; }

/* ESTRUCTURA */
.form_cols { margin:-1.4em 0 0 -0.7em; }
.form_cols .cols { display:block; overflow:hidden; float:none; }
.form_cols .cols p, .form_cols .cols li { /*margin:0.1em 0 0 0.6em;*/ margin:1em 0 0 0.6em; display:inline-block; vertical-align:top; }
.form_cols .cols_1 ul {}
.form_cols .cols_1 p, .form_cols .cols_1 li { display:block; width:auto; margin:0.8em 0 0 0.6em; }
.form_cols .cols_2 p, .form_cols .cols_2 li { width:24.0em; }
.form_cols .cols_3 p, .form_cols .cols_3 li { width:15.6em; }
.form_cols .cols_4 p, .form_cols .cols_4 li { width:11.5em; }
.form_cols .cols_5 p, .form_cols .cols_5 li { width:8.6em; }


/****************************** CERCADOR ******************************/
.searcher { margin-top: 15px; }
.searcher form { margin:2.5em 0; position:relative; }
.searcher form label, .searcher form .text_field label { font-size:1.1em; font-weight:bold; color:#000000; display:block; clear:both; margin:0 0 0.6em 0.2em; }
.searcher form label:after { content:' —'; } /* &mdash; */
.searcher form .check label:after { content:''; }
.searcher form input { display:inline; }
.searcher form input[type="text"], .searcher form input.text_field { background-color:#bfbfbf; font-size:1.1em; border:none; padding:0.5em 0.9em; margin-bottom:0; width:13em; border-radius:3px; text-indent:2.2em; }
.searcher form select { background-color:#e6e6e6; font-size:1.1em; color:#909295; border:none; padding:0.2em 0.1em; }
.searcher form input[type="submit"], .searcher form input.btn { background:url(img/sprite_macba2014.png) no-repeat -30px -118px; position:absolute; top:50%; left:10px; border:none; font-size:1.1em; color:#000000; margin-right:1.0em; font-size:1.0em; height:1.3em; width:1.3em; margin-top:-0.6em; cursor:pointer; z-index:10; text-indent:-9999px; }
.searcher_col form { }
.searcher_col form .btn { }
/*.searcher form span.btn { font-size:1.4em; }
.searcher form span.btn:after { content:' →'; }*/
.searcher .input_holder { position:relative; display:inline-block; }
/* CERCA AVANÇADA */
.search_box { position:relative; }
.search_box .adv_link { background:url(img/sprite_macba.png) no-repeat; position:absolute; top:1.0em; right:1.0em; }
/*.show_adv .adv_link { background-position:100% -570px; }*/
.show_adv .adv_link { background-position:100% -600px; }
/*.hide_adv .adv_link { background-position:100% -1290px; }*/
.hide_adv .adv_link { background-position:100% -1320px; }
.search_box .adv_link a { font-size:1.1em; font-weight:normal; color:#999999; /*text-decoration:none;*/ padding:0 2.0em 0 0; }
.search_box .adv_link a { color:#000000; }

/****************************** INSCRIPCIO ACTIVITAT ******************************/
.form .btn {}
.form .btn p { font-size:1.0em; }
.form .btn input { background:#fff; border:none; font-size:1.1em; font-weight:bold; color:#000000; padding:0 1.8em 0.2em 0; cursor:pointer; text-decoration:underline; position:relative; z-index:1; margin-right:1.0em; }
/*.form span.btn, span.btn { font-size:1.4em; margin-left:-1.2em; color:#000000; }
.form span.btn:after, span.btn:after { content:' →'; }*/
/* link */
.btn {}
.btn a { font-size:1.1em; padding:0 1.4em 0 0; text-decoration:none; }

/****************************** FORMULARI LOGIN ******************************/
.login_form { padding:3.0em 1.0em 1.0em 1.0em; }


/****************************** FORMULARI RECORDAR ******************************/
.forgot_form { padding:3.0em 1.0em 1.0em 1.0em; }
.forgot_form .text_field input { background-color:#e5e5e5; width:20.4em; }
.login_form .text_field input { background-color:#e5e5e5; }


/****************************** FORMULARI REGISTRAR ******************************/
.register_form { padding:1.2em 0 0 0; }
.form .register_form legend.label { padding:0.8em 0 0.4em 1.8em; }
.register_form .text_field .note { font-size:1.1em; line-height:1.5em; color:#6d6e70; display:block; margin-top:1.0em; }
.register_form .text_field .intro_form { font-size:1.2em; line-height:1.5em; color:#404041; display:block; }
.register_form .text_field .note a { color:#6d6e70; text-decoration:none; }
.register_form .text_field input, .register_form .text_field select { background-color:#e5e5e5; border:none;}
.register_form .text_field .inner_cols p { margin-top:1.4em; }
.register_form .text_field .inner_cols .col_b input { width:21.4em; }
.register_form .text_field .inner_cols .col_b select { width:18em; }
.register_form .text_field .inner_cols .col_d select, .register_form .text_field .inner_cols .col_d input { width:10em; }
.register_form .text_field .inner_cols .col_b .half_col input, .register_form .text_field .inner_cols .col_b .half_col select  { width:9.9em; }
.register_form .btn_row, .register_form .form_row { border-top:0.2em solid #e6e6e6; }
.register_form .btn_row p { margin-left:0.7em; }
.register_form .btn_row .btn { /*float:left;*/ width:20.0em; display:inline; }
.register_form .btn_row .del { float:right; }
.register_form .btn_row .del a { font-size:1.1em; color:#6d6e70; } 
.register_form .btn_row .del a:hover { color:#000000; } 
.register_form .btn_row .cancel { display:inline; margin-left:2.0em; }
.register_form .btn_row .cancel a { font-size:1.1em; color:#6d6e70; text-decoration:underline; } 
.register_form .btn_row .cancel a:hover { color:#000000; } 
/* MISSATGE FORMULARI */
.message_box { padding:1.2em 0 0 0; }
.message_box .tit {}
.intro_box .message_box .tit { padding:0 0 0 0.8em; }
.message_box .note { font-size:1.1em; line-height:1.5em; color:#6d6e70; display:block; margin-top:1.0em; }
.message_box .intro_form, .message_box .text { width:49.6em; }
.message_box .text { padding:1.0em 0 0 1.0em; }
.message_box .intro_form p, .message_box .text p { font-size:1.2em; line-height:1.5em; color:#404041; display:block; }

/* MENU OPCIONS */
.form_options { border-top:0.2em solid #e6e6e6; border-bottom:0.2em solid #e6e6e6; padding:0.8em 0 0.8em 1.2em; margin:1.0em 0 1.4em 0; }
.form_options ul { margin-left:-1.0em; display:block; overflow:hidden; float:none;}
.form_options li { display:inline-block; vertical-align:top; margin-left:1.0em; }
.form_options .cols_3 li { width:24.0em; }
.form_options .cols_4 li { width:15.6em; }
.form_options .cols_5 li { width:11.5em; }
.form_options .cols_4 li { width:8.6em; }
.form_options li a { font-size:1.1em; font-weight:bold; color:#231F20; text-decoration:underline; }

/****************************** CERCA AVANÇADA ******************************/
/* CAIXA AMB COLUMNES INTERNES */
.adv_search {}
.adv_search form { position:relative; padding-right:0; margin:-1.4em 0 0 -1.0em; width:100%; }
.hide_adv .adv_search form { padding-bottom:2.6em; }
#content .box .adv_search .inner_cols { margin:1.4em 0 0 0; padding:0.8em 0; }
#content .show_adv .adv_search .inner_cols { padding-bottom:0; }
.adv_search .form_cols .cols p { margin-top:0; }
.adv_search fieldset.check { margin-top:0; }
.adv_search .check legend.label { margin-bottom:0; padding-top:0; }
.adv_search .check ul { padding-top:1.4em; }
.adv_search .half_col .check legend.label { padding-left:0; }
.adv_search h3.label { margin-bottom:1.4em; }
.adv_search .text_field .col_c input { width:31.8em; }
.adv_search .text_field .col_b input { width:20em; }
.adv_search .text_field .col_d input { width:11.0em; }
.adv_search p.btn { position:absolute; bottom:1.0em; /*right:1.0em;*/ right:2.5em;}
.adv_search input.btn { display:inline; padding:0 1.4em 0 0; }
.adv_search span.btn { display:inline; margin-left:-1.0em; }
.param_box { background-color:#cacbcc; }
.param_box form { padding-bottom:0; }
#content .param_box .text_field input { background-color:#cacbcc; border-color:#cacbcc; color:#58595b; padding-left:0; padding-right:0; }

/****************************** FILTRE ******************************/
/* PARAMETRE DE CERCA */
.param_search { padding:1.2em 1.0em 2.6em 1.0em; }
.param_search p { text-transform:uppercase; }
.param_search p em { font-size:1.2em; font-weight:normal; font-style:normal; }
.param_search h2 { margin-top:0.6em; }
.param_search h2 span { font-size:3.0em; font-weight:bold; text-transform:uppercase; }
.param_search h2 span:before { content:'"'}
.param_search h2 span:after { content:'"'}
/* FILTRAR CERCA */
.filter_box {}
.filter_box .check {}
.filter_box .adv_search .check legend { margin-bottom:-0.6em; }
.filter_box .check ul { margin-top:0; }
.filter_box .check li {}
.nocla{}


@media (max-width: 1024px)
{
    .register_form .text_field .inner_cols .col_b input { width: 98%; }
}