/* RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    }
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a{
    color:#666;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
/* End Reset */
body{
    text-align:center;
    font:normal 11px verdana;
    color:#666;
    padding:15px 0px;
    background-color:#fff;
}
body#bodyportada{
    background: url(images/bodybg.jpg) 0 0 repeat-x;
}
#thecontainer{
    margin-left: auto;
    margin-right: auto;
    width: 985px;
    text-align:left;
    }
#header {
    float:left;
    width:985px;
    padding-bottom:15px;
    border-bottom:1px solid #ddd;
}
#header img{
    float:left;
    border:0px;
}
#header_text{
    float:right;
    text-align:right;
    width:469px;
    margin-right:3px;
    line-height:130%;
    font:normal 15px arial;
    color:#999;
}
#footer{
    float:left;
    width:985px;
    padding-top:40px;
    }
#footer{
    padding:0px 0px 0px 0px;
    margin:10px 0px 0px 0px;
    line-height:150%;
}
.footer_box{
    float:left;
    /*height:75px;*/
    height:100px;
    background-color:#f0f3f8;
    border-right:solid 4px #fff;
    font:normal 13px arial;
    color:#999;
    line-height:120%;
}
.footer_box_r{
    border-right:0px;
}
.footer_box div{
    float:left;
    margin:7px 0px 0px 20px;
}
.footer_box h1,.footer_box a{
    font-family: 'Roboto', serif;
    font-size: 17px;
    margin-bottom:5px;
    color:#3f659f;
    text-decoration:none;
}
.footer_box a.mail{
    font:normal 13px arial;
    color:#999;
}
#content_holder{
    float:left;
    width:1000px;
    background-color:#fff;
}
#content{
    float:left;
    display:inline;
    width:750px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 20px 23px;
    }
#migdia_item{/*border-top:solid 1px #003082;*/}
#cssmenu{
    float:left;
    width:100%;
    height:50px;
}
@import url(http://fonts.googleapis.com/css?family=Roboto);
/* 2f4b87 */
/* 2f4b87 */
/* #1f325d */
/* Menu CSS */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  color: #003081;
}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #003081;
/*  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;*/
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
  content: '';
  display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
  clear: both;
}
#cssmenu ul {
  background: #fff;
  border-radius: 0px;
  border: 1px solid #fff;
  border: 1px solid #fff;
/*  -webkit-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -o-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -ms-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);*/
}
#cssmenu ul > li {
  float: left;
  list-style: none;
  width:auto;
  background:url(images/hyphen.gif) right center no-repeat;
}
#cssmenu ul > li.last{
    background:none;
}
#cssmenu ul > li > a {
  display: block;
  text-decoration: none;
  padding: 15px 14px;
  position: relative;
}
#cssmenu ul > li > a.current {
color:#7F97BF;
}

#cssmenu ul > li ul > li > a    ,
#cssmenu ul > li ul > li > div
{
  padding: 6px 14px;
  font-size:15px;
}
#cssmenu ul > li ul > li > div
{
  background-color: #475ca2;
  color: white;
}

#cssmenu ul > li > a:hover {
  background: #fff;
  color:#7F97BF;
  /*-webkit-box-shadow: inset 0 0 1px #b9b1d8;
  -o-box-shadow: inset 0 0 1px #b9b1d8;
  -moz-box-shadow: inset 0 0 1px #b9b1d8;
  -ms-box-shadow: inset 0 0 1px #b9b1d8;
  box-shadow: inset 0 0 1px #b9b1d8;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;*/
  transition: all ease .3s;
}
#cssmenu ul > li > a:hover:before {
  content: '';
  z-index: 2;
  position: absolute;
  border: 1px solid white;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: -1px;
  opacity: .2;
}
#cssmenu ul > li > a:hover:after {
  content: '';
  z-index: 2;
  position: absolute;
  border: 1px solid white;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1px;
  opacity: .2;
}
#cssmenu > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  border:1px solid #ccc;
  margin-left:20px;
}
#cssmenu > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
#cssmenu > ul > li > ul {
  width: auto;
  position: absolute;
}
#cssmenu > ul > li > ul > li {
  float: none;
  position: relative;
  background:none;
}
#cssmenu > ul > li > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
}
#cssmenu > ul > li > ul > li > ul {
  left: 200px;
  top: 1px;
  width: auto;
}
#cssmenu > ul > li > ul > li > ul > li {
  float: none;
}
#content_left,.content_left{
    float:left;
    width:220px;
    display:inline;
}
#leftmenu{
    float:left;
    width:220px;
}
#leftmenu a     ,
#leftmenu div
{
    float:left;
    width:100%;
    background-color:#d9e0ec;
    border-bottom:solid 1px #fff;
    font-family: 'Roboto', sans-serif;
    font-size:15px;
    color:#00307f;
    padding:12px 0px;
    text-indent:15px;
    text-decoration:none;
}
#leftmenu div
{
    background-color:#475ca2;
    color:white;
    text-indent: unset;
    padding-left: 15px;
    width: 205px;
}

#leftmenu a.current,#leftmenu a:hover{
    color:#7f97bf;
}
#content_right{
    float:right;
    width:730px;
    padding-bottom:20px;
}
#content_right h1{
    float:left;
    width:100%;
    font-family: 'Roboto',  arial;
    font-size: 54px;
    margin:0px;
    padding:0px;
    font-weight: 300;
}
#content_right h2,#content_right h3{
    float:left;
    width:100%;
    font:normal 24px arial;
    margin:10px 0px 0px 0px;
    padding:0px;
}
#content_right h2{font:normal 24px arial;}
#content_right h3{font:normal 20px arial;margin:10px 0px 5px 0px;}
#breadcrumbs{
    float:left;
    width:100%;
    padding:10px 0px 0px 0px;

}
#breadcrumbs a{
    font:normal 11px arial;
    color:#999;
    margin-right:5px;
    text-decoration:underline;
}
#content_right div.text14{
    float:left;
    width: 100%;
    font:normal 14px arial;
    padding:5px 0px;
    line-height:140%;
}
table.blue{
    float:left;
    width:330px;
    margin-top:10px;
    font:normal 14px arial;
    clear:both;
}
table.blue th{
    text-align:left;
    background-color:#003082;
    color:#fff;
    font-weight:bold;
}
table.blue th,table.blue td{
    border-right:3px solid #fff;
    border-bottom:1px solid #fff;
    padding:3px 5px;
}
table.blue td{background-color:#d9e0ec;}
.index_content{
    float:left;
    width:665px;
    height:350px;
    display:none;
}
.index_content_inner{
    float:left;
    color:#fff;
    width:280px;
}
.index_content_inner{
    margin-top: 175px;
    margin-left: 40px;
}

#index_content_extra{
    background:url(images/index_bg_extra.jpg) 2px 1px no-repeat;
}
/*
#index_content_extra{
    /*background:url(images/banner_casal_online.jpg) 2px 1px no-repeat;*/
    background:url(images/baner_casal_online_caps_setmana.jpg) 2px 1px no-repeat;
}
*/
#index_content_extra_inner{
    margin:165px 0px 0px 40px;
}
#index_content_insc{
    /*display:inline;*/
    background:url(images/index_bg_insc.jpg) 2px 1px no-repeat;
}
#index_content_insc_inner{
    margin:165px 0px 0px 40px;
}
#index_content_migdia{
    background:url(images/index_bg_migdia.jpg) 2px 1px no-repeat;
}
#index_content_migdia_inner{
    margin:205px 0px 0px 40px;
}
#index_content_estiu{
    display:inline;
    background:url(images/index_bg_estiu.jpg) 2px 1px no-repeat;
}
#index_content_estiu_inner{
    margin:205px 0px 0px 40px;
}
#index_content_curs{
    background:url(images/index_bg_curs.jpg) 3px 2px no-repeat;
}
#index_content_curs_inner{
    margin:205px 0px 0px 45px;
}
#index_content_mes_activitats{
    background:url(images/index_bg_mes_activitats.jpg) 0 0 no-repeat;
}
#index_content_mes_activitats_inner{
    margin:205px 0px 0px 40px;
}
#index_content_extra_inner img,#index_content_estiu_inner img,#index_content_mes_activitats img,#index_content_insc_inner img{
    float:left;margin-right:14px;
}
#index_content_extra a,#index_content_insc a,#index_content_estiu a,#index_content_migdia a,#index_content_mes_activitats a,#index_content_curs a{
    font-family: 'Roboto', serif;
    font-weight: bold;
    font-size: 17px;
    color:#fff;
    clear:left;
}
#index_content_extra p,#index_content_insc p,#index_content_estiu p,#index_content_migdia p,#index_content_mes_activitats p,#index_content_curs p{
    float:left;
    width:275px;
    line-height:135%;
    margin:10px 0px 10px 0px;
    font:normal 15px arial;
}
#index_content_curs p{
    margin-left:5px;
    width:250px;
}
#index_right{
    float:right;
    display:inline;
    width:320px;
    height:350px;
    background-color:#003082;
}
.index_right_item{
    float:left;
    width:100%;
    /*height:86px;*/
    height:116px;
    color:#fff;
    border-top:1px solid #fff;
}
.index_right_item div{
    float:left;
    margin:24px 20px;
    font-family: 'Roboto', serif;
    font-size: 24px;
}
.index_right_item div a{
    color:#fff;
    text-decoration:none;
}
#extra_item{
    color:#466fa8;
}
.dark_blue_bg,.light_blue_bg{
    float:left;
    width:100%;
    border-bottom:solid 1px #fff;
    padding-bottom:5px;
    font:normal 14px arial;
    line-height:140%;
}
.light_blue_bg{
    background-color:#ebeff5;
}
.dark_blue_bg{
    background-color:#d9e0ec;
}
.dark_blue_bg div,.light_blue_bg div{
    float:left;
    margin:10px 0px 0px 10px;
    width:95%;
}
.light_blue_bg span{
    float:right;
    width:95%;
}
.col360{
    float:left;
    width:365px;
    display:inline;
}
.act_table{
    float:left;
    margin-top:10px;
    font:normal 13px arial;
    color:#666;
}
.act_table td{
    padding:3px 5px 3px 10px;
    border-bottom:solid 1px #fff;
    border-right:solid 1px #fff;
}

.act_table th{
    border-bottom:solid 1px #fff;
    border-right:solid 1px #fff;
}
.act_table td.br,.act_table th.br{
    border-right:solid 5px #fff;
}
.act_table th{
    padding:3px 7px;
    color:#fff;
    text-align:center;
    border-bottom:solid 1px #fff;
    border-right:solid 1px #fff;
}
.act_table th.b{
    font:bold 14px arial;
    text-align:left;
    padding-left:10px;
}
#activity_table_7 th{
    background-color:#ee8012;
}
#activity_table_7 td{
    background-color:#fce6d0;
}
#activity_table_7 td.s{
    color:#ee8012;
    font:normal 24px arial;
    text-align:center;
    line-height:100%;
    vertical-align:center;
}
#activity_table_8 th{
    background-color:#475ca2;
}
#activity_table_8 td{
    background-color:#dadeec;
}
#activity_table_8 td.s{
    color:#475ca2;
    font:normal 24px arial;
    text-align:center;
    line-height:100%;
    vertical-align:center;
}
#activity_table_9 th{
    background-color:#e3ce00;
}
#activity_table_9 td{
    background-color:#f9f5cc;
}
#activity_table_9 td.s{
    color:#e3ce00;
    font:normal 24px arial;
    text-align:center;
    line-height:100%;
    vertical-align:center;
}
#activity_table_10 th{
    background-color:#76ac1f;
}
#activity_table_10 td{
    background-color:#e4eed2;
}
#activity_table_10 td.s{
    color:#76ac1f;
    font:normal 24px arial;
    text-align:center;
    line-height:100%;
    vertical-align:center;
}
#activity_table_11 th{
    background-color:#86cfef;
}
#activity_table_11 td{
    background-color:#e1f3fb;
}
#activity_table_11 td.s{
    color:#86cfef;
    font:normal 24px arial;
    text-align:center;
    line-height:100%;
    vertical-align:center;
}
#activity_table_12 th{
    background-color:#004587;
}
#activity_table_12 td{
    background-color:#ccdae7;
}
#activity_table_12 td.s{
    color:#004587;
    font:normal 24px arial;
    text-align:center;
    line-height:100%;
    vertical-align:center;
}
#activity_table_13 th{
    background-color:#75ac1b;
}
#activity_table_13 td{
    background-color:#e3eed1;
}
#activity_table_13 td.s{
    color:#75ac1b;
    font:normal 24px arial;
    text-align:center;
    line-height:100%;
    vertical-align:center;
}
#activity_table_14 th{
    background-color:#003082;
}
#activity_table_14 td{
    background-color:#d9e0ec;
}
#activity_table_14 td.s{
    color:#003082;
    font:normal 24px arial;
    text-align:center;
    line-height:100%;
    vertical-align:center;
}
#activity_table_15 th{
    background-color:#003082;
}
#activity_table_15 td{
    background-color:#d9e0ec;
}
#activity_table_15 td.s{
    color:#003082;
    font:normal 24px arial;
    text-align:center;
    line-height:100%;
    vertical-align:center;
}
form#treballa{
    float:left;
    width:985px;
    background-color:#f0f3f8;
    font: normal 13px arial;
}
form#treballa div{
    float:left;
    display:inline;
    width:460px;
    height:495px;
    padding:10px 0px 20px 20px;
    }
form#treballa table{
    float:left;
}
form#treballa table th{
    text-align:left;
    font:normal 24px arial;
}
form#treballa table td{
    padding:5px 10px 5px 0px;
}
form#treballa table td.l{
    padding:5px 10px 5px 0px;
    vertical-align:middle;
}
form#treballa input.txt{
    float:left;

    padding:2px;
    font:normal 11px verdana;
}
form#treballa input.txt{
    width:250px;
}
form#treballa input.dt{
    width:25px;
    margin-right:10px;
}
form#treballa input.chk{
    margin:2px 2px 0px 10px;
}
form#treballa input.submit{
    float:right;
    clear:both;
    background-color:#ccc;
    color:#666;
    padding:3px 25px;
    font:normal 12 arial;
    border:solid 1px #666;
    border-style:none;
}
form#treballa select{
    width:250px;
}

#content_right div.acttitle{
    float: left;
}
#content_right div.actinsclink{
    font-family: 'Roboto', serif;
    font-size: 20px;
    float: right;
    margin-top: 30px;
}
#content_right div.actinsclink a{
    text-decoration: underline;
    cursor: pointer;
}
#content_right h1.collegi{
    font-size: 35px;
}
#content_right h2{
    margin-bottom: 5px;
}

#content_right div.contentbloc{
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    font: normal 14px arial;
    line-height: 1.4;
}
#content_right h2.link a{
    text-decoration: underline;
}
#content_right div.fullwidth{
    width: 100%;
}
#content_right div.farem > div {
    float: left;
    margin-right: 40px;
    padding-left: 15px;
}
#content_right div.farem {
    line-height: 1.7;
}
#content_right div.farem ul {
    list-style-type: disc;
}
#content_right div.contentbloc.summary{
    padding: 20px;
    line-height: 1.9;
    background-color: #d9e0ec;
    font-size: 15px;
}