@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
/* 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, 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;
/*background:#f0f0f0 url(images/bgfull.gif) 0 0 repeat-x;*/
padding-bottom:20px;
    }
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{
    color:#cc0000;
}
a:hover{
    text-decoration:underline;
}
/* End Reset */
body{
    text-align:center;
    font:normal 11px arial;
    color:#666;
    background-color:#fff;
}
#thecontainer{
    margin-left: auto;
    margin-right: auto;
    width: 1020px;
    text-align:left;

    }
#content_holder{
        float:left;
        width:1020px;
        padding:0px 0px;
        /*background-color:#f0f0f0;*/
    }
#content{
    float:left;
    width:980px;
    margin:0px 0px 0px 20px;
    padding-bottom:20px;
    font-size:13px;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}
#header {
    float:left;
    width:1020px;
    height:185px;
    background-color:#fff;
    z-index:5000;
}
#header_top {
    float:left;
    width:1020px;
    height:90px;
    background-color:#fff;
}
a.hlogo{
    float:left;
    margin:10px 0px 0px 20px;
}
#login{
    float:right;
    padding-left:20px;
    border-left:1px solid #ccc;
    margin-top:13px;
    margin-right:20px;
}
#hlinks{
    float:right;
    margin-top:13px;
}
#login table,#hlinks table{
    font:normal 12px arial;
}
#login table a{
    font-size:11px;
    text-decoration:underline;
    color:#999;
}
#hlinks table a{
    font:normal 12px arial;
}
#login form input{
    float:left;
    width:160px;
    /*height:16px;*/
    font:normal 12px arial;
}
#login form input.clau{
    width:144px;
    margin:3px 0px;
}
#login form input.submit{
    width:16px;
    margin-top:3px;
    background:#ddd url(images/blackarrow.gif) 5px 3px no-repeat;
    border:solid 1px #ccc;
}
#hlinks form input.search{
    float:left;
    width:114px;
    height:16px;
    font:normal 12px arial;
    margin-top:6px;
}
#hlinks form input.submit{
    height:16px;
    width:16px;
    margin-top:6px;
    background:#ddd url(images/lupa.gif) 0px 0px no-repeat;
    border:solid 1px #ccc;
}
#header_links{
    float:left;
    width:1020px;
    height:50px;
    /*background-color:#e4e4e4;*/
}
#header_links a{
    height:45px;
    text-decoration:none;
}
#header_links a.left {
    float:left;
    display:inline;
    padding:0px 10px;
    background:url(images/red_vline.gif) right 25px no-repeat;
}
#header_links a.right {
    float:right;
    display:inline;
    padding:15px 10px 0px 10px;
    margin-top:10px;
    height:30px;
    font-size:16px;
    color:#333;
    font-family: 'Roboto Condensed', sans-serif;
    background:url(images/red_vline.gif) right 17px no-repeat;
}
#header_links a.first{
    padding-left:0px;
    margin-left:20px;
}
#header_links a.last{
    background:none;
    margin-right:20px;
}
#header_links a.red{
color:#cc0000;
}
#header_links a span.g{
    float:left;
    clear:both;
    margin:5px 0px 0px 0px;
    height:15px;
    font-size:13px;
    color:#999;
    font-weight:normal;
    font-family: 'Roboto Condensed', sans-serif;
}
#header_links a span.b{
    float:left;
    clear:both;
    margin:0px;
    font-family: 'Roboto Condensed', sans-serif;
    color:#333;
    font-size:20px;
    font-weight:bold;
}
#header_links a span.red{
    color:#cc0000;
}
#header_links a:hover{
    color:#cc0000;
}
#footer{
    float:left;
    width:1020px;
    }
#footer_top,#footer_bottom{
    float:left;
    width:100%;
}
#footer_top{
    background-color:#eee;
    height:50px;
    border:1px solid #eee;
    font:normal 12px arial;
}
#footer_top p{
    float:left;
    line-height:20px;
    margin:5px 0px 0px 20px;
}
#footer_top a{
    float:right;
    padding-right:10px;
    margin-right:10px;
    margin-top:20px;
    font:normal 11px arial;
}
#footer_bottom{
    /*background-color:#ccc;*/
    height:280px;
}
#footer_bottom div{
    float:left;
    margin:20px 0px 0px 0px;
    height:260px;
}
#footer_bottom table{
    float:left;
    margin:0px 0px 10px 20px;
}
#footer_bottom table td{
    padding:2px 0px;
}
#footer_bottom a.red{
    font:normal 12px arial;
    color:#333;
    padding-left:10px;
    background:url(images/red_gt_13.gif) 0px 3px no-repeat;
}
#footer_bottom a.header{
    font:bold 13px arial;
    color:#333;
}
#footlinks_holder{
    float:left;
    width:980px;
    margin-top:20px;
}
.footlinks a img{
    float:left;
    display:inline;
    border-right:1px solid #e4e4e4;
}
#escola_banner .vvirtual_holder .slink_holder{
    float:left;
    margin:5px 0px 10px 10px;
    clear:left;
}
#escola_banner .vvirtual_holder .slink_holder a{
    float:left;
    margin:0px 10px 0px 0px;
    height:30px;
}
#footer_convenis{
    float:left;
    height:70px;
    /*background-color:#f0f0f0;*/
}
#footer_convenis a{
    float:left;
    margin-top:10px;
    min-height:40px;
    max-height:40px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    color:#333;
    border-right:solid 1px #999;
    line-height:40px;
}
#footer_convenis a:hover{text-decoration:none;}
#footer_convenis a img{

}
#slider{
    float:left;
    width:980px;
    height:300px;
    background-color:#cc0000;
    margin:20px 0px;
}
#slider2{
    float:right;
    display:inline;
    width:732px;
    height:260px;
    background-color:#cc0000;
}
#slider2_footer{
    float:right;
    width:732px;
    height:55px;
    background-color:#ddd;
    font:normal 13px arial;
    margin:0px 0px 20px 0px;
}
#slider2_footer p{
    float:left;
    margin:10px;
    width:500px;
}
#slider2_footer p b{
    font-size:15px;
}
#slider2_footer a{
    float:right;
    text-decoration:underline;
    margin:30px 10px 0px 0px;
    font:normal 13px arial;
}
#content h1{
    float:left;
    width:100%;
    font-family: 'Roboto Condensed', sans-serif;
    color:#333;
    font-size:42px;
    margin:0px;
    padding:5px 0px 10px 0px;
}
#content h2,#content_mid h2,#content_left h2,#footer h2{
    float:left;
    width:100%;
    font-family: 'Roboto Condensed', sans-serif;
    color:#333;
    font-size:30px;
    text-indent:7px;
}
#content_left{
    float:left;
    display:inline;
    margin-right:15px;
}
#content_mid{
    float:left;
    display:inline;
}
#content_right{
    float:right;
    display:inline;
}
.inner_content{
    float:left;
    width:100%;
    background-color:#fff;
    border-top:1px solid #e4e4e4;
}
.inner_content p{
    margin:10px;
    line-height:150%;
}
.inner_content a.redarrow{
    float:left;
    padding:9px 0px 9px 20px;
    background:url(images/red_gt_13.gif) 7px 15px no-repeat;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:16px;
    text-decoration:none;
    border:1px solid #e4e4e4;
    border-top:none;
}
.inner_content a.redarrow:hover{
    color:#cc0000;
}
.inner_content a.red_arrow_submenu{
    padding:0px 0px 7px 45px;
    background:url(images/red_gt_13.gif) 35px 8px no-repeat;
}
.inner_content a.border-top{
    border-top: 1px solid #e4e4e4;
}
.inner_content span.ul{
    float:left;
    padding:8px 0px 8px 20px;
    background:url(images/red_spot.gif) 7px 15px no-repeat;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:16px;
}
.inner_content_bordered{
    border:1px solid #e4e4e4;
}
.inner_content .destacat{
    float:left;
    width:100%;
    height:155px;
    border:1px solid #e4e4e4;
    border-top:none;
}
.inner_content img{
    float:left;
    margin:10px 0px 10px 10px;
    display:inline;
}
.inner_content .destacat img{
    margin:10px 0px 0px 10px;
}
.inner_content .destacat .right{
    float:right;
    width:230px;
    margin:10px 10px 0px 0px;
    display:inline;
}
.inner_content .destacat .right h3{
    font:normal 16px arial;
    color:#cc0000;
}
.inner_content .destacat .right p{
    font:normal 13px arial;
    color:#333;
    margin:10px 0px 0px 0px;
    line-height:130%;
}
.inner_content .news_item{
    float:left;
    width:215px;
    height:150px;
    padding:0px;
    margin:0px 0px 0px 10px;
}
.inner_content .news_item h3{
    font:bold 13px arial;
    color:#333;
}
.inner_content .news_item p{
    font:normal 13px arial;
    color:#333;
    margin:5px 0px 0px 0px;
    line-height:130%;
}
.inner_content .foto_column{
    float:right;
    margin:0px 10px 0px 10px;
}
.inner_content .foto_column img{
    float:left;
    clear:both;
    margin-bottom:10px;
}
.col235{width:235px;}
.col360{width:360px;}
.col480{width:480px;}
.col730{width:730px;}
.col235 a,span.ul{width:215px;}
.inner_content a.noborder{
    border:none;
}
div.col730 div.inner_content{
    padding-top:10px;
}
.inner_content h3.roboto20{
    float:left;
    width:100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:20px;
    text-indent:10px;
}
a{font:normal 13px arial;}
#escola_banner{
    float:right;
    background-color:#ddd;
    width:732px;
}
#escola_banner .vvirtual_holder{
    float:left;
    width:100%;
    display:inline;
}
#escola_banner .vvirtual_holder .vvirtual{
    float:left;
    width:100%;
    height:300px;
    border-bottom:10px solid #333;
    background:url(images/escoles//vvirtual_bg.jpg) 0 0 no-repeat
}
#escola_banner .vvirtual_holder p{
    float:left;
    margin:10px 0px 0px 10px;
    font:normal 13px arial;
    width:500px;
    padding-bottom:10px;
}
#escola_banner .vvirtual_holder a{
    float:right;
    text-decoration:underline;
    margin:30px 10px 0px 0px;
    font:normal 13px arial;
}
#escola_banner .vvirtual_holder .vvirtual a{
    float:right;
    text-decoration:none;
    /*font:normal 15px arial;
    padding:3px 10px;
    background-color:#f0f0f0;*/
    margin:0px;
    height:80px;
    width:80px;
}
.h3fold,.h3folded{
    float:left;
    width:100%;
    padding:0px 0px 5px 25px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:20px;
    margin:5px 0px 0px 0px;
    cursor:hand;
}
.h3fold{
    background:url(images/h3arrowdown.gif) 8px 10px no-repeat;
}
.h3folded{
    background:url(images/h3arrowup.gif) 8px 8px no-repeat;
}
h4.arialbold14{
    float:left;
    color:#333;
    font:bold 14px arial;
    text-indent:10px;
    margin:5px 0px;
}
h4.newsdate{
    float:left;
    color:#666;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:15px;
    text-indent:25px;
    margin:0px 0px 5px 0px;
}
a.pdf{
    float:left;
    padding-left:25px;
    background:url(images/pdf.gif) 0 0 no-repeat;
    line-height:30px;
}
.inner_content p.reddot4,.inner_content div.reddot4{
    float:left;
    padding:0px 0px 0px 20px;
    background:url(images/reddot4.gif) 7px 7px no-repeat;
}
.inner_content p.redarrow,.inner_content p.redarrowup{
    float:left;
    padding:0px 0px 0px 20px;
    background:url(images/red_gt_13.gif) 7px 6px no-repeat;
}
.inner_content p.redarrowup{
    background:url(images/red_gt_13_up.gif) 7px 7px no-repeat;
}
.inner_content table.opensided{
    float:left;
    border-top:1px solid #999;
    margin:10px 0px 20px 20px;
}
.inner_content table.opensided td{
    border-bottom:1px solid #999;
    padding:5px 20px 5px 0px;
}
.inner_content table.opensided tr.noborder td{
    border-bottom:0px;
}
.inner_content table.opensided td.right{
    text-align:right;
}
.inner_content table.opensided td.red{
    color:#cc0000;
}
.inner_content table.opensided tr.greybg td{
    background-color:#ebebeb;
}
.inner_content table.opensided tr.greybg2 td{
    background-color:#ddd;
}
.inner_content table.opensided td.pad20{
    padding-left:20px;
}
.inner_content table.opensided td.pad50{
    padding-left:50px;
}
form#entrevista{
    float:left;
    width:700px;
    margin:10px 0px 20px 10px;
}
form#entrevista input.txt,form#entrevista textarea.txt{
    background-color:#f0f0f0;
    border:1px solid #ccc;
}
form#entrevista input.w695,form#entrevista textarea.w695{
    width:695px;
}
form#entrevista input.w340{
    width:340px;
}
form#entrevista input.submit{
    float:right;
    margin-top:10px;
    font-size:13px;
    text-decoration:none;
    border:0px;
    background-color:#ccc;
    width:70px;
    line-height:18px;
}
form#entrevista table td{
    padding:3px 10px 0px 0px;
    width:80px;
}
.mapa_web_col{
    float:left;
    width:220px;
    padding:0px 10px;
    border-right:1px solid #ccc;
    display:inline;
}
.mapa_web_col a.redarrow{
    clear:left;
}
.mapa_web_col a.redarrow:hover{
    color:#cc0000;
}
#content .mapa_web_col h2{font-size:20px;}
a.red,#content h2.red,h3.red,h4.red{color:#cc0000;}
#content h2.red{margin-bottom:5px;}
/* 2f4b87 */
/* 2f4b87 */
/* #1f325d */
/* Menu CSS */
/*font-family: 'Roboto', sans-serif;*/

#mapfc,#mapti,#mapsa,#mapav,#maprf {
    width:700px;
    height:424px;
}
#mapfc a#gmaps{
    float:left;
    margin:50px 0px 0px 20px;
    height:20px;
    width:100px;
}
#mapfc a#closemap{
    float:right;
    margin:10px 10px 0px 0px;
    height:20px;
    width:20px;
}
#mapfc{
    background:url(images/mapa_sant_gervasi.jpg) 0 0 no-repeat;
}
.divhidden p{font-size:13px;}

/* Ens voleu cončixer button */
/*a.voleu{float:right;width:231px;height:45px;background-color:#ccc;color:#333;border-style: solid;border-right-width:3px;border-bottom-width:3px;border-color:#a3a3a3;margin-bottom:5px;font-family: 'Roboto Condensed', sans-serif;font-size:22px;text-align: center;line-height:45px;text-decoration: none;}*/
a.voleu{float:right;width:235px;height:45px;background:url(images/escoles/ens_voleu_coneixer.gif) 0 0 no-repeat;border:0px;}
a.voleu:hover{background:url(images/escoles/ens_voleu_coneixer2.gif) 0 0 no-repeat;}
a.transport{float:right;width:235px;height:45px;background:url(images/escoles/transport.gif) 0 0 no-repeat;border:0px;}
a.transport:hover{background:url(images/escoles/transport2.gif) 0 0 no-repeat;}

#header_links > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  border:1px solid #ccc;
  margin-left:20px;
}
#header_links > 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;
}

#header_links > ul > li > ul {
  width: auto;
  position: absolute;
  margin-top:45px;
  border:0px;
  padding-top:10px;
  padding-bottom:10px;
  /*background-color:#e4e4e4;*/
}
#header_links > ul > li > ul.u1{margin-left:0px;}
#header_links > ul > li > ul.u2{margin-left:93px;}
#header_links > ul > li > ul.u3{margin-left:350px;}
#header_links > ul > li > ul.u4{margin-left:415px;}
#header_links > ul > li > ul.u6{margin-left:715px;}
#header_links > ul > li > ul.u7{margin-left:655px;}
#header_links > ul > li > ul.u5{margin-left:845px;}

#header_links > ul > li > ul > li {
  float: none;
  position: relative;
  background:none;
  /*background-color:#e4e4e4;*/
  background-color:#fff;
  width: auto;
  padding:5px;
  z-index:1;
  margin-left:10px;
}
#header_links > ul > li > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#header_links > ul > li > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
}
#header_links > ul > li > ul > li > ul {
  left: 200px;
  top: 1px;
  width: auto;
}
#header_links > ul > li > ul > li > ul > li {
  float: none;
}
#header_links > ul > li > ul > li a{
    padding:4px 20px 9px 20px;
    background:url(images/red_gt_13.gif) 7px 10px no-repeat;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:16px;
    text-decoration:none;
}
#header_social{
    float:left;
    width:1020px;
    height:45px;
    background-color:#888;
}
#header_social h2{
    float:right;
    margin-top:10px;
    margin-right:10px;
    color:#fff;
    font:normal 20px arial;
}
#header_social div{
    float:right;
    margin-top:10px;
    margin-right:10px;
}
.footlinkgrup{float:left;}
a.footlinkgrup img{border:0px;}

@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
#content{padding-bottom:23px;}
#footer_top{height:36px;}
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
#content{padding-bottom:23px;}
#footer_top{height:36px;}
}}
@supports (-ms-ime-align:auto) {
   #content {padding-bottom:14px;}
}

body{padding-bottom:20px;}

#breadcrumbs{
    float:left;
    width:95%;
    color:#666;
    font:normal 12px arial;
    padding:5px 0px 0px 0px;
}
#breadcrumbs a{
font:normal 12px arial;
}
#breadcrumbs span{
font:normal 12px arial;
    color:#cc0000;
}